﻿
body
{	
	background: #fff  url(images/BlueWaterLight.jpg) ;
	/*background-position:-125px -25px;*/
	 -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
	 -moz-background-inline-policy: -moz-initial;
	width:100%;
   text-align:center;
   color:#010042;
	 }

/*top menu*/
#topmenu {
	color: #fff;
	background-color: #bc5634;
	background-image:url(images/headertop.jpg);
	border-top:solid 2px #412A19;
	border-bottom:solid 2px #412A19;
	padding: 3px;
	margin-bottom: 25px;
	text-align:right;
	}

#topmenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#topmenu ul li a {text-decoration:underline; color:#fff;}
#topmenu ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
 #topmenu ul li:before {
	/*content: "\0020 \0020 \0020 \00BB \0020";*/
	padding-right:30px;
	color: #ff9;
	}
	
#topmenu ul li.first:before {
	content: " ";
	}


#doc3{width:100%;margin:auto;padding:3px;}
#hd{ width:100%; background:transparent url(images/bodyback.png) no-repeat; height:230px;}
.headertext{float:right;color:#F4A821;font-size:1.2em;width:200px;height:50px;padding-right:25px;margin-top:90px;}
div#hd h1{color:#99ddee;height:180px; width:246px;background:transparent url(images/SLMNTile.png) no-repeat;font-size:.01em;}
#bd{clear:both;margin-left:6px;background-color:transparent;width:890px;
padding:2px;}
#ft{background:transparent url(images/bodyback.png) no-repeat 0 -760px;
padding-left:5px; }
#end{clear:both;
     height:30px;}
.yui-b{background-color:Transparent;}     

/*---------footer----------------------*/
.footer{ width:100%;
        margin:auto;text-align:center;
        }
.footer a {color:#fff;}
#footerwrapper{width:95%; text-align:center; margin:auto;padding-top:20px;
               }
#footerlinks{width:550px;float:left; 
             padding:10px;height:85px;
             }
div#footerlinks ul {}   
div#footerlinks ul li a:hover { color:#b4643c;}
#hcard-Faxt-Internet, #hcard-Faxt-Internet a, div#footerlinks ul li a:visited {font-weight:bold; color:#703b1a;}          
div#footerlinks ul li a { font-weight:bold; color:#703b1a;width:85px; float:left; text-decoration:underline;}             
div#footerlinks ul li , div#footerlinks ul{list-style:none;float:left;}
#credits{ width:600px; text-align:center; height:30px; }

/* headings and typography
---------------------------------------------------------------------------------*/

h1 {
	font: bold 190%/100% Georgia, Times, serif;
	padding:5px 0 15px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #010042;
	text-align:center;
}
h2 {
	font: bold 140%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #010042;
}
h1 a, h2 a {
	color:#010042
}
h1 a:hover, h2 a:hover {
	color: #010042;
	text-decoration: none;
}
body h3 
{

	font: bold 120%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #010042;
	text-align:center;}
h3 em, h4 em {
	color: #CC0000;
	letter-spacing: -1px;
}
h4 {
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color: #666666;
}

p {
	padding: 0 0 1.3em;
}
img {
	border: none;
}
a {
color:#C87100;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:underline;
}
a:hover 
{
	color:#FF930D;
	text-decoration: underline;
}
em {
	font: italic 110% Georgia, "Times New Roman", Times, serif;
}
em strong {
	color: #CC0000;
}
blockquote {
	padding: 0 10px 5px 20px;
	background: url(images/comments-bullet.gif) no-repeat left 2px;
	font: italic 115%/135% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
blockquote em {
	font: italic 110%/130% Georgia, "Times New Roman", Times, serif;
}
blockquote cite {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
}
ul {
	list-style: none;
	padding-top: .5em;
}
ul li {
	/*background: url(images/bullet.gif) no-repeat 4px 4px;*/
	padding: 0 0 1em 18px;
	line-height: 140%;
}
ol {
	font: italic 125% Georgia, "Times New Roman", Times, serif;
	color: #CC0000;
	margin: .3em 0 15px;
}
ol li {
	margin: 0 0 5px 30px;
	padding: 0;
}
ol p {
	font: normal 80%/150% Arial, Helvetica, sans-serif;
	color: #333;
}

.title {
	background: url(images/tape.gif) no-repeat center center;
	text-align: center;
	font: normal small-caps 190%/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: 0px 0 20px;
	padding: 16px 20px 16px 0;
}
.title span {
	color: #666666;
}
p big, .intro {
	font: 115%/155% Georgia, "Times New Roman", Times, serif;
	color: #333333;
	
}

/* body */
#container
{
	
	}
	
/* top  navigation bar */
#mainnav[ID]{
background:transparent ; /*url(images/nav/navbar.png) no-repeat scroll 0 0;*/
color:#999999;
font-family:"Segoe UI",Verdana,sans-serif;
height:48px;
margin:auto;
text-align:center;
top:35px;
width:950px;
}
* html #mainnav {width: 951px; height:48px;padding:0; margin:0; }


div#menubar {float:right;width:500px;}
div#menubar ul li{float:left; width:90px;}
/*master search menu*/
#searchbar{position:relative; float:right; width:300px;}

/* Navigation */
#fm1{clear:both;width:850px;height:60px;margin:auto;background-color:#62a8cb;border:solid 1px #3c8cb4;
     margin-top:10px;}
#fm1 li a, #fm1 li a:link, #fm1 li a:active, #fm1 li a:visited {
border:1px solid;
color:#FFFFFF;
display:block;
font-size:1.3em;
font-weight:bold;
text-align:center;
text-decoration:none;
width:180px;
}
 #fm1 li a {font-size:1.6em; font-family:Georgia;font-weight:bold;background-color:transparent;
          color:#fff;padding:10px;}
 #fm1 li
{
	float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:10px;
text-align:left;
width:30%;
}
.nav, .nav ul, #fm1 ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:1.3em;

z-index:100;

}

.nav {
 float:right;
height:25px;
margin-bottom:20px;
padding-bottom:3px;
width:895px;
z-index:100;
border-top:solid 3px #C5C5C5;
background-image: url(images/menuback.jpg);
background-repeat: repeat-x;
color:#B9FF16;
}

.nav li {width:100px;}
.nav li
{
	padding:0;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	list-style:none;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
 {
  display: block;
	color:#B9FF16;
}

.nav li a:hover {
text-decoration:underline;	
	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  text-decoration:underline;	

}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  text-decoration:underline;	
	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
text-decoration:underline;	
}

.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
/*----sub menus----*/
.nav ul li {
  border: 0;
  float: none;
  list-style:none;
}
.nav ul li a 
{
	color:#b4643c;
	font-size:1.1em;
	font-weight:bold;
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
}
.nav ul a:hover {
  text-decoration:underline;
}
	
/*----------footer push to bottom-------------*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.allcontent{ width:900px; 
			text-align:left;
             min-height:100%;
             height: auto !important;
	height: 100%;
	margin: 0 auto -5px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push 
{
	position:relative;
	height: 5px; /* .push must be the same height as .footer */
}
/*end footer setup code*/
#wrapper
{
	padding-top:20px;
	position:relative;
	width:950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5px; /* the bottom margin is the negative value of the footer's height */
}

.floatright{float:right;}
.floatleft{float:left; padding:10px;margin:10px;}
.floatcenter{text-align:center;margin:auto;}
.clearall, .resetfloat{clear:both}


/*vcard*/
#hcard-Faxt-Internet{width:200px;float:right;
                   padding:20px;}
.vcard{margin:auto; text-align:center; width:250px;}
.fn, .org, .email, .adr, .locality, .tel, .region {font-size:1em;}
/* -------- code embed ------------*/

.codebox {
background:#F4F4F4 none repeat scroll 0 0;
border:1px dotted #666666;
display:block;
font-family:monospace;
font-size:0.95em;
margin:10px;
padding:5px;
width:500px;
}	
/* -------- blu button ------------*/
div.button-blu, input.button-blu {

  line-height:1.2;
  padding:10px;
}

div.button-blu div, input.button-blu, a.button-blu, button.button-blu, ctl00_ContentPlaceHolder1_Login1_LoginButton {
border-bottom:1px solid #e8eefa;
  background:url("images/button-blu.gif") no-repeat 0% 0%;
  font-size:1.2em;
  margin:0;
  padding:0;
  color:#fff;
  margin:auto;
  text-align:center;
  }
   a.button-blu
   {
   	display:block;
  color:#FFF;
  padding:3px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  width:82px;
   	}
div.button-blu div span a {
  display:block;
  color:#FFF;
  padding:3px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  }
  
  div.button-blu div span a {
	background:url("images/button-blu2.gif") no-repeat right bottom;
  }

div.button-blu div p {
  background:none;
  background:url("images/button-blu.gif") no-repeat right -400px ;
  margin:0;
  padding:0;
  text-align:center;
 }
div.button-blu div p span, div.button-blu div p span input {
  display:block;
  background:url("images/button-blu.gif") no-repeat left bottom;
  margin:0;
  padding:0;
 }


 /*End blu Button*/

/* right content */
#rightcontent, #demo {float:right; width:250px;color:#fff;}
#demo h2{color:#fff;}
#masterbody{padding:10px;}
#container, #demo {border:solid 1px #010042; background-color:#703b1a;}
div#centercontent p {padding:10px; text-align:left; margin-left:3px;}
div#centercontent h2 {text-align:center;}
div#centercontent h3 {padding-top:15px;}
/*div#centercontent p:first-letter {font-weight:bold; font-size:1.1em;}*/
#centercontent{padding:3px; background-color:Transparent;width:100%; }
               
/*    login form     */

#ctl00_ContentPlaceHolder1_Login1{margin:auto; text-align:center; width:300px; font-size:1.1em;margin-bottom:90px;margin-top:20px;}
.errorrow{color:#f00;font-size:.9em;font-weight:bold;}
/*        default form      */
/*----default.aspx-----*/
#autoScrollOff { color: #f00; 
 }
 #autoScrollOn { color: #0f0; }
 #statusContainer{ border:1px solid #CCCCCC;
height:525px;
margin:5px 0;
overflow:auto;
width:895px;}
 #statuses{table-layout:fixed; overflow:hidden;width:100%; border: none;    border-collapse: collapse;}
tr.new{background-color:#f1f1f1;}
tr.status{ width: 100%;height:60px;border:solid 1px #f1f1f1;}

td.avatar {width:80px; padding:2px;}
td.avatar img, p.userInfo img {height:70px;width:70px;}
p.userInfo{float:left;width:120px; height:100px; padding:3px;background:#fce8b7;border:solid 1px #cb8562;color:#2d3c86;}
p.userInfo a {color:#60202b;}
p.userInfo .caption, p.meta{color:#2d8640;font-size:.08em;}
.followingnotice{font-weight:bold;}

/*------------ADMIN -------------------------------*/
#centercontentadmin{height:850px; overflow:auto; width:950px;background: #fff;}
div#centercontentadmin div#leftcontent {float:left; width:200px; text-align:left;margin-left:0;padding-left:10px;}
div#centercontentadmin div#centercontent {position:absolute; top:100px;left:210px; width:730px;}
.admingif {float:right;}
.adminreturn {float:left;padding-left:10px;padding-top:3px;padding-right:5px;}
.returnlnk{float:left;font-weight:bold; font-size:.9em;}
.desc{color:#111;}
ul.testimonialform { background-color:#fff;}
 td.tableNavLink a {margin-left:5px;}
/*---------------catalog page list display------------------*/   
div#leftcontent {width:200px;background-color:#fff;padding:3px;margin:3px;border:solid 2px #ccc;}                  
.breadcrumb{font-size:.9em;float:left;}
.productlistbox{width:850px;height:190px; background-image: url(images/back.png);background-repeat:repeat; border:solid 1px #ddd;}
.addtocart{margin:auto; text-align:center;}
.productsummarydisplaywrapper{text-align:left;}
.productsummaryimageholde{text-align:left;}
.productimage{text-align:left;height:150px;width:150px;float:left;}
.productsummarytext{text-align:left;}
.productsummaryproductname{text-align:left;}
.summaryDesc{text-align:left;}
.productlisttext{text-align:left;}

/*------------product (featured) page --------------------*/
.coreboxbody2,.productsection, .hookline {width:600px; }
.notice,.coreboxbody2,.productsection, .hookline { background-image: url(images/back.png);background-repeat:repeat;}
.productimagearea{width:420px;float:left;}
.notice,.coreboxbody2,.hookline { margin:8px; padding-left:8px; border:solid 2px #010042; color:#010042;}
.notice{width:200px;height:100px;position:relative; top:-40px;z-order:1000;}
.categorylist,.productsection h5
{
background-image:url(images/menuback.jpg);
background-repeat:repeat-x;
color:#B9FF16;
padding:3px;
width:100%}
div.categorylist td a {color:#B9FF16;padding:3px;text-decoration:underline;}

.twentyPixSpacer{padding:20px;}
/*--------carousel---------------------*/
#carousel{margin:10px;}
/*-------Add Yours------------------*/
#ctl00_ContentPlaceHolder1_Step1 dt {height:2em;}
dt label {font-weight:bold;}

/*-----blog styles--------------*/
.box {border-bottom:solid 3px #A0AAB4;padding:3px;}
.box h2, .postfooter, td.tableNavLink a {border:solid 3px #C87100;padding:3px; 
background-color:#FF930D;
 background-image: url(images/BlogHeaderBack.jpg);color:#fff;
        margin-bottom:6px;}
.taggedlink{color:#fff;}        
.box p {
font-size:1.2em;
letter-spacing:0.01em;
line-height:1.4em;
        	}        
.postfooter{ background-image: url(images/back.png);background-repeat:repeat;
}        	
.text, div.comment, div.commentForm {
background-image:url(images/back.png);
background-repeat:repeat;
margin-top:10px;
padding:5px;
}

/*----------------------comment view----------------------*/
div.post, div.comment, div.commentForm 
{	margin:2px;
	border: 2px solid #12172B;
	padding: 3px 10px;
	margin-bottom: 20px;
	line-height: 17px;
	
}

.comment .gravatar {
	display:none;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
	border: 1px solid #49473A;
}

.comment .content {
	min-height: 85px;
	margin: 5px;
	margin-left: 90px;
color:#3A382C;
	background-image:url(images/back.png);
	font-size:1.05em;

}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}
.commentForm input, .commentForm select
{
	margin: 4px;
background-color:#FFFFFF;
color:#323034;
margin:4px;
border:solid 1px #A5A396;

}
.commentForm label 
{
	clear:both;
	float: left;
	display: block;
	width: 80px;
	margin: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid #49473A;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid #49473A;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:#fff none repeat scroll 0 0;
	border-bottom:1px solid #fff;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {
	background-image:url(images/back.png);
	padding: 5px 10px 10px 10px;
	border: 1px solid #12172B;
}

#relatedPosts h1 {
	margin: 0 0 10px 0;
}

#relatedPosts p
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

#relatedPosts a {
	display: block;
	margin-top: 5px;
}

#relatedPosts span {
	text-indent: 10px;
	font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom: 10px;
}

ul.recentPosts li a{
	font-weight: bold;
}

ul.recentPosts li span{
	display: block;
	text-indent: 10px;
	text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom: 10px;
	text-transform: none;
}

ul.recentComments li a.postTitle{
	font-weight: bold;
}
