*{margin:0; padding:0; font-family:Arial; font-size:12px; color:black;} a{text-decoration:none;} img{border:none;} br.clear{clear:both;} /* fix ie float */ #page{margin:0 auto; width:962px; padding:0 14px;} #header{position:relative; float:left; width:100%; background:white; z-index:1;} #logo{float:left; margin:10px 0; width:256px; height:77px; background:url(../img/logo.gif);} #metanav{float:right; margin-right:-5px;} #metanav a{float:left; margin-right:5px; height:28px; background:#959595; cursor:pointer;} #metanav a span{float:left; padding:10px 10px 0px 10px; text-transform:uppercase; font-size:11px; color:white;} #metanav a.hover{height:32px;} #metanav a.active{height:33px;} #metanav a.cart{margin-left:40px; padding:0; width:50px; background:url(../img/cart.png) no-repeat 12px 8px;} #metanav a.cart span{padding:0 0 0 18px; color:white;} #panels{position:absolute; right:0; top:33px;} #panels .panel{display:none; position:absolute; right:95px; top:0px; padding:10px; max-width:500px; background:#959595;} #panels .panel *{float:left;} #panels .panel p{margin-right:10px;} #panels .panel p.welcome a{float:none; text-decoration:underline;} #panels .panel p.forgot{clear:left; padding-top:7px;} #panels .panel p.forgot a{float:none; text-decoration:underline;} #panels .panel input{border:1px solid #cccccc; margin-right:5px;} #panels .panel input.submit{width:auto; margin-right:0; border:none; padding:1px 4px 0 4px; text-transform:uppercase; font-size:11px; color:white; background:#ff6699;} #panels .panel.cart{right:0px; min-width:100px !important; width:200px;} #panels .panel.cart *{float:none;} #panels .panel.cart table{width:200px; margin:0 0 5px 0; border-collapse:collapse;} #panels .panel.cart table td{padding:2px 0;} #panels .panel.cart table td.price{text-align:right;} #panels .panel.cart table tr.total td{border:1px solid white; border-left:none; border-right:none; font-weight:bold;} #panels .panel.cart p.tax{float:left; font-size:10px;} #panels .panel.cart .submit{float:right;} #mainnav{clear:left; float:left; list-style:none;} #mainnav li{float:left;} #mainnav li a{float:left; padding:1px 18px 1px 5px; font-weight:bold; text-transform:uppercase; background:white url(../img/arrow_down_0.gif) no-repeat right;} #mainnav li a:hover, #mainnav li.active a{color:white; background-color:black; background-image:url(../img/arrow_down_1.gif);} #secnav{float:right; list-style:none;} #secnav li{float:left; padding:1px 2px;} #secnav li a:hover{text-decoration:underline;} #secnav li.active a{font-weight:bold;} #content{float:left; margin-top:15px; width:100%; z-index:0; min-height:300px;} #footer{float:left; padding:5px 0 10px 0; list-style:none;} #footer li{float:left; margin-right:30px;} #footer a{text-transform:uppercase; color:#8a8a8a;} #footer a:hover{color:black;} #footer li ul{list-style:none;} #footer li li{clear:left; margin-right:0;} #footer li li a{text-transform:none;} /* global elements, as used on multiple pages */ .message{float:left; margin-bottom:15px; width:100%; padding:5px 0;} .message *{color:white !important; margin:0px !important;} /* This seems a bit clumbsy. Take a look and try to shorten */ .message p{padding:0 5px; font-size:13px; font-weight:bold; color:white !important;} .message li{ list-style:none; padding:0 5px; font-size:13px; font-weight:bold;} .message strong{ text-transform:uppercase; } .message a{color:white !important;} .message.msg_info{background:#33cccc;} .message.msg_error{background:#ff6699;} #plainContent{float:left; width:450px; padding-bottom:15px;} h1{font-weight:normal; font-size:18px; color:#666;} .dottedline{float:left; margin:5px 0; width:100%; height:1px; overflow:hidden; background:url(../img/dottedline.gif); } h2{margin-bottom:12px; padding-bottom:4px; font-size:14px; text-transform:uppercase; background:url(../img/dottedline.gif) repeat-x left bottom;} #content a{color:#ff6699; text-decoration:underline;} /* CI colors */ .ciBgColor1{background-color:#33cccc !important;} .ciBgColor2{background-color:#cc9966 !important;} .ciBgColor3{background-color:#ff6699 !important;} /* product list */ .products{width:486px;} .product{position:relative; float:left; width:148px; background:none; margin:0 14px 15px 0px; text-align:left; text-decoration:none !important; cursor:pointer;} .product .title{display:block; font-weight:bold; text-transform:uppercase; width:153px; overflow:hidden; white-space:nowrap;} .product img{padding-top:1px; background:url(../img/dottedline.gif) repeat-x left top;} .product .action{position:absolute; right:0px; top:140px; width:70px; height:16px; padding:0 5px; display:block; font-weight:bold; text-transform:uppercase; color:white; text-align:center;} .product .action span{position:relative; top:-2px; color:white;} .product .info{display:none; position:absolute; left:0px; top:15px;} .product .info .bg{position:absolute; left:0px; top:0px; width:148px; height:148px; margin-top:1px;} .product .info .text{position:absolute; left:5px; top:5px; width:138px; height:138px; font-weight:bold; color:white;} /* simple hiding */ .hidden{display:none;} /* moved from login.css */ #formBox h2{padding:5px 0;} #formBox h2 span{padding:0 5px; color:white;} #formBox #errors{float:left; width:100%; margin-bottom:15px; background:#ffcccc;} #formBox #errors .box{padding:10px;} #formBox #errors .box p{font-weight:bold; padding-bottom:3px;} #formBox #errors .box li{margin-left:12px;} #formBox table.form{float:left; width:325px; margin-bottom:10px;} #formBox table.form td{padding-bottom:4px; vertical-align:top;} #formBox table.form td.label{width:120px; padding:2px 10px 4px 0; text-align:right;} #formBox table.form_fullWidth{width:100%;} #formBox .submit{float:left; width:100%; padding-top:10px;} #formBox .submit input{float:right; border:none; padding:4px; font-size:14px; font-weight:bold; text-transform:uppercase; color:white; cursor:pointer;} #formBox .error label, #formBox .error input, #formBox .error select{background:#ffcccc;} #formBox .subnote{float:left; width:100%; padding-top:15px;} /* SCW: So I can put an action button anywhere */ .button{float:left; margin-top:10px; padding:4px; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none !important; color:white !important;} .miniButton{padding:2px; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none !important; color:white !important; border:none;} #newsletter #email {margin-bottom:5px;} #newsletter .message {display:none;} .news{margin-bottom: 10px;} .loading{width:16px; height:16px; background:url(../img/spinner.gif); display:none;} .grey{background:url(../img/spinner-grey.gif);} .panel .currencies{ width:100%; } /* no space between

s*/ #content p{margin-bottom: 20px;} .desc p{margin-bottom: 0px;} #content li{margin:25px;} #content code{margin: 10px; padding:5px; border: dotted 1px black; background-color:#CCC}