/*
Copyright Xigen Ltd 2008

Built on the OSCommerce platform using the GNU General Public License

Thanks to everyone who has helped with the OSC project!
*/

.breadcrumb {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  padding: 0 0 5px 0;
}

.helpBlockLeft {
  background: url(images/helpBlockLeft.jpg) no-repeat;
  width: 10px;
  height: 90px;
}

.helpBlockRight {
  background: url(images/helpBlockRight.jpg) no-repeat;
  width: 10px;
  height: 90px;
}

.helpBlockActiveLeft {
  background: url(images/helpBlockActiveLeft.jpg) no-repeat;
  width: 10px;
  height: 90px;
}

.helpBlockActiveRight {
  background: url(images/helpBlockActiveRight.jpg) no-repeat;
  width: 10px;
  height: 90px;
}

.helpTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 100%;
  color: #FFF;
  background: url(images/helpBlockBg.jpg) repeat-x;
}

.helpTitleActive {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 100%;
  color: #FFF;
  background: url(images/helpBlockActiveBg.jpg) repeat-x;
}

.helpCopy {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: url(images/helpBlockBg.jpg) repeat-x;
  background-position: bottom;
  color: #FFF;
}

.helpCopy a, .helpCopy a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}

.helpCopyActive {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: url(images/helpBlockActiveBg.jpg) repeat-x;
  background-position: bottom;
  color: #FFF;
}

.helpCopyActive a, .helpCopyActive a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}

.helpBlockActiveArrow {
  background: url(images/helpBlockActiveArrow.jpg) no-repeat;
  background-position: center top;
  height: 30px;
}


#rateStatus { float: left; clear: both; width: 100%; height: 20px; }
#rateMe { float: left; clear: both; width: 100%; height: auto; padding: 0px; margin: 0px; }
#rateMe li { float: left; list-style: none; }
#rateMe li a:hover, #rateMe .on { background: url(images/review_star_checked.jpg) no-repeat; }
#rateMe a { float: left; background: url(images/review_star_uncheck.jpg) no-repeat; width: 18px; height: 18px; padding: 0 3px 0 0; }
#ratingSaved { display: none; }

.subProdBorder {
  border: 1px solid #999999;
}

ul.sitemap {
color: #ff0000;
}

.homepage {
  border: 1px solid #999999;
}

.homepageTitleRight {
}

.homepageTitleLeft {
}

.homepageTitle {
  background: url(images/homepageHeaderBG.jpg); 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px; 
  color: #FFFFFF;
  font-style: italic; 
  font-weight: bold; 
  height: 30px;
  padding-left: 10px;
}

.homepageText {
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

.homepageText a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #1583C4;
}

.loginBorder {
 height: 175px;
}

.cat_description {  font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #000000; font-weight: bold }
.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
.navBlue     { color: #FF0000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.subnavBlue     { color: #9966FF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

BODY {
  background: #FFFFFF;
  color: #666666;
  margin: 0px;
}

.body_page_bg {
  background: url(images/main_bg.jpg) repeat-x fixed top;
  color: #666666;
  margin: 0px;
}

p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

A {
  /* color: #666666; */
  color: #663366;
  text-decoration: none;
  outline: none;
}

A:hover {
  /* color: #666666; */
  color: #663366;
  text-decoration: underline;
}

FORM {
  display: inline;
}

.header {
  margin-bottom: 25px;
}

.mainPadding {
  padding: 0;
}

TR.header {
  background: url(images/headerbar.jpg);
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigationLeft {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: url(images/headerslice.gif);
  color: #ffffff;
  font-weight : bold;
  height: 25px;
  border-left: 1px solid #006699;
}

TD.headerNavigationRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: url(images/headerslice.gif);
  color: #ffffff;
  font-weight : bold;
  height: 25px;
  border-right: 1px solid #006699;
}

.headerShoppingCart { 
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 20px;   
}

.headerSearchBox { 
  border: 1px solid #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;   
}

.headerNavigation { 
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 5px;   
}

A.headerNavigation { 
  color: #1583C4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;   
}

a:hover.headerNavigation {
  color: #1583C4;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.headerMargin {
  margin-bottom: 5px;
}

h3.prodTitle {
  margin-bottom: 0px;
  height: 25px;
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;  
}

TD.footerLeft {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  border-top: 1px solid #999999;
}

TD.footerRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  border-top: 1px solid #999999;
}

.infoBox {
}

.infoBoxHolding {
  border-bottom: 1px solid #999999;
}

.infoBoxSide {
  background: #ffffff;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

.infoBoxNO {
}

.infoBoxContents {
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.infoBoxContentsSide {
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 5px;
}

.infoBoxContentsSide a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.infoBoxContentsSide a:hover {
  color: #666666;
}

.infoBoxContentsHeader{
  background: #f8f8f9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

TD.infoBoxHeadingSide {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 31px;
  background: url(images/infoboxBG.jpg);
  color: #ffffff;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding-left: 8px;
}

TD.contentBoxHeading {
  border-bottom: 1px solid #CCC;
  padding: 0 0 5px 0;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.main_table_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-width: thin;
  border-color: #99AECE;
  border-style: solid;
  background: #f8f8f9;
  color: #ffffff;
}

TD.main_table_heading_inner {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #f8f8f9;
  color: #ffffff;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fff;
}

TABLE.productListingNoHeading {
}

TABLE.productListing {
}

.productListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: url(images/infoboxBG.jpg);
  height: 31px;
  color: #ffffff;
  font-weight: bold;
}

.productListing-headingTotal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: url(images/infobox/infoboxslice.jpg);
  height: 31px;
  color: #01567F;
  font-weight: bold;
  padding-right: 10px;
}

.productlisting-headingPrice { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TD.productListing-data {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #EAEAEA;
  color: #666;
}

.cartHeading {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
}

.cartProduct, .cartProduct a, .cartProduct a:hover {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #666;
}

A.pageResults {
  color: #666666;
}

a:hover.pageResults {
  color: #666666;
}

.search-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: normal;
  font-family: "Century Gothic", Verdana, Geneva, sans-serif;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: "Century Gothic", Verdana, Geneva, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #EAEAEA; cursor: pointer;}
.moduleRowSelected { background-color: #DADADA; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ff0000; }

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content  {BACKGROUND: none; COLOR: #666; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif;}

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #BDCAF0;
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
  background-image: url('http://www.serenebathrooms.com/templates/xigen3/images/button_blank_left.gif');
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
  background-image: url('http://www.serenebathrooms.com/templates/xigen3/images/button_blank_right.gif');
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  background-image: url('http://www.serenebathrooms.com/templates/xigen3/images/button_blank_middle.gif');
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000
}
A.HeaderPageLinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
a:hover.HeaderPageLinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

TD.cookieUsage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
}
.yearHeader { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;} .calendarMonth { background-color: #BBC3D3; cursor: default; width: 100%;}
.calendarHeader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 22px;}
.calendarToday { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #FFCF00; padding-left : 3px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendarWeekend { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #CAEEFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendar { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px; }
.event { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF; text-decoration: none; border:1px solid #E6E6E6; }
.empty { background-color: #F0FAFF; line-height: 14px; height: 22px; width: 18px; }
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {color: red; text-decoration: underline;}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {color: red; text-decoration: underline;}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {color: red; text-decoration: underline;}

/* VJ infosystem added */
h4.infoTitle { 
  margin: 0;
  margin-bottom: 0.2em;
}

p.infoBlurb { 
  margin: 0;
  margin-bottom: 2em;
}


TD.productPriceInListing {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

#lightbox { position: absolute;	top: 40px; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }

#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: transparent url(../../images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; }

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

#imageData { padding:0 10px; }

#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;	}	
		
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

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

* html>body .clearfix { display: inline-block; width: 100%; }

* html .clearfix { /* Hides from IE-mac \*/ height: 1%;	/* End hide from IE-mac */ }	

/*Xigen v1.1 styles */
h5{padding:0px; margin:0px; font-size:1em; font-weight:normal;}
h4{padding:0px; margin:0px; font-size:1em; font-weight:bold;}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%; /* Width of Menu Items */
font-family: arial;
font-size: 12px;
}
	
.suckerdiv ul li{
position: relative;
background-color: #fff;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 100%; /* Parent menu width - 1*/
position: absolute;
width: 100%; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 100%; /* Parent menu width - 1*/
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{ 
left: 100%; /* Parent menu width - 1*/
border-top: 1px solid #999999;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{ 
background-color: #fff;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{ 
background-color: #fff;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: #666666;
text-decoration: none;
background-color: #fff;
padding: 1px 5px;
border-bottom: 0;
line-height: 2em;
}

.suckerdiv ul li a:visited{
color: #666666;
}

.suckerdiv ul li a:hover{
background-color: #8CCCF2;
color: #fff;
text-decoration: none;
}

.suckerdiv ul li ul li a:hover{
background-color: #8CCCF2;
color: #fff;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #8CCCF2;
color: #fff;
text-decoration: none;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #fff;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #fff;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #fff;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/*Xigen drop shadow*/
.p-shadow {
  float:left;
  text-align:left;
  background: url(../../images/shadow.gif) no-repeat bottom right;
  background: url(../../images/shadowAlpha.png) no-repeat bottom right !important;
  margin: 39px 0 0 10px !important;
  margin: 47px 0 0px 6px;
  overflow:hidden;
  position:relative;
  left:-6px !important;
  left:-5px;
  top:-28px !important;
  top:-48px;
  }

.p-shadow div {
  background: none !important;
  background: url(../../images/shadow2.gif) no-repeat left top;
  margin: 0 !important;
  margin: 0 6px 6px 0;
  width: 250px;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font-size:11px;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0px 6px 6px 0px !important;
  margin: 0;
  }

TABLE.newsletterForm #CustomFields_1_48,
TABLE.newsletterForm #email {
	border: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	font-style: italic;
	padding: 4px 2px 0;
    width: 129px;
	height: 19px;
}

TABLE.newsletterForm #email_error {
	color: #F00;
	font-size: 10px;
	font-weight: bold;
	display: none;
}

TABLE.newsletterForm .blurb {
	font-size: 12px;
}

TABLE.newsletterForm input[type="image"] {
	display: block;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> fancybox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:300;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(http://www.serenebathrooms.com/templates/xigen3/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 310;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:320;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#closer {
  background-color: #cdcdcd;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

#create_account label.error {
	background: url("images/cross.png") no-repeat 0px 0px;
	padding-left: 18px;
	padding-bottom: 4px;
	font-weight: normal;
	font-size: 9px;
	color: red;
}

#create_account .field {
	padding-bottom: 10px;
	white-space: nowrap;
}

#create_account label.checked {
	background:url("images/tick.png") no-repeat 0px 0px;
} 



.header_top_left {
  width: 20px;
  height: 30px;
  background: url(images/header_top_left.png) no-repeat 0 100%;
}

.header_top {
  height: 30px;
  background: url(images/header_top.png) repeat-x 0 100%;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #333;
  padding: 5px 0 0 0;
  font-weight: bold;
}

.header_content_bg {
  background: #FFF;
  padding: 3px 10px 8px 10px;
}

.header_basket_title {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  height: 22px;
  background: url(images/header_basket_icon.jpg) no-repeat top right;
}

.header_basket {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #333;
}

.header_basket a {
  font-weight: bold;
  color: #533F5A;
}

.header_top_right {
  width: 20px;


  height: 30px;
  background: url(images/header_top_right.png) no-repeat 0 100%;
}

.header_left {
  width: 20px;
  background: url(images/header_content_left.png) repeat-y;
}

.header_right {
  width: 20px;
  background: url(images/header_content_right.png) repeat-y;
}

.header_nav_left {
  width: 20px;
  height: 28px;
  background: url(images/header_nav_left.png) repeat-y;
}

.header_nav_bg {
  height: 48px;
  background: url(images/header_nav_bg.png) repeat-x;
}

.header_nav_right {
  width: 20px;
  height: 28px;
  background: url(images/header_nav_right.png) repeat-y;
}

/* The CSS Code for the menu starts here */
#menu {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  height: 25px;
  margin: 0;
  padding: 4px 0 0 0;
  list-style-type: none; 
}

#menu li {
  float: left;
  margin: 0;	
  padding: 0 4px 0 0;
}

#menu li a {
  text-decoration: none;
  display: block;
  padding: 0;
  line-height: 25px;
  color: #BBB;
  float: left;
}

#menu li a:hover, #menu li.active a, #menu ul.sub_links li a:hover {
  color: #000;
}

#menu ul.sub_links {
  list-style-type: none;
  padding: 10px 0 0 10px;
  margin: 0;
  width: 150px;
  float: left;
}

#menu ul.sub_links li, #menu ul.sub_links li a {
  margin: 0;
  float: none;
  color: #FFF;
}

#menu .subnav_divider

#menu_wrapper ul {
  margin: 0;
}

#menu_wrapper {
  padding: 0;
  position: absolute;
  z-index: 150;
}

.nav_spacer {
  line-height: 25px;
  color: #767676;
}

#menu_wrapper .sub_drop_down {
  margin: 29px 0 0 0;
  display: none;
  float: left;
  width: 990px;
  position: absolute;
  left: 0;	
  z-index: 125;
}

#menu_wrapper .active_nav_bg {
  display: block;
  height: 29px;
  float: left;
  padding: 0;
  margin: 0;
}

#menu_wrapper .active_nav_left {
  width: 5px;
  display: block;
  height: 29px;
  float: left;
}

#menu_wrapper .active_nav_right {
  width: 5px;
  display: block;
  height: 29px;
  float: left;
}

#menu_wrapper .subnav_content {
  width: 990px;
  background: url(images/subnav_bg.png) repeat;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 300;
}

* html #menu_wrapper .subnav_content {
  /*background: #656565;*/
}

#menu_wrapper .subnav_top, #menu_wrapper .subnav_foot {
  height: 10px;
  width: 970px;
  background: url(images/subnav_top.png) repeat-x;
  float: left;
}

#menu_wrapper .subnav_top_left {
  width: 10px;
  height: 10px;
  background: url(images/subnav_top_corner.png) no-repeat;
  float: left;
}

#menu_wrapper .subnav_top_right {
  width: 10px;
  height: 10px;
  background: url(images/subnav_top_corner.png) no-repeat;
  float: left;
}

#menu_wrapper .subnav_foot_left {
  width: 10px;
  height: 10px;
  background: url(images/subnav_foot_left.png) no-repeat;
  float: left;
  font-size: 10px;
  line-height: 10px;
}

#menu_wrapper .subnav_foot_right {
  width: 10px;
  height: 10px;
  background: url(images/subnav_foot_right.png) no-repeat;
  float: left;
  font-size: 10px;
  line-height: 10px;
}

#menu_wrapper .top_cat_image {
  float: right;
  width: 200px;
  background: #CC0;
  margin: 10px 10px 0 10px;
}

.header_foot_left {
  width: 20px;
  height: 20px;
  background: url(images/header_foot_left.png) no-repeat;
}

.header_foot {
  height: 20px;
  background:  url(images/header_foot.png) repeat-x;
}

.header_foot_right {
  width: 20px;
  height: 20px;
  background: url(images/header_foot_right.png) no-repeat;
}

/*Search Suggest Dropdown*/
.header_search_container {
  padding: 6px 0 0 0;	
}

.searchInput {
  width: 146px;	
  border: 0;
  height: 17px;
  padding: 4px 0 0 4px;
  margin: 0;
  float: right;
  background: url(images/header_search_bg.jpg) no-repeat;
}

#searchmenu {
  position: absolute;
  z-index: 300;
  width: 180px;
  padding: 0;
  background: #EBEBEB;
  left: 10px;
  top: 2px;
}

#searchmenu ul {
  width: 180px;
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #EBEBEB;
}

#searchmenu ul li {
}

#searchmenu ul li a {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  text-decoration: none;
  padding: 5px;
  margin: 0 5px;
  font-weight: bold;
  border-bottom: 1px solid #F5F5F5;
}

.itemhover, #searchmenu ul li a:hover {
  background-color: #D1D1D1 !important;
  color: #666 !important;
}

.moduleTitle {
  font-family: "Century Gothic", Verdana, Geneva, sans-serif;
  font-size: 30px;
  color: #333;
  line-height: 100%;
}

.moduleMore, .moduleMore a, .moduleMore a:hover {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #666;
}

.modulesContents {
  margin: 10px 0 0 0;	
}

.featured_module {
  position: relative;
}

.featured_title {
  position: absolute;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.featured_title a, .featured_title a:hover {
  color: #333;	
}

.content_top_left {
  width: 20px;
  height: 20px;
  background: url(images/content_top_left.png) no-repeat;
}

.content_top {
  height: 20px;
  background: url(images/content_top_bg.png) repeat-x;
}

.content_top_right {
  width: 20px;
  height: 20px;
  background: url(images/content_top_right.png) no-repeat;
}

.content_left {
  width: 20px;
  background: url(images/content_left.png) repeat-y;
}

.content {
  background: #FFF;	
  padding: 5px 5px 10px 5px;
}

.content_right {
  width: 20px;
  background: url(images/content_right.png) repeat-y;
}

.homepage_title_corner {
  position: absolute;
  margin: -9px 0 0 -20px;
  background: url(images/listing_title_corner.png) no-repeat bottom;
  width: 10px;
  height: 20px;		
}

.homepage_title_corner_bottom {
  position: absolute;
  margin: 10px 0 0 -20px;
  width: 10px;
  z-index: 100;
  width: 478px;
}

.prod_title_top {
  height: 10px;
  background: #595959 url(images/prod_title_wrap_top.jpg) no-repeat right top;
}

h1.prod_title {
  color: #FFF;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 25px;
  font-weight: normal;
  font-family: "Century Gothic", Verdana, Geneva, sans-serif;
}

.prod_title_content {
  background: #595959;	
  position: relative;
  padding: 0 20px;
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.prod_title_corner {
  position: absolute;
  margin: 6px 0 0 -20px;
  background: url(images/prod_title_wrap_corner.png) no-repeat;
  width: 20px;
  height: 10px;	
}

.prod_title_corner_bottom {
  position: relative;
  margin: 0 0 0 -20px;
  width: 478px;	
  z-index: 150px;
}

.prod_img_foot_left {
  width: 10px;
  height: 70px;
  background: url(images/prod_img_foot_left.jpg) no-repeat;
}

.prod_img_foot_bg {
  height: 70px;
  background: url(images/prod_img_foot_bg.jpg) repeat-x;
}

.prod_img_foot_right {
  width: 10px;
  height: 70px;
  background: url(images/prod_img_foot_right.jpg) no-repeat;
}

.prod_desc {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #666;
  padding: 0 10px 0 0;
}

.prod_title_foot {
  height: 10px;
  background: #595959 url(images/prod_title_wrap_foot.jpg) no-repeat right bottom;
}

.prod_title_top > img,
.list_title_top > img,
.list_title_top_right > img,
.prod_title_foot > img,
.list_title_foot > img,
.list_title_foot_right > img {
	display: block;
}

.prod_rows_title {
  background: #666;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  padding: 5px 10px;
}

.prod_rows_wrapper {
  padding: 0 10px 5px 10px;	
}

.prod_rows_info {
  border-bottom: 1px solid #CCC;
  padding: 5px 0;
}

.prod_rows_img {
  width: 60px;	
}

.prod_rows_copy {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.prod_price {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  color: #533F5A;
  font-weight: bold;
}

.prod_rows_main {	
  padding: 10px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.prod_rows_input {	
  border: 0;
  background: url(images/prod_rows_input.jpg) no-repeat;
  padding: 4px 0 4px 6px;
  width: 46px;
}

.additionalImage {
  padding: 0 10px 0 0;	
}

.prod_reviews_copy, .prod_reviews_copy a, .prod_reviews_copy a:hover {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #FFF;
}

.listing_top_left {
  width: 20px;
  /*height: 310px;*/
  height: 200px;
  background: url(images/listing_top_left.png) no-repeat bottom;
}

.listing_top {
  width: 20px;
  /*height: 310px;*/
  height: 200px;
  background: url(images/listing_top.png) repeat-x bottom;
}

.listing_top_right {
  width: 20px;
  /*height: 310px;*/
  height: 200px;
  background: url(images/listing_top_right.png) no-repeat bottom;
}

.add_listing_top_left {
  width: 20px;
  height: 20px;
  background: url(images/listing_top_left.png) no-repeat bottom;
}

.add_listing_top {
  width: 20px;
  height: 20px;
  background: url(images/listing_top.png) repeat-x bottom;
}

.add_listing_top_right {
  width: 20px;
  height: 20px;
  background: url(images/listing_top_right.png) no-repeat bottom;
}

.listing_left {
  width: 20px;
  background: url(images/listing_left.png) repeat-y;
}

.listing_right {
  width: 20px;
  background: url(images/listing_right.png) repeat-y;
}

.listing_content {
  background: #FFF;
  position: relative;
  z-index: 90;
}

.listing_title_corner {
  position: absolute;
  margin: -4px 0 0 -15px;
  background: url(images/listing_title_corner.png) no-repeat bottom;
  width: 10px;
  height: 20px;		
}

.listing_title_corner_bottom {
  position: absolute;
  margin: 15px 0 0 -15px;
  width: 10px;
  z-index: 150;
  width: 478px;
}

.listing_title_left {
  background: url(images/listing_title_left.png) repeat-y;	
  width: 10px;
  position: absolute;
}

.listing_title_wrapper {
  position: absolute;
  z-index: 75;	
  margin: 15px 0 0 -15px;
  width: 480px;
}

.list_title_top, .list_title_foot {
  background: url(images/listing_title_bg.png) repeat;
  width: 470px;
  height: 10px;
}

.list_title_top_right {
  background: url(images/list_title_wrap_top.png) no-repeat;
  width: 10px;
  height: 10px;
}

.list_title_foot_right {
  background: url(images/list_title_wrap_foot.png) no-repeat;
  width: 10px;
  height: 10px;
}

.list_title_content {
  width: 440px;
  padding: 0 10px 0 20px;
  background: url(images/listing_title_bg.png) repeat;
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.listing_internal {
  position: relative;
  z-index: 100;
}

.listing_image {
  height: 160px;	
}

.listing_title_copy {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.listing_title_copy a, .listing_title_copy a:hover {
  color: #333;
}

.listing_desc_copy {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #666;
  line-height: 140%;
  height: 50px;
  padding: 0 0 5px 0;
}

.listing_rrp_price {
  font-size: 11px;	
  color: #888;
}

.listing_pricing {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding: 0 0 5px 0;
}

.listing_pricing_vat {
  font-size: 10px;	
}

.listing_vert_row { 
  width: 40px;
  background: url(images/listing_vert_spacer.jpg) repeat-y;
}

.listing_horz_row { 
  height: 40px;
  background: url(images/listing_horz_spacer.jpg) repeat-x;
}

.content_foot_left {
  width: 20px;
  height: 20px;
  background: url(images/content_foot_left.png) no-repeat;
}

.content_foot {
  height: 20px;
  background: url(images/content_foot_bg.png) repeat-x;
}

.content_foot_right {
  width: 20px;
  height: 20px;
  background: url(images/content_foot_right.png) no-repeat;
}

.confirm_product {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #EAEAEA;
  padding: 5px 5px 5px 0;
}

.review_input {
  width: 100%;
  border: 1px solid #CCC;
  padding: 3px;
  color: #666;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.footer_left {
  width: 20px;
  height: 48px;
  background: url(images/footer_left.png) no-repeat;
}

.footer_bg {
  padding: 10px 5px 0 5px;
  height: 48px;
  background: url(images/footer_bg.png) repeat-x;
}

.footer_copy {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #DCDCDC;	
  padding: 0;
}

.footer_copy a, .footer_copy a:hover {
  font-size: 11px;
  color: #DCDCDC;	
}

.footer_right {
  width: 20px;
  height: 48px;
  background: url(images/footer_right.png) no-repeat;
}

#slider-wrapper {
    width: 1000px;
    height: 330px;
	position: absolute;
	margin: -10px 0 0 -10px;
}

#slider {
	position:relative;
    width:690px;
    height:300px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position: absolute;
	right: 0px;
	/*bottom: 0px;*/
	z-index: 100;
	padding: 20px;
	height: 9px;
	font-size: 9px;
}
.nivo-controlNav a {
	display:block;
	width:12px;
	height:12px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:5px;
	float:left;
	cursor:pointer;
}
.nivo-controlNav a.active {
	background-position:0 -12px;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.footer_bar {
	background: #FFF;
	padding: 5px 5px 0 5px;
}

.footer_bar_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.footer_bar_copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
}

.footer_bar_left {
	width: 10px;
	background: url(images/footer_bar_left.jpg) no-repeat;
}

.footer_bar_bg {
	background: url(images/footer_bar_bg.jpg) repeat-x;
}

.footer_bar_right {
	width: 10px;
	background: url(images/footer_bar_right.jpg) no-repeat;
}

.newsletter_guide {
	padding: 0 6px 0 0;	
}

.newsletter_sub_title {
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #333;
	padding: 0 0 5px 0;
	display: block;
}

.text_top_left {
	width: 10px;
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0px 0px;
}

.text_top_right {
	width: 10px;
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0 -10px;
}

.text_top {
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0 -40px;
}

.text_left {
	width: 9px;
	border-right: 1px solid #CCC;
	background: #F4F4F4 url(images/text_content_bg.jpg) repeat-x bottom;
}

.text_bg {
	background: #F4F4F4 url(images/text_content_bg.jpg) repeat-x bottom;
}

.text_right {
	width: 9px;
	border-left: 1px solid #CCC;
	background: #F4F4F4 url(images/text_content_bg.jpg) repeat-x bottom;
}

.text_foot {
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0 -50px;
}

.text_foot_left {
	width: 10px;
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0px -20px;
}

.text_foot_right {
	width: 10px;
	height: 10px;
	background-image: url(images/footer_text_corners.jpg);
	background-position: 0px -30px;
}

p.prod_title {
    color: #FFFFFF;
    font-family: "Century Gothic",Verdana,Geneva,sans-serif;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}

.seo_copy a, .seo_copy a:hover {
    color: #666666;
    font-size: 11px;
	font-family: Verdana,Geneva,sans-serif;
}


/* Free gift slide-out */
.slideout {
	position: relative;
	/*left: -10px;
	top: 185px;
	width: 140px;*/
}

.slideout_bug {
	border: 1px solid #FFF;
	border-radius: 10px;
	box-shadow: 0 2px 5px #333;
	margin-right: -150px;
	position: absolute;
	width: 130px;
	z-index: 252;
}

.slideout_bug > h2 {
	border-bottom: 1px solid #8E7995;
	color: #FFF;
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
	margin: 0;
	padding: 5px;
	text-shadow: -1px 1px 1px #000;
	text-transform: uppercase;
}

.slideout_bug > h2 > i {
	background: url('images/slideout_arrow.png') no-repeat 0 -20px;
	float: left;
	height: 20px;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 5px;
	width: 20px;
}

.slideout:hover .slideout_bug > h2 > i {
	background-position: 0 -20px;
}

.slideout_preview {
	/*padding: 10px;*/
	position: relative;
	z-index:300;
}

.slideout_preview > p {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin: 0;
	padding-right: 0px;
	/*padding-left: 5px;*/
}

.slideout_preview > p + p {
	margin-top: 1em;
}

.slideout_content {
	border: 1px solid #FFF;
	border-radius: 20px;
	box-shadow: 0 5px 10px #333;
	height: 10px;
	margin-left: 14px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	padding-right:17px;
	padding-top:17px;
	left: 0;
	top: 20px;
	width: 277px;
	z-index: 251;
}

.slideout:hover .slideout_content {
	height: 254px;
	top: 3;
	/*width: 430px;*/
}

.slideout_content > p {
	color: #FFF;
	font-family: 'Myriad Pro', Verdana, Geneva, sans-serif;
	font-size: 22px;
	margin: 0;
	width: 275px;
	padding-top: 35px;
}

.slideout_content > p + p {
	margin-top: 0.5em;
}

.grad {
	min-height: 0;
}

:root .grad {
	filter: none;
}

.grad-purple {
	background: #60426a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNDI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTI2NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60426a), color-stop(100%, #412649));
	background: -webkit-linear-gradient(top, #60426a 0%, #412649 100%);
	background:    -moz-linear-gradient(top, #60426a 0%, #412649 100%);
	background:     -ms-linear-gradient(top, #60426a 0%, #412649 100%);
	background:      -o-linear-gradient(top, #60426a 0%, #412649 100%);
	background:         linear-gradient(to bottom, #60426a 0%, #412649 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60426a', endColorstr='#412649', GradientType=0);
}

.grad-black {
	background: #494949;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #303030));
	background: -webkit-linear-gradient(top, #494949 0%, #303030 100%);
	background:    -moz-linear-gradient(top, #494949 0%, #303030 100%);
	background:     -ms-linear-gradient(top, #494949 0%, #303030 100%);
	background:      -o-linear-gradient(top, #494949 0%, #303030 100%);
	background:         linear-gradient(to bottom, #494949 0%, #303030 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#303030', GradientType=0);
}

.animate {
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
}