/* @override http://www.coloured-contact-lens.co.uk/css/petrol.css */

/*


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


*/


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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
	background: black;
	color: #111;
	/*font: 62.5%/1.8em Lucida Grande, Verdana, Arial sans-serif;	*/
	font: normal 80% HelveticaNeue, Lucida Grande, Arial, sans-serif;
	line-height:150%;
	text-align: center;
	margin: 0;
	padding: 0;
	}
table,
td,
input,
textarea,
select,
li {
	color: #222;	
	/*font: 1em Lucida Grande, Verdana, Arial, sans-serif;*/
	}

/* hidden items */

#skip,
.hidden {
	display: none;
	}

/* basic links */

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

/* images */

img {
	border: none;
	}

/* typography */

p, h1, h2, h3, h4, h5, h6{margin:0;}
h1{font-size:140%;}
h2{font-size:130%; font-weight:bold; padding-bottom: 10px;}
h3{font-size:120%; font-weight:bold;}
h4{font-size:110%;}
h5{font-size:100%;}
hr{display:none;}
strong{font-weight: bold;}
.strikeout{text-decoration: line-through;}

.embox {
background:white none repeat scroll 0 0;
border:5px solid #B88595;
margin-bottom:1em;
padding:5px;
text-align:center;
width:545px;
}

#main p.last{
	margin-bottom: 0;
	padding-bottom: 0;
	}


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 {
	background: url(/graphics/ccl/structure/background.jpg) no-repeat center top;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
	margin-top: 30px;
	}


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

#header {
	width: 900px;
	margin: 0 auto;
	}
#header .inner {
	margin: 0 auto;
	position: relative;
	width: 900px;
	}

/* company logo & tagline */

#logo {
	font: normal 3.5em Palatino, Times, Times New Roman, serif;
	background:transparent url(/graphics/ccl/sprite.jpg) no-repeat scroll -900px 0;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:120px;
	}
#logo a {
	color: #fff;
	}

/* shopping basket info */

#info {
	color: #fff;
	font-weight: bold;
	height: 3.2em;
	line-height: 3.2em;
	margin: 0;
	padding: 0;
	position: absolute;	
	right: 20px;
	text-align: right;
	top: -3.2em;
	width: 300px;
	z-index: 10;
	font-size: 0.8em;
	}
#info a {
	color: #aaa;
	}
#info a:hover {
	color: #fff;
	}
#basket {
	background: url(../graphics/petrol/cartBg.png) no-repeat 0 50%;
	display: inline;
	height: 3.2em;
	line-height: 3.2em;
	padding-left: 2em;
	}
	
/* header tools */

#navTools {
	color: #fff;
	height: 3.2em;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	top: -3.2em;
	left: 20px
	z-index: 10;
	font-size: 0.8em;
	}
	
#navTools a{
	color: #aaa;
	}
	
#navTools a:hover {
	color: #fff;
	}
	
#navTools li{
	float: left;
	line-height: 3.2em;
	font-weight: bold;
	padding-left: 1em;
	}
	
/* header navigation */

#header ul{
	height: 80px;
	}
#header ul li{
	float: left;
	}
#header ul li a{
	display: block;
	width: 225px;
	height: 0;
	padding-top: 80px;
	overflow: hidden;
	}
#header ul.girl li a,
#header ul.nogirl li a{
	background: url(/graphics/ccl/sprite.jpg);
	}
#header ul li.eyechangers a{
	background-position: -900px -120px;
	}
#header ul li.eyecatchers a{
	background-position: -1125px -120px;
	}
#header ul li.eyelashes a{
	background-position: -1350px -120px;
	}
#header ul li.contactus a{
	background-position: -1575px -120px;
	}
#header ul li.eyechangers a:hover{
	background-position: -900px -200px;
	}
#header ul li.eyecatchers a:hover{
	background-position: -1125px -200px;
	}
#header ul li.eyelashes a:hover{
	background-position: -1350px -200px;
	}
#header ul li.contactus a:hover{
	background-position: -1575px -200px;
	}

#header ul.nogirl li.eyechangers a{
	background-position: -900px -280px;
	}
#header ul.nogirl li.eyecatchers a{
	background-position: -1125px -280px;
	}
#header ul.nogirl li.eyelashes a{
	background-position: -1350px -280px;
	}
#header ul.nogirl li.contactus a{
	background-position: -1575px -280px;
	}
#header ul.nogirl li.eyechangers a:hover{
	background-position: -900px -360px;
	}
#header ul.nogirl li.eyecatchers a:hover{
	background-position: -1125px -360px;
	}
#header ul.nogirl li.eyelashes a:hover{
	background-position: -1350px -360px;
	}
#header ul.nogirl li.contactus a:hover{
	background-position: -1575px -360px;
	}



/* =MID
=============================================== */

#mid {
	/*background: #fff;*/
	margin: 0 auto;
	padding-bottom: 1.5em;
	position: relative;
	width: 900px;
	background: url(/graphics/ccl/sprite.jpg) bottom left no-repeat;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

#container .nobottom{
	margin: 0 auto;
	padding-bottom: 1.5em;
	position: relative;
	width: 900px;
	background: none;
	margin-bottom: 20px;
	padding-bottom: 0;
	}
	


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

#sidebar {
	width: 900px;
	margin: 20px auto;
	background: white;
	
	}
	




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

#main {
	display: inline;
	width: 900px;
	}

.tier .inner{
	padding: 20px;
	}
.tier .girlinner{
	padding: 20px;
	width: 560px;
	}
.tier .inner p{
	margin-bottom: 1em;
	}
#content .home{
	background: none;
	padding-bottom: 0;
	}
#main .page{
	background: #c5c2c2 url(../graphics/ccl/structure/main_bg.jpg) top left repeat-x;
	}
#main .text{
	background: #c6c2c3 url(/graphics/ccl/sprite.jpg) -360px -520px no-repeat;
	}

#main .text .inner{
	width: 560px;
	background: #c6c2c3 url(../graphics/ccl/structure/main_bg.jpg) repeat-x;
	min-height: 400px;
	}
#main .page h2{
	border-bottom: 2px solid #666;
	margin-bottom: 1em;
	}
	
#main h3{
	margin-bottom: 8px;
	}

/* ----- home page ----- */
.welcome{
	height: 380px;
	width:900px;
	background: url(/graphics/ccl/sprite.jpg) no-repeat;
	}
.welcome p{
	margin-bottom: 1em;
	}
#main .welcome ul{
	/*list-style: circle;*/
	padding-bottom: 1em;
	margin-bottom: 0;
	}
#main .welcome ul li{
	margin-bottom: 0.5em;
	}
.welcome .large_button{
	display: block;
	margin: 0 0 10px 120px;
	width: 320px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	background: url(/graphics/ccl/home/large_button.png) no-repeat;
	}
.departments{
	height: 300px;
	background: url(/graphics/ccl/sprite.jpg) 0 -240px no-repeat;
	}
.departments img{
	display: block;
	width: 300px;
	height:140px;
	background: #ccc;
	}
.departments h2{
	font-weight: bold;
	height: 30px;
	width: 180px;
	float: left;
	line-height: 30px;
	}
	
.page h2 .range{
	color: #999;
	}

.departments span{
	float: right;
	width: 80px;
	height: 40px;
	line-height: 30px;
	font-size: 130%;
	font-weight: bold;
	color: #999;
	text-align: right;
	}	
.departments .inner{
	margin: 20px;
	height: 120px;
	padding: 0;
	}
.departments .inner p{
	font-size: 90%;
	line-height: 1em;
	height: 40px;
	margin-bottom: 0;
	}
.departments .small_button{
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	width: 205px;
	margin: 0 -10px -10px 0;
	float: right;
	}
.departments .small_button{
	background: url(/graphics/ccl/sprite.jpg);
	}
.departments .small_button.ech{
	background-position: -900px -470px;
	}
.departments .small_button.eca{
	background-position: -1105px -470px;	
	}
.departments .small_button.ela{
	background-position: -1310px -470px;	
	}
.third{
	width: 300px;
	float: left;
	}
	/*
#main ul{
	list-style: circle;
	padding-left: 3px;
	/*margin-bottom: 2em;*/
	/*}
#main ul li{
	margin-left: 1em;
	margin-bottom: 1em;
	}*/

/* ----- products grid ----- */
#main ul.products{
	margin-left: -20px;
	padding-left: 0;
	width: 880px;
	}
#main ul.products li{
	display: block;
	width: 200px;
	height: 138px;
	float: left;
	margin: 0 0 20px 20px;
	}
#main ul.products img{
	width: 194px;
	height: 102px;
	}
#main ul.products a{
	/*border: 3px solid #666;*/
	padding: 3px;
	height: 132px;
	display: block;
	background: #666;
	cursor: pointer;
	}
#main ul.products a:hover{
	background: black;
	border-color: black;
	}
#main ul.products h3{
	font-size: 150%;
	font-weight: bold;
	color: black;
	padding: 5px;
	z-index: 5;
	position: relative;
	bottom: 63px;
	left: 5px;
	}
#main ul.products span.bnPrice,
#main ul.products span.bnButton{
	font-size: 1.2em;
	padding: 6px 5px 2px;
	font-weight: bold;
	color: white;
	}
#main ul.products span.bnPrice{
	float: left;
	}
#main ul.products span.bnButton{
	float: right;
	}	
	
/* ----- product pages ----- */
dl.specs{
	width: 410px;
	height: 310px;
	float: left;
	margin-right: 40px;
	}

dl.specs dt{
	font-weight: bold;
	width: 110px;
	float: left;
	border-bottom: 1px solid #333; 
	height: 20px;
	}	
dl.specs dd{
	width: 300px;
	float: left;
	border-bottom: 1px solid #333;
	height: 20px;
	}
	
.embox{
	width: 545px;
	padding: 5px;
	text-align: center;
	border: 5px solid #b88595;
	background: white;
	margin-bottom: 1em;
	}
	
.productinfo{
	width: 390px;
	height: 260px;
	float: left;
	text-align: center;
	}

.productinfo .price{
	display: block;
	font-size: 130%;
	font-weight: bold;
	padding: 10px;
	}

.productimg{
	float: right;
	}
	
#product{
	width: 390px;
	float: left;
	text-align: center;
	}

#product .price{
	font-weight: bold;
	font-size: 130%;
	}

.image{
	float: right;
	}

#productDisplay .formButton{
	width: 160px;
	height: 60px;
	border: none;
	}

/* ----- Checkout ----- */

/*#checkout input.formButton{
	float: right;	
	}*/
	
.err{
	border: 5px solid #fdfa95;
	padding: 3px;
	background: white;
	font-weight: bold;
	
}
	
.modules{
	float: right;
	width: 420px;
	margin-bottom: 30px;
	}
.lastmins{
	width: 420px;
	height: 300px;
	float: left;
	}
	

.module1{
	width: 420px;
	float: left;
	}

.module2{
	width: 420px;
	float: right;
	}
	
.actions{
	float: right;
	}

#total{
	padding-bottom: 20px;
	}
	
#total dt{
	float: left;
	width: 200px;
	}
#total dd{
	float: right;
	width: 75px;
	}

.grandtotal{
	font-weight: bold;
	}

.module3 .formField	{
	width: 400px;
	}


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

#footer{
	padding-bottom: 20px;
	width: 900px;
	margin: 0 auto;
	}
#footer .footerbar{
	background: url(/graphics/ccl/sprite.jpg) 0 -540px no-repeat;
	height: 160px;
	margin-bottom: 20px;
	}
#footer .footerbar li{
	padding-bottom: 1em;
	}
#footer .third{
	width: 260px;
	padding: 20px;
	font-size: 90%;
	}
#footer .third h3{
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
	width: 260px;
	background: url(/graphics/ccl/sprite.jpg);
	}
#footer .footer_contact h3{
	background-position: -900px -440px;
	}
#footer .footer_payment h3{
	background-position: -1160px -440px;
	}
#footer .footer_shipping h3{
 	background-position: -1420px -440px;
	}
#footer .footertext{
	width: 600px;
	text-align: left;
	margin: 0 auto;
	}
#footer .footertext p{
	margin-bottom: 1em;
	}
#lat{
	text-align: center;
	background: black;
	}
#lat p{
	color: white;
	}
#lat ul{
	width: 600px;
	margin: 0 auto 1em;
	}
#lat ul li{
	display: inline;
	}
	
.third{
	width: 300px;
	float: left;
	}
#footer #lat a,
#footer .footertext a{
	color: white;
	}
#footer #lat a:hover,
#footer .footertext a:hover{
	text-decoration: underline;
	}

#footer .footertext{
	color: #999;
	}	



/* =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: 170px;
	}
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: #5a8bb6;
	border: none;
	color: #fff;
	height: 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
	}
.formButton:hover {
	background: #4f7a9f;
	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;
	}

/* ----- contact form ----- */
#frmContact label {
	display: block;
	margin-top: 15px;
	font-weight: bold;
	}	
#frmContact input,
#frmContact textarea{
	width: 430px;
	padding: 4px;
	margin: 4px 0;
	background: white;
	border: 4px solid #ccc;
	}
#frmContact #subContact {
			width: 160px;
			height: 50px;
			margin-left: 280px;
			background: none;
			border: none;
			}	


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

table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	line-height: 150%;
	margin: .5em 0 1em 0;
	width: 100%;
	}
th {
	background: #f3f3f3;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 5px;
	}
tr {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	}
td {
	background: #f9f9f9;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px;
	vertical-align: top;
	}
table .price {
	color: #5a8bb6;
	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%
	}
	
table.user label{
	width: 150px;
	float: left;
	}



/* =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,
.clear: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,
.clear {
	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,
.clear {
	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 .clear {
	height: 1%;
	}
 /*  */


/* ----- h2 replacement ----- */
#main .h2prodrep{
	width: 390px;
	height: 0px;

	margin-bottom: 1em;
	border-bottom: none !important;
}
#main .h2rep{
	width: 580px;
	height: 0px;
	padding-top: 30px;
	padding-bottom: 0;
	margin-bottom: 1em;
	border-bottom: none !important;
	overflow: hidden;
	background: no-repeat;
}
#main .h2welcome{
	background: url(../graphics/ccl/structure/title_welcome.png) no-repeat;
	}
#main .h2eyechangers{
	background: url(../graphics/ccl/structure/title_eyechangers.png) no-repeat;
	}
#main .h2eyecatchers{
	background: url(../graphics/ccl/structure/title_eyecatchers.png) no-repeat;
	}
#main .h2eyelashes{
	background: url(../graphics/ccl/structure/title_eyelashes.png) no-repeat;
	}
#main .h2about{
	background: url(../graphics/ccl/structure/title_aboutus.png) no-repeat;
	}
#main .h2contact{
	background: url(../graphics/ccl/structure/title_contactus.png) no-repeat;
	}
#main .h2shipping{
	background: url(../graphics/ccl/structure/title_shipping.png) no-repeat;
	}
#main .h2terms{
	background: url(../graphics/ccl/structure/title_terms.png) no-repeat;
	}
#main .h2privacy{
	background: url(../graphics/ccl/structure/title_privacypolicy.png) no-repeat;
	}
#main .h2sitemap{
	background: url(../graphics/ccl/structure/title_sitemap.png) no-repeat;
	}
#main .h2lensinstructions{
	background: url(../graphics/ccl/structure/title_lensinstructions.png) no-repeat;
	}
#main .h2eyelashinstructions{
	background: url(../graphics/ccl/structure/title_eyelashinstructions.png) no-repeat;
	}
	
#main .h2careofcoloured{
	background: url(../graphics/ccl/structure/title_careofcolouredcontact.png) no-repeat;
	}
#main .h2careofcosmetic{
	background: url(../graphics/ccl/structure/title_careofcosmeticlenses.png) no-repeat;
	}
#main .h2careoffootball{
	background: url(../graphics/ccl/structure/title_careoffootballcontact.png) no-repeat;
	}
#main .h2careoffun{
	background: url(../graphics/ccl/structure/title_careoffuncontact.png) no-repeat;
	}
#main .h2careofnovelty{
	background: url(../graphics/ccl/structure/title_careofnoveltycontact.png) no-repeat;
	}
#main .h2careofpatterned{
	background: url(../graphics/ccl/structure/title_careofpatternedcontact.png) no-repeat;
	}
	
#main .h2greeneyechangers{
	background: url(../graphics/ccl/eyechangers/title_green_eyechangers.png) no-repeat;
	}
#main .h2browneyechangers{
	background: url(../graphics/ccl/eyechangers/title_brown_eyechangers.png) no-repeat;
	}
#main .h2greyeyechangers{
	background: url(../graphics/ccl/eyechangers/title_grey_eyechangers.png) no-repeat;
	}
#main .h2blueeyechangers{
	background: url(../graphics/ccl/eyechangers/title_blue_eyechangers.png) no-repeat;
	}
#main .h2lavendereyechangers{
	background: url(../graphics/ccl/eyechangers/title_lavender_eyechangers.png) no-repeat;
	}
#main .h2blackeyechangers{
	background: url(../graphics/ccl/eyechangers/title_black_eyechangers.png) no-repeat;
	}
#main .h2truesapphireeyechangers{
	background: url(../graphics/ccl/eyechangers/title_truesapphire_eyechangers.png) no-repeat;
	}
#main .h2turquoiseeyechangers{
	background: url(../graphics/ccl/eyechangers/title_turquoise_eyechangers.png) no-repeat;
	}
#main .h2amethysteyechangers{
	background: url(../graphics/ccl/eyechangers/title_amethyst_eyechangers.png) no-repeat;
	}
#main .h2hazeleyechangers{
	background: url(../graphics/ccl/eyechangers/title_hazel_eyechangers.png) no-repeat;
	}
#main .h2honeyeyechangers{
	background: url(../graphics/ccl/eyechangers/title_honey_eyechangers.png) no-repeat;
	}
#main .h2purehazeleyechangers{
	background: url(../graphics/ccl/eyechangers/title_purehazel_eyechangers.png) no-repeat;
	}
	

#main .h2bluesteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_blue_eyechangers.png) no-repeat;
	}
#main .h2turquoisesteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_turquoise_eyechangers.png) no-repeat;
	}
#main .h2greensteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_green_eyechangers.png) no-repeat;
	}
#main .h2violetsteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_violet_eyechangers.png) no-repeat;
	}
#main .h2hazelsteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_hazel_eyechangers.png) no-repeat;
	}
#main .h2greysteyechangers{
	background: url(../graphics/ccl/eyechangers/title_st_grey_eyechangers.png) no-repeat;
	}


#main .h2el1{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle1.png) no-repeat;
	}
#main .h2el2{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle2.png) no-repeat;
	}
#main .h2el3{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle3.png) no-repeat;
	}
#main .h2el4{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle4.png) no-repeat;
	}
#main .h2el5{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle5.png) no-repeat;
	}
#main .h2el6{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle6.png) no-repeat;
	}
#main .h2el7{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle7.png) no-repeat;
	}
#main .h2el8{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle8.png) no-repeat;
	}
#main .h2el9{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle9.png) no-repeat;
	}
#main .h2el10{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle10.png) no-repeat;
	}
#main .h2el11{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle11.png) no-repeat;
	}
#main .h2el12{
	background: url(../graphics/ccl/eyelashes/title_eyelashstyle12.png) no-repeat;
	}
	
#main .h2catseye{
	background: url(../graphics/ccl/eyecatchers/title_yellowcatseye.png) no-repeat;
	}
#main .h2flower{
	background: url(../graphics/ccl/eyecatchers/title_flower.png) no-repeat;
	}
#main .h2zombie{
	background: url(../graphics/ccl/eyecatchers/title_zombie.png) no-repeat;
	}
#main .h2spiral{
	background: url(../graphics/ccl/eyecatchers/title_spiral.png) no-repeat;
	}
#main .h2catseyered{
	background: url(../graphics/ccl/eyecatchers/title_redcatseye.png) no-repeat;
	}
#main .h2catseyewhite{
	background: url(../graphics/ccl/eyecatchers/title_whitecatseye.png) no-repeat;
	}
#main .h2yellowpanther{
	background: url(../graphics/ccl/eyecatchers/title_yellowpanther.png) no-repeat;
	}
#main .h2bullet{
	background: url(../graphics/ccl/eyecatchers/title_bullet.png) no-repeat;
	}
#main .h2flame{
	background: url(../graphics/ccl/eyecatchers/title_flame.png) no-repeat;
	}
#main .h2manson{
	background: url(../graphics/ccl/eyecatchers/title_manson.png) no-repeat;
	}
	
#main .h2blockred{
	background: url(../graphics/ccl/eyecatchers/title_block_red.png) no-repeat;
}
#main .h2blockwhite{
	background: url(../graphics/ccl/eyecatchers/title_block_white.png) no-repeat;
}
#main .h2blockblack{
	background: url(../graphics/ccl/eyecatchers/title_block_black.png) no-repeat;
}

#main .h2uvblockblue{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_blue.png) no-repeat;
}
#main .h2uvblockgreen{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_green.png) no-repeat;
}
#main .h2uvblockorange{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_orange.png) no-repeat;
}
#main .h2uvblockyellow{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_yellow.png) no-repeat;
}
#main .h2uvblockpink{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_pink.png) no-repeat;
}
#main .h2uvblockviolet{
	background: url(../graphics/ccl/eyecatchers/title_uvblock_violet.png) no-repeat;
}

.lastmins .details,
.lastmins img{
	float: left;
	display: block;
	}
.lastmins .details{
	padding-left: 20px;
	width: 270px;
	margin-bottom: 15px;
	}
.lastmins img{
	border: 1px solid #666;
	}
.lastmins div div img{
	border: none;
	}
#content .lastmins p{
	margin-bottom: 0;
	}
	
/*-- Christmas Specials --*/

.summersale{
	height: 300px;
	background: url(/graphics/ccl/structure/summersale_bg.jpg);
	}

.summersale_buynow{
	width: 200px;
	float: left;
	padding-top: 100px;
	padding-left: 470px;
	}
.summersale_buynow h3{
	width: 90px;
	float: left;
	margin: 10px 10px 10px 0;
	text-align: right;
	}
.summersale_buynow a{
	width: 150px;
	height: 100px;
	float: left;
	}
	

	
/*

Tradingeye Inline Editor (screen) style sheet
===============================================

Copyright:		2008 dpivision.com
Author:			Ian Sidaway
Last edit:		24/03/2009 by Ian Sidaway

*/

#inline_editor {
	background: #31363e;
	border: 2px solid #26282f;
	border-top: none;
	border-left: none;
	font: bold 11px Lucida Grande, Arial, Helvetica, sans-serif;
	left: 0;
	margin: 0;
	padding: 0 10px 1em 10px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 170px;
	z-index: 100000000;
	}
#inline_editor_hidden {
	background: #31363e;
	border: 2px solid #26282f;
	border-top: none;
	border-left: none;
	left: 0;
	margin: 0;
	padding: 1px 10px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 170px;
	z-index: 100000000;
	}
#inline_editor dl,
#inline_editor dl dt,
#inline_editor dl dd {
	margin: 0;
	padding: 0;
	}
#inline_editor dl dt {
	background: #212121;
	color: #fff;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
	width: 150px;
	}
#inline_editor dl dd a {
	background: #31363e;
	border-bottom: 1px solid #26282f;
	color: #aaa;
	display: block;
	padding: 5px 10px;
	vertical-align: bottom;
	}
#inline_editor dl dd a:hover {
	background: #26282f;
	color: #fff;
	}
#inline_editor p a {
	background: #31363e;
	border-top: 1px solid #26282f;
	border-bottom: 1px solid #26282f;
	color: #aaa;
	display: block;
	padding: 5px 10px;
	vertical-align: bottom;
	}
#inline_editor p.hideMenu a {
	color: #aaa;
	background: #31363e url(../graphics/petrol/hideMenu.gif) no-repeat 5px 50%;
	text-indent: 15px;
	}
#inline_editor p.hideMenu:hover a {
	color: #fff;
	background: #26282f url(../graphics/petrol/hideMenu.gif) no-repeat 5px 50%;
	text-indent: 15px;
	}
#show_menu {
	display: none;
	}
#inline_editor_hidden .inline_menu,
#inline_editor_hidden .hideMenu {
	display: none;
	}
#inline_editor_hidden {
	width: 25px;
	}
#inline_editor_hidden #show_menu {
	display: block;
	}
#inline_editor_hidden #show_menu span {
	background: #31363e url(../graphics/petrol/showMenu.gif) no-repeat 5px 50%;
	border-top: 1px solid #26282f;
	border-bottom: 1px solid #26282f;
	cursor: pointer;
	display: block;
	overflow: hidden;
	margin: 0;
	text-indent: -99999px;
	padding: 3px 10px;
	}
#inline_editor_hidden #show_menu span:hover {
	background: #26282f url(../graphics/petrol/showMenu.gif) no-repeat 5px 50%;
	color: #fff;
	}
#show_menu {
	display: none;
	}
#inline_editor_hidden .inline_menu {
	display: none;
	}
#inline_editor_hidden #show_menu {
	display: block;
	margin-bottom: 1em;
	}
	
#sociallinks{
	float: right;
	margin-top: 120px;
	margin-right: 10px;
}