/* CSS Document */
html, body { margin:0; background-color:#222; color:#A5A5A4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:100%; }
a { color:#690; text-decoration:none; }
a:hover { color:#EAEAEA; }
#wrapper { width:780px; margin:0 auto; padding:5px; }

/* Header */
#headerPan {width:auto; margin:0 auto 0.5em auto; height:100px; padding:0; }
#headerPan h1 { background:url(/cat/images/cachetlogo.png) no-repeat; margin:0; width:160px; height:85px; display:block; float:left; text-indent:-2000px; }
#login, #search, #menu { width:590px; display:block; clear:right; float:right; margin:0; padding:0 0.5em; text-align:right; }
#headerPan input.text { margin:0; padding:0.2em; background-color:#171717; border:solid 1px #494949; color:#ACACAC; }
#login { height:3em; font-size:0.8em; }
#headerPan input.text { height:0.9em; background-color:#171717; border:solid 1px #494949; color:#ACACAC; margin:0 0.5em; padding:0.2em; }
#login input.text { width:6em; }
#search input.text { width:8em; }
#headerPan input.submit { width:7em; font-size:0.9em; }
#contactus { font-weight:bold; }
#search { height:3em; font-size:0.8em; }
#menu { height:1.8em; padding-top:0.4em; }
#menu ul { margin:0; }
#menu ul li { display:block; float:right; height:21px; margin:0; padding:0; }
#menu ul li a { padding:0 0.3em 0 1.7em; margin:0; height:21px; }
#pageNav {width:auto; height:1.3em; margin:0.5em 0; clear:both; }

/* Body */
#mainBody{ width:100%; height:auto; margin:0 auto; padding:0; clear:both; }
#localnav { margin-bottom:0.5em; padding:0.5em; text-align:center; font-size:1.1em; color:#06C; border:#666 ridge; }
#pageInfo { margin:1em 0; padding:0.5em 1em; text-align:left; border-top:solid 1px #333; border-bottom:solid 1px #333; }
#printPage { text-align:right; font-size:0.7em; }
h2, h3, h4, h5, h6 { margin-top:0.7em; margin-bottom:0.5em; }
h2 {color:white; font-size:1.2em;}
h3 {color:white; font-size:1.1em;}
h4 {color:#06C; }
h6 {font-size:0.8em; font-weight:bold;}
p { margin:0.5em 0; }
strong {color:#06C; font-weight:normal;}
img { border:2px ridge #666; }
th { text-align:center; padding:0.2em 0.5em; font-size:0.9em; color:white; font-weight:bold; background-color:#06C; }
td { text-align:right; padding:0.2em 0.5em; font-size:0.9em; }
td.ltxt { text-align:left; }
.alt { background-color:#333; }
.frame { width:100%; margin:0.5em 0; padding:0.3em 0 0.8em 0; }
.framet { width:100%; margin:0.5em 0; padding:0.3em 0 0.8em 0; border-top:solid 1px #333; }
.frameb { width:100%; margin:0.5em 0; padding:0.3em 0 0.8em 0; border-bottom:solid 1px #333; }
.frametb { width:100%; margin:0.5em 0; padding:0.3em 0 0.8em 0; border-top:solid 1px #333; border-bottom:solid 1px #333; }
.frametbs { width:100%; margin:0.5em 0; padding:0.3em 0.5em 0.8em 0.5em; border:solid 1px #333; }

/* Footer */
#footer {width:100%; height:auto; margin:0.2em auto; padding:1.5em 0; clear:both; text-align:center; }
#footerPrint { display:none; }
#footMenu ul {width:100%; margin:0; padding:0;}
#footMenu ul li { font-size:0.9em; margin-right:1.5em; display:inline; }
#copyright { color:#06C; margin-top:0.5em; font-size:0.8em; clear:both; }
#copyright a { color:#333; padding:0 2em; font-size:0.9em; }
#copyright a:hover { color:#999; }

/* Cachet Product Specific */
#whatToDo { text-align:left; font-size:0.8em; margin:0.5em 0; }
div.cat { float:left; margin:0.5em 0.2em; text-align:center; width:150px; height:120px; }
.product { font-size:1.1em; color:#DDD; float:left; margin:0.2em; padding:0.2em; text-align:center; width:185px; height:230px; }
.product h3 { color:#06C; margin:0 1.2em 0.1em 0; padding:0; text-align:right; font-size:0.9em; }
.estPrice { font-size:0.8em; margin:0.5em 0 0.2em 0; padding:0; color:#A5A5A4; }
.estDec { font-size:0.8em; margin:0; padding:0; color:#666;}
.details { font-size:0.9em; width:100%; }
#priceNote { margin-top:3em; padding:0.5em 1em; border-top:solid 1px #333; display:block; clear:both; width:100%; font-size:0.9em; }
.clearance { position:static; clear:both; font-size:11px; text-align:center; margin:0; padding:10px; }
.more { font-size:0.8em; color:#666; margin:0; padding:0; }
#scatmenu { border:ridge #666; margin:0 0 5px 0; padding:3px; width:auto; text-align:center; vertical-align:middle; height:auto; clear:both; }
.scatmenuchoice { width:20%; float:left; }
.scatmenuselect { color:white; width:20%; background-color:#06C; float:left; }
.spacer { clear:both; } /* used to enclose floats inside parent */
.prodInfo { width:48%; height:auto; float:left; display:block; margin:1em 1em 1em 0; font-size:0.9em; }
.prodInfo img { margin-right:0.5em; float:left; }
.prodInfo h3 { display:inline; font-size:1em; margin-bottom:1em; }
.prodInfoEst { margin:0.5em 0 0.2em 0; padding:0; color:#A5A5A4; }
.prodInfoDec { margin:0; padding:0; color:#666;}

/* showproductdescription.php */
.productInfo { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCC; width:379px; height:122px; float:left; border:solid 1px #666; margin:2px 3px 2px 1px; padding:2px; background-color:#333; }
.productInfo img { width:160px; height:120px; display:block; margin-right:2px; float:left; border:none; }
.productInfo .more a { color:#FFF; text-decoration:none; }
.productInfo a { text-decoration:none; }
.productInfo img a { color:#333; border:none; }
.productInfo a:hover { background-color:#000; }
.productInfo .pInfoText { width:137px; height:122px; display:block; float:left; margin-right:2px; overflow:hidden; }
.productInfo .pInfoText h3 { color:#FFF; margin:2px 0; font-size:11px; }
.productInfo .pInfoText p { color:#CCC; margin:1px 0; font-size:10px; }
.productInfo .pInfoExtras { width:75px; height:122px; display:block; float:left; background-color:#222; font-size:9px; text-align:center; position:relative; }
.productInfo .pInfoExtras h4 { color:#06C; margin:0; }
.productInfo .code { width:100%; height:12px; color:#FFF; font-weight:bold; font-size:9px; background-color:#06C; margin:0;position:absolute; top:0px; right:0; display:block; }
.productInfo .minimum { width:100%; height:19px; position:absolute; top:13px; right:0; }
.productInfo .pInfoEstimate { width:100%; height:73px; position:absolute; top:33px; right:0; color:#CCC; overflow:hidden; }
.productInfo .estimate { width:100%; height:auto; float:left; margin:1px 0; font-weight:bold; color:#FFF; }
.productInfo .decoration { width:100%; height:auto; float:left; margin:0; }
.productInfo .decoration strong { font-weight:bold; color:#06C; }
.productInfo .moreInfo { width:100%; height:12px; float:left; text-align:center; font-weight:bold; background-color:#690; color:#FFF; position:absolute; top:108px; right:0; }

/* showproduct.php */
.productImage { font-family:Arial, Helvetica, sans-serif; font-size:10px; width:162px; height:160px; float:left; border:solid 1px #666; background-color:#333; margin:12px 12px; padding:2px; text-align:center; position:relative; }
.productImage img { width:160px; height:120px; display:block; position:absolute; top:2px; left:2px; border:none; }
.productImage .information a { color:#FFF; text-decoration:none; }
.productImage a { text-decoration:none; }
.productImage img a { color:#333; border:none; }
.productImage .productName {width:160px; height:25px; position:absolute; top:120px; left:2px; padding:2px; overflow:hidden; }
.productImage .productName h3 { font-size:10px; margin:0 }
.productImage .code { width:60px; height:12px; position:absolute; top:150px; left:2px; color:#FFF; font-weight:bold; background-color:#06C; }
.productImage .information { width:100px; height:12px; position:absolute; top:150px; right:2px; color:#FFF; font-weight:bold; background-color:#690; }


/* pinfo.php specific */
#fullPane { display:block; float:left; clear:left; width:100%; height:auto; }
#leftPane { display:block; float:left; clear:left; width:520px; height:auto; margin-right:5px; }
#productinfo h5 { color:#06C; font-size:0.9em; font-weight:bold; margin-bottom:0; }
#productinfo { display:block; clear:left; height:auto; }
.block, #decoration, #options { display:block; clear:left; width:100%; height:auto; margin-top:0.5em; }
#leftPane div, #fullPane div { float:left; }
#options table {text-align:right;}
#accy a { color:#06C; }
#footnote { display:block; clear:both; }
#quote { float:right; clear:right; margin:0 0 0 0; padding:0; width:240px; font-size:1em; }
#quote label { font-size:0.8em; }
#quote p { margin:0; }
#quote fieldset { margin:0.5em 0 0 0; padding:0; border:solid 1px #666; background-color:#333;}  
#quote legend { margin-left:1em; color:#06C; font-weight:bold; font-variant:small-caps; }
#quote fieldset ol { padding:0 0.5em; list-style:none; }  
#quote fieldset select, #fs2 label, #fs2 input, #fs3 label, #fs3 textarea { margin:0.5em; }
#quote fieldset.submit { border-style:none; background-color:#222; margin-bottom:1.2em; }
#fs1 fieldset, #fs2 fieldset, #fs3 fieldset {background-color:#666;}
#fs1 label { float:left; width:8.5em; margin-right:0.8em; text-align:right; }
#fs1 input { width:10em; height:0.9em; }
#fs3 li input { width:10em; height:0.9em; }
#fs2 input, #fs3 textarea { width:92%; }
#fs3 li label { float:left; width:8.5em; margin-right:0.8em; text-align:right; }
#related a, #tip p { font-size:0.9em; }
#order p { font-size:0.8em; }
#order li { font-size:0.8em; list-style:square; margin-left:-3em;}

/* index.php specific */
#col1 {width:590px; float:left; padding:0;}
#col1 p { text-align:justify; }
#col1 img {margin:0; border:none;}
#col1 ul { list-style:square; margin:0; padding:0; font-size:0.8em; }
#col1 li { display:inline; padding:0.2em 0.5em 0 0; display:block; float:left; width:24%; }
#popular li { width:24%; }
#col2 {float:right; width:166px; margin:0; font-size:0.9em; }
#col2 img { float:right; border-color:#690; }

#col2 h2 { width:100%; height:12px; float:right; clear:right; color:#FFF; font-weight:bold; background-color:#06C; margin-bottom:5px; padding-bottom:1px; font-size:9px; text-align:center; }
#col2 a { color:#FFF; text-decoration:none; }
.newProduct { width:160px; height:158px; position:relative; float:right; clear:right; margin-bottom:5px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; text-align:center; border:solid 1px #666; background-color:#333; }
.newProduct a { text-decoration:none; }
.newProduct img { width:160px; height:120px; display:block; position:absolute; top:2px; right:2px; border:none; }
.newProduct img a { color:#333; border:none; }
.newProduct .caption { width:160px; height:24px; position:absolute; top:124px; right:2px; overflow:hidden; }
.newProduct .code { width:60px; height:11px; position:absolute; top:149px; right:102px; background-color:#06C; font-weight:bold; }
.newProduct .information { width:98px; height:11px; position:absolute; top:149px; right:2px; color:#FFF; font-weight:bold; background-color:#690; }
.newProduct .information a { color:#FFF; text-decoration:none; }
#col2 .seeNew { width:100%; height:12px; float:right; clear:right; color:#FFF; font-weight:bold; background-color:#690; padding-bottom:1px; font-size:9px; text-align:center; }


/* search.php specific */
.searchnav { width:100%; clear:both; margin:1em 0;}
.prev, .result, .next { text-align:center; padding:0.3em; font-size:1.1em; font-weight:bold; }
.result { width:100%; text-align:center; color:#CCC; background-color:#333; }
.prev, .next { width:20%; }
.prev { float:left; }
.next { float:right; }