/**
 * @copyright 2006 BigBlueHat - All rights reserved.
 * @author Gabriel Egolf <gegolf@bigbluehat.com>
 * @author Benjamin Young <byoung@bigbluehat.com>
 * @author Ben Kammer <hkammer@bigbluehat.com>
 */

* {margin:0px; padding:0px;}

body { margin: 0; padding: 0; background-color:#10263E; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; }

h1, h2 { color: #8E7963;padding-bottom:10px; }
h3, h4, h5, h6{padding-top:15px; padding-bottom:5px; color: #8E7963;} 
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }
blockquote, ul, ul li, dl dd { margin-left: 15px; }
p { margin-bottom: 15px; }
img {padding:5px; border:1px solid #8E7963;}
a { color: #2F567F; }
a:hover { color: #7A945F; }
a:visited { color: #59738F; }

fieldset { border: 1px solid #8E7963; padding: 5px; margin-bottom: 15px; }
fieldset legend { margin-left: 5px; padding: 0 3px; }
fieldset ul { list-style: none; }
fieldset label { display: block; width: 125px; float: left; }
button, a.checkout { border: 1px outset #3E566F; background: #3E566F; color: white; padding: 3px 5px; }

/** box model hack **/
* html .block { height: 1%; }
.block:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }

#wrapper { 
width: 750px; 
margin: 0 auto; 
background:url('/img/site_design/templates/paper_background.gif') repeat-y; 
}

#page {width:700px;margin:0px auto;}
#page:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }

#site-header { width:690px; margin:0px auto; background: #FBF1E3;}
	
#site-header:after, { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
* html #site-header { height: 1%; }
#site-header h1 { background: url('/img/site_design/header_background.jpg') 0 0 no-repeat; top: 5px; left: 5px; position: relative; height: 163px; margin: 0; padding: 0; text-indent: -9999px; }
#site-header a { display: block; height: 10px; margin-right: 25px; text-decoration: none; line-height: 10px; color: #000052; font-weight: bold; }
	
#site-nav, #site-subnav #categoriesmenu {margin:0px auto; width:690px; }
#site-nav { width: 500px; margin: 5px 0 0 15px; float: left; clear: left; }
* html #site-nav {margin-left:8px}
#site-subnav #categoriesmenu {background: #FFF8EF;border:1px solid #DBB99F}
#site-nav ul li, #site-subnav #categoriesmenu li {list-style:none; display:inline;}
#site-nav ul li a, #site-subnav #categoriesmenu li a { display:block; float:left; padding:5px 10px; margin:0px auto; text-decoration:none;  font-size:13px;  font-weight: bold; color:black; }
#site-subnav #categoriesmenu li a {color:#8E7963}
#site-nav ul li a:hover, #site-subnav #categoriesmenu li a:hover {color:#456b87;}
#site-nav ul li a.current, #site-subnav #categoriesmenu li a.current{color:#456b87; font-weight:bold;}

* html #site-subnav #categoriesmenu { height: 1%; }
#site-subnav #categoriesmenu:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }

#subnav { float: right; border-bottom: 1px solid white; width: 225px; }
#subnav ul { margin: 0; padding: 0; list-style: none; }
#subnav li { float: left; width: 225px; }
#subnav a { display: block; background: #6BC7FF; color: white; text-decoration: none; padding: 5px 10px; }
#subnav a:hover { background: white; color: #000052; } 

#content { padding: 30px 50px; clear: both; height:1%}
#content:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
#content-item{padding-bottom:20px;}
#content ul { margin-left: 15px; }

.nprice { text-decoration: line-through; color: #9F4413; }
.negative { color: #9F4413; }

#site-footer {
width:671px; 
height:30px;
background:url('/img/site_design/templates/paper_footer.gif') top repeat-x;
margin:0px auto; 
padding:15px 10px;
font-size:10px;
color:#fff;
}


#site-footer #copyright {margin-top:25px; float:left;}
#site-footer #credits {margin-top:25px; float:right;}
#site-footer #credits span {position:relative; top:-13px;}
#site-footer #credits a {color:#fff; text-decoration:none;}
#bbh_logo {border:1px solid #121212; padding:2px;}

#site-footer #credits .bigbluehat a { color: #000052; text-decoration: none;}
.bigbluehat em { text-decoration: none; color: #6BC6FF;	font-style: normal; font-weight: bold;}


/* teh hax0rs */
* html #page, * html #solutions { height: 1%; }

/** Store styles **/
#store-controls { margin-top: 6px; float:right }

#store-controls form { padding: 2px 5px 3px; width:220px }
#store-controls ul { margin: 0; padding: 5px; list-style: none; font-size: 13px; }
#store-controls ul li { float: left; }
#store-controls ul li a { display: block; padding: 0px 5px; }
#store-controls input { font-size: 11px; }
#store-controls button { text-transform: lowercase; padding: 1px 2px; font-size: 11px; }

#categoriesmenu { text-align: center; clear: both;}
#categoriesmenu:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
#categoriesmenu { position: relative; height: 1%; }
#categoriesmenu li a { width: 45%; }

ul.cols:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
ul.cols { height: 1%; }
ul.cols li { float: left; height: 145px; width: 125px; margin: 5px; list-style: none; text-align: center; border: 1px solid #DFD1C3; padding: 5px; font-size: 13px; }
.products.cols li { width: 100%; height: auto; text-align: left; margin-bottom: 5px; clear: both; }
.products.cols .prodimg { float: left; margin-right: 5px; }
.products.cols .title { float: left; }
.products.cols .price { float: right; }
.products.cols .description { clear: right; padding: 3px 5px; }

.details { float: right; text-align: center; margin: 0 5px; width: 172px; }
.tnail { }
.tinee { clear: left;  text-align: center; }

#scart { float: right; clear: right; margin: 5px; text-align: center; width: 172px; }
#scart fieldset { background: white; }
#scart .price { display: block; padding-bottom: 3px; font-size: 18px;}

#cart { border: 1px solid #8E7963; background: #FFF7EF; }
#cart:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
#cart { height: 1%; }
#cart h3 { margin: 0; padding: 0; }
#cart ul { margin: 0; padding: 0; list-style: none; }
#cartleft { float: left; padding: 3px 5px; }
#cartright { float: right; padding: 3px 13px 3px 5px; }

#cart div.checkout { display: block; text-align: right; clear: both; }
a.checkout { display: block; float: right; text-decoration: none; font-size: 11px; }

#cart table.products td { padding: 0 5px; }

.cart { border-collapse: collapse; }
.cart td { text-align: center; border: 1px solid #CCC; padding: 5px; }

.total { list-style: none; text-align: right; }
.total li { clear: both; }
.total label { display: block; float: left; text-align: right; }
.total .price { display: block; float: right; width: 90px; text-align: right; }

.oinfo label { width: auto; }
.oinfo input { float: left; margin: 5px; }
.oinfo .price { float: left; margin-left: 15px; font-size: 13px; font-weight: bold;}

#add-customer ul { margin: 0; padding: 0; list-style: none; }
#add-customer label { width: 145px; float: left; }

#flashMessage { background: #9F4413; color: white; margin: 0 35px; padding: 2px 5px;}