/* @override http://wibtrac.webtise.net/templates/StoreSuite/Styles/scratch.css */

/*

PROJECT NAME - Wibtrac
STYLES - scratch.css
AUTHOR - Nick Toye
EMAIL - nick@webtise.co.uk

CONTENTS ----------

0.  IMPORTS
1.  BODY
2.  DEFAULTS
3.  SCAFFOLD
4.  NAVIGATION
5.  SIDEBAR
6.  CONTENT
7.  SITE INFO
8.  CATEGORIES
9.  PRODUCT PAGES
10. CART
11. CHECKOUT
12. ACCOUNT
13. FORMS
X.  CLEARFIX

PALETTE ----------



*/




/* @group [0] IMPORTS */

@import url("reset.css");

/* @end */

/* @group [1] BODY */

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #fff;
	background: #fff url(../images/blue/body.png) repeat-x;
	margin: 0 !important;
}



/* @end */

/* @group [2] DEFAULTS */

/* 2.1 Anchor Links */

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover, a:active {
	color: #0e80c0 !important;
	text-decoration: none !important;
}

.confirmations {
	float: left;
	margin-bottom: 50px;
	color: #3d3d3d;
}

.confirmations a {
	color: #0E80C0;
}

.confirmations a:hover {
	color: #3d3d3d !important;
}

a.viewOrder {
	width: 120px !important;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat -240px -80px;
	display: block;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
}

a.viewOrder:hover {
	background-position: -240px -120px;
}

/* 2.2 Headings */

h2,h3, h4 {
	clear: both;
	color: #ffffff;
	font-weight: normal !important;
	display: block !important;
}

/*h1{
text-indent: 0px;
display: block;
overflow: hidden;
width: 1px;
height: 1px;
clear: both;
}*/


/* 2.3 Block Elements */

p {
	font-size: 12px !important;
	margin-bottom: 15px;
	color: #3d3d3d;
}

.ProductDescription p span {
	font-size: 14px !important;
}

p.SuccessMessage {
	background: 0;
	padding: 0;
	margin: 15px 0;
	color: #2BD32E;
}

p.ErrorMessage {
	background: 0;
	padding: 0;
	margin: 15px 0;
	color: red;
}

p.InfoMessage {
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	background: 0;
	color: green;
}

.section p.InfoMessage {
	color: #3d3d3d;
}

.required {
	color: red;
	font-weight: bold;
	visibility: visible;
}

/* 2.4 Lists */

li.omega {
	border-right: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

li.omega a {
	border-right: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

li.vamoosh {
	display: none;
}

li.bookend {
	margin-right: 0 !important;
		
}

.section ul {
	font-size: 12px;
	color: #3d3d3d;
}

.section ul li a {
	font-weight: bold;
}

ul.generic {
	font-size: 12px;
	margin-bottom: 15px;
}

ul.generic li {
	padding-left: 20px !important;
	margin-bottom: 2px;
	background: url(../images/blue/bullet.png) no-repeat 0 50%;
}

.Right ul.generic li {
	background: none;
}

/* @end */

/* @group [3] SCAFFOLD */

/* 3.1 Layout */

#Container {
	width: 995px;
	margin: 0 auto;
	padding-top: 10px;
        position:relative;
}



/* 3.2 Branding */

#branding {
	height: 110px;
	position: relative;
	margin: 0 auto;
	width: 985px;
}

#branding #logo {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 330px;
	height: 81px;
	background: url(../images/blue/logo.png) no-repeat top left;
	text-indent: -3000px;
}

img.cards-transparent {
	position: absolute;
	right: 0;
	top: 30px;
display: none;
}

/* 3.3 Search Box */

#SearchForm {
	position: absolute;
	bottom: 45px;
	right: 0px;
	padding: 0;

}

#SearchForm form {
	float: left;
}

#SearchForm input.Textbox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-border-radius: 8px;
	border: 0;
	padding: 6px 5px 6px 10px;
	width: 250px;
	font-size: 12px;
	color: #273e41;
	margin-right: 5px;
}

#SearchForm input.searchButton {
	background: url(../images/blue/search-icon.png) no-repeat 0 50%;
	border: 0;
	text-indent: -3000px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	text-transform: capitalize;
}

#SearchPageHeader h2 {
	color: #1285C6 !important;
}

.ToggleSearchFormLink {
	float: right;
}

.ToggleSearchFormLink a#toggle_form_link {
	color: #1285C6 !important;
}

/* 3.4 Contact Dets */

ul#contactDets {
	position: absolute;
	bottom: 35px;
	right: 366px;
	font-size: 23px;
	font-weight: bold;
}
ul#contactDets .omega{
        font-size:18px;
}
ul#contactDets a:hover {
	color: yellow !important;
}

ul#contactDets li strong {
font-size: 20px;
padding-bottom: 15px;
color: #23408F;
}


/* 3.5 Columns */

.Left, .Content, .Right {
	
}

.Left {
	float: left;
	width: 260px;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	background: #1285C6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.Left ul#testimonials {
	border-top: 1px solid #fff;
	width: 260px;
	padding-top: 20px;
	margin: 15px 0;
	float: left;
}

.Left ul#testimonials li blockquote p {
	font-size: 16px !important;
	font-style: italic;
	font-family: "Georgia", serif;
}

.Left ul#testimonials li blockquote cite {
	float: right;
}

.Content.WideWithLeft {
	float: left;
	width: 655px;
	margin-bottom: 15px;
}

.Right p, .Left p {
	color: #fff !important;
}


/* 3.6 Footer */

#Footer {
}


/* @end */

/* @group [4] NAVIGATION */

/* 4.1 Main Navigation */

#mainNav {
	background: url(../images/blue/nav-bg.png) no-repeat top left;
	height: 63px;
	width: 985px;
	margin: 0 auto;
}

#mainNav ul {
	float: left;
	margin: 12px 0 0 22px;
}

#mainNav ul li {
	float: left;
}

#mainNav li {
 
	
}


#mainNav ul li a {
	font-size: 13px;
	margin-right: 8px;
	background: url(../images/blue/nav-divider.png) no-repeat top right;
	padding: 0px 8px 5px 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.6);
	color: #fff;
        display: block;
        width: 90px;
        vertical-align: middle;
      text-align: center;
}

#mainNav ul li.First { width: 110px;
}

#mainNav ul li a:hover {
	color: yellow !important;
}

#mainNav ul li.omega a {
	background: 0;
}

/* 4.2 Top Navigation */

#miscNav {
	float: right;
        margin-top:5px;
}

#miscNav ul li {
	float: left;
	height: 18px;
	line-height: 18px;
}

#miscNav ul li a {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #fff;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

#miscNav ul li a:hover {
	color: yellow !important;
	text-decoration: none !important;
}

#miscNav ul li.CartLink a {
	padding-right: 30px !important;
	background: url(../images/blue/basket.png) no-repeat 100% 50%;
	float: left;
}

/* @end */

/* @group [5] SIDEBAR */

/* 5.1 Left Sidebar */

#SideNewsletterBox form {
	margin: 10px 0;
}

#SideNewsletterBox form label {
	float: left;
	width: 100px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#SideNewsletterBox form input.Textbox {
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
	width: 140px;
	margin-bottom: 10px;
}

input.subscribe-btn {
	width: 120px !important;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat -120px -80px;
	float: right;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
}

input.subscribe-btn:hover {
	background-position: -120px -120px;
}

/* 5.2 Right Sidebar */



/* @end */

/* @group [6] CONTENT */

/* 6.1 Wrapper */

#Wrapper {
	background: url(../images/blue/wrapper.png) no-repeat top center;
	width: 995px;
	float: left;
	padding-bottom: 50px;
        position:relative;
}

body.product #Wrapper, body.cart #Wrapper {
	padding-bottom: 50px;
        min-height:1635px;
}

body.checkoutExpress #Wrapper, body.search #Wrapper, body.nocrumbs #Wrapper {
	padding: 20px 0;
}

/* 6.2 Breadcrumbs */

.Breadcrumb {
	color: #0e80c0;
	margin: 10px 0 10px 20px;
	display: inline;
	float: left;
	width: 565px;
	padding: 10px 0px 15px 0px;
	background: url(../images/blue/single-wave.png) repeat-x bottom left;
}

body.static .Breadcrumb, body.account .Breadcrumb, body.cats .Breadcrumb, body.product .Breadcrumb {
	width: 955px;
	margin-bottom: 15px;
	padding: 10px 0 !important;
}

.Breadcrumb ul {
	float: left;
}

.Breadcrumb ul li {
	float: left;
}

.Breadcrumb ul li {
	float: left;
}

.Breadcrumb ul li.crumbTitle {
	color: #949494;
	font-weight: bold;
	padding-right: 15px;
	margin-right: 5px;
	background: url(../images/blue/crumb.png) no-repeat 100% 50%;
}

.Breadcrumb a {
	color: #949494;
	margin-right: 5px;
}

.Breadcrumb li a {
	padding-right: 15px;
	background: url(../images/blue/crumb.png) no-repeat 100% 50%;
}

/* 6.3 Home Page */

#home-banner {
	width: 955px;
	height: 715px!important;
        display: block;
overflow: hidden;
	margin: 15px 0 0 25px;
	float: left;
	position: relative;
	background: url(../images/blue/wave.png) repeat-x bottom left;
	display: inline;
}

#home-banner a.chooseBath-badge {
	height: 182px;
	width: 182px;
	text-transform: capitalize;
	position: absolute;
	bottom: 57px;
	right: 377px;
	background: url(../images/blue/roundButton.png) no-repeat top left;
	text-indent: -3000px !important;
	color: transparent !important;
}

#home-banner img {
	z-index: 10;
}

#home-banner #features-benefits {
	z-index: 20;
	position: absolute;
	right: 10px;
	top: 7px;
	width: 327px;
padding: 10px;
height: 351px;
background: url(../images/blue/form-home.png) no-repeat;
color: #000;
}

#home-banner #features-benefits h3 {
color: #000!important;
font-size: 20px;
text-align: left;
margin-top: 10px;
padding-left:15px;
padding-right:15px;
}

#home-banner #features-benefits h3 span {
color: #0e80c0!important;
font-size: 22px;

}


#link {
z-index: 20;
	
	left: 50px;
	top: 210px;
	width: 518px;
}
#link2 {
z-index: 20;
	
	left: 50px;
	top: 265px;
	width: 518px;
}


.home-left {
width: 590px;
}

.home-left h2 {
	color: #047bbf;
	font-size: 22px;
        font-weight:bold !important;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px !important;
margin-bottom: 20px;
}

.home-left h3 {
	color: #047bbf;
        margin-top:15px;
	font-size: 22px;
        font-weight:bold !important;
	float: left;
	margin-left: 10px;
	margin-right: 10px !important;
        width: 500px;
}




.home-list{
	float: left;
	margin: 0;
	display: inline;
width: 600px;
margin-top:5px;
}

.home-list li {
	float: left;
	color: #1aafc7;
	font-size: 14px;
	margin-bottom: 8px;
	padding-bottom: 8px !important;
        margin-left:10px;
        margin-right:10px;
        font-weight:bold;
}
.home-list. fullWidth,.home-list .omega{
       	margin-bottom: 8px;
	padding-bottom: 8px !important;
        margin-left:10px;
        margin-right:10px; 
}

.home-list li span {
	width: 160px;
	float: left;
	background: url(../images/blue/blue-arrow.png) no-repeat 0 50%;
	padding-left: 15px !important;
}

.free-with {
position: absolute;
bottom: 80px;
right: 10px;
}
/***
ul li.fullWidth span {
	width: 250px !important;
}*********/

a.freeBrochure {
	width: 339px;
	height: 86px;
	float: left;
	text-indent: -3000px;
	background: url(../images/blue/freeBrochure-ad.png) no-repeat top left;
	position: absolute;
	right: 0;
	bottom: 0px;
}

#ProductDetails a.freeBrochure {
	bottom: 0px;
	right: 40px;
}

#home-bottom-banner {
	width: 955px;
	margin: 0 0 0 20px;
	float: left;
}

/* 6.3.2 Misc stuff */

ul.confidence-cards {
	float: left;
	width: 960px;
	padding: 0;
	margin: 10px 0;
}

ul.confidence-cards li {
	height: 55px;
	line-height: 55px;
}


ul.confidence-cards li.lock {
	background: url(../images/blue/padlock.png) no-repeat 0 18px;
	padding-left: 20px;
	float: left;
}

ul.confidence-cards li.cards {
	float: right;
	background: url(../images/blue/fancyCards.png) no-repeat 100% 50%;
	width: 330px;
}




/* 6.4 Static Pages */

#PageContent {
	position: relative;
	padding-bottom: 50px;
}

#PageContent h2 {
	color: #1285C6;
	margin-bottom: 15px;
}

#PageContent p {
	color: #666;
}

#PageContent img {
	margin: 0;
}

#PageContent a {
	color: #1285C6;
}

#PageContent a:hover {
	color: #3d3d3d !important;
}

p#locate {
	position: absolute;
	top: 0;
	right: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,1);
	display: none;
}

p#notice {
	color: red !important;
	font-size: 14px;
	
}

/* @end */

/* @group [7] SITE INFO */

img.cards {
	z-index: 15;
	position: relative;
	margin-left: 20px;
display: none;

}

ul#siteInfo {
	float: left;
	width: 995px;
	color: #3d3d3d;
	margin: -65px 0 0 0;
	background: url(../images/blue/siteInfo.png) no-repeat top left;
	height: 150px;
	padding-top: 90px;
	padding-left: 15px;
	z-index: 10;
}

ul#siteInfo li {
	float: left;
	width: 210px;
	padding: 0 10px !important;
	margin-right: 15px;
	color: #fff;
}

ul#siteInfo li.omega {
	margin-right: 0 !important;
}

ul#siteInfo li h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #fff;
}

ul#siteInfo li li {
	font-size: 11px;
	margin-bottom: 3px;
	width: 190px !important;
	margin-right: 0;
	padding: 0 !important;
}

ul#siteInfo address {
	font-style: normal;
	margin-left: 10px;
}

ul#siteInfo address p {
	font-size: 11px;
}

ul#siteInfo a:hover {
	color: yellow !important;
}

#post-footer {
	float: left;
	width: 100%;
	background: url(../images/blue/webtise-logo.png) no-repeat 99% 50%;
	position: relative;
	padding: 20px 0;
	margin-bottom: 20px;
	}
	
#post-footer p.eLink {
	text-align: left;
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 11px !important;
	z-index: 15;
}

#post-footer p.eLink a {
	color: #3d3d3d;
}

#post-footer p.copy {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 14px !important;
	margin: 0;
}

#post-footer p.small {
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	font-size: 11px !important;
}

/* @end */

/* @group [9] PRODUCT PAGES */

/* cats page */

body.cats .SortBox {
	position: absolute;
	right: 0;
	top: 0;
}

#CategoryHeading {
	position: relative;
}

#CategoryHeading h2 {
	color: #3571BA;
}

body.cats ul.ProductList {
	margin: 15px 0;
}

body.cats ul.ProductList li {
	width: 100% !important;
	margin-bottom: 15px;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #BEE3F5;
	float: left;
	height: auto !important;
}

body.cats .ProductList .ProductImage {
	border: 0;
	float: left;
	width: 220px !important;
	height: auto !important;
	margin-right: 20px !important;
}

body.cats .ProductDetails {
	color: #3d3d3d;
	float: left;
	width: 400px;
	margin: 0 !important;
}

body.cats .ProductDetails a {
	color: #3571BA;
}

body.cats .ProductDetails strong a {
	font-size: 14px;
	color: #3571BA;
}

body.cats .ProductDetails .ProductPriceRating {
	margin: 5px 0;
}

body.cats .CompareButton {
	float: right;
	margin-bottom: 15px;
}

#HomeFeaturedProducts {
	clear: both;
	width: 955px;
	margin: 0 auto;
	padding: 15px 10px;
	background: url(../images/blue/towels.png) no-repeat 890px 15px;
}

#HomeFeaturedProducts h2 {
	color: #23b1c7;
	font-size: 25px;
}

#HomeFeaturedProducts h3 {
	color: #0b87cf;
	font-size: 18px;
}

#HomeFeaturedProducts ul.ProductList {
	float: left;
	width: 955px;
	margin-top: 20px;
}

#HomeFeaturedProducts ul.ProductList li {
	float: left;
	width: 220px !important;
	margin-right: 25px;
}

#HomeFeaturedProducts ul.ProductList li h4 a {
	color: #0b87cf;
	font-size: 14px;
	font-weight: bold;
}

#HomeFeaturedProducts ul.ProductList li .ProductImage {
	margin: 10px 0;
	height: 140px;
}

#HomeFeaturedProducts ul.ProductList li .ProductImage img {
	
}

#HomeFeaturedProducts ul.ProductList li .ProductImage a img {
	opacity: .8;
	-webkit-transition: opacity linear .3s;
	-moz-transition: opacity linear .3s;
}

#HomeFeaturedProducts ul.ProductList li .ProductImage a:hover img {
	opacity: 1;
}

#HomeFeaturedProducts ul.ProductList li .ProductPriceRating p {
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
display: none;
}

#HomeFeaturedProducts ul.ProductList li .ProductPriceRating p em {
	display: block;
	font-style: normal;
	font-size: 18px;
	margin: 3px 0;
}

#HomeFeaturedProducts ul.ProductList li .ProductPriceRating p small {
	text-transform: capitalize;
	font-size: 11px;
}


/* 9.1 Product Details */

#ProductDetails {
	position: relative;
	display: inline;
	float: left;
	width: 955px;
	padding: 10px 0px 30px 0px;
	margin: 0 0 20px 20px;
	background: url(../images/blue/single-wave-big.png) repeat-x bottom;
        min-height:640px;

}

#ProductDetails h2 {
	color: #666666;
font-size: 18px;
}

.ProductThumb {
	float: right;
	width: 380px !important;
	height: auto !important;
        margin-right:65px;
}

.ProductThumbImage {
	float: right;
	height: auto !important;
	margin-bottom: 15px;
}

.ProductMain {
	float: left;
	width: 545px;
	position: relative;
	padding-bottom: 0px;
        margin-top:-980px;
}

#price {
	margin: 10px 0;
        margin-top: -30px;
	float: right!important;
      
}

#price p {
	color: #666666;
	font-size: 20px!important;
}

#price p em {

	color: #37b179;
	font-size: 23px;
	font-style: normal;
}

.ProductDetailsGrid {
	float: left;
	width: 400px;
	clear: both;
	color: #666;
}

.Label {
	width: 200px !important;
	float: left;
	clear: both;
}

.Value {
	width: 200px !important;
	float: right;
}


.ProductDetailsGrid .DetailRow {
	padding: 0px 0 0px 0;
	margin-bottom: 10px;
	float: left;
	width: 400px;
}

.ProductDetailsGrid .Label {
	margin: 0 0 0px 0px !important;
	float: left;
	width: 130px;
	position: relative;
	text-align: left;
	font-weight: bold;
}

.ProductDetailsGrid .Value {
	display: inline;
	font-size: 12px;
}

.ProductDetailsGrid a {
	color: #fff !important;
}

body.product .ProductDetailsGrid a {
	color: #3571BA !important;
}

body.product .ProductDetailsGrid a:hover {
	color: #5CB7DE !important;
}

.ProductMain a.downloadForm, .ProductMain a.downloadDoc {
	color: #3571BA;
	margin: 5px 0;
	clear: both;
	float: left;
	width: 320px !important;
	padding: 5px 0 5px 20px;
	background: url(../images/blue/downloadDoc-icon.png) no-repeat 0 50%;
}

.ProductMain a.downloadForm:hover, .ProductMain a.downloadDoc:hover {
	color: #5CB7DE !important;
}

.AddCartButton {
	float: left;
	
}

input.addToBag-btn {
	margin-top: 10px;
	margin-left: -145px;
	background: url(../images/blue/addToCart-btn.png) no-repeat 0 0px;
	width: 166px;
	height: 41px;
	float: left;
	text-indent: -3000px;
	border: 0;
	cursor: pointer;
	text-transform: capitalize;
	position: absolute;
	right: 10px;
	top: 220px;
	opacity: .8;
	-webkit-transition: opacity linear .3s;
	-moz-transition: opacity linear .3s;
}
input.addToBag-btn:hover {
	opacity: 1;
}



.ProductMain form#frmWishList {
	position: absolute;
	right: 10px;
	top: 140px;
}

.ProductMain form#frmWishList input {
	border: 0;
	color: #0e80c0;
	font-size: 10px;
	cursor: pointer;
	background: 0;
	text-transform: uppercase;
}

.ProductMain form#frmWishList input:hover {
	color: #5CB7DE;
}

small.shopConfidence {
	color: #666;
	font-weight: bold;
	position: absolute;
	top: 160px;
	right: 5px;
	width: 60px;
	padding-left: 20px;
	padding-right: 20px;
	background: url(../images/blue/padlock-small.png) no-repeat 0 0;
}


/* Image Carousel shit */

.ImageCarouselBox {
	padding: 0;
	float: left;
        height: 70px;
        padding-left:125px;
}

.ImageCarouselBox a.prev, .ImageCarouselBox a.next {
	display: none;
}

#ProductDetails .ProductTinyImageList ul li {
	border: 0 !important;
}

#ProductDetails .ProductTinyImageList ul li .TinyOuterDiv {
	border: 0 !important;
}

.PrimaryProductDetails .ProductThumb p {
	margin-top: 10px;
	font-size: 12px;
}

.AddThisButtonBox {
	position: absolute;
	right: 0;
	float: right;
	padding: 0 !important;
	width: auto !important;
}


/* Product Tabs */

#productTabContainer {
	float: left;
	width: 955px;
	margin: 0 0 30px 20px;
	position: relative;
	display: inline;
}

#ProductTabs {
	float: left;
}

ul#ProductTabsList {
	float: left;
	padding: 0;
	margin-bottom: 2px;
}

.TabNav li {
	float: left;
	margin-right: 2px !important;
	margin-bottom: -2px;
}

.TabNav li a {
	background-image: none !important;
	background: #d2eaf6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	display: block;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #0e80c0;
}

.TabNav li a:hover {
	background: #6ab8e1;
	color: #fff !important;
}

.TabNav li.Active a {
	background: #6ab8e1;
	color: #fff;
}

#productTabContainer h3 {
	margin-bottom: 15px;
}


#ProductDescription, #ProductByCategory, #ProductReviews, #ProductWarranty {
	float: left;
	clear: both;
	margin: 0;
	background: #6ab8e1;
	color: #3d3d3d;
	padding: 10px 10px 50px 10px;
width: 540px;
}
#ProductDescription{
        margin-top:-510px;
        
}
#ProductReviews{
        margin-top:-510px;  
}
a.writeReview-btn {
	float: right;
	padding: 5px 0 5px 24px;
	background: url(../images/blue/pencil-icon.png) no-repeat 0 50%;
}

dl.ProductReviewFormContainer dt {
	margin: 5px 0;
}

dl.ProductReviewFormContainer dd div img {
	margin: 10px 0;
}

img.depositBanner {
	float: left;
	margin: 20px 0 0 20px;
}

body.product img.depositBanner {
	margin-top: 0;
	margin-bottom: 10px;
}


/* @end */

/* @group [10] CART */

#CartFreeShipping p.InfoMessage {
	background: #FDC24B;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #CC8900;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 610px;
	margin-left: 20px;
}

/* 10.1 Cart Table */

.Content .cart {
	float: left;
	padding: 10px;
	margin: 0px 10px 100px 20px;
	width: 620px;
}



.Content .cart h2 {
	color: #0E80C0 !important;
}

.Content .cart table.CartContents {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.Content .cart td.CartThumb a img{
	width: 100px;
	height: 100px;
	border: 1px solid #98C8E2;
	padding: 1px;
	margin: 0px 0 10px 0;
}

.Content .cart tr td {
	border-bottom: 1px solid #98C8E2;
	color: #3d3d3d;
	padding: 5px;
	vertical-align: top;
}

.Content .cart a {
	color: #0E80C0;
}

.Content .cart a:hover {
	color: #3d3d3d !important;
}

.Content .cart thead {
	margin-bottom: 10px;
}

.Content .cart th {
	color: #3d3d3d;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #98C8E2;
}

.Content .cart tbody {
	border: 0 !important;
}

.Content .cart em.ProductPrice {
	float: right;
}

a.proceedToCheckoutBtn {
	background: url(../images/blue/button200.png) no-repeat 0 0px;
	width: 200px;
	height: 40px;
	text-indent: -3000px;
	padding: 0;
	float: right;
}

a.proceedToCheckoutBtn:hover {
	background-position: 0 -40px !important;
}

input.updateQuantityBtn {
	background: url(../images/blue/button160.png) no-repeat 0 0px;
	width: 160px;
	height: 40px;
	text-indent: -3000px;
	padding: 0;
	float: left;
	border: 0;
	text-transform: capitalize;
	cursor: pointer;
}

input.updateQuantityBtn:hover {
	background-position: 0 -40px !important;
}

a.keepShoppingBtn {
	background: url(../images/blue/button160.png) no-repeat -160px 0px;
	width: 160px;
	height: 40px;
	text-indent: -3000px;
	padding: 0;
	float: left;
	clear: both;
	border: 0;
	text-transform: capitalize;
	cursor: pointer;
}

a.keepShoppingBtn:hover {
	background-position: -160px -40px !important;
}

/* 10.2 Cart Sidebar */

.cartSidebar {
	float: right;
	width: 280px;
	padding: 10px;
	margin-right: 20px;
	background: #0E80C0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.cartSidebar h2 {
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff !important;
}

.cartSidebar h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

.cartSidebar a {
	color: #fff;	
}

.cartSidebar a:hover {
	color: yellow !important;
}

.cartSidebar ul li {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.cartSidebar ul li a {
	padding: 5px 0 5px 24px !important;
	background: url(../images/blue/white-arrow.png) no-repeat 0 50%;
}

/* @end */

/* @group [11] CHECKOUT */

/* 11.1 Express Checkout */

.ExpressCheckout {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	width: 620px;
	margin: 0 0 50px 20px;
}

.ExpressCheckout h2 {
	color: #0E80C0 !important;
	margin-bottom: 15px;
	padding-left: 16px;
	background: url(../images/blue/padlock-small.png) no-repeat 0 30%;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
	display: none;
}

h3.ExpressCheckoutTitle {
	background: #0E80C0 !important;
	border: 0 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	color: #fff !important;
	margin-bottom: 0 !important;
	padding: 5px;
}

.ExpressCheckoutBlockCollapsed h3 {
	margin-bottom: 5px !important;
}

h3.ExpressCheckoutTitle span.ExpressCheckoutCompletedContent {
	color: #3d3d3d !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
	font-size: 13px;
	margin-left: 10px;
}

h3.ExpressCheckoutTitle a.ChangeLink {
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	font-size: 13px;
	float: right;
}

h3.ExpressCheckoutTitle a.ChangeLink:hover {
	color: #5CB7DE !important;
	text-shadow: none;
}

.ExpressCheckoutContent {
	float: left;
	width: 600px;
	padding: 10px 10px 50px 10px;
	background: #6AB8E1;
	color: #3d3d3d;
	position: relative;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin-bottom: 15px;
}

.ExpressCheckoutContent h2 {
	background: 0;
	padding: 0;
	color: #fff !important;
	font-size: 14px;
}

.ExpressCheckoutContent h4 {
	font-size: 14px;
	margin-bottom: 5px;
}

.CreateAccount {
	width: 280px;
	padding: 0;
	margin-right: 20px;
	border: 0;
	float: left;
}

.AccountLogin {
	width: 280px;
	padding: 0;
	margin-right: 0 !important;
	float: right;
}

.CreateAccount .PL40 {
	padding: 0;
}

.AccountLogin label {
	
	float: left;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}

.AccountLogin label span {
	font-weight: bold;
	font-size: 12px;
	width: 120px;
	float: left;
	color: #fff;
}

.AccountLogin label input {
	width: 150px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
}

.AccountLogin a.forgotPassword {
	float: right;
}

input.continue-btn {
	width: 120px !important;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat 0 0;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
}

input.continue-btn:hover {
	background-position: 0px -40px;
}

a.continue-btn {
	width: 120px !important;
	height: 32px;
	background: url(../images/blue/button120.png) no-repeat -120px 0;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
}

a.continue-btn:hover {
	background-position: -120px -32px;
}

input#LoginButton {
	width: 120px !important;
	height: 40px;
line-height: 40px;
	background: url(../images/blue/button120.png) no-repeat -120px -0px;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
}

input#LoginButton:hover {
	background-position: -120px -40px;
}

.PL20 {
	padding: 0;
}

.PL20 dt {
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	float: left;
	width: 200px;
	color: #fff;
	margin-bottom: 10px;
}

.account .PL20 dt {
	color: #3571BA !important;
	clear: both;
}

.PL20 dd {
	margin-bottom: 10px;
	height: 24px;
}

.PL20 dd input {
	width: 300px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
}

.account .PL20 dd input {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border: 1px solid #ccc;
}

.PL20 dd input#FormField_13 {
	width: 100px !important;
}

.PL20 dd input#FormField_15_0, .PL20 dd input#FormField_14_0, #category input, input#searchsubs {
	width: auto;
}

input.billingButton {
	width: 200px !important;
	height: 40px;
	background: url(../images/blue/button200.png) no-repeat -200px 0px;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
clear: both!important;
}

input.billingButton:hover {
	background-position: -200px -40px;
}

input.shippingButton {
	width: 200px !important;
	height: 40px;
	background: url(../images/blue/button200.png) no-repeat -200px -80px;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-left: -5px;
}

input.shippingButton:hover {
	background-position: -200px -120px;
}

.ML20 input.continue-btn {
	margin: 15px 0;

}

.ProductPrice, .ProductList em {
	color: #3d3d3d;
}





ul.ShippingProviderList {
	margin: 5px 0;
}


.BillingDetails {
	width: 280px;
	float: left;
}

.BillingAddress {
	width: 280px;
	float: left;
}

.ShippingDetails {
	width: 260px;
	float: right;
}

.ExpressCheckoutContent table.CartContents {
	width: 100%;
	margin: 15px 0;
}

.ExpressCheckoutContent thead {
	margin-bottom: 10px;
}

.ExpressCheckoutContent th {
	color: #fff;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

.ExpressCheckoutContent tr td {
	border-bottom: 1px solid #98C8E2;
	color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: top;
}

.ExpressCheckoutContent em {
	color: #fff;
}

.ExpressCheckoutContent table.CartContents tr.SubTotal td {
	border-bottom: 1px solid #98C8E2;
	padding: 5px 0;
	text-align: right;
}

.CheckoutOrderComments {	
	float: left;
	width: 50%;
}

.CheckoutOrderComments h3 {
	color: #3d3d3d;
}

input#bottom_payment_button {
	width: 200px !important;
	height: 40px;
	background: url(../images/blue/button200.png) no-repeat 0px -80px;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin-right: 5px;
	position: absolute;
	right: 4px;
bottom: 0;

}

input#bottom_payment_button:hover {
	background-position: 0px -120px;
}


table.CartContents tr.SubTotal td {
	border-bottom: 1px solid #98C8E2;
	padding: 5px 0;
	text-align: right;
}

ul#CheckoutPanels {
	width: 600px;
	float: left;
	color: #fff;
}

ul#CheckoutPanels h3 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	float: left;
	width: 290px;
}

ul#CheckoutPanels li {
	width: 280px;
	padding: 10px;
	float: left;
	
}

.section {
	float: left;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

li#OrderComments {
	padding-left: 0 !important;
	width: 280px !important;
	margin-right: 10px;
	height: 100px;
}

li#OrderComments textarea {
	width: 280px;
	height: 70px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

li#RedeemCoupon {
	height: 100px;
	position: relative;
}

li#RedeemCoupon input#couponcode {
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	margin-left: 5px;
	width: 100px !important;
}

input#apply_code {
	width: 120px !important;
	height: 40px !important;
	background: url(../images/blue/button120.png) no-repeat 0px -80px;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
}

input#apply_code:hover {
	background-position: 0px -120px;
}

li#TermsConditions {
	padding-left: 0 !important;
	width: 280px !important;
	margin-right: 10px;
}

li#TermsConditions a {
	color: #3d3d3d;
	margin: 0 0 0 5px;
}

li#TermsConditions textarea {
	width: 280px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}

li#TermsConditions input#AgreeTermsAndConditions {
	float: left;
	margin-right: 5px;
}

li#TermsConditions label {
	display: block;
	float: left;
}

li#MailingList {
	width: 290px;
}

li#PaymentOptions {
	width: 280px !important;
	float: right !important;
	margin-bottom: 15px;
}

/* 11.2 Cart Sidebar */

.checkoutSidebar {
	float: right;
	width: 280px;
	padding: 10px;
	margin-right: 20px;
	background: #0E80C0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.checkoutSidebar h2 {
	border-bottom: 1px solid #79AAC6;
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff !important;
}

.checkoutSidebar h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

.checkoutSidebar a {
	color: #fff;	
}

.checkoutSidebar a:hover {
	color: yellow !important;
}

.checkoutSidebar ul li {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.checkoutSidebar ul li a {
	padding: 5px 0 5px 24px !important;
	background: url(../images/blue/white-arrow.png) no-repeat 0 50%;
}

#SideCartContents, #tel {
	background: url(../images/blue/horizontal-divider.png) repeat-x bottom;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

#SideCartContents p {
	color: #fff;
}

#SideCartContents ul li {
	background: none;
	margin: 0;
	width: 100%;
	padding-bottom: 10px !important;
	border-bottom: 1px dashed #fff;
}

#SideCartContents ul li a {
	background: 0;
	display: inline;
	padding: 0;
}

#SideCartContents em.ProductPrice {
	margin: 5px 0;
	color: #fff;
}

ul.cartLinks li a {
	background: url(../images/blue/red-rightArrow.png) no-repeat 100% 50% !important;
	font-size: 12px !important;
	display: block !important;
	color: #fff;
}


/* @end */

/* @group [12] ACCOUNT */

/* 12.1 Login Form */

#LoginForm {
	float: left;
	margin: 0 0 0 20px;
	width: 955px;
}

body.account .CreateAccount div.section {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: 0;
	color: white;
	padding: 0;
	outline: 1px solid red;
}

body.account .CreateAccount {
	width: 475px;
	margin: 0;
	color: #3d3d3d;
	float: left;
}

body.account h2, body.account h3 {
	color: #3571BA;
}

body.account .CreateAccount a {
	width: 120px !important;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat 0 0;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin: 15px 0;
}

body.account .CreateAccount a:hover {
	background-position: 0 -40px;
}


body.account .AccountLogin {
	width: 480px !important;
	margin: 0 !important;
	float: right;
}

body.account .AccountLogin form {
	float: left;
	width: 100%;
}

body.account .AccountLogin label {
	margin-bottom: 13px;
}

body.account .AccountLogin dl {
	color: #3571BA;
	float: left;
	width: 100%;
}

body.account .AccountLogin dt {
	font-weight: bold;
	width: 100px;
	padding: 5px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

body.account .AccountLogin dd input.Textbox {
	width: 230px;
	float: left;
	padding: 4px;
}

body.account .AccountLogin input#LoginButton {
	margin-left: 105px;
	float: left;
}

body.account .AccountLogin a {
	color: #3571BA !important;
	float: left;
	margin: 10px;
}

body.account .AccountLogin a:hover {
	color: #5CB7DE !important;
}

/* 12.2 Create Account Form */

#CreateAccountForm {
	float: left;
	margin: 0 0 0 20px;
	width: 955px;
	color: #3d3d3d;
}

#CreateAccountForm dl {
	border-bottom: 1px solid #C3DCE8;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

body.account #CreateAccountForm p.Submit input {
	width: 120px !important;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat 0 0;
	float: left;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	margin: 15px 0;
}

body.account #CreateAccountForm p.Submit input:hover {
	background-position: 0 -40px;
}

body.account .Block {
	padding: 10px 20px;
	color: #3d3d3d;
}

body.account .Block a {
	color: #3571BA;
}

body.account #EditAccountForm p.Submit {
	float: left;
	margin: 15px 0;
	width: 100%;
}

#EditAccountForm p.Submit input {
	float: right;
	margin-right: 100px;
}

/* 12.3 Forgotten Password */

.ForgotPasswordForm {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 940px;
}

.ForgotPasswordForm form {
	margin: 25px 0 0;
}

.ForgotPasswordForm label span {
	font-size: 12px;
	width: 200px;
	float: left;
	height: 30px;
	line-height: 30px;
}

.ForgotPasswordForm form input {
	padding: 3px;
	border: 0;
	height: 24px;
	width: 294px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #747474;
	font-size: 12px;
	-webkit-box-shadow: 0 0 0px rgba(255,255,255,0);
	-webkit-transition: -webkit-box-shadow linear .2s;
	-moz-box-shadow: 0 0 0px rgba(255,255,255,0);
	-moz-transition: -webkit-box-shadow linear .2s;
}

.ForgotPasswordForm form input:focus {
	-webkit-box-shadow: 0 0 15px rgba(255,255,255,.8);
	-moz-box-shadow: 0 0 15px rgba(255,255,255,.8);
}

input.requestPassword-button {
	float: left;
	clear: both;
	width: 160px !important;
	height: 32px !important;
	background: url(../images/blue/button160.png) no-repeat 0 -128px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin: 15px 0 15px 345px;
}

input.requestPassword-button:hover {
	background-position: 0 -160px;
}

/* 12.4 Account Pages */

.YourAccount {
	color: #3d3d3d;
}


.YourAccount ul li {
	margin-bottom: 5px;
}

.YourAccount ul li a {
	color: #3571BA;
}

#SideAccountMenu h2 {
	color: #fff;
}

#SideAccountMenu ul {
	margin: 15px 0;
}

#SideAccountMenu a:hover, body.orderStatus li.orderStatus a, body.completedOrders li.viewOrders a, body.addressBook li.addressBook a, body.wishList li.wishList a, body.accountDetails li.accountDetails a {
	color: yellow !important;
}

form#AddressEditForm {
	margin: 15px 0;
}

input.saveAddress-button {
	width: 160px;
	height: 32px;
	background: url(../images/blue/button160.png) no-repeat 0 -192px;
	border: 0;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
}

input.saveAddress-button:hover {
	background-position: 0 -224px;
}

#WishListEditFrom form {
	margin: 15px 0;
}


#WishListEditFrom dd, #WishListEditFrom dt {
	margin-bottom: 10px;
}


#WishListEditFrom label span {
	font-weight: bold;
	font-size: 12px;
	width: 260px;
	float: left;
}

input#publicwishlist {
	width: auto;
	float: left;
	clear: both;
	padding: 0 !important;
	height: auto;
	margin-right: 5px;
}

.WishListEditForm label span.label {
	margin-bottom: 10px;
}

.WishListEditForm input {
	width: 300px;
	color: #747474;
	font-size: 12px;
}


input.saveWishList-button {
	width: 160px;
	height: 32px;
	background: url(../images/blue/button160.png) no-repeat -160px 0px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
}

input.saveWishList-button:hover {
	background-position: -160px -32px;
}

input.cancel-button {
	width: 120px;
	height: 32px;
	background: url(../images/blue/button120.png) no-repeat 0px -192px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
}

input.cancel-button:hover {
	background-position: 0px -224px;
}

input.createWishList-button {
	width: 160px;
	height: 32px;
	background: url(../images/blue/button160.png) no-repeat -160px -64px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
}

input.createWishList-button:hover {
	background-position: -160px -96px;
}

input.delete-button {
	width: 120px;
	height: 32px;
	background: url(../images/blue/button120.png) no-repeat -120px -192px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
}

input.delete-button:hover {
	background-position: -120px -224px;
}

form#wishlistsform {
	margin: 15px 0;
}

.EditAccountForm form {
	margin: 15px 0;
}

.EditAccountForm dl dd {
	position: relative;
}

form#wishlistsform table {
	width: 100%;
	margin: 15px 0 50px 0;
	text-align: left;
	text-indent: 10px;
}

form#wishlistsform table th {
	border-bottom: 1px solid #C1E4F5;
	padding-bottom: 5px;
}

form#wishlistsform table td {
	padding: 5px 0;
}

.LittleNotePassword {
	float: left;
	margin-bottom: 15px;
}

input.updateDetails-button {
	width: 160px;
	height: 32px;
	background: url(../images/blue/button160.png) no-repeat -160px -128px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
}

input.updateDetails-button:hover {
	background-position: -160px -160px;
}

.AccountRecentItems ul {
	float: left;
	border-bottom: 1px solid #666;
	padding-bottom: 15px;
	margin: 15px 0;
}

.AccountRecentItems ul li {
	width: 218px !important;
	border: 1px solid #3d3d3d;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	height: auto !important;
	background: #fff;
	position: relative;
}

.AccountRecentItems ul li .ProductImage {
	padding: 0;
	border: 0;
	background: #fff;
}

.AccountRecentItems ul li .ProductImage img {
	max-width: 218px;
	display: block;
	margin: 0 auto;
}

.AccountRecentItems ul li .ProductDetails span.ProductPriceRating a {
	display: block;
	font-size: 13px;
	color: #fff !important;
	text-decoration: none;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

body.account h4 {
	color: #3571BA;
	margin: 5px 0;
}

#AccountOrderStatus {
	padding: 0;
	margin-bottom: 50px;
}

input.orderDetails-button {
	width: 120px;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat -360px 0px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
}

input.orderDetails-button:hover {
	background-position: -360px -40px;
}

input.reOrder-button {
	width: 120px;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat -360px -80px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
	
}

input.reOrder-button:hover {
	background-position: -360px -120px;
}

ul.AccountOrderStatusList li strong {
	margin-bottom: 10px;
	display: block;
}

ul.OrderItemList li {
	border-bottom: 1px solid #ccc;
}

/* @end */

/* @group [13] SEARCH */

/* Quick Search */

.QuickSearch { 
	position: relative; 
	z-index: 150; 
	text-align: left; 
	border-collapse: collapse;
	font-size: 11px;
	margin: 0px 0 15px -1px;
	padding: 10px;
	background: #1285C6;
	background: rgba(18,133,198,.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.6);
	-moz-box-shadow: 5px 5px 15px rgba(0,0,0,.6);
	width: 303px !important;
}

.QuickSearchTitle td {
	padding: 10px !important;
}

.QuickSearchTitle td, .QuickSearchAllResults td { 
	font-weight: bold; 
	padding: 4px; 
	font-size: 14px; 
	color: #fff;
}


.QuickSearch tr {
	border-bottom: 1px solid rgba(255,255,255,.1);
}


.QuickSearchResult td { 
	font-size: 11px; 
	padding:8px 0px 8px 8px; 
	cursor: pointer; 
}

.QuickSearchResult td a {
	float: left;
	color: #fff;
}



.QuickSearchResultImage img { 
	border: 1px solid #333;
	background: #fff; 
	padding: 1px;
	margin-right: 10px;
}

.QuickSearchResultNoImage { 
	color: #777; 
}

.QuickSearchResultName { 
	font-weight: bold; 
	text-decoration: none; 
	float: left;
	padding-bottom: 5px; 
}

.QuickSearchResult .Price { font-size: 11px; display: block; margin-bottom: 10px;}
.QuickSearchHover td{ }
.QuickSearchHover a { text-decoration: underline; font-weight:bold; }
.QuickSearchAllResults { text-indent: -7000px; }


td.QuickSearchResultImage {
	vertical-align: top;
	text-align: left;
}

td.QuickSearchResultMeta {
	float: left;
	margin-right: 8px;
}

tr.QuickSearchAllResults {
	border: 0;
}

tr.QuickSearchAllResults td a {
	text-indent: 0;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #fff !important;
	float: right;
}



/* 13.2 Search Results Page */

#SearchPage {
	margin: 15px 0;
	
}

.SearchContainer {
	float: left;
	background: #fff;
	padding: 10px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

ul#SearchTabsList {
	float: left;
	margin-bottom: 2px;
}

#SearchPageHeader a {
	color: #fff !important;
}

#SearchSortingSelectContainer {
	margin-bottom: 15px;
	float: right;
}

.SearchContainer ul.ProductList li {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px !important;
	float: left;
	width: 640px;
	padding-bottom: 15px;
	height: auto !important;
}

.SearchContainer ul.ProductList li.omega {
	border-bottom: 0;
	
}

.SearchContainer .ProductList .ProductImage {
	border: 0;
	float: left;
	width: 220px !important;
	height: auto !important;
	margin-right: 20px !important;
}

.SearchContainer .ProductDetails {
	color: #3d3d3d;
	float: left;
	width: 400px;
	margin: 0 !important;
}

.SearchContainer .ProductDetails strong {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.SearchContainer .ProductDetails strong a.TrackLink {
	font-size: 14px;
	font-weight: bold;
	color: #3d3d3d !important;
	
	
}

.SearchContainer .ProductPrice {
	font-size: 18px;
	float: right;
}

span.ProductRightCol {
	float: left;
	width: 100%;
}

.SearchContainer .ProductQty {
	
}

.SearchContainer .ProductDescription {
	float: left;
	margin: 5px 0;
	clear: both;
	width: 100% !important;
}


.SearchContainer .ProductCompareButton {
	float: right;
}

.SearchContainer .Rating {
	display: none;
}

#SearchResultsProduct {
	float: left;
	padding-bottom: 50px;
}

#SearchResultsProduct .CompareButton {
	float: right !important;
}

#SearchResultsProduct a {
	color: #1285C6;
}

.CompareButton {
	width: 120px;
	height: 40px;
	background: url(../images/blue/button120.png) no-repeat -240px 0px;
	text-indent: -3000px;
	cursor: pointer;
	text-transform: capitalize;
	border: 0;
	margin-left: -5px;
	float: right;
	display: none;
}

.CompareButton:hover {
	background-position: -240px -40px;
}

span.FeedLink {
	display: none;
}

form#AdvancedSearchForm {
	float: left;
	width: 635px;
	padding: 10px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: #1285C6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

form#AdvancedSearchForm h3 {
	margin-bottom: 15px;
}

form#AdvancedSearchForm dl {
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
}

form#AdvancedSearchForm hr {
	display: none;
}

.FormContainer dd.Clear label {
	float: right;
	display: none;
}

form#AdvancedSearchForm #category {
	color: #3d3d3d;
}

input.search-btn {
	width: 120px;
	height: 32px;
	background: url(../images/blue/button120.png) no-repeat -240px -64px;
	text-indent: -3000px;
	border: 0;
	cursor: pointer;
	text-transform: capitalize;
	float: right;
}

/* @end */

/* @group [14] FORMS */

/* 14.1 Contact Form */

form#ContactForm {
	float: left;
	padding-bottom: 50px;
	width: 100%;
}

form#ContactForm p.Warning {
	float: left;
	margin: 15px 0;
	color: red;
}

form#ContactForm dt {
	clear: both;
	float: left;
	width: 200px;
	padding: 5px 0;
	margin-bottom: 10px;
	color: #3d3d3d;
}

form#ContactForm dd {
	float: left;
	width: 350px;
}

form#ContactForm dd input.Textbox {
	width: 340px;
	padding: 5px;
	border: 1px solid #ccc;
}

form#ContactForm dd textarea {
	width: 340px;
	padding: 5px;
	border: 1px solid #ccc;
}

form#ContactForm div.captcha-area {
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0;
}

form#ContactForm dd.captcha {
	clear: both;
	float: left;
	width: 100%;
	height: auto !important;
}

form#ContactForm dd.captcha img {
	float: left;
}

form#ContactForm input#captcha.Textbox {
	margin-left: 94px;
	width: 150px !important;
}

form#ContactForm input.ContactButton {
	float: right;
clear: both;
}

input.submit-btn {
	width: 120px;
	height: 32px;
	background: url(../images/blue/button120.png) no-repeat -120px -128px;
	border: 0;
	text-indent: -3000px;
	text-transform: capitalize;
	cursor: pointer;
	float: left;
	margin-left: 196px;
}

input.submit-btn:hover {
	background-position: -120px -160px;
}

body.thanks h2 {
	color: #3571BA;
}

#SideNewsletterBox h2 {
	color: #fff;
}

.Content a {
	color: #3571BA;
}

/* @end */

/* @group [X] CLEARFIX */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* @end */

#ConfirmOrder h3 {
color: #047bbf;
}

#ConfirmOrder {
position: relative;
width: 900px;
margin-left: 30px;
}

.Content .Widest {
	width: 900px;
	margin-right: 0;
}

.OrderContents {
position: relative;
}

hr .clear {
clear: both !important;
}

#login_pass {
margin-bottom: 10px;
}
/* Header newsletter box */
#pageNewsletterSignUp {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color: #1285C6;
        float: left;
	height: 78px;
        margin-left: 0px;
	padding: 10px;
	width: 360px;
        margin-bottom: 0px;
}

#pageNewsletterSignUp form {
	margin: 0;
}

#pageNewsletterSignUp label {
	float:left;
	margin-right: 10px;
	width: 150px;
}

#pageNewsletterSignUp .Textbox {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border: 0 none;
	margin-bottom: 5px;
	padding: 2px;
	width: 190px;
}

#pageNewsletterSignUp .subscribe-btn {
	background:transparent url(../images/blue/button120.png) no-repeat scroll -120px -80px;
	border:0 none;
float: none;
	height:40px;
margin-left:-5px;
	text-indent:-3000px;
	text-transform:capitalize;
	width:120px !important;
}

span.was {
color: red!important;
font-size: 14px!important;
}

.bottomright {
position: absolute;
bottom: 80px;
left: 90px;
}
.left-contact{
        width:260px;
        background:#1285C6;
        position:absolute;
        top:350px;
        left:20px;
        -moz-border-radius:5px;
        padding:10px;
}
.left-contact p{
          color:#ffffff !important;
}
.left-contact form input{
        width:150px;
        border:none;
        -moz-border-radius:5px;
        border:0;
        padding:3px;
        margin-top:10px;
}
.left-contact .submit-btn{
       background:url('../images/blue/submit-button.png') no-repeat;
       margin-left:130px;
       height:40px;
}

.left-contact .submit-btn:hover{
       background:url('../images/blue/submit-button.png') no-repeat;
       background-position:0 -40px;
}


.left-contact label{
        float:left;
        font-size:12px;
        margin-top:10px;
        margin-right:10px;
        width:80px;
}
/***********CHOOSING WALK IN BATHS**************/
#bath-types{
width:650px;
}
#bath-left{
float:left;
width:310px;
height:200px;
margin-right:20px;
}
#bath-left p{
height:110px;
}

#bath-right{
float:left;
width:310px;
height:200px;
}
#bath-right p{
height:110px;
}

.free-home {

z-index: 9999;
position:absolute;
top:5px;
left:8px;
}

#home-contact-form {
position: absolute;
bottom: 20px;
left: 20px;
}

#home-contact-form label {
float: left;
width: 90px;
margin-bottom: 14px!important;
}

#home-contact-form input, #home-contact-form textarea {
border: 1px solid #d7d7d7;
float: left;
width: 200px;
padding: 2px;
}

#home-contact-form textarea {
height: 70px;
}


#home-contact-form div {
clear: both;
}

#home-contact-form input.submitBtn {
background:url('../images/blue/home-submit.gif') no-repeat;
width: 112px;
height: 40px;
border: none;
margin-left: 85px;
}

#home-contact-form input.submitBtn:hover {
background:url('../images/blue/home-submit-hover.gif') no-repeat;
cursor: pointer;
}
/*****PRODUCT PAGE NEWSLETTER**********/
#productNewsletterSignUp {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color: #1285C6;
        float: right;
	height: 345px;
        margin-left: 0px;
	padding: 10px;
	width: 322px;
        margin-bottom: 0px;
        margin-top:600px;
        margin-right:35px;
        
}

#productNewsletterSignUp form {
	margin: 0;
}

#productNewsletterSignUp label {
	float:left;
	margin-right: 10px;
	width:80px;
}

#productNewsletterSignUp .Textbox {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border: 0 none;
	margin-bottom: 17px;
	padding: 2px;
	width: 225px;
}

#productNewsletterSignUp .subscribe-btn {
	background:transparent url(../images/blue/button120.png) no-repeat scroll -120px -80px;
	border:0 none;
        float: right;
	height:40px;
        margin-left:-5px;
	text-indent:-3000px;
	text-transform:capitalize;
	width:120px !important;
}
#newsletter-bubble{
        background:url(../../default/images/speechbbl.jpg) no-repeat;
        margin:15px 10px 10px 8px;
        height:97px;
        margin:15px 10px 10px 8px;
        padding:16px;
        width:250px;      
}
#citation{
        color:#ffffff;
        font-size:15px;
        text-align:right;
        display:block;
        margin-top:-5px;
        margin-right:5px;
}
#citation p{
        color:#ffffff;
        font-weight:bold;
}
.above{
      background:transparent url(../images/blue/form-home.png) no-repeat scroll 0 0;
      color:#000000;
      height:351px;
      padding:10px;
      position:absolute;right:35px;top:88px;width:327px;
}
.above #features-benefits h3{ 
     color:#000000 !important;font-size:20px;margin-top:10px;text-align:left;padding:0 15px;}
.above #features-benefits span{
     color:#0E80C0 !important;font-size:22px;
}
.topimages{
    border:1px solid #ccc;margin-right:-15px;padding-right:85px;width:473px !important;-moz-border-radius:5px;margin-bottom:22px;padding-top:15px;
}
.right-content-image{
    position:absolute;right:35px;top:1225px;
    width:339px; 
    
}
.right-content-image1{
    border:2px solid #1285C6;
}
.right-content-image2{
    margin-top:10px;
border:2px solid #1285C6;
}

.foot-cards{
   position:absolute;
bottom:225px;
left:475px;
 
}

.QuickSearchResultName a:hover{color:#fff !important;}

#welcome-text{
margin-bottom: 15px;
    margin-top: 5px;
}

#welcome-text h2{
position:absolute;
left:270px;
color: #047BBF;
font-size: 22px;
font-weight: bold !important;
z-index:11;



}

#welcome-text h1{
position:absolute;
left:165px;
color: #047BBF;
font-size: 22px;
font-weight: bold !important;
z-index:11;



}

/*---- hero image on homepage right start ----*/


#tubspace {
float:right;
height:210px;
margin-right:15px;
margin-top:-110px; 
width:330px;


}
/*---- hero image on homepage right end ----*/