@charset "UTF-8";

body {margin: 0; padding: 0; background-image: url(../images/headerbg.gif); background-repeat: repeat-x; background-color: #BFD9DB; font-family: Arial, Verdana, Helvetica, sans-serif;}

/* Layout */
#container {width: 780px; margin: 0 auto; position: relative; background-color: #FFFFFF;}
#hdr {width: 100%; height: 100px; margin: 0; padding: 0; border: 0; background-color: #000066;}
#lftbx {float: left; text-align: center; width: 150px; margin: 0; padding: 5px 4px; background-color: #FFFFFF; border: 0;}
#mainbx {float: left; width: 480px; margin: 5px 0px 0px 0px; padding: 0px 0px 20px 0px; background-color: #FFFFFF; border: solid 1px #506F8E;}
#mainbxalt {float: left; width: 615px; margin: 5px 0px 0px 0px; padding: 0px 0px 20px 0px; background-color: #FFFFFF; border: solid 1px #506F8E;}
#mainbxcart {float: left; width: 615px; margin: 5px 0px 0px 0px; padding: 0px 0px 20px 0px; background-color: #FFFFFF; border: solid 1px #506F8E;}
#hmbx1 {float: left; width: 220px; padding: 8px 0px 0px 0px; margin: 0;}
#hmbx2 {float: left; width: 150px; padding: 0; margin: 10px 20px 10px 25px; border: solid 1px #506F8E; text-align: center;}
#rtbox {float: right; text-align: center; width: 140px; margin: 0; padding: 5px 0px; border: 0;}
#rtboxa {width: 130px; border: 1px solid #506F8E; margin: 0px 4px 5px 4px; padding: 5px 0px; text-align: center; vertical-align: top;}
#ftr {clear: both; width: 100%; margin: 0; padding: 0; border: 0; background-color: #000066; background-image: url(../images/footerbg.gif); background-repeat: repeat-x; text-align: center;}
#searchform {margin: 5px; padding: 10px; background-color: #CCCCCC; border: solid 1px #506F8E; text-align: center;}
.flashhdr {position: absolute; top: 0; right: 0;}

/* Menu Lists  */
ul#topmnu {position: absolute; top: 77px; right: 0; list-style-type: none; width: 626px; height: 19px; margin: 0; padding: 0; border: 4px solid #FFFFFF;}
ul#topmnu li {display: inline; margin: 0; padding: 0;}
ul#topmnu li a {display: block; height: 19px; float: left; background-repeat: no-repeat; background-position: top;}
ul#topmnu li a span {display: none;}

ul#topmnu li a#ph {background-image:url(../images/phone.gif); width: 253px;}
ul#topmnu li a#tn1 {background-image:url(../images/homepage.gif); width: 82px;}
ul#topmnu li a#tn2 {background-image:url(../images/customerservice.gif); width: 124px;}
ul#topmnu li a#tn3 {background-image:url(../images/contactus.gif); width: 86px;}
ul#topmnu li a#tn4 {background-image:url(../images/viewcart.gif); width: 81px;}

ul.lftmnu {list-style-type: none; text-align: left; width: 148px; margin: 0; padding: 2px 0px 5px 0px; background-color: #BFD9DB; border: 1px solid #506F8E;}
ul.lftmnu li {margin: 0; padding: 1px 3px; font-size: 65%;}
ul.lftmnu li a {display: block; text-decoration: none; width: 141px;}
ul.lftmnu li a:hover {text-decoration: underline; width: 141px;}

ul.bestseller {list-style-type: none; text-align: center; width: 130px; margin: 0px 4px; padding: 0; border: 1px solid #506F8E;}
ul.bestseller li {margin: 0; padding: 10px 0px 0px 0px; font-size: 65%;}
ul.bestseller li.mbs {margin: 0; padding: 10px 0px; font-size: 65%;}

ul.pricemnu {list-style-type: none; text-align: center; width: 130px; margin: 0px 4px; padding: 0; border: 1px solid #506F8E;}
ul.pricemnu li {margin: 0; padding: 5px 0px 0px 0px; font-size: 75%;}
ul.pricemnu li.lst {padding: 5px 0px 10px 0px;}

/* Search Form */
ul.srchform {list-style-type: none; position: relative; text-align: left; width: 148px; margin: 0; padding: 2px 0px; background-color: #BFD9DB; border: 1px solid #506F8E;}
ul.srchform li {margin: 0; padding: 1px 3px; font-size: 65%;}
ul.srchform li.srchlink {text-align: center;}
ul.srchform li a {display: block; text-decoration: none; width: 141px;}
ul.srchform li a:hover {text-decoration: underline; width: 141px;}
input.gobtn {position: absolute; top: 3px;}

/* Links */
a.mnu:hover {text-decoration: none;}

/* Header Text */
h1 {font-size: 120%; text-align: center; padding: 10px; margin: 10px 0px 0px 0px;}
h2 {font-size: 95%; padding: 10px; margin: 0;}
h2.ct {text-align: center;}
h2.bluectr {color: #000066; text-align: center;}
h2.redctr {color: #CC0000; text-align: center;}
h3 {font-size: 90%; padding: 10px; margin: 0;}
h3.redctr {color: #CC0000; text-align: center;}

/* Paragraph Text */
p {font-size: 75%; padding: 10px; margin: 0; line-height: 1.25em;}
p.lft {text-align: left; font-size: 75%; padding: 10px; margin: 0; line-height: 1.25em;}
p.ctr {text-align: center; font-size: 75%; padding: 10px; margin: 0; line-height: 1.25em;}
p.sm {font-size: 70%;}
p.smctr {font-size: 70%; text-align: center;}
p.smlft {font-size: 70%; text-align: left;}
p.ind {text-indent: 15px;}
p.hmtxt1 {text-indent: 15px; padding: 20px 20px 25px 0px;}
p.blue {text-align: center; color: #000066;}
p.bluectr {text-align: center; color: #000066;}
p.smblue {font-size: 70%; color: #000066; margin: 0px 5px;}
p.smred {font-size: 70%; color: #CC0000;}
p.red {color: #CC0000;}
p.redctr {text-align: center; color: #CC0000;}
p.redctrb {text-align: center; color: #CC0000; font-weight: bold;}
#hmbx2 p {padding: 5px;}
#rtbox2 p {font-size: 65%; padding: 5px; margin: 0; line-height: 1.25em;}
p.ctb {text-align: center; font-weight: bold;}
p.breadcrumb {font-size: 70%; padding: 0; margin: 2px 5px 0px 5px; border: 0;}

/* Span Text */
span.blue {color: #000066;}
span.red {color: #990000;}

/* Copyright Text */
.copyright {font-size: 70%; padding-top: 2em; padding-bottom: 2em; color: #FFFFFF;}
a.ftxt {color: #FFFFFF;}

/* Content Lists */
ul.plainlist {list-style-type: none; padding: 10px; margin: 0; font-size: 75%;}
ul.plainlist li {text-align: left;}

ul.centerlist {margin: 10px 0px 10px 80px; padding: 0; list-style-type: none; font-size: 75%;}
ul.videolist {margin: 10px 0px 10px 80px; padding: 0; font-size: 75%;}
ul.shiplist {margin: 10px 0px 10px 40px; padding: 0; list-style-type: none; font-size: 75%;}
li.boldline {font-weight: bold; margin: 5px 0px;}
li.indentline {margin: 0px 0px 0px 20px;}
li.morespace {margin: 0px; padding-bottom: 1em;}
ul.faqlist {margin: 20px 0px 30px 30px; padding: 0; list-style-type: decimal; list-style-position: inside; font-size: 75%;}

ul.bannerlist {list-style-type: none; padding: 0; margin: 0;}
ul.bannerlist li {text-align: center; padding: 10px 0px; margin: 0;}

ul.mainlst {list-style-type: square; padding: 0; margin: 0px 0px 0px 240px; font-size: 75%; font-weight: bold; text-align: left; color: #990000;}
ul.mainlst li {margin: .35em;}

ul.pclist {list-style-type: none; width: 460px; height: 120px; margin: 0px 9px 15px 9px; padding: 0; border: 1px solid #506F8E;}
ul.pclist li {display: inline; margin: 0; padding: 0;}
ul.pclist li a {display: block; height: 120px; float: left; background-repeat: no-repeat; background-position: top;}
ul.pclist li a span {display: none;}
ul.pclist li a#pc1 {background-image:url(images/pcgspotdildo.jpg); width: 115px;}
ul.pclist li a#pc2 {background-image:url(images/pcbuttplugs.jpg); width: 115px;}
ul.pclist li a#pc3 {background-image:url(images/pcgspotwonder.jpg); width: 115px;}
ul.pclist li a#pc4 {background-image:url(images/pcdoubledongs.jpg); width: 115px;}

ul.pclist li a#pc5 {background-image:url(images/shnewproducts.jpg); width: 115px;}
ul.pclist li a#pc6 {background-image:url(images/shonsale.jpg); width: 115px;}
ul.pclist li a#pc7 {background-image:url(images/shbestsellers.jpg); width: 115px;}
ul.pclist li a#pc8 {background-image:url(images/shgiftideas.jpg); width: 115px;}

/* Images */
img {border: 0; margin: 0; padding: 0;}
img.floatlft {float: left; border: 0; margin: 0; padding: 10px;}
img.floatrt {float: right; border: 0; margin: 0; padding: 10px;}
img.mnu {border-top: 1px solid #FFFFFF;}
img.lmnuimg {padding: 5px 0px;}
img.rmnuimg {padding: 0px 0px 5px 0px;}
img.xhhm2 {margin: 0; padding: 10px;}
img.xhhm1 {float: right; margin: 20px 15px 0px 20px; padding: 0;}
img.catbnr {padding: 15px 9px 0px 9px;}
img.bluehr {margin: 15px 0px 15px 0px; padding: 0;}
img.hacker {padding: 0px 0px 10px 0px;}
img.headerad {position: absolute; top: 3px; right: 0; padding: 0; margin: 0;}

/* Links */
a.one:link {color: #000099;}
a.one:visited {color: #000099;}
a.one:hover {color: #990000;}

/* Newsletter and Site Map Lists */
ul.newsletter {margin: 0px 0px 10px 30px; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica; font-size: 75%; color: #000000;}
li.year {margin: 0px 0px 5px 0px; font-weight: bold;}
li.entry {margin: 5px 0px 5px 0px;}

/* Adult Links List */
ul.adultlinks {margin: 0px 10px 10px 20px; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica; font-size: 75%; color: #000000;}
li.adultbold {margin: 10px 0px;font-weight: bold;}
li.adultentry {margin: 0px 0px 10px 0px;}

/* Affiliate Page Lists */
ul.affiliate {list-style-type: square; padding: 10px 0px 10px 35px; margin: 0; font-size: 75%; font-weight: bold;}
ul.affiliate li {text-align: left;}
ul.affdtl {list-style-type: none; width: 458px; margin: 0px 10px; padding: 0; font-size: 70%; border: solid 1px #006600;}
ul.affdtl li {text-align: left; padding: 5px; margin: 0; background-color: #D9E7D9; border: solid 1px #FFFFFF;}

/* Shipping Option List */
ul.shipping {margin: 0px 0px 10px 30px; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica; font-size: 75%; color: #000000;}
li {margin: 5px 0px 5px 5px;}
li.bold {margin: 5px 0px; font-weight: bold;}

/* Category Pages */
.catbx {position: relative; margin: 0; padding: 0; border-top: solid 1px #CCCCCC;}
/* .catimg {position: absolute; top: 0; left: 0; width: 130px; margin: 5px; padding: 0; text-align: center;} */
/* .catdesc {float: right; width: 330px; margin: 5px 5px 10px 5px; padding: 0; text-align: center;} */
.catimg p {font-size: 65%; margin: 0; padding: 5px 0px 0px 0px;}
.catimg p.red {font-size: 75%; color: #990000; font-weight: bold; margin: 0; padding: 5px 0px 0px 0px;}
.catdesc h2 {font-size: 75%; margin: 0; padding: 2px 0px;}
.catdesc p {font-size: 70%; margin: 0; padding: 2px 0px;}
.catdesc p.price {font-size: 75%; margin: 0; padding: 2px 0px; color: #CC0000; font-weight: bold;}
.catdesc p.bl {color: #000066;}
table.category {border-top: solid 1px #CCCCCC; padding: 5px;}
table.category td.catimg {width: 130px; text-align: center;}
table.category td.catdesc {width: 350px;}

/* Form Declarations */
label, label span {display: block; padding-bottom: .5em;}
label {float: left; width: 100%; font-size: 75%;}
label span {float: left; width: 25%; text-align: right; padding: 2px 5px 2px 2px;}
fieldset input {float: left; width: 65%; border: 1px solid #999999;}
fieldset input#securityword {float: left; width: 15%; border: 1px solid #999999;}
fieldset input#over18 {float: left; width: 5%; border: 0;}
fieldset input.dob {float: none; width: 8%; border: 1px solid #999999;}
fieldset textarea.comment {float: left; width: 60%; border: 1px solid #999999;}
fieldset {padding: 20px; border: 0px; overflow: hidden;}
form div {clear: both; margin-bottom: 40px; padding: 0px 20px; text-align: center;}
form div input {text-transform: uppercase;}
table.contactus {width: 450px; border: 0; padding: 0; margin: 0; font-size: 75%;}
table.contactus td.inputa {text-align: right; width: 125px;}
table.contactus td.input {text-align: left; width: 325px;}

/* Customer Ratings Page */
/* .ratingbox {position: relative; margin: 10px; padding: 0; border: solid 1px #000066;}
.ratinginfo {width: 315px; margin: 5px 5px 5px 140px; padding: 0; border: 0;} */
.ratinginfo h2 {font-size: 75%; margin: 0; padding: 2px 0px;}
.ratinginfo p {font-size: 70%; margin: 0; padding: 2px 0px;}
.ratinginfo p.price {font-size: 75%; margin: 0; padding: 2px 0px; color: #CC0000; font-weight: bold;}
.ratinginfo p.bl {color: #000066;}
table.rating {padding: 10px; border: solid 1px #506F8E; margin: 5px}
table.rating td.rateimg {width: 130px; text-align: center;}
table.rating td.ratinginfo {width: 328px;}
.rateimg p {font-size: 65%; margin: 0; padding: 5px 0px 0px 0px;}
.rateimg p.red {font-size: 75%; color: #990000; font-weight: bold; margin: 0; padding: 5px 0px 0px 0px;}

/* Description Page */
div.descphoto {float: right; width: 215px; text-align: center; vertical-align: middle; padding: 0; margin: 0px 10px 0px 0px; border: 0;}
p.descphotolink {text-align: center; font-size: 65%; margin: 10px; padding: 0;}
h1.desc {text-align: center; font-size: 90%;}
ul.descinfo {float: left; width: 215px; list-style-type: none; margin: 0px 0px 0px 10px; padding: 0; font-size: 75%; text-align: left;}
ul.descinfo li {padding: 0px 0px 10px 0px; margin: 0;}
ul.descinfo li.dtlred {color: #990000;}
ul.descinfo li.dtlfree {font-size: 85%; color: #990000;}
ul.descinfo li.descretail {text-align: center; font-size: 90%; color: #000066;}
ul.descinfo li.dtlcenter {text-align: center;}
ul.descinfo li.dtlorderbox {text-align: center; border: 1px solid #999999; background-color: #CCCCCC; padding-top: 5px;}
ul.descinfo li.dtlstock {color: #990000; padding-top: 5px; text-align: center;}
span.dtlprice {font-weight: bold; color: #990000; font-size: 120%;}
/* div.descupsella {float: left; width: 110px; padding: 0; margin: 10px; border: 0; text-align: center;}
div.descupsellb {float: right; width: 330px; padding: 10px 0px; margin: 10px; border: 0;}
img.descupsell {margin: 10px 0px 0px 0px; padding: 0; border: 0;} */
table.description {padding: 5px; margin: 20px;}
table.description td.descimg {width: 130px; text-align: center;}
table.description td.descdesc {width: 330px;}

/* Large Image Pages */
p.largeimg {text-align: center; font-size: 75%; margin: 5px 0px 20px 0px;}
img.largeimg {border: 1px solid #506F8E; padding: 20px; margin: 5px; background-color: #FFFFFF;}

/* Shopping Cart */
.cartsecure {position: absolute; top: 0; right: 0; padding: 5px 0px; margin: 0;}
table.cart {width: 500px; border: 0;}
table.cart td {padding: 5px; margin: 0; border: 0;}
table.cart td.rednote {text-align: center; color: #CC0000;}
table.cart td.inputa {text-align: right; width: 135px;}
table.cart td.input {text-align: left; width: 365px;}
table.cartship {width: 380px; border: 0;}
table.cartship td {padding: 5px; margin: 0; border: 0;}
table.cartship td.bluenote {font-weight: bold; color: #000066;}
table.cartship td.input {text-align: left; width: 365px;}
table.cartpayment {width: 300px; border: 0;}
table.cartpayment td {padding: 5px; margin: 0; border: 0;}
table.cartpayment td.inputa {text-align: right; width: 100px;}
table.cartpayment td.input {text-align: left; width: 200px;}
/* Checkout page */
table.checkout {width: 300px;}
table.checkout td.inputa {text-align: right; width: 100px;}
table.checkout td.input {text-align: left; width: 200px;}
td.bluefont {font-weight: bold; color: #000066;}

/* New Shopping Cart */
img.shcart {padding: 10px 15px;}
table.cartitems {width: 615px; border-top: solid 1px #506F8E; margin: 0; padding: 0; font-size: 70%;}
table.cartitems td.ciheader {border-bottom: solid 1px #506F8E; background-color: #CCCCCC; font-weight: bold;}
table.cartitems td.ciimage {padding: 5px; border-bottom: solid 1px #506F8E; text-align: center;}
table.cartitems td.ciitem {border-bottom: solid 1px #506F8E; color: #000066;}
table.cartitems td.ciamt {border-bottom: solid 1px #506F8E; color: #000066; text-align: center;}
table.cartitems td.cisubtotala {background-color: #CCCCCC; border-left: solid 1px #506F8E; border-bottom: solid 1px #506F8E; color: #CC0000; font-weight: bold; text-align: right;}
table.cartitems td.cisubtotalb {background-color: #CCCCCC; border-bottom: solid 1px #506F8E; color: #CC0000; font-weight: bold; text-align: right;}
table.cartitems td.cisubtotalmess {font-weight: bold; color: #CC0000; text-align: right;}
table.cartitems td.ciothermess {color: #000066; text-align: right;}
table.customerinfo {width: 615px; margin: 0; padding: 0; font-size: 70%;}
table.customerinfo td.ciheader {padding-left: 50px; border-top: solid 1px #506F8E; border-bottom: solid 1px #506F8E; background-color: #CCCCCC; color: #CC0000; font-weight: bold;}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
