/*

Tradingeye 'Petrol v1.0' style sheet
===============================================

Copyright:		2008 dpivision.com
Author:			Ian Sidaway
Last edit:		16/04/2009 by Ian Sidaway

*/


/* =BASE
=============================================== */

html {
	background: #929292;
	}
body {
	background: #929292;
	color: #111;
	font: 62.5%/1.8em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0 0;
	padding: 0;
	}
table,
td,
input,
textarea,
select,
li {
	color: #222;	
	font: 1em Georgia, "Times New Roman", Times, serif;
	}

/* hidden items */

#skip, .hidden {display: none;}

/* basic links */

a:link,
a:visited,
a:active {color: #ED7BB6;text-decoration: none;}
a:hover {color: #333;}

/* images */

img {
	border: none;
	}


/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}

/* typography */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	}
h2 {
	font: 18px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; 	}
h2#pageTitle {font:24px Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:7px; text-transform:uppercase; color:#000; border-top:#333 1px solid; margin:0 0 10px 0; padding:7px 0 0 0;	}

h2#pageTitleProduct {font:22px Georgia, "Times New Roman", Times, serif; font-weight:normal;text-transform:none; color:#000; margin:0 0 10px 0; padding:7px 0 0 0;	}
	
	h2.aboutcompany { font-size:13px; color:#999; text-transform:none; position:absolute; top:10px; right:35px;}
	
h3 {
	clear: both;
	font-size: 16px; color:#ED7BB6; font-weight:normal;
	}
h4,
h5 {
	font-size: 1em;
	text-transform: uppercase;
	}
hr {
	display: none;
	}
.message {
	background: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.message.positive {
	background: #0f0;
	}
.message.negative {
	background: #f7e1e1;
	}
.note {
	background: #f3f3f3;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.warning {
	background: #f7e1e1;
	font: 14px Arial, Helvetica, sans-serif;
	padding: .5em 10px;
	}
.highlight {
	font-size: 1.4em;
	}
address {
	font-style: normal; font-size:13px; font-family:Arial, Helvetica, sans-serif;
	margin: 1em 0;
	}

#content ul#useraccount { margin:0; padding:10px 0; border-bottom:#f6f6f6 1px solid; border-top:#f6f6f6 1px solid; }
#content ul#useraccount li { display:inline; margin:0 10px 0 0; padding:0 10px 0 0; border-right:#ccc 1px solid; }
#content ul#useraccount li a { font:13px Arial, Helvetica, sans-serif; }

/* =CONTAINER
=============================================== */

#container {
	background:transparent url(../graphics/new/back-wrapper-mid.gif) repeat-y 0 0;
	margin: 40px auto 0 auto;
	position: relative;
	text-align: left;
	width: 980px;
	}


/* =HEADER
=============================================== */

#header {
	background:transparent url(../graphics/new/back-wrapper-top.gif) no-repeat 0 0;
	font-size: 1.1em;
	height: 180px;	
	width: 100%;
	}
#header .inner {
	margin: 0 auto;
	position: relative;
	width: 980px; 
	}

/* company logo & tagline */

#logo {
	font: normal 3.5em Palatino, Times, Times New Roman, serif;
	left: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	}
#logo a {
	color: #fff;
	}
#tagline {
	border: none;
	color: #345068;
	font: normal 2em Palatino, Times, Times New Roman, serif;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 75px;
	}

/* shopping basket info */

#info {
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0;
	position: absolute;	
	right: 35px;
	top:60px;
	width: 300px;
	z-index: 10;
	}
#info a {
	color: #aaa;
	}
#info a:hover {
	color: #fff;
	}
	
div.basket-box  { width:310px; display:block; float:left; clear:both; margin-top:12px; }	
div.basket-box ul {display:block; float:right; margin:0 0 0 0; padding:0; }
div.basket-box li {float:left; display:inline; list-style:none; }	
	
#basket-items {
	display: inline-block; float:left;margin:0; margin-right:10px;  font-weight:normal; font:12px Arial, Helvetica, sans-serif; color:#394654;padding:5px 0 0 0;
	}
	#basket-total {
	display: inline-block; float:left;margin:0 0 0 0;font-weight:normal; font:12px Arial, Helvetica, sans-serif; color:#394654; padding:5px 0 0 0;
	}
#basket-title {  font-size:13px; font-weight:bold; margin:0 10px 0 0; display:inline-block; float:left; color:#999; text-transform:uppercase; background:url(../graphics/new/icon-shopbag.gif) no-repeat 0 0; padding:5px 0 0 25px; height:30px; }	
	
#basket-items a, #basket-total a { color:#394654; text-decoration:none; font-weight:bold; }
#basket-items a:hover, #basket-total a:hover, #basket-title a:hover {color:#ED7BB6; text-decoration:none; }
/* =MID
=============================================== */

#mid {
	
	margin: 0 auto; 

	position: relative;
	width: 970px;
	}

/* breadcrumb trail */

#breadcrumbs-wrapper {padding: 3px 0; width: 930px; float:left;margin: 0 25px;}

#breadcrumbs {

	color: #777;
	float: left;
	display: inline; width:620px;color:#666; font-weight:normal; text-transform:none; font:12px Arial, Helvetica, sans-serif!important;
	
	}
#breadcrumbs a {
	color: #666; padding: 0 5px;
	}
#breadcrumbs a:hover {
	color: #C74D8F;
	}

#breadcrumbs-wrapper ul.login-reg { width:170px; display:inline-block; float:right; list-style:none;  }
#breadcrumbs-wrapper ul.login-reg li { float:right;margin-right:10px;  }
#breadcrumbs-wrapper ul.login-reg li.first { border-right:#ccc 1px solid; padding-right:10px; }
#breadcrumbs-wrapper ul.login-reg li a { font-size:13px; color:#394756 }
#breadcrumbs-wrapper ul.login-reg li a:hover { color:#C74D8F; }


/* =SIDEBAR
=============================================== */

#sidebar {
	float: left;
	display: inline;
	margin-left:20px;
	margin-bottom: 1em;
	width: 280px;
	}

/* standard search */

#searchTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#search {
	margin: 0;
	padding: 0;
	}
#search label {
	display: none;
	}
#searchKeyword {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 0 0;
	padding: 8px;
	width: 240px; font-weight:bold; color:#999;
	}
#adv {
	border: 1px solid #d9d9d9;
	float: left;
	margin: 1em 0 0 0;
	padding: 3px 4px;
	width: 180px;
	}
#searchSubmit {
	border: 0;
	color: #fff;
	float: right;
	margin: 0 0 0 5px!important;
	overflow: hidden;
	padding: 7px!important; background:#ED7BB6; font-weight:bold; font-size:13px;
	}

/* =SIDEBAR BOXES
=============================================== */

.side-sale { width:280px; height:200px; background:#DDA8C3 url(../graphics/new/img-gown-sale.jpg) no-repeat 0 0; margin-bottom:5px; }
.side-sale-inner { width:120px; background:transparent url(../graphics/new/back-salesinner.png) repeat; padding:10px; float:left; margin-top:18px; }


.side-newsletter {width:280px;height:208px; background:#ED7BB6 url(../graphics/new/wedding-newsletter.gif) no-repeat 0 0; margin-bottom:5px; position:relative; }
.side-newsletter-inner1 { position:absolute; bottom:55px; left:15px;} 
.side-newsletter-inner2 { position:absolute; bottom:15px; width:250px; left:15px; color:#fff;} 
.woman { position:absolute; right:10px; top:-24px; }

#trendsTitle {font-size: 18px;color:#FF3399;letter-spacing:6px;	margin: 1em 0;padding:0;text-transform: uppercase;font-weight:normal;}
.trends {  width:280px; margin-bottom:20px; float:left; }

.trends-images { margin-bottom:6px; }
.trends-images img.trendpic{ margin-left:20px }

.trends ul.brandlist { display:block; width:130px; padding:0; margin:0 0 0 0; margin-right:10px;float:left; }
.trends ul.brandlist li { list-style:none; padding:2px 0; margin:0;font:13px Arial, Helvetica, sans-serif; }
.trends ul.brandlist li strong { text-transform:uppercase; color:#333; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:4px!important;}

.trends ul.brandlist li a {  margin:0; padding:0; color:#5A728A;}
.trends ul.brandlist li a:hover { color:#333; }


h3.saletitle { text-transform:uppercase;  font:28px Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:0; letter-spacing:6px; }
h3.saletitle a {color:#FF3399;}
.side-sale p.viewmore { padding:10px 0 0 0;text-transform:uppercase; } 
.side-sale p.viewmore a { color:#FF3399; font-weight:bold; background:url(../graphics/new/elements/ico-arrow-pink1.png) no-repeat 100% 0; padding-right:20px  }
.side-sale p.viewmore a:hover { color:#333; }

#sidebar p { margin:0 0 0 0; font:13px Arial, Helvetica, sans-serif; line-height:130%;}



.side-secureshopping { width:280px;height:135px; background:#f7f7f7 url(../graphics/new/secure-shopping.jpg) no-repeat 0 0; }


/* shop by brand */

#shopbyBrandTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#shopByBrand {
	float: left;	
	padding: 3px 4px;
	width: 180px;
	}
#brandSubmit {
	background: #5a8bb6;
	border: 0;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
	}
#brandSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* top-level navigation */

#navDeptTitle {
	display: none;
	}
#navDept,
#navDept li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#navDept {
	left: 25px;
	position: absolute;
	top: -40px;
	width: 920px; background:#626262 url(../graphics/new/back-nav.jpg) repeat-x 0 0;

	}
#navDept li {
	display: block;
	float: left;
	height: 40px;
	
	margin: 0 0 0 0;
	position: relative; background:url(../graphics/new/nav-seperator.gif) no-repeat 0 0;
	}
	#navDept li.first { background:none; }
#navDept li a {
	background:none;
	color: #fff;
	float: left;
	font-size:12px;
	font-weight: bold;
	line-height: 40px;
	display: block;
	padding: 0 25px; text-transform:uppercase;
	}
#navDept li a:hover {
	color: #fff; background:#666;
	}
#navDept li a.selected {
	background:none;
	color: #fff;
	}
#navDept li a:hover.selected {
	background:#666;
	color: #fff;
	}
	

/* navSub dropdown menu - shows only when tree nav is enabled in admin > design settings */

.navSub,
.navSub li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.navSub {
	display: none;
	position: relative;
	}
#navDept li:hover .navSub {
	display: block;
	background:#0c0c0c;
	float: none;
	left: 0;
	top: 44px;
	position: absolute;
	width: 200px;
	border:#ccc 1px solid;
	border-top:none; 
	padding:10px 25px;
	}
#navDept li:hover .navSub li {
	clear: left;
	display: block;
	float: none;
	position: relative;
	padding:0!important;
	}
	
#navDept .navSub li {padding:0!important; line-height:24px; height:24px;}	
#navDept .navSub li a	{padding:0 0!important; line-height:24px; height:24px; font-weight:normal;}
	
#navDept li:hover .navSub li a {
	background:#0c0c0c;
	border-top: 0;
	display: block;
	width: 200px;
	color:#e6e6e6;
	
	}
#navDept li .navSub a.selected {
	color: #fff;
	}
#navDept li:hover .navSub li a:hover {
	
	color: #fff;
	}
#navDept li:hover .navSub li .navSub {
	display: none;
	position: relative;
	}
#navDept li:hover .navSub li:hover .navSub {
	display: block;
	float: none;
	top: 0;
	left: 194px;
	position: absolute;
	width: auto; border-left:none;
	}
#navDept li:hover .navSub li:hover .navSub li .navSub {
	display: block;
	float: none;
	top: 0;
	left: 194px;
	position: absolute;
	width: auto;
	}
#navDept li:hover .navSub li:hover .navSub li:hover .navSub {
	display: block;
	float: none;
	top: 0;
	left: 194px;
	position: absolute;
	width: auto;
	}
	
	

/* customer tools */

#navToolsTitle {
	display: none;
	}
#navTools,
#navTools li {
	margin: 0;
	padding: 0;
	list-style: none; display:none;
	}
#navTools {
	left: 0;
	position: absolute;
	top: 0;
	}
#navTools li {
	float: left;
	margin-right: 2em;
	}
#navTools li a {
	color: #aaa;
	font-weight: bold;
	padding: .5em 0;
	}
#navTools li a:hover,
#navTools li a.selected {
	color: #fff;
	}
#navTools li a span {}

/* menu items */

.navStaticTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 .5em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
.navStatic,
.navStatic li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.navStatic {
	margin-bottom: 1em;
	}
.navStatic li a,
.navStatic li a:link,
.navStatic li a:visited,
.navStatic li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;	
	}
.navStatic li a:hover {
	color: #111;
	}
.navStatic li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
	}

/* newsletter signup */

#newsletterTitle {
	font-size: 18px;
	color:#666;
	letter-spacing:6px;
	margin: 1em 0;
	padding:0;
	text-transform: uppercase;
	font-weight:normal;
	}
#newsletter label {
	display: none;
	}
#newsletterEmail {
		background: #fff;
	border: 1px solid #fff;
	float: left;
	margin: 0 0 0 0;
	padding: 8px; text-transform:uppercase;
	width: 180px; font-weight:bold; color:#999;
	}
#newsletterSubmit {
		border: 0;
	color: #fff;
	float: left;
	margin: 0 0 0 5px;
	overflow: hidden; text-transform:uppercase;
	padding: 7px; background:#BB2C8E; font-weight:bold; font-size:13px;
	}
#newsletterSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* menu items 


#recentlyViewed,
#recentlyViewed li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#recentlyViewed li { width:166px; background:#C06; margin-right:6px; float:left;}	
	
#recentlyViewed {
	margin-bottom: 1em;
	}
#recentlyViewed li a,
#recentlyViewed li a:link,
#recentlyViewed li a:visited,
#recentlyViewed li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;	
	}
#recentlyViewed li a:hover {
	color: #111;
	}
#recentlyViewed li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
	}*/


/* product list */
#recentlyViewedTitle { border-top:#1d1d1d 1px solid;
	margin: 0 0 .5em 0;
	padding: 7px 0;
	font: 24px "futura", Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase;
	}
	#recview-wrapper { width:927px; float:left; margin:0 20px 0; }
	
#recentlyViewed,
#recentlyViewed li {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	} 
#recentlyViewed li {
	background:none;
	margin: 0 8px 1em 0;
	padding: 0 0 0 0;
	position: relative; width:146px;float:left; 
	}
#recentlyViewed li:hover {
	
	}
#recentlyViewed li h3 {
	background: none;
	clear: left;
	font: 13px Verdana, Geneva, sans-serif;
	font-weight:bold; margin:0; line-height:140%;
	
	}
	
#recentlyViewed li p.dept { margin:3px 0 0 0; font:13px Verdana, Geneva, sans-serif; color:#666; }
	
#recentlyViewed li h3 a,
#recentlyViewed li h3 a:link,
#recentlyViewed li h3 a:visited,
#recentlyViewed li h3 a:active {
	color:#574B90;
	}
#recentlyViewed li h3 a:hover {
	color: #111;
	}
	
#recentlyViewed li span.vatinc { font-size:10px; color:#999; font-weight:normal; }
#recentlyViewed li .btnmore { }
	
	
#recentlyViewed .image {
	display: inline;
	float: left;
	margin:0;
	margin-bottom:10px;
	width: 146px; background:#C30
	}
#recentlyViewed .image a img {

	}
#recentlyViewed .image a:hover img {
	
	}
#recentlyViewed .addWishlist,
#recentlyViewed .addCompare {
	display: inline;
	margin: .5em 1em .5em 0;
	}
#recentlyViewed .desc {
	line-height: 1.5em;
	}
#recentlyViewed .rrp {
	color: #777;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	}
#recentlyViewed .rrp span {
	color: #555;
	}
#recentlyViewed .onSale {
	background: #a00;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
	}
#recentlyViewed .price {
	color: #222;
	font-size: 19px;
	font-weight: bold;margin:10px 0;
	}
#recentlyViewed .quantity {
	clear: both;
	margin: -3em 0 1em 0;
	text-align: right;
	}
#recentlyViewed .actions {
	float: right;
	margin: .5em 0;
	text-align: right;
	}



/* =HOME
=============================================== */

.banner-home { width:620px; height:365px; float:left; background:#7B7B97 url(../graphics/new/img-main-weddingdress.jpg) no-repeat 0 0; position:relative; }

.banner-home-intro { width:270px; position:absolute; right:30px; top:200px; }
.banner-home-intro p { margin:0; color:#fff; }
.banner-home ul { margin:20px 0 0 0; padding:0; }
.banner-home ul li { display:inline; font-size:17px; font-style:italic; margin-right:20px }
.banner-home ul li strong { font-weight:normal; }
.banner-home ul li a { color:#fff; }
.banner-home ul li a:hover { color:#fff; text-decoration:underline; }


.home-links { width:620px; margin:10px 0; float:left; }
.home-links ul#recentlyViewed li{ width:166px; margin-right:7px; }
.home-links ul#recentlyViewed .image { width:166px; }

.home-categories { float:left; margin-right:11px; position:relative; background:#936;  }
.home-categories a { width:115px; height:152px; display:block;}

.home-categories a span { position:absolute; display:block; bottom:20px; left:0; padding:8px 0;  background: url(../graphics/new/elements/back-pink-trans.png) repeat; width:115px; text-align:center; text-transform:uppercase; font-weight:bold; color:#fff; font-size:13px; letter-spacing:1px; }

.home-categories.home-prom { background:url(../graphics/new/bridal.jpg) no-repeat 0 0; }
.home-categories.home-veils { background:url(../graphics/new/veils.jpg) no-repeat 0 0; }
.home-categories.home-tiaras { background:url(../graphics/new/tiaras.jpg) no-repeat 0 0; }
.home-categories.home-shoes { background:url(../graphics/new/rainbow-shoes.jpg) no-repeat 0 0; }
.home-categories.home-garters { background:url(../graphics/new/garters.jpg) no-repeat 0 0; }


#featured {width:620px; margin:0 0;float:left;  }

#featured .feature-prod { width:300px; height:200px; background:#DDA8C3; margin-bottom:10px;float:left; }
#featured .feature-prod-inner { width:120px; background:transparent url(../graphics/new/back-salesinner.png) repeat; padding:10px; float:right; margin-top:18px; }

#featured h3.featuredtitle { text-transform:uppercase;  font:28px Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:0; letter-spacing:6px; }
#featured h3.featuredtitle a {color:#9A599B;}
#featured h3.featuredtitle a:hover { text-decoration:underline;}
#featured p { font:13px Arial, Helvetica, sans-serif; margin:0; }
#featured p.viewmore { padding:10px 0 0 0;text-transform:uppercase; } 
#featured p.viewmore a { color:#FF3399; font-weight:bold; }
#featured p.viewmore a:hover { color:#333; }

#featured .feature-prod.feat-veils { background:url(../graphics/new/featured-veils.jpg) no-repeat 0 0;margin-left:20px; }
#featured .feature-prod.feat-slips { background:url(../graphics/new/featured-slips.jpg) no-repeat 0 0; }
#featured .feature-prod.feat-gowns { background:url(../graphics/new/featured-gowns.jpg) no-repeat 0 0;  }
#featured .feature-prod.feat-tiaras { background:url(../graphics/new/featured-tiaras.jpg) no-repeat 0 0;margin-left:20px; }
#featured h3.featuredtitle.sml { font-size:24px; }

/* =CONTENT
=============================================== */

#main {
	float: left;
	font-size: 14px;
	display: inline;
	width: 620px;
	margin-left: 25px; position:relative;
	}

/* content area */

#content {
	margin: 0 0;
	}
#content #contactDetails {
	background: #f2f2f2;
	float: right;
	margin-left: 20px;
	padding: 1em 15px;
	width: 320px;
	}
#content #contactDetails address {
	margin: 0;
	}
#content a {
	font-weight: bold;
	}
#content ul,
#content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#content ul {	
	margin: 1em 0 2em 0;
	}
#content ul li {
	list-style: disc;
	margin: .5em 0 .5em 2em;
	}
p.buttonWrapper {
	height: 2em;
	line-height: 2em;
	margin: 1em 0;
	}
p.buttonWrapper a:link,
p.buttonWrapper a:visited,
p.buttonWrapper a:active {
	background: #5a8bb6;
	color: #fff;
	margin-right: .5em;
	padding: .5em 1em;
	}
p.buttonWrapper a:hover {
	background: #4f7a9f;
	}

/*  sub-department navigation - content area */

#navSubDept,
#navSubDept li {
	list-style: none!important;
	margin: 0;
	padding: 0;
	}
#navSubDept {
	
	color: #777;
	margin: 1em 0 2em 0;
	padding: 2em 0;
	position: relative;
	}
#navSubDept li {
	display: block;
	float: left;
	height: 2em;
	line-height: 2em;
	list-style: none;
	margin: 0 10px;
	width: 315px;
	 font:20px Arial, Helvetica, sans-serif;
	}
#navSubDept li a {
	border-top:#ccc 1px solid;
	color: #333;
	display: block;
	font-weight: bold;
	padding:7px 0;
	}
#navSubDept li a:hover,
#navSubDept li a.selected {
	color: #C74D8F;

	}


/* =FORMS
=============================================== */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
legend {
	clear: left;
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 2em; margin-bottom:10px;
	}
fieldset h3 {
	margin: .6em 0;
	}
.formField {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 7px;
	width: 162px;
	}
select.formSelect {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 3px 4px;
	width: 170px;
	}
select.formSelectMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 3px 4px;
	width: 90px;
	}
.formFieldShort {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 50px;
	}
.formFieldMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 90px;
	}
h3 .formRadio {
	margin: -.2em .5em 0 0;
	}
p .formRadio {
	margin: -.2em .5em 0 0;
	}
.formButton {
	border: none;
	color: #fff;
	overflow: hidden; font-size:12px!important; text-transform:uppercase;
	padding: 6px!important; background:#ED7BB6; font-weight:bold;
	
	}
.formButton.cancel { background:#dbdbdb;}
	
.formButton:hover {
	cursor: pointer;
	}
label {
	margin: .5em 0; font-size:13px;
	}
label span {
	color: #ED7BB6;
	font-size: 110%;
	font-weight: normal;
	}
input.formField:focus,
input.formFieldShort:focus,
input.formFieldMedium:focus,
textarea:focus,
.quantity:focus,
.formField.comments:focus	{
	background: #fff;
	border: 1px solid #aaa;
	}
#zip { }

/* =TABLES
=============================================== */

table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	line-height: 150%;
	margin: 1em 0 1em 0;
	width: 100%;
	}
th {
	background: #DDA8C3; color:#fff;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 10px; vertical-align:top;
	}
	
	
tr {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	}
	
	tr.sizerow td { background:#F8EEF3;}
td {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
	vertical-align: top;
	 font-size:13px;
	}
table .price {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	}
th.first,
td.first {
	width: 25%;
	}

th.remove {
	width: 75px;
	}
th.product,
th.attributes {
	width: 30%
	}

table.vol-disc { float:left; }
#content table.vol-disc td { padding:10px!important; }


/* =MISC
=============================================== */

/* site map */

#sitemap,
#sitemap ul,
#sitemap li {
	list-style: none;		
	margin: 0;
	padding: 0;
	}
#sitemap {
	margin: 1em 0;
	}
#sitemap li {
	margin: .5em 0;
	}
#sitemap li h3 {
	margin: .2em 0;
	}
#sitemap ul {
	padding-left: 20px;
	}

/* shopping cart & checkout */

.module1 {
	float: left;
	margin: 10px 0;
	width: 270px;
	display: inline;
	}
.module2 {
	float: left;
	margin: 10px 0 10px 20px;
	width: 270px;
	display: inline;
	}
.module1 *:first-child,
.module2 *:first-child {
	margin-top: 0;
	}
.formCheckbox,
.formRadio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
p .formCheckbox {
	margin: -.4em .5em 0 0;
	}
p .formRadio {
	margin: -.4em .5em 0 0;
	}
#cartContents {
	margin-bottom: 1em;
	}
#cartContents td.productDetails {
	padding-left: 80px;
	}
.cartProductImage {
	display: inline;
	float: left;
	margin: 0 0 0 -75px;
	}
.cartProductImage a img {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 2px;
	width: 60px;
	}
.cartProductImage a:hover img {
	background: #eee;
	border: 1px solid #d5d5d5;
	padding: 2px;
	}
a.removeItem {
	background: url(../graphics/site/removeItem.gif) no-repeat 0 50%;
	height: 16px;
	padding-left: 20px;
	}
#acceptedCards img {
	margin-right: .5em;
	}

/* cart totals */

#total {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 110%;
	}
#total dt {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	line-height: 2.3em;
	}
#total dd {
	line-height: 2.5em;
	margin-top: -2.6em;
	text-align: right;
	}
#total .total {
	font-size: 1.2em;
	}
.actions {
	clear: both;
	margin: 1em 0;
	}

/* content area forms (checkout, login, contact form etc.) */

#content p { font-size:13px!important; line-height:130%!important; font-family:Arial, Helvetica, sans-serif!important; }

#main label {
	display: block;
	}
#main .formField,
#main .formFieldMedium {
	margin: 0 0 .8em 0;
	width: 200px; font-size:13px;
	}
#main select.formSelect,
#main select.formSelectMedium,
#main select.formSelectShort {
	margin: 0 0 .8em 0;
	width: 200px; font-size:13px;
	}
#content .formField,
#frmContact .formField {
	width: 250px; font-size:13px;
	}
#content .formFieldShort,
#frmContact .formFieldShort {
	margin: .2em 0 1em 0;
	width: 30px; font-size:13px;
	}
#content select.formSelect,
#frmContact select.formSelect {
	width: 228px; font-size:13px;
	}
#content select.formSelectMedium,
#frmContact select.formSelectMedium {
	margin-right: .8em; font-size:13px;
	width: 80px;
	}
#content .formButton,
#frmContact .formButton {
	float: left;
	margin-right: 5px; font-size:13px;
	}
#cv2 {
	float: left;
	margin: -.2em 0 0 1em; font-size:13px;
	}

.billShipBlock { }
.fo_discounts { display:none;}



.cust-existing { background:#fff; border:#ED7BB6 1px solid; padding:10px 20px ; margin:20px 0; }


.cust-existing h3 { font-size:28px; font-weight:normal; display:inline-block; color:#333;}
#customerReg { display:inline-block; margin-left:20px;background:#ED7BB6; }
#customerReg a { color:#fff; text-transform:uppercase; padding:10px 18px; display:block;font-family:Georgia, "Times New Roman", Times, serif!important; }
h2.head-bill { border-top:#999 1px solid; text-transform:uppercase; padding:8px 0 0 0; }


.cust-new { background:#fff; border:#999 1px solid; padding:10px 20px ; }
.cust-new h3 { font-size:28px; font-weight:normal; color:#333;}
#content .cust-new p { font:12px Arial, Helvetica, sans-serif!important; color:#666;}
h3.paymenttype { font-size:14px; color:#333; }


/* checkout summary */

#checkout dl.cartSummary,
#checkout dl.cartSummary dt,
#checkout dl.cartSummary dd {
	margin: 0;
	padding: 0;
	}
#checkout dl.cartSummary dt {
	clear: left;
	float: left;
	margin: 0;
	width: 40%;
	}
#checkout dl.cartSummary dd {
	float: left;
	margin: 0;
	width: 59%;
	}
.addGiftWrap {
	float: left;
	margin: -.5em 0 0 0;
	}

/* checkout form layout */

table.user,
table.user tr,
table.user td {
	background: none;
	border: none;
	padding: 0;
	}
table.user {
	margin: 0;  float:left;
	}
table.user td {
	width: 310px;
	}	
.paymentGateway {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	display: block;
	margin: -.5em 1em 1em 0;
	padding: 3px;
	}


/* =PRODUCT LISTS
=============================================== */

/* product list */

.products {  }

.products,
.products li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	} 
.products li {
	background:none;
	margin: 0 0 10px 0;
	padding: 0 0; position:relative; display:block; height:280px;
	background:#F7F7F7;float:left; width:148px; margin-right:7px;
	}
.products li:hover {
	
	}
.products li h3 {
	background: none;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:normal; margin:0; line-height:110%; color:#CA448D; padding:0 13px;
	
	}
.products li h3 a,
.products li h3 a:link,
.products li h3 a:visited,
.products li h3 a:active {
	color:#CA448D;
	}
.products li h3 a:hover {
	color: #111;
	}
	
.products li span.vatinc { font-size:10px; color:#999; font-weight:normal; }
.products li .btnmore { position:absolute; bottom:0; left:0; }
	
	
.products .image {
	margin:0 0 10px 0; 
	}
.products .image a img {width:148px;height:148px;

	}
.products .image a:hover img {
	
	}
.products .addWishlist,
.products .addCompare {
	position:absolute; bottom:25px; left:0;
	margin: 10px; font:11px Arial, Helvetica, sans-serif;
	}
.products .addWishlist a { color:#c9c9c9 }	
	
.products .desc {
	line-height: 1.5em;
	}
.products .rrp {
	color: #777;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	}
.products .rrp span {
	color: #555;
	}
.products .onSale {
	background: #FF3399;
	display: inline;
	color: #fff;
	font-weight: bold; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase;
	margin: 0;
	padding: 1em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
	}
.products .price {
	color: #626262;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;margin:10px 0; padding:0 13px; position:absolute; bottom:0; left:0;
	}
.products .quantity {
	clear: both;
	margin: -3em 0 1em 0;
	text-align: right;
	}
.products .actions {
	float: right;
	margin: .5em 0;
	text-align: right;
	}

/* product grid */

.products.grid {
	margin-right: -10px;
	width: 710px;
	}
.products.grid li {
	float: left;
	margin-right: 10px;
	padding: 10px 10px 0 10px;
	width: 204px;
	}
.products.grid .image {
	float: none;
	margin: 1em 0;
	}
.products.grid .addWishlist,
.products.grid .addCompare {
	border: 0;
	display: block;
	margin: .2em 0;
	padding: 0;
	}
.products.grid .price {
	margin: .5em 0;
	}
.products.grid .price span {
	display: block;
	margin: .5em 0;
	}
.products.grid .actions {
	clear: both;
	float: none;
	margin: .5em 0;
	text-align: left;
	}

/* sort by options / attributes header */

#productSort h3 {
	clear: both;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	}
#productSort h3 a {
	color: #999;
	height: 2.7em;
	line-height: 2.7em;
	padding: .8em 10px;
	}
#productSort h3 a:hover {
	color: #555;
	}
#productSort h3 a.selected {
	background: #f2f2f2;
	color: #111;
	}
#productSort h3 a span {
	color: #777;
	letter-spacing: normal;
	text-transform: none;
	}

/* sort container */

#productSort #productSortOptions {margin: 0 0 15px 0;border-bottom: #ccc 1px solid; padding:7px 0; float:left; width:100%;	}

/* sort options */

#productSort #productSortOptions .sortBlock {float: left; padding:0 0; margin:0; padding:0;margin-right: 10px; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#productSort #productSortOptions .sortBlock .formSelect {width: 80px; float:left; display:inline-block;  font:11px Arial, Helvetica, sans-serif; padding:0 0 0 0; margin:3px 0 0 0;}
#productSort #productSortOptions .formButton {float: left;margin:0; padding:4px 8px!important; text-transform:uppercase; font:12px Arial, Helvetica, sans-serif!important; background:#ED7BB6;}
#main #productSort label { display:inline-block; float:left; margin:0; padding:5px 0 0 0; margin-right:10px; font-size:11px!important; }


#productSort #productSortOptions .sortBlock .formSelect.smlform { width:80px; }

/* sort by attributes */



#productSort h4 {
	margin: .8em 0 0 0;
	text-transform: none;
	}
#productSort #productSortOptions dl,
#productSort #productSortOptions dl dt,
#productSort #productSortOptions dl dd {
	margin: 0;
	padding: 0;
	}
#productSort #productSortOptions dl {
	margin: .5em 0;
	padding-left: 150px;
	position: relative;
	}
#productSort #productSortOptions dl dt {
	clear: left;
	color: #555;
	float: left;
	font-weight: bold;
	margin-left: -150px;
	width: 140px;
	}
#productSort #productSortOptions dl dd {
	color: #888;
	float: left;
	margin-right: 1em;
	}

/* pagination */

.pagination { 
	color: #444;
	font:11px  Arial, Helvetica, sans-serif; 
	margin:10px 0 0 0;
	padding:9px 0; width:620px;
	border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;
	}
.pagination p {
	margin: 0;
	}
.pagination p.current {
	display: inline;
	float: right;
	line-height: 1em;
	margin: 0 0; text-transform:uppercase;
	}
.pagination p.summary {
	border-left: 1px solid #ccc;
	float: right;
	line-height: 1em;
	margin: 0 0 0 .6em;
	padding-left: .5em; color:#999; text-transform:uppercase;
	}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
	color: #000;
	display: block;
	float: left;
	font-weight: normal; text-transform:uppercase; border-right:#ccc 1px solid;
	margin-right: 3px;
	padding: 0 3px;
	}
.pagination a:hover {
	color: #111;
	}
.pagination a.selected {
	color: #ccc;
	}
.pagination.end {
	margin-top: 0;
	}


/* =PRODUCT DETAILS
=============================================== */

/* product details */

#product {	
	margin:0 0 10px 0; padding-top:15px; padding-bottom:15px;
	border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#fff; 
	}

/* image gallery */

#product .image {	
	float: left;
	margin: 0 20px 0 0;
	width: 300px; position:relative;
	}
#product .image p {
	margin: 10px 0;
	}
#product .image ul,
#product .image ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#product .image ul { margin:0; margin-top:15px;
	
	}
#product .image ul li {
	display: inline;
	}
#product .image ul li {
	margin: 0 1px 0 0; padding:0;
	}
#product .image ul li a img {
	background: #999;
	padding: 1px; margin:0;
	}
#product .image ul li a:hover img {
	background: #ED7BB6;
	padding: 1px;margin:0;
	}

/* product price & options */



#product input#quantity { padding:5px;  margin:0 0 0 0; width:20px; }

#product .info p { margin:0 0 7px 0;}

#product .info {
	float: left;
	margin: 0 0 0 0 ;
	padding:0;
	position: relative;
	width: 285px;
	font:13px Arial, Helvetica, sans-serif; color:#666;
	}
#product .image .onSale {
	background: #FF3399;
	display: inline;
	color: #fff;
	font-weight: bold; font-size:16px;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: 0;
	right: 10px;
	}
#content #product .info .price {
	color: #000; font:15px Arial, Helvetica, sans-serif!important; font-weight:bold!important; margin-bottom:20px;
	}
#product .info .price span.vatinc { font-size:12px; font-weight:normal; color:#666; }
	

#product .info p#addWishlist { margin:0 0; }


#product .info .rrp {
	color: #ED7BB6;
	font-size: 11px!important;
	font-weight: normal; margin-left:10px;
	}
#product .info h3 { display:none;	}
	
	#product .info h4.optionstitle { font:11px Georgia, "Times New Roman", Times, serif!important; text-transform:uppercase; font-weight:bold!important; letter-spacing:3px; margin:0;
	 margin-top:20px; margin-bottom:15px; padding: 0 0 5px 0;border-bottom:#ccc 1px solid; color:#333;	}
	

	
#product .info label {	float: left; display:inline-block; width:70px;	margin: 0 8px 0 0; font-size:13px; font-weight:normal; clear:both; padding:2px 0 0 0;}
#product .info .formField {	width: 180px; float:left; margin-bottom:12px;}
#product .info .formButton {margin: 10px 0 0 0; clear:both; padding:7px 14px; background:#ED7BB6; color:#fff; font:13px Georgia, "Times New Roman", Times, serif!important; text-transform:uppercase; font-weight:bold!important;}
#product .info .formFieldShort,
#product .info .formButton {
	float: left;
	margin-right: 1em;
	}
	
#product .info select, #product .info input { font:13px Arial, Helvetica, sans-serif!important; color:#666;}
	
#product .info ul#smallinfo { list-style:none;  margin: 10px 0; font-weight:normal; color:#666;  padding:0;}
#product .info ul#smallinfo li{  margin:0 0 0 0; padding:1px 0 1px 10px; list-style:none; font:11px Arial, Helvetica, sans-serif; color:#666; background:url(../graphics/new/elements/icon-arrow1.gif) no-repeat 0 2px; }
#product .info ul#smallinfo li a { font-weight:normal; color:#666;}
#product .info ul#smallinfo li a:hover { color:#ED7BB6;}

#writeReview {}
#writeReview a {color: #666;font-weight: normal; border-left:#666 1px solid; padding-left:10px}

#product .actions {
	clear: both;
	}


#mainproductcontainer { margin:0 0; padding-top:15px; border-top:#ccc 1px solid; float:left; width:100%; }
#detailscontainer { float:left;  width:320px; padding-right:19px; border-right:#ccc 1px solid; font: 13px Verdana, Geneva, sans-serif; color:#666;}
#detailscontainer p { line-height:130%; margin-bottom:18px; } 
#reviewcontainer { float:left;  width:330px; margin-left:20px; }

#detailscontainer h2, #reviewcontainer h2 { margin:0 0 10px 0; }

/* =ARTICLES
=============================================== */

#articles ul,
#articles li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#articles ul {
	margin: 1em 0;
	}
#articles ul li {
	background: url(../graphics/petrol/articleBg.gif) repeat-x bottom left;
	list-style: none;
	margin: 1em 0 .5em 0;
	padding: 0 0 .8em 0;
	}
#articles ul li a {
	background: url(../graphics/petrol/articleIcon.gif) no-repeat 0 0;
	color: #666;
	font-weight: bold;
	padding-left: 2.3em;
	padding-top: .2em;
	}
#articles ul li a:hover {
	background: url(../graphics/petrol/articleIcon2.gif) no-repeat 0 0;
	color: #111;
	}
#pageAuthor {
	background: #f2f2f2;
	padding: .5em 10px;
	}


/* =REVIEWS
=============================================== */

/* star ratings */

.review {
	background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;
	height: 12px;
	line-height: 12px;
	margin: 1em 0;
	padding-left: 200px; font-weight:normal;
	}
	.review strong { display:none; }
	
p.rating0 {
	background-position: 0 0;
	}
p.rating1 {
	background-position: 0 -12px;
	}
p.rating2 {
	background-position: 0 -24px;
	}
p.rating3 {
	background-position: 0 -36px;
	}
p.rating4 {
	background-position: 0 -48px;
	}
p.rating5 {
	background-position: 0 -60px;
	}
p.rating6 {
	background-position: 0 -72px;
	}
p.rating7 {
	background-position: 0 -84px;
	}
p.rating8 {
	background-position: 0 -96px;
	}
p.rating9 {
	background-position: 0 -108px;
	}
p.rating10 {
	background-position: 0 -120px;
	}

/* product page reviews */

#reviews { font:13px Verdana, Geneva, sans-serif; color:#666;
	clear: both;
	margin: 10px 0;
	padding: 0 10px 0 0;
	position: relative;
	}

#reviews h3 {
font-size:13px; font-weight:bold; color:#333;
	}
#reviews .review {

	}
.reviewAuthor {
	float: right;
	margin-top: 0; font-size:11px; font-weight:normal!important;
	}
.reviewDate {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: .5em; font-size:11px; color:#999;font-weight:normal;
	}
dl#reviewForm,
dl#reviewForm dt,
dl#reviewForm dd {
	margin: 0;
	padding: 0;
	}
dl#reviewForm dt {
	margin: .5em 0 .2em 0;
	}


/* =SEARCH RESULTS
=============================================== */

#form-search { float:right;  width:310px; }

#searchResults,
#searchResults li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#searchResults {
	margin: 1em 0;
	}
#searchResults li {
	border-top:#ccc 1px solid;
	list-style: decimal;
	margin: 5px 0 10px 2em; color:#999;
	}
	#searchResults h3 { padding:0 0; }
#searchResults h3 a { font-size:13px; font-weight:bold;}
#searchResults p {
	margin-top: -1em;
	}
#searchResults span {
	background: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	margin-left: .5em;
	padding: .2em .5em .15em .5em;
	}


/* =FOOTER
=============================================== */

#footer {
	
	clear: both;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 0 0;
	background:transparent url(../graphics/new/back-wrapper-bottom.gif) no-repeat 0 bottom; padding-bottom:5px;
	 
	}
#footer h3 { font-size:13px; text-transform:uppercase; color:#000; }	
	
#footer .inner {
	margin:25px auto 5px; 
	background: #D5EAF7; width:920px; 
	}
#footer p {
	margin-bottom: 0;
	}
#footer ul,
#footer li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#footer ul {
	margin: 1em 0;
	}
#footer li { padding:4px 0;
	font-weight: bold; font:13px Arial, Helvetica, sans-serif;
	}
#footer li.first {
	border: 0;
	margin-left: 0;
	padding-left: 0;
	}
#footer a {
	color: #000;
	}
#footer a:hover {
	color: #777;
	}
#footer #credits { display:block; width:100%; float:left; background:#fff; margin:0!important; padding:14px 0; font:12px Arial, Helvetica, sans-serif; color:#666;
	}
	#footer #credits a { color:#666;}

.footlinks { width:205px; float:left; margin-left:20px; }

#div1 { display:none!important;}


/* =FLOAT FIX
=============================================== */

.inner:after,
#content:after,
.products:after,
.products li:after,
.pagination:after,
#total:after,
.module1:after,
.module2:after,
#search:after,
#advancedSearch:after,
#brand:after,
#newsletter:after,
#navSubDept:after,
#navSubDept li:after,
#productSortOptions:after,
dl:after,
dl dt:after,
dl dd:after,
form:after,
.billShipBlock:after,
#mainproductcontainer:after
.cust-existing:after
.cust-new:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.inner,
#content,
.products,
.products li,
.pagination,
#total,
.module1,
.module2,
#search,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock,
#mainproductcontainer
.cust-existing
.cust-new
{
	display: block;
	}
/*  \*/
.inner,
#content,
.products,
.products li,
.pagination,
#total,
.module1,
.module2,
#search,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock,
#mainproductcontainer
.cust-existing
.cust-new
{
	min-height: 1%;
	}
* html .inner,
* html #content,
* html .products,
* html .products li,
* html .pagination,
* html #total,
* html .module1,
* html .module2,
* html #search,
* html #brand,
* html #newsletter,
* html #navSubDept,
* html #navSubDept li,
* html #productSortOptions,
* html dl,
* html dl dt,
* html dl dd,
* html form,
* html .billShipBlock,
* html #mainproductcontainer
* html .cust-existing
* html .cust-new
{
	height: 1%;
	}
 /*  */