/*



Tradingeye SCREEN style sheet

=================================================



Copyright:		2010 dpivision.com

Author:			Ian Sidaway

Last edit:		10/02/2010 by Ian Sidaway

Notes:			Horizontal top-level departments, optional drop-down sub departments



*/





/* RESET

------------------------------ */



/* global reset */



*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {

	margin: 0;

	padding: 0;

	}

table {

	border-collapse: collapse;

	border-spacing: 0;

	}

fieldset, img {

	border: 0;

	}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

	}

ol, ul, li {

	list-style: none;

	}

caption, th {

	text-align: left;

	}

h1, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

	}

q:before, q:after {

	content: '';

	}



/* global reset-reset */



strong {

	font-weight: bold;

	}

em {

	font-style: italic;

	}

a img {

	border: none;

	}





/* =BASE

================================================= */



html {

	}

body {

	background: #02B3C1;

	color: #FFFFFF;

	font: 62.5%/1.8em Helvetica, Arial, sans-serif;	

	text-align: center;

	margin: 0;

	padding: 0;

	}

table,

td,

input,

textarea,

select,

li {

	color: #FFFFFF;	

	font: 1em Helvetica, Arial, sans-serif;

	}



/* hidden items */



#skip,

.hidden {

	display: none;

	}



/* basic links */



a:link,

a:visited,

a:active {

	color: #FFFFFF;

	font-family: Helvetica, Arial, sans-serif;

	text-decoration: none;

	padding-bottom: 1px;

	border-bottom: 0

	}

a:hover {

	color: #FFFFFF;

	padding-bottom: 1px;

	border-bottom: 1px dashed #FFFFFF

	}

#header a, #header a:link, #header a:visited, #header a:active, #header a:hover {

	font-style: normal

}

/* images */



img {

	border: none;

	}



/* typography */



p,

h1,

h3,

h4,

h5,

h6 {

	margin: 1em 0;

	}

h2 {

	font-size: 1.4em;

	clear: both;

	font-weight: bold;

	}

h3 {

	clear: both;

	font-size: 1.2em;

	font-weight: bold;

	}

h4,

h5 {

	font-size: 1em;

	font-weight: bold;

	text-transform: uppercase;

	}

hr {

	display: none;

	}

.message {

	background: #f2f2f2;

	font-size: 1em;

	margin: 0 0 1em 0;

	padding: .5em 10px;

	}

.message.positive {

	background: #0f0;

	}

.message.negative {

	background: #f7e1e1;

	}

.note {

	background: #f3f3f3;

	font-size: 1em;

	margin: 0 0 1em 0;

	padding: .5em 10px;

	}

.warning {

	background: #f7e1e1;

	font-size: 1em;

	padding: .5em 10px;

	}

.highlight {

	font-size: 1.4em;

	}

address {

	font-style: normal;

	margin: 1em 0;

	}





/* =CONTAINER

================================================= */



#container_top {

	float: left;

	background: #A51D56;

	margin: 0 auto;

	text-align: left;

	width: 100%;

	height: 100%;

	min-height: 100%;

	display: block

}

#container_bottom {

	float: left;

	background: #02B3C1;

	margin: 0 auto;

	text-align: left;

	width: 100%;

	height: 100%;

	min-height: 100%;

	display: block

}

#section_top {

	margin: 0 auto;

	text-align: left;

	width: 1000px;

}

#section_top .inner {

	float: left;

	text-align: left;

	width: 998px;

	height: 100% !important;

	min-height: 920px !important;

	border-left: 1px solid #b74a78;

	border-right: 1px solid #b74a78;

}

#section_bottom {

	margin: 0 auto;

	text-align: left;

	width: 998px;

	height: 200px;

	border-left: 1px solid #35c2cd;

	border-right: 1px solid #35c2cd;

}

.clickmeee:hover {

	background: #ffffff

}


/* =HEADER

================================================= */

#top_strip {

	width: 998px;

	height: 9px

}

#header {

	background: none;

	margin: 55px 0;

	height: 90px;	

	width: 998px;

	}


/* company logo & tagline */



h1#logo {

	width: 476px;

	height: 90px;

	float: left;

	text-align: left;

	margin: 0;

	padding: 0


}

#nav {

	width: 521px;

	height: 110px;

	float: left;

	border-left: 1px solid #b74a78

}

#menu1 li {

	width: 104px;

	float: left;

	font-size: 19px;

	font-weight: 600;

	font-family: Helvetica, Arial, sans-serif

}

a.navs, a.navs:link, a.navs:active, a.navs:visited {

	line-height: 1.6em;

	padding-bottom: 1px;

	border-bottom: 1px solid #b74a78

}

a.navs:hover {

	line-height: 1.6em;

	padding-bottom: 1px;

	border-bottom: 1px solid #ffffff

}


/* shopping basket info */



#info {

	color: #ffffff;

	text-align: left;
	
	margin-left: 25px;

	padding: 10px;

	border-top: 1px solid #b74a78;

	height: 2.4em;

	line-height: 1.6em;

	z-index: 10;

	width: 655px

	}

#info a {

	color: inherit;
	
	border-bottom: 0px dotted #9E1C4D

	}

#info a:hover {

	color: inherit;

	border-bottom: 1px dotted #9E1C4D

	}

#basket {

	display: inline;

	top: -5px;

	height: 3em;

	line-height: 2.7em;

	}





/* =MID

================================================= */



#mid {

	background: #fff url(../graphics/petrol/midBg.gif) repeat-y 620px 0;

	margin: 0 auto;

	padding-bottom: 1.5em;

	position: relative;

	width: 870px;

	}



/* breadcrumb trail */



#breadcrumbs {

	color: #ffffff;

	float: left;

	font-weight: bold;

	font-size: 1.1em;

	display: inline;

	margin: 1em 28px .5em 0px;

	padding: 1em 0px .5em 0;

	width: 700px;

	border-top: 1px dashed #b74a78

	}

#breadcrumbs a {

	color: #ffffff;

	}

#breadcrumbs a:hover {

	color: #ffffff;

	}


li.hihihi:nth-child(odd) {

	margin-right: 15px

}

#cartcart {

	color: #ffffff;

	float: left;

	font-weight: bold;

	font-size: 1.1em;

	display: inline;

	margin: 1em 0 .5em 0px;

	padding: 1em 0px .5em 0;

	width: 270px;

	border-top: 1px dashed #b74a78

}

#rightbar {

	color: #ffffff;

	float: left;

	margin: 0;

	padding: 0;

	width: 250px

}

.rightbar_box {

	border-top: 5px solid #b74a78;

	width: 250px;

	padding: 10px;

	color: #eb7fb8;

	border-left: 1px solid #b74a78;

	margin-bottom: 39px

}


/* =SIDEBAR

================================================= */



#sidebar {

	float: right;

	font-size: 1.1em;

	display: inline;

	margin-right: 10px;

	margin-bottom: 1em;

	width: 229px;

	}



/* 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 #ddd;

	float: left;

	margin: 0;

	padding: 4px;

	width: 170px;

	}

#adv {

	border: 1px solid #d9d9d9;

	float: left;

	margin: 1em 0 0 0;

	padding: 3px 4px;

	width: 180px;

	}

#searchSubmit {

	background: #9E1C4D;

	border-radius: 7px;

	border-top-left-radius: 0px;

	border-bottom-right-radius: 0px;

	-moz-border-radius: 7px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-radius: 7px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	color: #FFDB9D;

	float: right;

	height: 2.1em;

	line-height: 1.9em;

	margin: 1em 0 0 0;

	overflow: hidden;

	padding: 0 4px;

	text-transform: uppercase;

	border: 1px solid #9E1C4D;

	}

#searchSubmit:hover {

	background: #FFDB9D;

	color: #9E1C4D;

	border: 1px solid #9E1C4D;

	cursor: pointer;

	}



/* 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: #9E1C4D;

	border-radius: 7px;

	border-top-left-radius: 0px;

	border-bottom-right-radius: 0px;

	-moz-border-radius: 7px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-radius: 7px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	color: #FFDB9D;

	float: right;

	height: 2.1em;

	line-height: 1.9em;

	margin: 1em 0 0 0;

	overflow: hidden;

	padding: 0 4px;

	text-transform: uppercase;

	border: 1px solid #9E1C4D;

	}

#brandSubmit:hover {

	background: #FFDB9D;

	color: #9E1C4D;

	border: 1px solid #9E1C4D;

	cursor: pointer;

	}



/* top-level navigation */



#navDeptTitle {

	display: none;

	}

#navDept,

#navDept li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#navDept {

	left: 0;

	position: absolute;

	top: -3.3em;

	width: 960px;

	}

#navDept li {

	display: block;

	float: left;

	height: 3em;

	margin: 0 2px 0 0;

	position: relative;

	}

#navDept li a {

	background: #323844;

	color: #cbd7e2;

	display: block;

	float: left;

	font-size: 12px;

	font-weight: bold;

	line-height: 3em;

	display: block;

	padding: 0 12px;

	}

#navDept li a:hover {

	color: #fff;

	}

#navDept li a.selected {

	background: #fff;

	color: #111;

	}

#navDept li a:hover.selected {

	background: #fff;

	color: #111;

	}



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



.navSub,

.navSub li {

	list-style: none;

	margin: 3px 0 0 0;

	padding: 0;

	}

.navSub {

	display: none;

	position: relative;

	z-index: 9999;

	}

#navDept li:hover .navSub {

	display: block;

	float: none;

	left: 0;

	top: 3.3em;

	position: absolute;

	width: 170px;

	}

#navDept li:hover .navSub li {

	clear: left;

	display: block;

	float: none;

	margin-top: -3px;

	position: relative;

	}

#navDept li:hover .navSub li a {

	padding-bottom: 2px;

	border-bottom: 1px dotted;

	display: block;

	width: 170px;

	}

#navDept li .navSub a.selected {

	color: #cbd7e2;

	}

#navDept li:hover .navSub li a:hover {

	padding-bottom: 2px;

	border-bottom: 1px dotted #1b99bf;

	color: #1b99bf;

	}

#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;

	}

#navDept li:hover .navSub li:hover .navSub li .navSub {

	display: none;

	position: relative;

	}

#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;

	}

#navTools {

	left: 0;

	position: absolute;

	top: -180px;

	width: 720px;

	}

#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 {

	background: #f2f2f2;

	font-size: 1em;

	letter-spacing: 1px;

	margin: 1em 0;

	padding: .5em 10px;

	text-transform: uppercase;

	}

#newsletter label {

	display: none;

	}

#newsletterEmail {

	background: #fff;

	border: 1px solid #d9d9d9;

	float: left;

	margin: 0;

	padding: 4px;

	width: 170px;

	}

#newsletterSubmit {

	background: #9E1C4D;

	border-radius: 7px;

	border-top-left-radius: 0px;

	border-bottom-right-radius: 0px;

	-moz-border-radius: 7px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-radius: 7px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	color: #FFDB9D;

	float: right;

	height: 2.1em;

	line-height: 1.9em;

	margin: 0;

	overflow: hidden;

	padding: 0 4px;

	text-transform: uppercase;

	border: 1px solid #9E1C4D;

	}

#newsletterSubmit:hover {

	background: #FFDB9D;

	color: #9E1C4D;

	border: 1px solid #9E1C4D;

	cursor: pointer;

	}



/* menu items */



#recentlyViewedTitle, #distribTitle {

	background: #f2f2f2;

	font-size: 1em;

	margin: 1em 0 .5em 0;

	padding: .5em 10px;

	text-transform: uppercase;

	}

p.distrib {
	
	font-style: italic;
	
	letter-spacing: .1em;

	line-height: 15px;
	
	font-size: 12px;

	color: #777777;

	padding: 4px
}

p.distrib a, p.distrib a:link {

	border-top: 1px dashed #cccccc;

	padding: 6px 0
}

#recentlyViewed,

#recentlyViewed li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#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;

	}





/* =MAIN

================================================= */



#main {

	float: left;

	font-size: 1.1em;

	display: inline;

	width: 998px

}



/* =CONTENT

================================================= */



#content {

	margin: 1em 0;

	}

#content p {

	font-size: 1.1em;

	}

#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;

	}



/* theme switcher - demo only */



#theme-switcher {

	background: #f2f2f2;

	border: 1px solid #ddd;

	margin: .5em 0 1em 0;

	padding: 1px 15px 1px 15px;

	text-shadow: 1px 1px 0 #fff;

	}

#theme-switcher .textbox {

	background: #fff;

	border: 1px solid #d9d9d9;

	padding: 3px 4px;

	width: 170px;

	}

#theme-switcher #change {

	background: #5a8bb6;

	border: none;

	border-radius: 7px;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	color: #fff;

	height: 2.2em;

	line-height: 2.2em;

	margin-left: .5em;

	overflow: hidden;

	padding: 0 4px 2px 4px;

	}

#theme-switcher #change:hover {

	background: #4f7a9f;

	cursor: pointer;

	}





/* =SUBDEPARTMENTS

================================================= */



#navSubDept,

#navSubDept li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#navSubDept {

	background: #f2f2f2;

	color: #777;

	margin: 1em 0 2em 0;

	padding: 1em 10px;

	position: relative;

	}

#navSubDept li {

	display: block;

	float: left;

	height: 2em;

	line-height: 2em;

	list-style: none;

	margin: 0 10px;

	width: 315px;

	}

#navSubDept li a {

	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 0 50%;

	color: #888;

	display: block;

	font-weight: normal;

	text-indent: 1em;

	}

#navSubDept li a:hover,

#navSubDept li a.selected {

	color: #111;

	}





/* =FORMS

================================================= */



fieldset {

	border: none;

	margin: 0;

	padding: 0;

	}

legend {

	clear: left;

	color: #222;

	display: block;

	font-size: 16px;

	font-weight: bold;

	line-height: 2em;

	}

fieldset h3 {

	margin: 1em 0;

	}

.formField {

	background: #fff;

	border: 1px solid #d9d9d9;

	padding: 4px;

	width: 285px !important


	}

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 {

	background: #1b99bf;

	border-radius: 7px;

	border-top-left-radius: 0px;

	border-bottom-right-radius: 0px;

	-moz-border-radius: 7px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-radius: 7px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	color: #FFDB9D;

	float: left;

	height: 2.1em;

	line-height: 1.9em;

	margin: 5px 0;

	padding: 0 4px;

	text-transform: uppercase;

	border: 1px solid #1b99bf;

	}

.formButton:hover {

	background: #FFDB9D;

	color: #1b99bf;

	border: 1px solid #1b99bf;

	cursor: pointer;

	}

label {

	margin: .5em 0;

	}

label span {

	color: #a00;

	font-size: 110%;

	font-weight: bold;

	}

input.formField:focus,

input.formFieldShort:focus,

input.formFieldMedium:focus,

textarea:focus,

.quantity:focus,

.formField.comments:focus	{

	background: #fff;

	border: 1px solid #aaa;

	}

.formCheckbox,

.formRadio {

	margin: 0;

	padding: 0;

	vertical-align: middle;

	}

p .formCheckbox {

	margin: -.4em .5em 0 0;

	}

p .formRadio {

	margin: -.4em .5em 0 0;

	}



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



#main label {

	display: block;

	}

#main .formField,

#main .formFieldMedium {

	margin: 0 0 .8em 0;

	width: 280px;

	}

#main select.formSelect,

#main select.formSelectMedium,

#main select.formSelectShort {

	margin: 0 0 .8em 0;

	width: 280px;

	}

#content .formField,

#frmContact .formField {

	width: 310px;

	}

#content .formFieldShort,

#frmContact .formFieldShort {

	margin: .2em 0 1em 0;

	width: 50px;

	}

#content select.formSelect,

#frmContact select.formSelect {

	width: 228px;

	}

#content select.formSelectMedium,

#frmContact select.formSelectMedium {

	margin-right: .8em;

	width: 80px;

	}

#content .formButton,

#frmContact .formButton {

	margin-right: .5em;

	}





/* =TABLES

================================================= */



table {

	border-collapse: collapse;

	line-height: 150%;

	margin: .5em 0 1em 0;

	width: 100%;

	}

th {

	background: #b74a78;

	padding: 5px;

	color: #FFFFFF

	}

tr {

	border-bottom: 1px solid #b74a78;

	}

td {

	padding: 5px;

	vertical-align: top;

	}

table .price {

	color: #ffffff;

	font-size: 1em;

	font-weight: bold;

	}

th.first,

td.first {

	width: 25%;

	}

td.qty {

	width: 100px;

	}

th.remove {

	width: 75px;

	}

th.product,

th.attributes {

	width: 30%

	}



/* checkout form layout */



table.user,

table.user tr,

table.user td {

	background: none;

	border: none;

	padding: 0;

	}

table.user {
	
	width: 600px;

	margin: 0;

	}

table.user td {

	width: 280px;

	}	


/* =PAGINATION

================================================= */



.pagination {

	background: #f2f2f2;

	clear: both;

	color: #777;

	font-weight: bold;

	margin: -2em 0 1em 0;

	padding: .5em 10px .5em 5px;

	}

.pagination p {

	margin: 0;

	}

.pagination p.current {

	display: inline;

	float: right;

	line-height: 1em;

	margin: .5em 0;

	}

.pagination p.summary {

	border-left: 1px solid #bbb;

	float: right;

	line-height: 1em;

	margin: .5em 0 .5em .6em;

	padding-left: .5em;

	}

.pagination a,

.pagination a:link,

.pagination a:visited,

.pagination a:active {

	color: #666;

	display: block;

	float: left;

	font-weight: bold;

	margin-right: 2px;

	padding: .1em 6px;

	}

.pagination a:hover {

	color: #111;

	}

.pagination a.selected {

	background: #fff;

	color: #111;

	}

.pagination.end {

	margin-top: 0;

	}





/* =PRODUCT LISTS

================================================= */



/* product list */



.products,

.products li {

	list-style: none;

	margin: 0;

	padding: 0;

	} 

.products li {

	border-top: 1px solid #b74a78;

	margin: 0 0 15px 0;

	padding: 15px 0 0 0;

	position: relative;

	}

.products li:hover {

	border-top: 1px solid #ffffff;

	}

.products li h3 {

	background: none;

	clear: left;

	font-size: 12px;

	margin-right: 6.5em;

	}

.products li h3 a,

.products li h3 a:link,

.products li h3 a:visited,

.products li h3 a:active {

	font-size: 23px;

	font-weight: bold;

	font-family: Helvetica, Arial, sans-serif;

	color: #ffffff;

	padding-bottom: 5px;

	border-bottom: 0px solid #b74a78

	}

.products li h3 a:hover {

	font-size: 23px;

	font-weight: bold;

	color: #ffffff;

	padding-bottom: 5px;

	border-bottom: 0px solid #b74a78

	}

.products .image {

	display: inline;

	float: left;

	margin: 0;

	width: 342px;

	}

.products .image a img {


	}

.products .image a:hover img, .products .image a:hover {

	border-bottom: 0

	}

.products .addWishlist,

.products .addCompare {

	display: inline;

	margin: .5em 1em .5em 0;

	}

.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: #a00;

	display: inline;

	color: #fff;

	font-weight: bold;

	margin: 0;

	padding: 1.5em 1em .5em 1em;

	position: absolute;

	top: -.5em;

	right: 10px;

	}

.products .price {

	color: #ffffff;

	font-size: 17px;

	font-family: Helvetica, Arial, sans-serif;

	font-weight: bold;

	}

.products .quantity {

	clear: both;

	margin: -3em 0 1em 0;

	text-align: right;

	}

#quantity {

	color: #000000

}

.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: 1px 10px 5px 10px;

	width: 206px;

	}

.products.grid .image {

	float: none;

	margin: 1em 0;

	}

.products.grid .addWishlist,

.products.grid .addCompare,

.products.grid .addWishlist a,

.products.grid .addCompare a,

.products.grid .addWishlist a:active,

.products.grid .addCompare a:active,

.products.grid .addWishlist a:visited,

.products.grid .addCompare a:active {

	color: #606060;

	font-family: Georgia, Garamond, Times, serif;

	font-style: italic;

	border: 0;

	display: block;

	margin: .2em 0;

	padding: 0;

	}

.products.grid .addWishlist a:hover,

.products.grid .addCompare a:hover {

	color: #888888;

	font-family: Georgia, Garamond, Times, serif;

	font-style: italic;

	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;

	color: #ffffff;

	}

#productSort h3 a {

	background: #02b3c1;

	color: #ffffff;

	height: 2.7em;

	line-height: 2.7em;

	padding: .8em 10px;

	}

#productSort h3 a:hover {

	background: #02b3c1;

	color: #ffffff;

	border-bottom: 0

	}

#productSort h3 a.selected {

	background: #02b3c1;

	color: #ffffff;

	}

#productSort h3 a span {

	color: #777;

	letter-spacing: normal;

	text-transform: none;

	}



/* sort container */



#productSort #productSortOptions {

	background: #02b3c1;

	color: #ffffff;

	margin: 0 0 1em 0;

	padding: .5em 10px;

	}



/* sort options */



#productSort #productSortOptions .sortBlock {

	float: left;

	margin-right: 10px;

	width: 135px;

	}

#productSort #productSortOptions .sortBlock .formSelect {

	width: 135px;

	}

#productSort #productSortOptions .formButton {

	float: right;

	padding: 0 5px 1px 5px;

	}



/* 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: 135px;

	}

#productSort #productSortOptions dl dd {

	color: #888;

	float: left;

	margin-right: 1em;

	}





/* =PRODUCT DETAILS

================================================= */



/* product details */



#product {

	margin: 1em 0;

	}



/* image gallery */



#hideGalleryInput {

	display: none;

	}

#product .image {	

	float: left;

	margin: 0 0 1em 0;

	}

#product .image p {

	margin: 1em 0;

	}

#product .image ul,

#product .image ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#product .image ul {

	width: 300px;

	}

#product .image ul li {

	display: inline;

	}

#product .image ul li {

	margin: 0 3px 0 0;

	}

#product .image ul li a img {

	border: 1px solid #eee;

	padding: 2px;

	}

#product .image ul li a:hover img {

	border: 1px solid #ddd;

	padding: 2px;

	}



/* product price & options */



#product .info {

	background: #f2f2f2;

	float: right;

	margin: 0 0 1em 0;

	padding: 1px 10px 10px 10px;

	position: relative;

	width: 278px;

	}

#product .info .onSale {

	background: #c00;

	display: inline;

	color: #fff;

	font-weight: bold;

	margin: 0;

	padding: 1.5em 1em .5em 1em;

	position: absolute;

	top: -.5em;

	right: 10px;

	}

#product .info .price {

	color: #111;

	font-size: 1.4em;

	line-height: 1.4em;

	margin: 1em 0 .5em 0;

	}

#product .info .price span {

	color: #ffffff;

	font-size: 17px;

	font-family: Helvetica, Arial, sans-serif;

	font-weight: bold;

	}

#product .info .rrp {

	color: #777;

	font-size: 12px;

	font-weight: bold;

	}

#product .info h3 {

	line-height: 2em;

	margin-bottom: -.5em;

	}

#product .info label {

	float: left;

	margin: 5px .5em 0 0;

	}

#product .info .formField {

	width: 270px;

	}

#product .info .formButton {

	margin: .2em 0 0 0;

	}

#product .info .formFieldShort,

#product .info .formButton {

	color: #000000;

	margin-right: 1em;

	}

#product .info #addWishlist,

#product .info #addComparison {

	margin: .5em 0;

	}

#product .actions {

	clear: both;

	}





/* =ARTICLES

================================================= */



#articles ul,

#articles li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#articles ul {

	margin: 1em 0;

	}

#articles ul li {

	list-style: none;

	margin: 1em 0 .5em 0;

	}

#articles ul li a {

	color: #666;

	font-weight: bold;

	padding-top: .2em;

	}

#articles ul li a:hover {

	color: #111;

	}

#pageAuthor {

	background: #f2f2f2;

	padding: .5em 10px;

	}





/* =REVIEWS

================================================= */



/* star ratings */



.review {

	font-family: Georgia, Garamond, Times, serif;

	font-style: italic;

	background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;

	color: #ffffff;

	display: block;

	height: 12px;

	line-height: 12px;

	margin: 1em 0;

	padding-left: 80px;

	}

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 {

	background: #f2f2f2;

	clear: both;

	margin: 1em 0;

	padding: 1px 10px;

	position: relative;

	}

#reviews h3 {

	margin-bottom: 0;

	margin-right: 160px;

	}

#reviews .review {

	float: right;

	margin-bottom: -1.3em;

	}

p.reviewAuthor {

	float: right;

	margin-top: 0;

	}

.reviewDate {

	border-bottom: 1px solid #ddd;

	margin-bottom: 1em;

	padding-bottom: .5em;

	}

dl#reviewForm,

dl#reviewForm dt,

dl#reviewForm dd {

	margin: 0;

	padding: 0;

	}

dl#reviewForm dt {

	margin: .5em 0 .2em 0;

	}





/* =SEARCH RESULTS

================================================= */



#searchResults,

#searchResults li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#searchResults {

	margin: 1em 0;

	}

#searchResults li {

	list-style: decimal;

	margin: 1em 0 1em 2.5em;

	}

#searchResults h3 {}

#searchResults p {

	margin-top: -1em;

	}

#searchResults span {

	background: #ccc;

	color: #fff;

	font-size: .9em;

	font-weight: normal;

	margin-left: .5em;

	padding: .2em .5em .15em .5em;

	}







/* =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: 1em 0;

	width: 340px;

	display: inline;

	}

.module2 {

	float: right;

	margin: 1em 0;

	width: 340px;

	display: inline;

	}

.module1 *:first-child,

.module2 *:first-child {

	margin-top: 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/petrol/removeItem.gif) no-repeat 0 50%;

	height: 16px;

	padding-left: 20px;

	}

#acceptedCards {

	margin: 1em 0;

	}

#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.5em;

	}

#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;

	}

#cv2Image {

	float: left;

	margin: -.2em 0 0 1em;

	}



/* 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;

	}

.paymentGateway {

	background: #fff;

	border: 1px solid #ddd;

	float: left;

	display: block;

	margin: -.5em 1em 1em 0;

	padding: 3px;

	}





/* =FOOTER

================================================= */



#footer {

	background: #2e3441;

	margin: 0;

	clear: both;

	color: #666;

	font-size: 1.1em;

	font-weight: bold;

	padding: 1.5em;

	}

#footer .inner {

	margin: 0 auto;

	width: 960px;

	}

#footer p {

	margin-bottom: 0;

	}

#footer ul,

#footer li {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#footer ul {

	margin: 1em 0;

	}

#footer li {

	border-left: 1px solid #333;

	font-weight: bold;

	display: inline;

	margin-left: .4em;

	padding-left: .8em;

	}

#footer li.first {

	border: 0;

	margin-left: 0;

	padding-left: 0;

	}

#footer a {

	color: #999;

	}

#footer a:hover {

	color: #fff;

	}

#footer #credits {

	}





/* =FLOAT FIX

================================================= */



.inner:after,

#content:after,

.products:after,

.products li:after,

.pagination:after,

#product: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 {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	}

.inner,

#content,

.products,

.products li,

.pagination,

#product,

#total,

.module1,

.module2,

#search,

#advancedSearch,

#brand,

#newsletter,

#navSubDept,

#navSubDept li,

#productSortOptions,

dl,

dl dt,

dl dd,

form,

.billShipBlock {

	display: inline-block;

	}

/* Hide from IE Mac \*/

.inner,

#content,

.products,

.products li,

.pagination,

#product,

#total,

.module1,

.module2,

#search,

#advancedSearch,

#brand,

#newsletter,

#navSubDept,

#navSubDept li,

#productSortOptions,

dl,

dl dt,

dl dd,

form,

.billShipBlock {

	display: block;

	}

/* End hide from IE Mac */




#column_one {

	width: 434px;

	height: auto;

	float: left;

	border-top: 1px solid #b74a78;

	margin: 0 43px 0 0

}

#column_two {

	width: 521px;

	height: auto;

	float: left

}

.clear {

	clear: both

}

#column_one p {

	margin: 25px 0;

	color: #FFFFFF;

	font-family: Helvetica, Arial, sans-serif;

	line-height: 1.6em;

	font-size: 1.4em;

	text-align: left

}

.column_three {
	width: 192px;
	height: auto;
	margin-top: 5px;
	float: left
}

.clear {
	clear: both
}

.column_one p, .column_two p, .column_three p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323945;
	font-size: 15px;
	font-style: italic;
	padding: 10px;
	margin: 0;
	text-align: center;
	letter-spacing: .5em;
}

h2#pageTitle, .global-form h2 {

	font-family: Helvetica, Arial, sans-serif;

	color: #FFFFFF;

	font-size: 37px;

	background: none;

	border-top: 1px solid #b74a78;

	padding-top: 20px

}

.global-form legend, .global-form h3 {
	text-transform: uppercase;
	color: #eb7fb8;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: .3em
}

.global-form p {
	font-size: 15px;
	width: 590px;
	letter-spacing: .1em;
	font-style: italic;
	line-height: 1.4em
}

.global-form .formField {

	width: 280px;

	color: #000000

}

.global-form {

	width: 600px;

	color: #000000

}

.global-form select {

	color: #000000

}

input.formField {

	width: 250px;

	color: #000000
}

a.flag, a.flag:link, a.flag:active, a.flag:visited {

	padding: 0 6px;

	color: #E87FB3;

	display: block;

	width: 305px;

	height: 52px;

	text-align: left;

	font-size: 13px;

	line-height: 30px;

	border-bottom: 0;

	text-decoration: none

}

a.flag:hover {

	padding: 0 6px;

	color: #E87FB3;

	display: block;

	width: 305px;

	border-bottom: 0;

	height: 52px;

	text-align: left;

	font-size: 13px;

	line-height: 30px;

	text-decoration: none;

	background: #B03468

}

a.noemail, a.noemail:link, a.noemail:active, a.noemail:visited {

	padding: 0 6px;

	color: #E87FB3;

	display: block;

	width: 305px;

	height: 30px;

	text-align: left;

	font-size: 13px;

	border-bottom: 0;

	line-height: 30px;

	text-decoration: none

}

a.noemail:hover {

	padding: 0 6px;

	color: #E87FB3;

	display: block;

	width: 305px;

	border-bottom: 0;

	height: 30px;

	text-align: left;

	font-size: 13px;

	line-height: 30px;

	text-decoration: none;

	background: #B03468

}

.email {

	color: #E87FB3;

	font-style: italic;

	text-align: left;

	font-size: 12px;

	line-height: 13px

}

#front_one {

	background: url(http://bassandtenor.co.uk/graphics/front/one.gif) no-repeat

}

#lookatme .one {

	background: url(http://bassandtenor.co.uk/graphics/front/snare.gif) no-repeat

}

#front_two {

	background: url(http://bassandtenor.co.uk/graphics/front/two.gif) no-repeat

}

#front_three {

	background: url(http://bassandtenor.co.uk/graphics/front/three.gif) no-repeat

}

#front_four {

	background: url(http://bassandtenor.co.uk/graphics/front/four.gif) no-repeat

}

#front_five {

	background: url(http://bassandtenor.co.uk/graphics/front/five.gif) no-repeat

}

#front_six {

	background: url(http://bassandtenor.co.uk/graphics/front/six.gif) no-repeat

}

#front_seven {

	background: url(http://bassandtenor.co.uk/graphics/front/seven.gif) no-repeat

}

#front_eight {

	background: url(http://bassandtenor.co.uk/graphics/front/eight.gif) no-repeat

}

#art_one {

	background: url(http://bassandtenor.co.uk/graphics/front/small_snare.gif) no-repeat

}

#art_two {

	background: url(http://bassandtenor.co.uk/graphics/front/small_tenor.gif) no-repeat

}

#art_three {

	background: url(http://bassandtenor.co.uk/graphics/front/small_sorry.gif) no-repeat

}

#art_four {

	background: url(http://bassandtenor.co.uk/graphics/front/small_birl.gif) no-repeat

}

#art_five {

	background: url(http://bassandtenor.co.uk/graphics/front/small_grip.gif) no-repeat

}

#art_six {

	background: url(http://bassandtenor.co.uk/graphics/front/small_scale.gif) no-repeat

}

#art_seven {

	background: url(http://bassandtenor.co.uk/graphics/front/small_ruff.gif) no-repeat

}

#art_eight {

	background: url(http://bassandtenor.co.uk/graphics/front/small_rata.gif) no-repeat

}

#front_one, #front_two, #front_three, #front_four, #front_five, #front_six, #front_seven, #front_eight {

	width: 434px;

	height: 25px;

	margin: 0 0 7px 0

}


#front_one:hover, #front_two:hover, #front_three:hover, #front_four:hover, #front_five:hover, #front_six:hover, #front_seven:hover, #front_eight:hover, #art_one:hover, #art_two:hover, #art_three:hover, #art_four:hover, #art_five:hover, #art_six:hover, #art_seven:hover, #art_eight:hover {

	background: #FFFFFF

}

#lookatme {

	width: 520px;

	height: 520px;

	background: url(http://bassandtenor.co.uk/graphics/front/x.gif) no-repeat;

	border-top: 1px solid #b74a78;

	border-left: 1px solid #b74a78;

	border-bottom: 1px solid #b74a78;

}

#lookatme_now {

	width: 520px;

	height: 520px;

	background: url(http://bassandtenor.co.uk/graphics/front/snare.gif) no-repeat;

	border-top: 1px solid #b74a78;

	border-left: 1px solid #b74a78;

	border-bottom: 1px solid #b74a78;

}

.linkone:hover, .linktwo:hover, .linkthree:hover, .linkfour:hover, .linkfive:hover, .linksix:hover, .linkseven:hover, .linkeight:hover, .linkone_b:hover, .linktwo_b:hover, .linkthree_b:hover, .linkfour_b:hover, .linkfive_b:hover, .linksix_b:hover, .linkseven_b:hover, .linkeight_b:hover {

	padding: 0;

	border-bottom: 0

}

.bottom_cols {

	width: 292px;

	height: auto;

	border-top: 1px solid #35c2cd;

	float: left

}

#stockists p, #whatsnew p, #getintouch p {

	font-size: 13px;

	font-weight: 100;

	margin-left: 8px;

	color: #FFFFFF;

	line-height: 1.7em;

	padding-left: 8px

}

h2#category {

	font-family: Helvetica, Arial, sans-serif;

	color: #FFFFFF;

	font-size: 37px;

	background: none;

	border-top: 1px solid #b74a78;

	padding-top: 20px

}

h2#sideee {

	font-family: Helvetica, Arial, sans-serif;

	color: #eb7fb8;

	font-size: 37px;

	background: none;

	margin: 7px 0 15px 0

}

h2.dists {

	float: left;

	font-family: Helvetica, Arial, sans-serif;

	color: #eb7fb8;

	font-size: 37px;

	background: none;

	margin: 7px 0 15px 10px

}

.column_one_dist {

	width: 320px;

	height: auto;

	float: left;

	border-top: 5px solid #B74C79;

	margin-bottom: 25px

}

.column_two_dist, .column_three_dist {

	width: 320px;

	margin-left: 18px;

	height: auto;

	float: left;

	border-top: 5px solid #B74C79;

	border-left: 1px solid #B74C79;

	margin-bottom: 25px

}

#touch {

	background: url(../graphics/petrol/touch_bg.gif);

	width: 995px;

	height: 400px

}

div.touch {

	float: right;

	color: #ffffff;

	font-size: 12px;

	line-height: 1.6em

}