/* Version 1.1.20060606.3 */

* {
margin:0;
padding:0;
}

html,body {
color:#898989;
background:#dedede url(../imgs/bg.gif) repeat-x;
font:12px Tahoma, Verdana, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:none;
outline:none;
color:#3579ae;
}

a:hover {
text-decoration:none;
color:#f956b3;
}

a:active {
color:#007877;
}

ul,ol {
color:#5d5d5d;
padding:0;
}

a img {
border:none
}

ul {
margin-left: 10px;
list-style: none
}

.floatLeft {
float:left;
}

img.floatLeft {
margin: 5px 20px 20px 0
}

img.floatRight {
margin: 5px 0 20px 20px; 
}

.floatRight {
float:right;
}

.inline {
display:inline
}

.clear, h3, h4, h5 {
clear:both;
}

#rightCol .rightLeft h4 {
font: normal 0.9em Arial, sans-serif;
margin: 7px 0;
color: #b67988
}

#rightCol ul {
	list-style: disc;
	list-style-image: none;
	list-style-position: inside;		
}

h2, h3 {
text-transform: uppercase;
color: #3579ae;
padding: 3px 0;
}

h3 {
background: url(../imgs/underline.gif) repeat-x bottom left;
font:18px "Century Gothic", sans-serif;
}

h4 {
/*color: #3579ae;*/
padding: 3px 0
}

a.logo {
voice-family:inherit;
display:block;
width: 420px;
height: 40px;
float:left;
background:none;
border:0;
margin:0;
}

a.logo em {
display:none;
}


#printlogo {
background: url(../imgs/logo.gif) no-repeat top left;
display:none
}



#logoSmall {
background: url(../imgs/logoSmall.gif) no-repeat top left;
}

#topNav {
background: url(../imgs/toolBarBg.gif) no-repeat top left;
}

ul#menu {
list-style:none;
overflow:hidden;
width:337px;
float:left;
height:31px;
clear:both;
position:relative;
margin:0;
}

#menu span {
display:none;
position:absolute;
}

#menu a {
display:block;
text-indent:-900%;
position:absolute;
outline:none;
}

#menu a:hover, #menu li.current a{
background-position:left bottom;
}

#menu .guys {
width:47px;
height:15px;
background: url(../imgs/guys.gif) no-repeat;
left:45px;
top:6px;
}

#menu .girls {
width:40px;
height:15px;
background: url(../imgs/girls.gif) no-repeat;
left:140px;
top:6px;
}

#menu .couples {
width:91px;
height:15px;
background: url(../imgs/couples.gif) no-repeat;
left:220px;
top:6px;
}

.login {
float:right;
width: 260px;
overflow: hidden;
margin: 10px 0;
}

.login p {
background: url(../imgs/loginIcon.gif) no-repeat 0 2px;
padding:0 0 0 20px
}

#wrapper {
background: url(../imgs/grayTopBg.png) no-repeat top left;
}

#mainMenu li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#mainMenu a:link, #mainMenu a:visited {
float: left;
font: 1.17em "Trebuchet MS", Verdana, Arial, sans-serif;
line-height: 1.17em;
padding: 0 12px 6px;
text-decoration: none;
color: #fff;
white-space: nowrap;
}

#mainMenu a:link.active, #mainMenu a:visited.active, #mainMenu a:hover {
color: #a7adb2;
}

.cart {
color: #fff;
font: 1em "Trebuchet MS", Helvetica, sans-serif;
}

.cart a, .cart a:link {
color: #ff9bcf
}

.cart a:hover {
color: #95d5d7
}

.cart span.capital {
font: 1em "Trebuchet MS", Helvetica, sans-serif;
text-transform: uppercase;
color: #d1d1d1;
margin: 0 0 0 20px
}

.cart form {
margin: 0 0 0 12px;
overflow:hidden; 
float: right;
}

.cart input.searchfield {
margin: 0;
background: url(../imgs/cart.gif);
border: 1px solid #000;
width:110px;
padding:3px 2px 3px 25px;
}

.cart input[type=submit], .cart input.submit {
background: url(../imgs/submitButtonBg.gif) repeat-x;
height: 25px;
color:#000;
margin: 0 0 0 3px;
padding:0 3px 2px;
width:70px;
border: 1px solid #000;
font-size: 1em;
}

.review input.submit {
background: url(../imgs/submitButtonBlackBg.gif) repeat-x;
height: 25px;
color:#fff;
margin: 0 0 0 3px;
padding:0 3px 2px;
width:170px;
border: 1px solid #000;
font: 1.17em Arial, Helvetica, sans-serif;
float:right
}

.review input, .review textarea {
background: url(../imgs/inputBg2.gif) repeat-x;
border: 1px solid #d9d9d9; padding:3px
}

.review input {
width: 70px; display: inline;
}

.date2 {
margin:3px 0 0 3px;
line-height:22px;
vertical-align:top;
}

.review form label {
color: #3081b6; margin-right:10px
}

.left {
float:left;padding-top:6px
}

/* ================================================ 
 Author: Roger Johansson  
================================================ */
.cbb {
padding: 0 10px;
margin: 1em 0;
background: #fff;
border: 1px solid #666;
}

.cb {
margin: 0;
}

.bt {
background: url(../imgs/box.png) no-repeat 100% 0;
margin: 0 0 0 18px;
height: 12px;
}

.bt div {
height: 12px;
width: 18px;
position: relative;
left: -18px;
background: url(../imgs/box.png) no-repeat 0 0;
font-size:0;
line-height:0;
}

.bb {
background: url(../imgs/box.png) no-repeat 100% 100%;
margin: 0 0 0 12px;
height: 14px;
}

.bb div {
height: 14px;
width: 12px;
position: relative;
left: -12px;
background: url(../imgs/box.png) no-repeat 0 100%;
font-size:0;
line-height:0;
}

.i1 {
padding: 0 0 0 7px;
background: url(../imgs/borders.png) repeat-y 0 0;
}

.i2 {
padding: 0 7px 0 0;
background: url(../imgs/borders.png) repeat-y 100% 0;
}

.i3 {
display:block;
margin:0;
padding:1px 7px;
background:#fff;
}

.i3:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

.i3 {display:inline-block;}
.i3 {display:block;}

/* ================================================ 
   end of Roger's tutorial
================================================ */


/* menu wrap */
.divider {
float:left;
overflow: hidden;
margin: 10px 0;
clear: both;
width:100px
}

.menuwrap {
background:url(../imgs/middleRepeat.gif) no-repeat top center;
background-repeat:repeat-y;
}

.topper {
background:url(../imgs/topper.gif) no-repeat top center;
}

.bottomer {
background:url(../imgs/bottomer.gif) no-repeat top center;
}

.menuwrap ul{
padding: 5px 0
}

.menuwrap ul li{
padding: 2px 0;
font: 1.17em Tahoma, Arial, sans-serif;
}

.menuwrap ul li a {
color: #3c3c3c;
text-transform: uppercase;
}

.menuwrap ul li a:hover {
color: #3579ae;
}

.menuwrap ul ul li a {
color: #6a6a6a;
text-transform: capitalize;
font: 12px Tahoma, Arial, sans-serif;
}

.menuwrap ul ul li a:hover, .menuwrap ul ul li.current a {
color: #f951b3;
}

.menuwrap ul ul.couples li a:hover, .menuwrap ul ul.couples li.current a {
color: #8177b1;
}

.menuwrap ul ul.men li a:hover, .menuwrap ul ul.men li.current a {
color: #3579ae;
}

.menuwrap h2 {
font: bold 15px "Century Gothic", sans-serif;
margin: 0 10px
}

h2.girls, h3.girls, h4.girls, a.girls {
color: #fe67bd;
}

h2.couples, h3.couples, h4.couples, a.couples {
color: #8177b1;
}

h2.guys, h3.guys, h4.guys, a.guys {
color: #3579ae;
}

#rightCol .Details img, .mayLike img  {
padding:3px;
background: #eaeaea;
border: 1px solid #cecece;
}

.mayLike img {
margin-right: 10px
}

.mayLike h4 {
text-transform: uppercase;
color: #b9156a;
font-size: 1em
}

.mayLike h4 a {
color: #b9156a;
}

.darkGray {
color: #373c40;
}

.date {
color: #8a8989;
font: 12px Arial, Helvetica, sans-serif;
float: left;
width:250px;
}

.rate {
float: right;
width:150px;
text-align: right;
}

.review {
background: #fff;
border: 1px solid #d9d9d9
}

#rightCol .productDetails h2, #rightCol .box h2, #rightCol .box2 h2 {
text-transform: capitalize;
margin-bottom: 15px
}

#rightCol .productDetails h2 {
font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#rightCol .box h2, #rightCol .box2 h2 {
color: #373c40;
font: bold 17px "AvantGarde Bk BT", "Century Gothic", sans-serif;
}

#rightCol .productDetails span.floatRight {
color: #6a6a6a;
font-size: 12px;position:relative; top: 20px
}

#rightCol .productDetails ul.featurelist {
margin-left: 0;
list-style-type: disc;
}

#rightCol .productDetails ul.featurelist li {
margin-left: 20px;
color: #898989
}

.breadCrumbs {
width: 100%;
float: left;
padding: 14px 0;
}

.breadCrumbs p {
margin: 0 3px;
font: 1.17em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #494b4e
}

.breadCrumbs a, .breadCrumbs a:link {
color: #878579
}

.breadCrumbs a:hover {
color: #000
}

#rightCol h2 {
font: 24px "Century Gothic", sans-serif;
width: 100%;
clear: both;
}

#rightCol .rightRight h2 {
font-size: 20px; color: #4a4a4a
}

.footer h3 {
font: 16px "Century Gothic", sans-serif;
width: 100%;
clear: both;
padding: 3px 0 10px
}

#rightCol .product a img{
padding:2px;
width: 107px;
background: #eaeaea;
border: 1px solid #cecece;
float:left;
margin: 0 10px 0 0
}

#rightCol .product a:hover img {
border: 1px solid #3a3a3a;
background: #fff
}

#rightCol .product h3 {
	font: 1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #353535;
	padding: 0 0 2px 0;
	margin: 0 0 0px 115px;
	background: none;
/*background: url(../imgs/underline.gif) repeat-x bottom left;*/	line-height: 1em;
	clear: none;
}

#rightCol .rightLeft h3 {
font: 1.33em "Trebuchet MS", Verdana, Arial, sans-serif;
line-height: 1em;
color: #353535;
padding: 0;
background: none;
}

#rightCol .product h3 a, #rightCol .rightLeft h3 a {
/*color: #4f4f4f;*/
font-weight: 700;
}

#rightCol .product h3 a:hover, #rightCol .rightLeft h3 a:hover {
color: #3371a0;
}

#rightCol .product p {
font-size: 11px;
color: #4f4f4f
}

.column ul, .columnFooter ul {
padding: 15px 0;margin:0
}

.column ul li {
padding: 4px 0;
font: 1em Tahoma, Arial, sans-serif;
}

.column ul li a {
color: #717171;
}

.columnFooter ul li {
padding: 2px 0;
font: 1em Tahoma, Arial, sans-serif;
}

.columnFooter ul li a {
color: #4d4d4d;
}

.column ul li a:hover, .columnFooter ul li a:hover {
color: #3579ae;
}

.makeMoney {
/*background: url(../imgs/makeMoneyBanner.gif) no-repeat top left;*/
}

.makeMoney a, .makeMoney a:link {
font: 15px "AvantGarde Bk BT", "Century Gothic", sans-serif;
}

.more {
float:right;
background: url(../imgs/buttonBgGradient.gif) repeat-x;
padding: 7px 10px 8px
}

.more a {
font: 1em Tahoma, Arial, sans-serif;
color: #000;
padding-left: 20px;
background: url(../imgs/arrowButtonBg.gif) no-repeat 0 5px;
}

.more a:hover {
color: #717171
}

.footer .floatRight {
color: #000;
font: 1em Tahoma, Arial, sans-serif;
padding: 5px 20px 20px;
}

.productDetails p {
line-height: 15px;
margin-bottom: 10px
}

.actions form {
display: inline;
margin: 0 5px 0 0
}

.actions form select {
font-size:1em;padding-left: 0
}

.actions form p {
display: inline;
line-height: 25px;
margin: 0 
}

.actions span {
margin-right:10px;
color: #bd1f73
}

.thumbs {
width: 280px;
}

.thumbs a img {
margin: 0 6px 6px 0;
border: 1px solid #e3d1d9
}

.thumbs a:hover img {
border: 1px solid #000
}

.rate a:hover img {
border:none
}

.review p{
float:left;
color: #686c6f;
margin: 10px 0;
width: 100%
}

.rightLeft p, .rightRight p {
width: 98%;
margin: 10px 0;
line-height: 19px;
}

.rightLeft p img.floatRight {
float:right; 
padding:3px;
background: #efefef;
border: 1px solid #ccc
}

#rightCol .productDetails .review img {
border:none;background:none;padding:0 1px
}

a.addreview {
float:right;
position:relative;
top:20px;
background: url(../imgs/pensilIcon.gif) no-repeat top left;
padding: 0 0 0 20px;
color: #e419a6
}

a:hover.addreview, .mayLike h4 a:hover {
color: #3081b6
}

.cartDetails {
border:1px solid #5f5f5f;
background: #373737
}

.cartDetails ul {
	list-style:none	
}

.cartDetails ul.controls {
list-style:none;
height: 17px;
margin:0;padding:8px 0;
background: #7d7e7d;
}

.cartDetails ul.controls li {
display: inline; 
text-align: center; 
}

.cartDetails ul.controls li.clear {
width: 50px;background: url(../imgs/cartDiv.gif) no-repeat top right;float:left; 
}

.cartDetails ul.controls li.edit {
width: 70px;float:left; color:#99d0e7
}

.cartDetails ul.controls li.hide {
width: 50px;float:right; 
}

.cartDetails ul.controls li a {
color:#99d0e7
}

.cartDetails ul.controls li a:hover {
color:#fff
}

.cartDetails p.left {
width: 100px;padding:10px;float:left
}

.cartDetails .purchase {
background: #525352 url(../imgs/cartRepeatTop.gif) repeat-x;overflow:hidden;clear:both;color:#d4d4d4
}

.cartDetails .purchase2 {
background: #373737 url(../imgs/cartRepeatBottom.gif) repeat-x;overflow:hidden;clear:both;color:#d4d4d4
}

.cartDetails .purchase ul, .cartDetails .purchase2 ul {
width: 40px;padding:10px;float:right
}

.cartDetails .purchase ul li, .cartDetails .purchase2 ul li {
padding: 5px 0; text-align: center
}

.pink {
color:#fc9cd3
}

p.page {
text-align:center;
font: 12px Tahoma, Arial, sans-serif;
margin:20px 10px 0;
padding:0;
line-height: 33px;
}

p.page a,p.page strong.active {
color:#3b495e;
margin:0 0 5px 2px;
padding:4px;
}

p.page strong.active {
border-color:#df2952;
}

p.page a.pagination {
background:url(../imgs/paginationBg.gif) repeat-x;
}

p.page a:hover {
background: none;
color:#df2952;
}