body{background-color: #000; color: #fff; text-align:center; padding: 0 0 10px 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; margin: 0; text-align:center;}
#pageSurround {width: 950px;text-align:left; margin:auto; color:#fff; background-image:url(../styleImages/sys/bg.jpg); background-position: center 433px;background-repeat:no-repeat;margin-bottom:5px;}
#topHeader{text-align: center;}

/***** layout *****/
.colLeft {float:left; text-align:left;width: 235px;}
#left2{padding:30px 0 0 20px;}
#left2 img{margin: 0 0 20px 0;}
.colMid {width:685px; padding:25px 20px 0 0; float:left;}

#topbar{text-align:right;margin:5px auto;font-size:90%;width:950px;}
.shopcart{margin:0 0 0 10px;display:inline;}

/***** html *****/
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
h1{margin: 0 0 0.5em 0; font-weight: bold; font-size: 1.9em;}
h2 {margin: 0 0 0.5em 0; font-size: 1.2em;}
h3 {margin: 0 0 0.3em 0; font-size: 1.1em;}
h4, h5, h6 {font-size: 1.05em; }
div {margin:0;padding:0; }
p {margin:0;padding:0 0 0.8em 0;}
hr{clear:both;height: 1px;border: 0;border-top: 1px solid #fff;margin-bottom: 0.8em;}
a{color: #F33799;font-weight: bold;text-decoration:none;}
a:hover, #footer a:hover, #footerlinks a:hover{color: #a6a2fd;text-decoration: underline;}
small{font-size:85%;}

.boxTitleLeft, .boxTitleRight {
color: #FFFFFF;
background-color: #000;
background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
height: 15px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding-left: 5px;
}
.boxContentLeft, .boxContentRight {
border: 1px solid #fff;
background-color: #000;
padding-left: 5px;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 5px;
}
.colRight {
position: relative;
width: 100px; 
padding-left: 5px;
right: 0px;
float: right;
}
.boxContent {
border: 1px solid #000000;
padding: 3px;
color: #ffffff;
margin-bottom: 5px;
margin-top: 0px;
position: inherit;
background-color:#181a18;
}
/* CHECKOUT PAGES */
.colLeftCheckout {}
.colMainCheckout {width:685px; float: left;}
/* END CHECK OUT PAGES */

#subCats {text-align: center;width: 100%;}
.subCat {text-align: center;float: left;width: 49%;}

.siteDocs {
text-align:center;
margin-top: 10px;
}
.pagination {
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
}

.regSep{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
}
#imgThumbSpace{
line-height: 0px;		
}
#imgThumbSpace img {
padding-right: 3px;
padding-bottom: 3px;		
}

div.latestProds {
text-align: center;
width: 131px;
height: 100px;
float: left;
overflow: hidden;
}

/*
Start Cross-Browser DHTML Menu
*/

#mainmenu-nav {
list-style: none;
list-style-type: none;
width: 158px;
padding: 0px;
margin: 0px;
}

.li-nav a {
padding: 2px 1px;
background-color: #EBEDFE;
width: 148px;
display: block;
text-indent: 2px;
color: #070F72;
text-decoration: none;
margin: 0px;
}
.li-nav a:hover {
background-color: #FFFFFF;
color: #FF6600;
}

.ul-nav, .li-nav {
display: block;
list-style: none;
}

.ul-nav {
width: 150px;
padding: 0px;
}

.li-nav {	
float: left;
}

.li-nav .ul-nav  {
display: none;
position: absolute;
margin-left: 100px;
margin-top: -19px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 4px solid #0858B6;
z-index: 99;
}

a.hassubmenu {
background-image: url(../styleImages/more.gif);
background-repeat: no-repeat;
background-position: 143px 6px;
}
/*
End Cross-Browser DHTML Menu
*/


/*
Static site styles
*/
#famright{width:685px; padding:25px 20px 0 0; float:left;}
.newhomebox{background: url(../styleImages/sys/boxbg.gif) no-repeat top right;width:679px; margin-bottom:20px;}
.newhomebox2{background: url(../styleImages/sys/horiz_white.gif) no-repeat bottom right;height:313px;}
html>body .newhomebox2{height: auto; min-height:313px;}
.newhome_buttons{text-align:right;width:400px;height:142px;float:right;}
.newhome_img{background: url(../styleImages/sys/vert_white.gif) no-repeat left 73px;float:left; width:200px;}
.newhome_img img{margin:74px 0 0 1px;border-right:1px solid #fff;}
.hboxpad{float:left; width:320px;padding:15px 0 0 15px;}
.newhomebox{font-size:1.2em;}
.newhomebox ul{margin:15px 0 0 0;padding:0 0 0 20px;}
.newhomebox li{padding-bottom:0.5em;}
/*   border:1px solid red;  */

.smallgenbox{border:1px solid #fff;width:578px;margin-bottom:20px;font-size:1.2em;}
.genbox{border:1px solid #fff;width:100%;margin-bottom:20px;font-size:1.2em;background:#000;}
.genboxpad{padding:10px 15px;}
.normbox{border:1px solid #fff;width:100%;margin-bottom:20px;background:#000;}
.famfacts{width:420px;line-height:1.5em;float:left;margin:0 0 10px 0; }
.famfacts strong{width:4.4em; text-align:right; display:block; float:left; clear:both; padding-right: 0.55em; }

.hide {position: absolute;left: -9000px;} 
.top{padding: 1em 0 2em 0; clear:both; }
#content .top a{background:transparent url(../styleImages/site/up_arrow.gif) no-repeat left; padding:0 0 0 18px; }

/* boxes */
#mailbox{border:1px solid #fff;width:150px;font-size:90%;}
#mailbox h2{background-color:#362a87;padding:5px 0 5px 10px;margin:0;}
#mailbox form{margin:0;padding:0;}
#usefulbox{background:#000;border:1px solid #fff;width:160px;}
#usefulbox h2{background-color:#362a87;padding:5px 0 5px 10px;margin:0;font-size:1.1em;}
#usefulbox ul{margin:5px 0 0 0;padding:0;}
#usefulbox li{margin:0;padding:0 0 10px 0;list-style:none;}
.boxpad{padding:5px 10px; }
.emailbox{width:128px;margin:5px 0;padding:2px;}

/* FOOTER */
#footerlogos{margin:20px 0 0 0;background:#000;}
.flogo1{float:left;width:33%;text-align:left;}
.flogo2{float:left;width:33%;text-align:center;}
.flogo3{float:right;width:33%;text-align:right;}
#footer{text-align: center; padding:10px 0 0 0;clear:both;background:#000;}
#footertop{border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding:10px 0;}
#footerlinks a{font-weight:normal}
#footerlinks{text-align: center; padding:0.5em 0;text-transform: lowercase;background:#000;}
.copy{font-size:85%;clear:both;}
/* END FOOTER */

.bigtext{font-size:1.2em;line-height:1.4em;}
.listpad li{padding-bottom:0.7em;}
p.hometext{font-size: 1.2em; margin-bottom:0.6em; }
/* Open simple box */

.smallspace{height:10px;}
.fambg{background:url(../styleImages/sys/buttons/familyhoogpinkbut.gif) no-repeat top right;}
.hoogbg{background:url(../styleImages/sys/buttons/hoogpinkbut.gif) no-repeat top right;}
.error{color:#ff0033;}
.ppform p{padding:0 15px 15px 15px;}
.ppform td{padding:5px;}

/* images */
.imageleft{margin: 5px 10px 15px 0; float:left; }
.imageright{margin: 5px 10px 10px 10px; float:right; }

input, select, textarea {font-size:100%;font-family: Verdana, Arial, Helvetica, sans-serif;border:0;}
.textbox {padding:2px;}
.shipbox {width:auto;margin-top:2px;}
a.submit{font-weight:bold; font-size: 1em; margin: 0; border:1px solid white; background:#F33799; color:#fff; cursor:pointer;padding:2px 5px;}
a.submit:hover{background:#fff; color:#F33799;text-decoration:none;}
input.submit{font-weight:bold; font-size: 1em; margin: 0; border:1px solid white; background:#F33799; color:#fff; cursor:pointer;padding:2px;}
input.submit:hover{background:#fff; color:#F33799;text-decoration:none;}

/* Close simple box */

.aligncenter{text-align:center; }
.alignright{text-align:right; }
.clearboth{clear:both;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#skiplinks{
position:absolute; 
top:-100em;
margin:0;
padding:0;
width:1px;
}