body {margin: 5px 0; font: normal 81.25%/1.3 "trebuchet ms",  arial, helvetica, verdana, tahoma, sans-serif; background: #fff url("../img/bg-body.jpg") top left repeat-x; text-align:center;}
* {padding:0; margin:0;}/* zero everything so we're on a level browser playing field*/
h1, h2, h3, p, h4 {margin-bottom:.2em;}

a {text-decoration:underline; color:#7590BB;}
a:hover{text-decoration:none; color:#666;}


p, ul {color:#666;}

.clear{clear:both; height:1px; overflow:hidden;}
.shhh{display:none;}
.small{font-size:.8em}
.lt{float:left; padding-left: 10px; text-align: left;}
.rt{float:right;}
.rt h1, .rt h2 {font-weight: normal; margin-right: 15px;}
a img{border:none;}
.red{color:#900;}
.b{font-weight:bold;}
.indent{padding-left:15px;}
.indent2{padding-left:25px;}

.topbasket {width: 250px; height: 42px; margin: 8px 10px 0px 0px; padding: 5px 7px 0 0; background: url(../img/basketback.gif) top right no-repeat;}
.topbasket p {margin: 0px; padding: 0px; color: #7590bb;}
#head .topbasket a {background: url(../img/arrow-right-sm.gif) no-repeat center left; padding-left: 15px; padding-bottom: 2px; color: #7590bb; text-decoration: underline;}
#head .topbasket a:hover {color: black;}

#head{clear:both; min-height: 133px; height: auto; _height: 133px; background: url(../img/bg-banner.jpg) left top no-repeat;text-align:right; padding-right: 5px;}
  #head img {padding-top: 20px;  }
  #head h1 {padding-top:15px;font-size: 1.9em; color:#fff;}
  #head h2{font-size:1.3em; color:#fff;}
  #head h3{font-size:1.2em; color:#fff;}
  #head a{color:#fff; text-decoration:none;}
  
#outterhead{background: url(../img/rightshadowtop.jpg) top right no-repeat;}

#bar{ background-color:#DAD2B9; height:2em; line-height:2em;padding-top:5px;}
html>body #bar{padding-top:0px;}
  #bar p{line-height:2em; font-weight:bold; color:#444A8D; margin:0 0 0 9px; font-weight:bold; font-family: arial, helvetica, sans-serif;}
 #topnav a{line-height:1.9em; color:#444A8E; font-size:1.1em; text-decoration:none;}
 #topnav a:hover{color:#5087CD;}
 #topnav input.normfield{width:100px; height:15px; border:1px solid #454A8E; color:#5087CD;}
 

/*form stuff*/
input{ border:1px solid #7590BB; color:#5087CD;}
input.normfield{width:100px; height:15px;}
input.medfield{height:14px;}
input.verysmallinput{width:20px; height:17px;}
input.smallinput{width:30px; height:17px;}
input.bigfield{width: 200px; height:17px;}
input.verybigfield {width: 300px;}
textarea.notes{ border:1px solid #7590BB; color:#5087CD; height:75px; margin-left:0px;}
textarea {color:#5087cd ; margin:3px; height:250px; border:solid 0 #fff; padding: 0 8px; voice-family: "\"}\"";voice-family:inherit; width:300px; }
select{ border:1px solid #7590BB; color:#5087CD; width:200px;}
select.tinyselect{width:100px;}

fieldset {border:solid 1px #999; width:90%; display:block; margin:5px auto; padding:10px;}
legend{ color:#5087CD;}


/*progress bar*/
.progressbar{margin:20px auto; width:580px;}
.progressbar img{text-align:center; display:block; width:470px; margin:5px auto;}
.progressbar table{width:100%;}
.progressbar table tr p.dark{color:#42498D; font-weight:bold; } 
.progressbar table tr p.light{color:#D2D6E1; font-weight:bold;}

.wrap{margin:0px auto; width:808px; text-align:left;}
#wrap2{margin:0px auto; width:808px; text-align:left; border-left:1px solid #9FA5B9; background: url(../img/rightshadow.jpg) top right  repeat-y;}
#container{width:100%; float:right; margin-left:-192px;}
  html>body #container{ margin-left:-192px; padding-left:0px;}
#bottomborder{width:808px; height:5px; background: url(../img/bottomshadow.jpg) top left no-repeat;}

#content { margin-left:192px; padding: 5px 0px}
 #imagewords h1 {color:#44498E; text-align:right; margin:-220px 30px 200px 0; font-size:1.4em;}
 #content ul{margin:10px 30px;}
 #content ul li{margin:6px 0;}
 #content h1{font-size:1.5em; color:#44498E;}
 #content h2{color:#7590BB; font-size:1.4em;}
 #content h3 {color:#7590BB; font-size:1.2em;} 
 
#content span.proddetails h2, #content span.proddetails h3, #content span.proddetails p, #content span.proddetails form {margin-left: 10px;}
#content span.proddetails h3.proddetailsprice {color: #000000;}
#content span.proddetails img.prodimg {float: right; margin: 10px 20px 10px 10px;}

.greyborderbox{border:1px solid #ccc; width:91%; padding:5px; margin:0 auto;}
ul.squarebullet {font-size:1.2em; list-style-type:none;}
ul.squarebullet li {background: url(../img/squarebullet.gif) left 4px  no-repeat; padding-left:20px; color:#7590BB;}
ul.squarebullet li a{color:#7590BB;}

 
.middlebox{border:1px solid #ccc; height:245px; min-height:245px; width:177px; color:#666; float:left; margin-left:13px;}
  html>body .middlebox{margin-left:18px;}
  .middlebox h2 {font-size:1.1em !important; text-align:center; line-height:32px; height:32px; margin-bottom:0px; padding-bottom:0px;}
  .middlebox h2.one{color:#42498D !important; background-color: #9CADCD ;}
  .middlebox h2.one a{color:#42498D !important; background-color: #9CADCD ;}
  .middlebox h2.two{color:#5C91D5 !important; background-color:#D2E3F3 ;}
  .middlebox h2.two a{color:#5C91D5 !important; background-color:#D2E3F3 ;}
  .middlebox h2.three{color:#fff !important; background-color: #9EA4B8;}
  .middlebox h2.three a{color:#fff !important; background-color: #9EA4B8;}
  .arrow{float:right;}
  
table.shoppingbasket{border: 1px solid #ccc; width:595px; margin-left:5px;}
 table.shoppingbasket td{padding:5px;}
  table.shoppingbasket p{color:#7590BB; font-size:1.2em; font-weight:bold;}
  
table.checkoutlist{border-collapse:collapse; width:595px; margin-left:5px;}
  table.checkoutlist td{padding:5px; border: 1px solid #ccc;}
  table.checkoutlist th{color:#42498D; text-align:center; border: 1px solid #ccc;}
  table.checkoutlist td p{color:#7590BB; font-size:1.1em; font-weight:bold;}
  table.checkoutlist td.shade{background-color:#efefef;text-align:center;}
  table.checkoutlist td.shadeamount{background-color:#efefef;width:75px; text-align:center;}
  table.checkoutlist td.noline{border-top:0px; border-bottom:0px; border-left:0px;}
  
table.acctdetails{width:100%;}

table.acctdetails td {width:33%; vertical-align:top;}  
table.acctdetails h4{color:#7590BB; font-size:1.1em;}

/* side navigation and css fly boxes*/ 
#sidebar { width: 192px; float:left; padding:0; margin:0;}
	#sidebar p{padding-left:9px; font-weight:bold; color:#454a8e; font-size:1.1em; line-height:40px;}
	ul#sidenav{list-style-type:none; font-family: arial, helvetica, sans-serif;}
	ul#sidenav li{margin-bottom:2px; position:relative;}
	ul#sidenav li ul li{margin-bottom:0px; border-bottom:1px solid #ccc;}
	ul#sidenav li a{color:#fff; text-decoration:none; display:block; width:180px; height: 30px; line-height:30px; padding-left: 10px; background-color: #74A2DE;  font-weight:bold;}
	ul#sidenav li a:hover{color:#D0D4E0;}

/* Fix IE. Hide from IE Mac \*/
* html ul#sidenav li { float: left; height: 1%; }
* html ul#sidenav li a { height: 1%; }
/* End */

ul#sidenav ul {	position: absolute; display: none; left:190px; /* Set 1px less than menu width */top: 0; list-style-type:none;}
ul#sidenav ul.higher{position:absolute; display:none; left:190px; top:-40px;; list-sytle-type:none;}
ul#sidenav li ul li a { padding-left:10px; margin:0; height:20px; line-height:20px; font-size:.9em;} /* Sub Menu Styles */
ul#sidenav li:hover ul ul, ul#sidenav li:hover ul ul ul, ul#sidenav li.over ul ul, ul#sidenav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#sidenav li:hover ul, ul#sidenav li li:hover ul, ul#sidenav li li li:hover ul, ul#sidenav li.over ul, ul#sidenav li li.over ul, ul#sidenav li li li.over ul { display: block; } /* The magic */
ul#sidenav li.menuparent:hover, ul#sidenav li.over { background-color: #efefef; }
ul#sidenav li a:hover { color: #666; }	


	
#sidebarfauxcol{  background:url(../img/bg-sidebar.jpg) left bottom no-repeat; height:100%;}
#sidebarfauxcol2{  background:url(../img/bg-sidebar2.jpg) left top repeat-y; height:100%;}

#footer {width:800px; margin: 0px auto;}




.categorybox {border:1px solid #ccc; width:570px; color:#666; margin: 10px 0px 10px 18px;}
.categorybox h2 {font-size:1.1em !important; line-height:32px; height:32px; margin-bottom:0px; padding-bottom:0px; padding-left: 10px; color:#42498D !important; background-color: #9CADCD ;}
.categorybox h2 a {color:#42498D !important; text-decoration: none;}
.arrow {float:right; width: 18px;}
.categorybox p.categorytext {width: 410px; float: right; padding-top: 10px;}
.catimage {padding: 0px; margin: 0px; float: left;}
.categorybox .arrow{float:right; margin-right: 10px; margin-bottom: 10px;}
.categoryclear {height: 0px; clear: both; margin: 0; padding: 0px; overflow: hidden;}



div.productdetails {width: 575px; margin: 15px;}
h3.productname {color:#7590BB; font-size:1.2em; margin: 10px;} 
p.productnotes {font-weight: bold;}
p.productcontent {}
img.productimage {float: left; margin-right:10px;}
.buy {font-weight: bold; margin-top: 15px;}

.firstcol {width:30%}
.secondcol {width:70%}
.emailtextfield {width:200px}
.register {width:100%}
.itemtextfield {width:75px;}
.error {color:red; font-weight:bold;}
.amountcol {width:75px; text-align:center;}