*{margin:0;padding:0}
a{color:#7b8c9e}
a img{border:none}
body{background:url(images/bg3.gif) repeat-x #fff;text-align:center}
#stage{width:770px;text-align:left;margin:auto;font-family:tahoma,arial,helvetica,sans-serif;font-size:10px;color:#666}

#left{width:145px;float:left}
#mid{width:500px;float:left;margin:10px 5px;border-left:1px solid #bbcbd8;border-right:1px solid #bbcbd8; }
#right{width:105px;float:left}
h1{width:770px;height:47px;overflow:hidden;position:relative}
h1 a{width:770px;height:47px;position:absolute;top:0;left:0;background:url(images/logo.gif)}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}

#nav{clear:both;height:42px;overflow:hidden; font-family:'trebuchet ms'; margin: 10px;}
#nav li{float:left; list-style:none; padding-top: 2px; }
#nav li h3 a { font-size: 15px; font-weight: bold; text-decoration: none; padding-right: 20px; }
#nav li h3 a:hover { color: #9AA7B5; }

#tbar{text-align:right;line-height:28px;padding:0 5px}
#tbar a{padding:0 5px}

.norm{color:#000;text-decoration:none}
#tsearch{width:145px;height:23px;overflow:hidden;position:relative;margin-top:10px}
#tsearch span{width:145px;height:23px;position:absolute;top:0;left:0;background:url(images/tsearch.gif)}
.inputl{width:90px}
#tresources{width:145px;height:23px;overflow:hidden;position:relative;margin-top:10px}
#tresources span{width:145px;height:23px;position:absolute;top:0;left:0;background:url(images/tresources.gif)}
#toffers{width:145px;height:23px;overflow:hidden;position:relative;margin-top:10px}
#toffers span{width:145px;height:23px;position:absolute;top:0;left:0;background:url(images/toffers.gif)}

.ybg{background:url(images/ybg.gif) no-repeat;padding:10px;font-size:10px}
.ybg p{padding:0 0 5px 0}
#intro{margin:10px 20px;border-left:2px solid #bbcbd8;padding-left:10px}
#intro a{font-weight:bold}
#home{text-align:center}
#tindex{width:300px;height:23px;overflow:hidden;position:relative;margin-top:10px}
#tindex span{width:300px;height:23px;position:absolute;top:0;left:0;background:url(images/tindex.gif)}

/* title bar with section title */
.title{margin:10px;border-top:1px solid #bbcbd8;border-bottom:1px solid #bbcbd8;clear:both}
.title h3{margin:1px 0;text-align:center;background:#def;padding:5px;text-transform:uppercase;color:#666;font-size:100%}

/* product navigation '1 to x of z' and 'Next | Previous'  */
.pnav {clear:both;margin:0 10px 10px 10px;padding:6px;border:1px solid #ccc;background:#fff8db;text-align:center}

#thumbs{margin:0 0 0 10px}
#thumbs li{width:152px;margin-right:10px;height:280px;border-top:double 1px #bbcbd8;float:left;text-align:center;padding-top:10px;list-style:none}
#footer{text-align:center;margin:0 10px}
#fnav{clear:both;border-top:#dfd6b0 solid 1px;border-bottom:#dfd6b0 solid 1px;padding:5px;text-align:center;background:#ece6cc;margin:1px 10px}
.hid{display:none}

#gtop{width:105px;height:29px;overflow:hidden;position:relative;margin-top:10px}
#gtop span{width:105px;height:29px;position:absolute;top:0;left:0;background:url(images/gtop.gif)}
#gbg{background:url(images/gbg.gif) 0 100% repeat-y;padding-bottom:10px}
#gbg li{list-style:none;padding:5px 10px;font-size:10px}
#tbasket{width:105px;height:23px;overflow:hidden;position:relative;margin-top:10px}
#tbasket span{width:105px;height:23px;position:absolute;top:0;left:0;background:url(images/tbasket.gif)}

#big{width:310px;float:left;margin:0 10px 10px 0;border-right:1px solid #ddd}
#pinfo{width:120px;float:left}
#pinfo h2{font-size:140%;padding:5px 0}
#pinfo p{margin:5px 0;}
span.offer-title {color: #CC0000; }
span.offer-price {color: #CC0000; font-size: 1.4em; font-weight: bold;}
span.old-price {text-decoration: line-through;}
#add{margin-top:10px;background:#c00;color:#fff;font-weight:bold}
#pinfo input,#pinfo select{border:1px solid #000}
#pinfo form label{margin-top:5px}
#pinfo form{padding:5px 0}

ol{margin:10px 30px;padding:5px;10px}
.txt,.h3{margin:10px 20px}
/* old form
#frm fieldset {border:none;margin:0 20px}
#frm td {height:24px;padding:0 8px}
#frm label {width:120px}
#frm submit {color:#FFFFCC}
*/
.inbox {width:200px}
.totline {height:24px; background-color:#f6FdFF}

/* Basket styles */
.bnote{text-align:center;padding:5px 10px}
#bform fieldset{border:none}
#bform legend{display:none}
#btable{margin:auto;width:90%;padding:0;border:none}
#btable td,#btable th{margin:1px 0 0 1px;padding:3px}
.row0 td,.row0 th{background:#f3f3f3}
.row1 td,.row1 th{background:#eee}
#bth{text-align:left}
.bfeature{text-align:right}
.bsubmit{text-align:center;padding:0 4px}

td {font-size:12px; padding:4px}
.comptbl {font-size:11px}

/* checkout css */
#frm{margin:20px;line-height:220%}
#frm legend {padding:0 100px 0 10px;border: 1px solid #ccc;font-weight:bold; background-color:#fff}
#frm fieldset {padding:0 10px;border: 1px solid #ddd;font-weight:bold; background-color:#f0f0f0}
#frm label{clear:both;width:120px;float:left}
#frm input,#frm select{width:250px;float:left}

#errbox {width:360px;border:1px solid #900;text-align:center}
.displaybox {border: 1px solid #ccc; margin:0 20px; padding:6px; background-color:f0f0f0}

.err {color:#c00}
/*
#product-previews {clear: both; max-width: 400px; }
#product-previews div.container {padding: 5px; display: inline; float: left;}
#product-previews div.container-img { width: 90px; height: 90px; overflow: hidden; border: 1px solid #CCCCCC; }
#product-previews div.container-img:hover { border: 1px solid #666666; cursor:pointer; }
#product-previews div.container-img img { } */

#product-previews {clear: both; max-width: 400px; }
#product-previews div.container {padding: 5px; display: inline; float: left;}
#product-previews div.container-img { /*width: 90px; height: 90px; overflow: hidden; */border: 1px solid #CCCCCC; }
#product-previews div.container-img:hover { border: 1px solid #666666; cursor:pointer; }
#product-previews div.container-img img { }