/*------------------------------------------------------------------------
Stucture styles --------------------------------------------------------*/
body{
  background: #fff url(../img/bak-rp-lg.gif) center top repeat-y;
  height: 100%;
  padding-right: 1px;
}
div#shell{
  background: url(../img/bak-two.gif) repeat-y;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  margin: 0 auto;
  text-align: left;
  width: 922px;
  height: 100%;
}
body.threeCol div#shell{
  background: url(../img/bak-home-lg.gif) repeat-y;
  width: 922px;
}

/*-------------------------------------------------
Empty middle column data-------------------------*/

div#shell_empty{
  background: white;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  margin: 0 auto;
  text-align: left;
  width: 922px;
}
body.threeCol div#shell_empty{
  background: white;
  width: 922px;
}

/*-------------------------------------------------
Empty middle column data-------------------------*/

div#headerPane{
  background: #e2e2e2;
}
div#leftPane{
  background: #04a8e5;
  border-right: 3px solid #fff;
  float: left;
  width: 175px;
}
div#contentPane{
  background: #fff url(../img/bak-content.gif) repeat-x;
  float: left;
  min-height:643px;
  height:100%;
  overflow: visible;
  padding: 0 14px 0 14px;
  position: relative;
  width: 716px;
}
body.threeCol div#contentPane{
  padding: 0 14px 0 14px;
  width: 538px;
}
div#rightPane{
  background: #6ee504;
  color: #fff;
  border-left: 3px solid #fff;
  float: left;
  width: 175px;
}
div#footerPane{
  background: #e2e2e2;
  border-top: 3px solid #fff;
  clear: both;
  position: relative;
}
div#barter_copy{
  color: #000;
  top: 50px;
  left: 385px;
  position :absolute;
}


/*------------------------------------------------------------------------
General styles ---------------------------------------------------------*/
div#contentPane h2{
  border-bottom: 1px dashed #626262;
  margin-bottom: 0.5em;
  padding-bottom: 10px;
}
a.btnLink{
  background: url(../img/btnLink-01.gif) left top no-repeat;
  color: #fff;
  display: block;
  text-transform: uppercase;
  width: 4em;
}
a.btnLink span{
  background: url(../img/btnLink-02.gif) right top no-repeat;
  display: block;
  margin-left: 2px;
  padding-left: 0.3em;
}
a.btnLink:hover{
  background-position: left -50px;
  color: #fff;
}
a.btnLink:hover span{
  background-position: right -50px;
}
a.btnBigLink{
  background: url(../img/btnLink-01.gif) left top no-repeat;
  color: #fff;
  display: block;
  float: left;
  text-transform: uppercase;
  width: 8.5em;
}
a.btnBigLink span{
  background: url(../img/btnLink-02.gif) right top no-repeat;
  display: block;
  margin-left: 2px;
  padding-left: 0.3em;
}
a.btnBigLink:hover{
  background-position: left -50px;
  color: #fff;
}
a.btnBigLink:hover span{
  background-position: right -50px;
}
a#btnAddToCart{
  font-weight: normal;
  text-transform: none;
  width: 7em;
}
a#btnAddToCartTop{
  font-weight: normal;
  text-transform: none;
  width: 7em;
}
a#btnCheckout{
  font-weight: normal;
  text-transform: none;
  width: 7em;
}
a#btnContinue{
  font-weight: normal;
  text-transform: none;
  width: 7em;
}
ul#breadcrumbs{
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
}
ul#breadcrumbs li{
  color: #04a8e5;
  margin: 0 0 0 0.1.9em;
  display: inline;
}
ul#breadcrumbs li a{
  border-right: 1px solid #473c3f;
  color: #473c3f;
  display: inline;
  font-weight: normal;
  padding-right: 0.4em;
}
ul#breadcrumbs li a:hover{
  color: #04a8e5;
}
div#pages{
  bottom: 0;
  display: block;
  right: 18px;
  position: absolute;
  z-index: 1000;
}
div#pages p{
  color: #666;
  float: left;
  font-weight: bold;
  margin: 0 0 0 10px;
  padding: 0;
  text-transform: uppercase;
}
div#pages a{
  color: #666;
}
div#pages a.btnLink, div#pages a:hover{
  color: #fff;
}
div#pages a.btnBigLink{
  color: #fff;
  width: 7em;
}

/*------------------------------------------------------------------------
Heading Pane -----------------------------------------------------------*/
div#headerPane{
  background: #e2e2e2;
  border-bottom: 3px solid #fff;
}
div#headerPane:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div#headerPane h1{
  margin: 0;
  height: 130px;
}
div#headerPane h1 a{
  display: block;
  height: 80px;
  width: 154px;
}
div#headerPane h1 a img{
  padding: 5px 0 0 10px;
}
div#headerPane ul{
  list-style: none;
  margin: 0 0 0 175px;
  padding: 0;
  zoom: 1;
}
div#headerPane ul li{
  background: #818282;
  display: block;
  float: left;
}


div#headerPane ul li.first{
  background: #818282 url(../img/hdr-menu-top-left.gif) left top no-repeat;
  padding-left: 176px;
}
body.twoCol div#headerPane ul li.first{
  background: #818282 url(../img/hdr-menu-top-left.gif) left top no-repeat;
  padding-left: 264px;
}





div#headerPane ul li.last{
  background: #818282 url(../img/hdr-menu-top-right.gif) right top no-repeat;
  padding-right: 176px;
}
body.twoCol div#headerPane ul li.last{
  background: #818282;
  padding-right: 264px;
}





div#headerPane ul li a{
  border-right: 1px solid #626262;
  color: #fff;
  display: block;
  margin: 6px 0 2px 10px;
  padding: 0 11px 0 0;
}
div#headerPane ul li a:hover{
  color: #333;
}
div#headerPane ul li.last a{
  border: 0;
}


/*------------------------------------------------------------------------
Left Pane --------------------------------------------------------------*/
div#leftPane ul{
  background: #04a8e5;
  border-bottom: 3px solid #fff;
  list-style: none;
  margin: 0;
  padding: 15px 0 15px 0;
}
div#leftPane ul:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#leftPane ul li{
  width: 160px;
}
div#leftPane ul li a{
  border-top: 1px solid #04a8e5;
  border-bottom: 1px solid #04a8e5;
  color: #fff;
  display: block;
  padding: 3px 0px 3px 20px;
  width: 155px;
}
div#leftPane ul li a:hover{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #000000;
}
#frmSearch{
  background: #CCCCCC;
  border-bottom: 3px solid #fff;
  display: block;
  padding: 1.2em 0 0;
  margin-bottom: 1em;
}
#frmLogin
{
  background: #CCCCCC;
  border-bottom: 3px solid #fff;
}
div.func{
  clear: both;
  color: #CCCCCC;
  font-weight: bold;
  height: 3em;
  padding: 0 12px;
  text-transform: uppercase;
}
div.func div, div.func label, div.func input{
  float: left;
}
div.func img{
  margin: 0 4px 0 0;
}
div.func label{
  display: block;
  float: left;
  margin: 0;
  width: 54px;
}
div.func input{
  border: 1px solid #c8c8c8;
  width: 80px;
  margin: 0;
}
div.func input.btn{
  background: #CCCCCC;
  border: 0;
  color: #fff;
  cursor: pointer;
  cursor: hand;
  display: block;
  float: left;
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 3px 0;
  text-transform: uppercase;
  width: 58px;  
}
div.func input.btn:hover{
  background: #473c3f;
}

div#shoppingCartDiv {
    background: #04a8e5;
    border-bottom: solid 3px #fff;
    color: #fff;
    padding: 15px 0px 15px 20px;
}
div#shoppingCartDiv a{
    color: #fff;
}
div#shoppingCartDiv a:hover{
    color: #000;
}
div#searchArea {
    background: #04a8e5;
    border-bottom: solid 3px #fff;
    color: #fff;
    padding: 12px 0px 20px 20px;
}

/*------------------------------------------------------------------------
Footer Pane ------------------------------------------------------------*/
div#footerPane{
  background: #e2e2e2 url(../img/bc-bak-ftr-lt.gif) top right no-repeat;
  height: 117px;
  position: relative;
}
body#category div#footerPane{
  background: #CCCCCC url(../img/bak-bubble.gif) top right no-repeat;
  height: 129px;
  position: relative;
}
div#footerPane div#bc{
  display: block;
  left: 32px;
  position: absolute;
  top: -127px;
}
div#footerPane ul{
  list-style: none;
  margin-left: 175px;
  padding: 0;
  width: 554px;
}

body.threeCol div#footerPane ul{
  width: 600px;
}
body.twoCol div#footerPane ul{
  width: 747px;
}



div#footerPane ul li{
  background: #818282;
  display: block;
  float: left;
}


div#footerPane ul li.first{
  background: #818282 url(../img/ftr-menu-bottom-left.gif) left bottom no-repeat;
  padding-left: 150px;
}
body.threeCol div#footerPane ul li.first{
  padding-left: 164px;
}
body.twoCol div #footerPane ul li.first{
  padding-left: 251px;
}


div#footerPane ul li.last{
  background: #818282 url(../img/ftr-menu-bottom-right.gif) right bottom no-repeat;
  padding-right: 150px;
}
body.threeCol div#footerPane ul li.last{
  padding-right: 163px;
}
body.twoCol div #footerPane ul li.last{
  background: #818282;
  padding-right: 251px;
}



div#footerPane ul li a{
  border-right: 1px solid #363636;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 10px 0 6px 10px;
  padding: 0 11px 0 0;
}
div#footerPane ul li a:hover{
  color: #333;
}
div#footerPane ul li.last a{
  border: 0;
}
/*------------------------------------------------------------------------
Home Page --------------------------------------------------------------*/
body#home h2{
  color: #626262;
  border-bottom: none;
  margin-top: 0;
  padding: 0;
}
div#homeFirst{
  min-height: 207px;
  margin: 0 0 22px -14px;
  padding: 14px;
  position: relative;
  width: 360px;
}
div#slideshow{
  position: absolute;
  width: 360px;
}
div#homeFirst h2, div#homeFirst h4, div#homeFirst p{
  width: 150px;
}
div#homeFirst a#back{
  bottom: 0;
  left: 14px;
  position: absolute;
}
div#homeFirst a#next{
  bottom: 0;
  right: 14px;
  position: absolute;
}
div#homeSecond h2
{
  color: #04a8e5;
  margin-bottom: 0.2em;
}
div#homeSecond h5{
  color: #04a8e5;
  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

/*------------------------------------------------------------------------
Home Page Right Panel --------------------------------------------------*/
div#rightPane div{
  border-bottom: 3px solid #fff;
}
div#rightPane h2{
  color: #fff;
}
div#rightPane p{
  font-size: 0.9em;
  margin-bottom: 5em;
}
div#rightPane div#firstContainer{
  background: #acd6db url(../img/ic-woman-red.gif) right bottom no-repeat;
  position: relative;
}
div#rightPane div#firstContainer h2{
  position: relative;
  z-index: 100;
}
div#rightPane div#firstContainer p{
  width: 100px;
}
div#rightPane div#secondContainer{
  background: #90c8cf url(../img/ic-cuffs-k.gif) right bottom no-repeat;
}
div#rightPane div#secondContainer p{
  margin-bottom: 7em;
}
div#rightPane div#thirdContainer{
  background: #74bac3 url(../img/ic-paddle-k.gif) right bottom no-repeat;
}
div#rightPane div#thirdContainer p{
  margin-bottom: 7em;
}
div#rightPane div#fourthContainer{
  background: #74bac3 url(../img/ic-keyboard.gif) right bottom no-repeat;
}
div#rightPane div#fourthContainer p{
  margin-bottom: 5em;
}

/*------------------------------------------------------------------------
Categories page --------------------------------------------------------*/
ul#category{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 520px;
}
ul#category li{
  background: #e5e4e4 url(../img/categories/bk-category-thumb.gif) left top no-repeat;
  display: block;
  float: left;
  margin: 0px 0px 8px 14px;
  width: 238px;
}
ul#category li:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
ul#category li a{
  width: 238px;
  background: url(../img/categories/bk-category-end.gif) right top no-repeat;
  color: #666;
  display: block;
  height: 61px;
  position: static;
}
ul#category li a:hover{
  color: #04a8e5;
}
ul#category li img{
  float: left;
  border-right: 3px solid #fff;
}
ul#category li span{
  display: block;
  font: bold 1.4em/1em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;

  width: 170px;
  padding: 5px 0 0 5px;
}

/*------------------------------------------------------------------------
Premium area --------------------------------------------------------*/
ul#premium_category{
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#premium_category li a{
  color: #666;
  display: table;
  width: 250px;
}
ul#premium_category li a:hover{
  color: #04a8e5;
}
ul#premium_category li span{
  display: table-cell;
  font: bold 1.4em/1em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  position: static;
  text-transform: uppercase;
  vertical-align: top;
  width: 110px;
}

/*------------------------------------------------------------------------
Sub-categories page ----------------------------------------------------*/
ul#subCategory{
  margin: 0 -18px 2em 0;
  padding: 0;
  list-style: none;
}
ul#subCategory li{
  display: block;
  float: left;
  margin: 0 18px 7px 0;
  width: 122px;
}
ul#subCategory li:after{
  content: "."; 
  display: block;
  height: 0; 
  clear: both; 
  visibility: hidden;
}
ul#subCategory li img{
  border: 2px solid #f3f0f2;
}
ul#subCategory li span{
  display: block;
}
ul#subCategory li span.prodName{
  background: #f3f0f2;
  color: #626262;
  font-weight: bold;
  margin: 5px 0;
}
ul#subCategory li span.price{
  color: #626262;
  font-weight: bold;
}
ul#subCategory li span.more{
  font-weight: normal;
}


/*------------------------------------------------------------------------
Products page ----------------------------------------------------------*/
div#prodImage{
  color: #626262;
  float: left;
  text-align: center;
  width: 246px;
  height: 240px;
  border: solid 1px #666;
}
div#prodImage img{
  border: 2px solid #f3f0f2;
}
div#prodDesc{
  float: left;
  width: 400px;
}
div#prodDesc h4{
  font-weight: bold;
}
div#prodDesc ul{
  padding: 0 0 0 16px; 
}
div#prodDesc p.price{
  color: #04a8e5;
  font-size: 1.35em;
  font-weight: bold;
}
div#prodDesc div.func{
  height: 2.5em;
  margin: 0;
  padding: 0;
}
div#prodDesc div.func label{
  display: block;
  float: left;
  text-transform: none;
  width: 175px;
}
div#prodDesc select{
  border: 1px solid #666;
  float: left;
  width: 80px;
}
div#prodDesc p.add{
  clear: both;
  display: block;
  margin-top: 1.5em;
  margin-left: -14px;
}
div#prodDesc img{
  float: left;
  margin-right: 0.3em;
}
div#prodDesc p.add a.btnBigLink{
  background: #04a8e5;
  padding: 3px 10px 3px 9px;
  width: auto;
}
div#prodDesc p.add a.btnBigLink:hover{
  display: block;
}

/*------------------------------------------------------------------------
Hens night common-------------------------------------------------------*/
div#bbutton p.add{
  clear: both;
  display: block;
  float: right; 
  margin-top: 11px;
}
div#bbutton p.add a.btnBigLink{
  background: #04a8e5;
  padding: 3px 10px 3px 9px;
  width: auto;
  font-size: 16px;
  cursor: pointer;
}
div#bbutton p.add a.btnBigLink:hover{
  background: #333;
}

/*------------------------------------------------------------------------
Birthday page-----------------------------------------------------------*/
div#birthday{
  width: 190px;
}
div#birthday p.add{
  clear: both;
  display: block;
  margin-top: 1.5em;
}
div#birthday img{
  float: left;
  margin-right: 0.3em;
}
div#birthday p.add a.btnBigLink{
  background: #04a8e5;
  padding: 3px 10px 3px 9px;
  width: auto;
}
div#birthday p.add a.btnBigLink:hover{
  background: #473c3f;
}

/*------------------------------------------------------------------------
Nav buttons-------------------------------------------------------------*/
div#nav_buttons{

}
div#nav_buttons h4{
  font-weight: bold;
}
div#nav_buttons p.price{
  color: #04a8e5;
  font-size: 1.35em;
  font-weight: bold;
}
div#nav_buttons div.func{
  height: 2.5em;
  margin: 0;
  padding: 0;
}
div#nav_buttons div.func label{
  display: block;
  float: left;
  text-transform: none;
  width: 150px;
}
div#nav_buttons select{
  border: 1px solid #666;
  float: left;
  width: 80px;
}
div#nav_buttons p.add{
  clear: both;
  display: block;
  margin-top: 1.5em;
}
div#nav_buttons img{
  float: left;
  margin-right: 0.3em;
}
div#nav_buttons p.add a.btnBigLink{
  background: #04a8e5;
  padding: 3px 10px 3px 9px;
  width: auto;
}
div#nav_buttons p.add a.btnBigLink:hover{
  background: #473c3f;
}