@charset "utf-8"; /* WRITE HERE 2009 */ * { margin:0; padding:0; } body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; } address { font-style:normal; } br.clear { clear:both; height:1px; margin-top:-1px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}  /* for IE/Mac */ p { display:block; margin:0 0 10px 0; } a { outline:none; } a img { border:0 none; } h1 { margin:0 0 10px 0; text-transform:uppercase; font-size:18px; } h2 { margin:0 0 10px 0; text-transform:uppercase; font-size:16px; } h3 { font-size:15px; text-transform:uppercase; } #container { width:945px; margin:0 auto; } /*--Header Includes Nav ----------------------------------------------*/ #header { width:945px; height:130px; background:url("bg-header.jpg") 0 0 no-repeat; position:relative; } #header img { float:left; } #basket { width:280px; padding:20px 0 0 0; float:right; text-align:center; } #basket ul { list-style:none; font-size:9px; text-transform:uppercase; margin:0 0 10px 0; } #basket ul li { display:inline; padding:0 10px 0 9px; border-right:1px solid #fff; } #basket ul li.first { padding:0 7px 0 16px; background:url("cart.gif") left center no-repeat; } #basket ul li.last { border:0 none; } #basket a { color:#fff; text-decoration:underline; } #basket a:hover { color:#fff; text-decoration:none; } #basket p { display:block; font-size:17px; font-weight:bold; } #nav { width:100%; height:40px; clear:both; background:url("bg-nav.gif") 0 0 repeat-x; text-transform:uppercase; position:absolute; bottom:0; left:0; } #nav ul { list-style:none; } #nav ul li { float:left; display:block; } #nav ul li a { display:block; padding:13px 20px 12px 20px; color:#fff; text-decoration:none; border-left:1px solid #333; border-right:1px solid #000; } #nav ul li a:hover { background:#333; } #nav ul li.first a { background:url("bg-nav-left.gif") 0 0 no-repeat; border-left:0 none; } #nav ul li.first a:hover { background:#333 url("bg-nav-left-hover.gif") 0 0 no-repeat; } #nav form { float:right; height:32px; padding:8px 10px 0 0; background:url("bg-nav-right.gif") 100% 0 no-repeat; } #nav form input { border:0 none; width:190px; padding:3px; } #nav form input.button, #sidebar form input.button { background:none; width:auto; cursor:pointer; text-transform:uppercase; color:#fff; font-size:9px; } /*--// Header Includes Nav ----------------------------------------------*/ #content { width:945px; clear:both; padding:10px 0; margin:0 0 20px 0; } #sidebar { width:190px; padding:20px 0 0 0; float:left; background:url("bg-sidebar.gif") 0 0 no-repeat; } #sidebar ul { width: 150px; padding: 20px 20px 0 20px; margin:0 0 20px 0; list-style:none; background:url("sidebar-title.gif") top center no-repeat; } #sidebar ul li { width: 100%; display:block; vertical-align:bottom; height:1%; } #sidebar ul li a { width: 135px; display:block; padding:5px 0 5px 15px; border-bottom:1px solid #ccc; color:#fff; text-decoration:none; background:url("arrow-wht.gif") 5px center no-repeat; } #sidebar ul li a:hover { color:#000; background:#fff url("arrow-blk.gif") 5px center no-repeat; } #sidebar form { width:170px; padding:10px 10px 0 10px; margin:0 0 10px 0; clear:both; background:url("bg-subsriber.gif") 0 0 no-repeat; } #sidebar form p { display:block; padding:40px 0 0 0; margin:0 0 10px 0; background:url("latest-news-title.gif") 0 0 no-repeat; } #sidebar form input { width:164px; border:0 none; padding:3px; } #sidebar form input.button { width:80px; float:right; background:url("arrow-wht.gif") 5px center no-repeat; } #primary { width:705px; padding:10px 10px 0 40px; float:left; } #primary ul.sections { list-style:none; margin:10px 0 0 0; } #primary ul.sections li.four { width:150px; height:150px; position:relative; padding:20px 13px 13px 0; margin:0 0 25px 0; float:left; } #primary ul.sections li.four img { width:100%; height:100%; } #primary ul.sections li.four h3 { font-weight:normal; position:absolute; left:0; bottom:165px; } #primary ul.sections li.four h3 a { color:#fff; text-decoration:none; } #primary ul.sections li.four h3 a:hover { color:#fff; text-decoration:underline; } #primary ul.sections li.four a img { border:1px dashed #000; /*remove after*/ width:150px; height:150px; /*remove after*/ } #primary ul.sections li.four a:hover img { border:1px solid #fff; } #primary ul.sections li.four p { text-align: center; } #primary ul.sections li.four p span { font-weight: bold; } #primary ul.sections { list-style:none; } #primary ul.sections li.three ul { clear: both; list-style: none; } #primary ul.sections li.three { width:225px; padding:0 10px 15px 0; float:left; } #primary ul.sections li.three img { width:223px; height:100px; } #primary ul.sections li.three h3 { height:37px; font-weight:normal; text-align:left; } #primary ul.sections li.three h3 a { color:#fff; text-decoration:none; } #primary ul.sections li.three h3 a:hover { color:#fff; text-decoration:underline; } #primary ul.sections li.three p { font-weight:bold; text-align:center; } #primary ul.sections li.three a.view { display:block; text-align:center; margin:0 auto; width:60px; height:18px; padding:3px 0 0 0; background:url("view-btn.gif") 0 0 no-repeat; color:#fff; text-decoration:underline; } #primary ul.sections li.three a:hover.view { color:#fff; text-decoration:none; } #primary ul.sections li.three a img { border:1px dashed #000; } #primary ul.sections li.three a:hover img { border:1px solid #fff; } #primary ul.sections li.three p span { font-weight: bold; } #primary ul.breadcrumb { list-style:none; padding:0 0 10px 0; } #primary ul.breadcrumb li { display:inline; width:auto; float:none; padding:0; } #primary ul.breadcrumb li a { color:#fff; text-decoration:underline; } #primary ul.breadcrumb li a:hover { color:#fff; text-decoration:none; } #primary ul.news { list-style:none; } #primary ul.news li { width:685px; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #fff; } #primary ul.news li img { float:left; margin:0 10px 0 0; } #primary ul.news li a { color:#fff; text-decoration:underline; float:right; } #primary ul.news li a:hover { color:#fff; text-decoration:none; } #primary table { border-collapse:collapse; } #primary table th, #primary table td { padding:5px; } #primary table th, #primary table tr.last { border-bottom:1px solid #fff; } #primary table td.left { border-left:1px solid #fff; } #primary table td.right { border-right:1px solid #fff; } #footer { width:865px; padding:30px 0 10px 80px; clear:both; position:relative; border-top:1px solid #333; background:url("contact-title.gif") 80px 10px no-repeat; font-size:9px; } #footer img { position:absolute; top:-30px; left:0; border:10px solid #000; } #footer address { display:block; float:left; padding:0 10px 0 0; } #footer ul { list-style:none; float:left; } #footer p { float:right; text-align:right; } #footer a { color:#fff; text-decoration:underline; } #footer a:hover { color:#fff; text-decoration:none; } #gallery { width:290px; float:left; } #gallery img { border:1px solid #fff; } #gallery img.focus { float:left; margin:0 0 5px 0; /* width:288px; height:288px; */ } #detail, #post { width:395px; padding:0 0 0 20px; float:left; } #detail p { font-weight:bold; font-size:14px; } #post p { font-size:12px; font-weight:normal; } #post a, #detail a { color:#fff; text-decoration:underline; font-weight:bold; } #post a:hover, #detail a:hover { color:#fff; text-decoration:none; } #detail dl { margin:0 0 10px 0; } #detail dl dt { font-weight:bold; margin:0 0 5px 0; } #detail form { } #detail form label { float:left; padding:0 2px 0 0; } #detail form select { width:auto; border:0; float:left; margin:0 2px 0 0; } #detail form input { width:40px; padding:3px; border:0; float:left; margin:0 2px 0 0; } #detail form input.button { display:block; width:60px; height:21px; padding:0; color:#fff; float:right; } #contactDetail { width:450px; float:left; padding:10px 35px 0 0; } #contactDetail iframe { border:1px solid #fff; } #contactDetail h4 { display:block; margin:0 0 10px 0; } #contactDetail address { width:150px; display:block; float:left; margin:0 0 10px 0; } #contactDetail ul { list-style:none; float:left; } #contactDetail a { color:#fff; text-decoration:underline; } #contactDetail a:hover { color:#fff; text-decoration:none; } #primary form#contact { width:200px; padding:10px 10px 0 10px; float:left; background:url("bg-contact-form.gif") 0 0 no-repeat; } #primary form#contact fieldset { padding:10px 0 0 0; border:0; } #primary form#contact fieldset legend { color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; } #primary form#contact label { display:block; } #primary form#contact input, #primary form#contact textarea { width:194px; padding:3px; margin:0 0 5px 0; border:0; } #primary form#contact input.button { width:74px; height:21px; float:right; } #primary .fragment { width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #333; } #primary .fragment a { color:#fff; text-decoration:underline; } #primary .fragment a:hover { color:#fff; text-decoration:none; } #primary .fragment h2 { margin-bottom: 10px; } .small { font-size:9px; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 10px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #678298; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #678298; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #678298; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #678298; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } .actrequiredcolor {color: #000;}