
body {background-image: url(/images/background.jpg); background-repeat: repeat-x; background-color: #161616; margin: 0px; text-align: center;}

.button { border: 1px solid #CCCCCC; font: 14px Verdana; padding: 3 10 3 10; color: #5d5d5d; font-weight: bold; }
.button-small {border: 1px solid #CCCCCC; font: 14px Verdana; padding: 1 3 1 3; color: #5d5d5d; font-weight: bold;}
input, select, textarea {border: 1px solid #CCCCCC; background: #EEEEEE; color: black; font: 11px Verdana; padding: 2px 5px 2px 5px; }
.clear {clear: both;}

#content-header img {background:none !important;} 

#swoosh { background: url(/images/background-swoosh.png) right top no-repeat; } 
#container {width: 900px; margin: 0px auto; background-position: top; background-repeat: no-repeat;}
 
#header {width: 900px; height: 48px; clear: both; margin: auto; background: url(/images/background-menu.jpg) repeat-x; }

#header .top-nav {float: left; width: 650px; height: 48px;}
#header .top-nav ul {list-style: none; margin: 0; padding: 0;}
#header .top-nav li {display: block; float: left; margin-top: 5px; padding: 10px 17px 0px 17px; font-face: Verdana; font-size: 14px; color: #7db4d7;}
#header .top-nav a {color: #7db4d7; text-decoration: none;}
#header .top-nav a:hover {color: #ffffff;}

#cart { float: right; width: 206px; height: 46px; background-image: url(/images/background-cart.jpg); background-repeat: no-repeat; color: #ffffff; text-align: left; margin-right: 20px;}
#cart-box {margin-top: 27px;}
#cart-items {float: left; width: 60px; font: 11px Arial; color: #ffffff; padding-left: 15px; }
#cart-total {float: left; width: 55px; font: 11px Arial; color: #ffffff; text-align: center; }
#cart-view { font: 11px Arial; float: right; margin-top: -18px; margin-right: 35px; color: #CCCCCC; } 
#cart-view a { color: #CCCCCC; }

#cart-checkout { float: right; width: 50px; text-align: right; padding-right: 15px; }
#cart-checkout a { font: 11px Arial; color: #77aed3; }

#logo {width: 900px; height: 212px; background: url(/images/spingasm-logo.png) no-repeat; text-indent: -9999em;}

#mainbody  {width: 900px; }
#right-nav {float: right; width: 255px; height: 621px; background-image: url(/images/background-nav.png); background-position: top; background-repeat: no-repeat; text-align: left;}

#categories {width: 255px; height: 377px; }
#categories-header {height: 33px; padding: 35px 0 0 50px; font-family: Verdana; font-size: 14px; color: #e6e6e6; }
#categories ul {list-style-type: none; list-style-image: url(/images/nav-arrow.png); padding: 15px 0 0 25px;}
#categories li { margin-bottom: 8px; }
#categories a {font-face: Verdana; font-size: 14px; color: #797979; text-decoration: none;}
#categories a:hover { text-decoration: underline; }

#specials { width: 260px; height: 244px; }
#specials-header { height: 33px; padding: 33px 0 0 55px; font-family: Verdana; font-size: 14px; color: #e6e6e6;}
#specials-img {text-align: center; margin-bottom: 5px;}
#specials-text {font-family: Verdana; font-size: 11px; color: #565656; text-align: center; width: 210px; margin: auto;}

#carttable td {padding: 3px;}
#carttable th {background-color: #2d2d2d; color: #ffffff; padding: 3px;}
#carttable .underline {border-bottom: solid thin #cccccc;}
#content-box {float: left; width: 627px;}
#content-box a {color: #6691ac;}
#content-box a:hover {color: #ff0000;}
#content-box .t {width: 627px; height: 27px; background-image: url(/images/content-top.png); background-repeat: no-repeat;}
#content-box .m {width: 627px; background-color: white;  min-height: 572px;}
#content-box .b {width: 627px; height: 22px; background-image: url(/images/content-bottom.png); background-repeat: no-repeat;}
#content-box .content-body {width: 590px; position: relative; top: -10px; text-align: left; margin: auto;}

#content-header { height: 200px; background-image: url(/images/content-header.png); background-repeat: no-repeat;  clear: both; font: 11px Verdana; line-height: 18px; width: 607px; margin: auto; text-align: left; }
#content-header>div { width: 607px; }
#content-header .girl {float: left; width: 220px; height: 200px;}
#content-header .exerience { color: #000000; font-size: 16px; margin-bottom: 10px; }
#content-header .thisway { color: #7a7a7a; text-align: right; font-size: 14px; }
#content-header .thisway a { text-decoration: none; }
#content-header .rotator { float: left; width: 345px; text-align: left; color: #565656; }

#content-header div img { behavior: url(/includes/iepngfix.htc) }

#threebox { width: 627px; overflow: hidden; clear: both; margin: auto; margin-top: 20px; }
#threebox h2, #threebox h2 a { font-face: Verdana; font-size: 16px; color: #525252; text-decoration: none; } 

#threebox p {line-height: 18px; font-face: Verdana; font-size: 11px; color: #878787; margin-left: 20px; margin-top: 10px; }
#threebox .left {float: left; width: 200px; height: 300px; margin-left: 5px;}
#threebox .middle {float: left; width: 200px; height: 300px; margin: 0 5px;}
#threebox .right {float: right; width: 200px; height: 300px;}
#threebox .meetthegirls {width: 180px; padding: 4px 0; background-color: #e6f2fd; font-face: Verdana; font-size: 12px; color: #747474; margin: auto; text-align: center;  font-weight: bold; }
#threebox table {padding: 5px;}
#threebox th {background-color: #c0c0c0; text-weight: bold; text-align: left; padding: 2px 0 2px 5px;}

#content-footer { font: 11px Verdana; width: 600px; text-align: left; padding-left: 10px; margin: auto; margin-top: 10px; color: #959595; }

#category {width: 608px; overflow: auto; font-family: Verdana; font-size: 14px; color: #000000;}
#category h2 a {color: #565656; text-decoration: none;}
#category .left {width: 435px; float: left; margin: 5px; text-align: left; font-family: Verdana; font-size: 12px; color: #000000;}
#category .right {width: 150px; margin: 5px; float: right;}
#category-no {width: 608px; height: 150px; font-family: Verdana; font-size: 14px; color: #000000;}

#store-details {float: left; width: 435px; font-family: Verdana; font-size: 14px; color: #000000; text-align: left;}
#store-details .heading {font-size: 16px; font-weight: bold; color: #000000;}
#store-details .description {padding: 15px 0; margin-right: 10px; }
#store-details .itemnumber {color: #161616;}
#store-details .price {color: #161616; font-weight: bold; }
#store-details .specialprice {color: #161616;}
#store-details .backorder {color: #161616;}
#store-details .options {color: #161616; margin-top: 10px; }
#store-details .option-item { margin: 15px 0 0 10px; } 
#store-details .buttons {float: left;}
#store-images {float: right; width: 150px; margin-left: auto; margin-right: auto; text-align: center;}
#store-images td {padding: 2px;}
#store-details .buttons {float: left;}

.cart_variations { margin-left: 10px; }
.cart_variation { margin-bottom: 5px; }

#bottom-ads {width: 600px; margin-top: 20px; clear: both; }
#bottom-ads a {margin: 1px;}

#contactform {width: 400px; margin-top: 20px;}
#contactform .left {float: left; width: 100px; padding-bottom: 5px;}
#contactform .right {float: left; width: 300px; padding-bottom: 5px;}

#mainbody .checkout-t {width: 900px; height: 24px; background: url(/checkout/images/checkout-top.png) no-repeat;}
#mainbody .checkout-m {width: 900px; background: url(/checkout/images/checkout-middle.png) repeat-y; min-height: 400px;}
#mainbody .checkout-b {width: 900px; height: 24px; background: url(/checkout/images/checkout-bottom.png) no-repeat;}
#checkout { width: 870px; margin: auto; text-align: left; }
#checkout p {line-height: 25px; font: 11px Verdana; color: #878787;}
#checkout td { padding: 3px; }

#footer {height: 119px;  background-repeat: no-repeat; padding: 20px 0 0 0; clear: both;}
#footer .nav {float: left; width: 600px; font: 12px Verdana; color: #ffffff; text-align: left; margin-left: 20px; }
#footer p {padding-bottom: 10px;}
#footer .nav a {color: #76aacb; text-decoration: none;}
#footer .nav a:hover {color: #ff0000;}
#footer .icons {float: right; width: 260px; text-align: right; }

label.error { display: block; margin-bottom: 3px; color: red; font-weight: bold; }
input.error { background-color: #ffe1e1; border: 1px solid #ff8787; }
div.error {font: 12px Verdana; color: #ff0000; border: 1px solid gray; padding: 5px; background-color: #ffe8e8; margin-bottom: 15px; }
div.info {font: 12px Verdana; color: #000000; border: 1px solid gray; padding: 5px; background-color: #8ac5ff;}

.fieldset { margin-bottom: 10px; }
