@charset "utf-8";
/* CSS Document */

* {padding:0; margin: 0;}
img {border: 0; vertical-align:middle;}

body {background: url(../images/ghostwriting.png) center top no-repeat #000000; font-family:Trebuchet MS; font-size: 12px;}

div.frame {width: 900px; background:url(../images/bluefuzz.png) repeat-y; margin: 0 auto; padding: 0 50px 0 50px;}

div.header {width: 900px; background: #000000; height: 180px;}
div.blackbottom {width: 900px; height: 18px; background:url(../images/blackbottom.png) no-repeat;}

div.topmenu {width: 870px; background:url(../images/topmenu.png) no-repeat; line-height: 38px; padding: 0 20px 3px 10px; color: #fff;}

div.whitetop {width: 900px; background:url(../images/whitetop.png) no-repeat; height: 22px;}
div.whitemiddle {width: 900px; background:url(../images/whitemiddle.png) repeat-y;}
div.whitebottom {width: 1000px; background:url(../images/whitebottom.png) no-repeat; height: 72px; margin: 0 auto;}

div.maincontent {width: 500px; float: left; margin-left: 10px;}

div.menu {float: left; position: relative; line-height: 38px; height:38px; margin: 0 15px 0 15px;}

div.subpage { background: #052137; position: absolute; border-left: 1px solid #040406;border-right: 1px solid #040406;border-bottom: 1px solid #040406; left: -1px; display: none; padding: 0px 5px 0px 5px; left: 5px; top: 35px;}

div.frontoffer {width: 160px; margin: 0px 5px 0px 0px; text-align: center; float: left; background:none;}

#bannerimage {width: 310px; height: 180px;  float: right; margin: 0 0px 0 0;}

.logo { float: left; width:431px; height: 132px; margin: 20px 0 0 10px;}

div.leftmenu {width: 180px; float: left; padding-left: 10px;}
div.rightmenu {width: 180px; float: right; padding-right: 10px;}

div.blacktop{width: 165px; background:url(../images/carttop.png) no-repeat #000000; color: #fff; padding: 12px 5px 0 10px;}
div.blacksmbot{width: 180px; background:url(../images/cartbottom.png) no-repeat; height: 12px;}

div.sidesearch {margin: 10px 0 10px 0;}

.clear{clear: both;}
.hidden {display: none;}
.left {float: left;}
.center {margin: 0 auto;}
.marg5 { margin: 5px;}

div.searchback {background:url(../images/searchbox.jpg) no-repeat; width: 141px; height: 25px; padding: 6px 0 4px 10px; float: left; * padding-top: 3px;}
div.emailback {background:url(../images/emailbox.jpg) no-repeat; width: 134px; height: 25px; padding: 6px 0 4px 5px; float: left; margin-left:5px; * padding-top: 3px;}

div.pager {clear: both; float: right;}

div.browseby{margin: 0  0 20px 10px;}

div.popular {width: 480px; margin-left: 10px;}
div.popimage {width: 180px; float: left; height: 220px;}
div.popdetails{width: 270px;}

div.rproduct {padding: 5px 0 10px 0;}

div.sproduct {width: 180px; margin: 10px; float: left; text-align: center; height: 300px;}

div.add {width: 900px; margin: 0 auto; margin-bottom: 10px; color: #fff;}

div.add1 {float:left; border: 0px solid #fff; width: 400px;}

div.add2 { width: 275px; text-align: right; margin: 0 auto;}

div.greatoffers{margin-top: 00px; width: 500px; float: left; } 

.browseby h2 { color: #161616;}
.rightmenu h2 { color: #ffffff;}

.browseby ul{ list-style: none; margin: 0 0 0 10px;}
.browseby li{ margin: 10px 0 10px 0;}

input.searchbox {border: 0;  width: 130px; height: 14px; font-size: 11px;  line-height: 14px; vertical-align: middle; }
input.emailbox {border: 0;  width: 120px; height: 14px; font-size: 11px;  line-height: 14px; vertical-align: middle; } 

a {text-decoration:none}
a.leftlink {font-size: 1.2em; color: #161616;}
a.button {display: block; background:url(../images/button.jpg) no-repeat; width: 118px; height: 20px; line-height:20px; text-align:center; color: #fff; font-size: .9em;}
a.toplink{ font-size: 1.2em; color: #fff; margin: 0 15px 0 15px; position: relative;}
a.topsubmenu {width: 100%; display: block; line-height: 20px; color: #fff; font-size: 1em; padding: 5px 0 5px 2px}

h1 {font-size: 1.6em;}
h2 {padding: 5px;font-size: 1.4em; color: #b50101;}
p {color:#242424; font-size: .9em; padding: 4px;}

.popdetail p {font-size: .9em; color: #000; line-height:15px;}
.rightmenu p {color: #fff;}
.product h1 {font-size: 1.25em; line-height: 25px; margin-bottom: 10px;}

div.prodright {float: right; width: 250px;}
div.proddetails {width: 100%;}
div.prodimage {width: 400px;}
div.prodname {line-height:40px;}

#quantity {width: 50px; height: 25px;  text-align: center; font-size: 1.5em;}

#extend {width: 680px; }

p.was { color: #990000; font-size: 1.3em;}
p.now { color: #009900; font-size: 1.6em;}
div.logbox {width: 300px; margin: 0 auto; height: 200px;}

div.formline { width: 450px; clear: both; margin: 0 auto; border: 0px solid #000; padding: 10px 0 10px 0;}
div.formitem1 {float: left; width: 150px; clear: left;}
div.formitem2 {float: left; width: 300px;}

#smallbasket p {color: #fff;}
#smallbasket a {color: #ff7700;}

#confirm {display: none;}
#transferring {display: none;}
#deliverydetails input {border: 1px solid #ddd; width: 200px;}
#deliverydetails textarea {border: 1px solid #ddd; width: 200px; height: 90px;}

div.cartline {width: 640px; margin: 0 auto; border-bottom: 1px solid #999; font-size: 12px; clear: both; padding: 10px 0 10px 0;}
div.cartitem {width: 300px; text-align: left; float: left; padding: 5px;}
div.cartitemr {width: 170px; text-align: right; float: right; padding: 5px;}
div.cartitem2 {width: 130px; text-align: right; float: left; padding: 5px;}
div.cartitem3 {width: 130px; text-align: right; float: left; padding: 5px;}
div.cartbox {border: 1px solid #ddd; width: 650px; padding: 10px}

#bigcart { margin-bottom: 20px;}
#checkout {width: 680px;}
#checkout h1 {font-size: 22px; margin: 10px; color:#b50101;}

#buys {position: relative;}