h1 {font-size: 1.4em;}

h2 {font-size: 100%; text-decoration: underline; border: 0px;}

#small{clear: both; color: #666; font-size: 0.6em;font-weight: normal; padding:0; margin: 0;}



img {border:0px;}

.clear {clear: both;}



a {color: #999; outline: none;}

.strong	{
font-weight: bold;
}


blockquote 
{
   margin:20px 10px;    
   border-left:#ccc 2px solid;
}



.componentheading {color: #333; text-transform: uppercase; font-family: 'Times New Roman'; font-weight:normal; margin:8px 0 10px 0; padding:0 0 5px 10px;}

#headerwrapper
{position: relative; width 100% ;margin: 0 auto; background: url(../images/header_wrapper_bg.gif) repeat-x}


#header
{
clear:both;
position: relative;
width: 950px;
height: 145px;
margin: 0 auto;
background: url(../images/logo.gif) no-repeat top left;

}

#headerleft{
	
	float:left;
	height:140px;
	width:300px;

}

#headertext a{
	
	float:left;
	height:140px;
	width:300px;

}

#headerright{

	float:left;
	height:140px;
	width:344px;

}




.functionnavwrapper {
clear:both;
position: relative;
float:right;
color: #999;
top: 0px;
text-align:right;
margin: 10px 0 0 0;
}

.subscribewrapper {

z-index: 5;
position: relative;
float:left;
color: #999;
top: 0px;
text-align:right;
margin: 10px 0 0 0;
}

.emailwrapper {

z-index: 5;
position: relative;
float:left;
top: 0px;
text-align:right;
margin: 15px 0 0 0;
}

#newsletter.error {background: #330000; border: 1px solid #660000}

#newsletterErrorDiv {clear: both; width:200px; font-weight: bold; float: left; color: #cc0000;}


#subscribetext {float: left; padding: 10px 0px 10px 0; color: #999; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.8em;}

#emailtext{color: #999; font-family: century gothic, verdana, Helvetica, Sans-Serif; margin-right:10px;  float:left; font-size: 0.8em;text-decoration: none;}

#subscribersdownload { color: #999; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.8em; text-align:left; }

#newsletter {float: left; color: #FFF; padding:1px 0px 1px 0px; width: 130px; background: #000; border: 1px solid #333}

.signupbutton {margin-left: 10px;}


.menu {width: 685px}

#search {float: left; color: #999; padding:3px 0px 6px 0px;font-family: century gothic, verdana, Helvetica, Sans-Serif;}

form {margin:0; padding:0;}

.inline {float: left; width: 130px; margin:4px 3px 6px 3px; color: #fff; background-color: #000; border: 1px solid #333}

.searchbutton {float: left;}


#shoppingbagnavtext a{float: right; padding: 10px 33px 10px 0; color: #999; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.9em; background: url(../images/bag_icon.gif) no-repeat right; text-decoration: none}

#shoppingbagnavtext a:hover{float: right; padding: 10px 33px 10px 0; color: #ccc; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.9em;background: url(../images/bag_icon_on.gif) no-repeat right;}


#shoppingnavtext a{float: right; padding: 10px 0px 10px 0; color: #ccc; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.9em; text-decoration: none}

#functionnavtext{font-family: century gothic, verdana, Helvetica, Sans-Serif; margin-right:10px; padding-right:10px; border-right: 1px solid #999; font-size: 0.9em; float:left; font-size: 0.7em;text-decoration: none;}
#functionnavtext a{text-decoration: none; color: #999;}
#functionnavtext a:hover {text-decoration: none; color: #ccc;}

#functionnavtextright{font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.9em; float:left; font-size: 0.7em;text-decoration: none;}
#functionnavtextright a{text-decoration: none; color: #999;}
#functionnavtextright a:hover {text-decoration: none; color: #ccc;}

#contentimg {clear: both; width: 941px; height: 304px; margin: 0 auto;}

.homebox-1 {float: left; width:223px; height:121px; margin: 6px 13px 0 0; padding: 0}

.homeboxes { margin: 10px 0 0 0; padding: 0; width: 945px; height:134px; background: #000 url(../images/boxes_wrapper_bg.gif) no-repeat center bottom; text-align: center;}



.catalogueimage {width: 693px; height: 308px; background: url(../images/bkproducts_1.jpg) no-repeat; margin: 0 0 10px 0;}
.cataloguemain_text {width: 300px; height: 100px; padding: 200px 10px 10px 10px; font-size:0.8em; font-family: "arial", sans-serif; color: #ccc;}
.cataloguemain_text h1{color: #999; font-size: 1.9em; font-weight: normal; font-family: century gothic, verdana, Helvetica, Sans-Serif; margin:0}


#catboxes {width: 700px; height:175px;}
#catboxes h3{padding:0; margin:0; font-size: 1.2em;text-transform: uppercase;  font-family: century gothic, verdana, Helvetica, Sans-Serif; color: #999; font-weight: normal;}
#catboxes p{padding:0; margin:0; font-size: 0.7em; font-family: arial, verdana, Helvetica, Sans-Serif; color: #ccc;  font-weight: normal;}
#catboxes a{text-decoration: none}

.catbox-1 {border: 1px solid #333; float:left; width:212px; height:175px; margin-bottom: 10px; margin-right: 9px; background:#000; padding: 5px 0 0 10px}


.product_cat_face_image {width: 693px; height: 179px; padding: 13px 10px 0px 10px;  background: url(/images/stories/face_section_img.jpg) no-repeat;}

.product_cat_lips_image {width: 693px; height: 179px; padding: 13px 10px 0px 10px;  background: url(/images/stories/lips_section_img.jpg) no-repeat;}

.product_cat_eyes_image {width: 693px; height: 179px; padding: 13px 10px 0px 10px;  background: url(/images/stories/eyes_section_img.jpg) no-repeat;}



/* PRODUCT CONTENT */

#prodcatboxes {}
.prodcattxt_1 {width: 212px; min-height: 264px; margin: 0 10px 20px 7px; background: #000; float:left; color:#999; font-family: "arial", sans-serif; border:1px solid #333; padding:0px 2px 10px 0px;}
.prodcattxt_1 a, .prodtxt_1 a:hover, .prodtxt_1 a:visited {color:#999; font-style:normal; font-size:0.7em;float:left; }
.right {margin: 0;}

.prodcattxtwrapper p{font-size:0.7em; color: #ccc;}
.prodcattxtwrapper {padding:10px 0 10px 10px;}

.product_cat_image {width: 693px; height: 179px; padding: 13px 10px 0px 10px;  background: url(images/eyes_section_img.jpg) no-repeat;}
.product_cat_text p{width: 340px; height: 50px; font-size:1em; font-family: "times new roman", serif; font-style: italic; line-height: 1.4em; color: #ccc;}
.product_cat_text h1{color: #999; font-size: 2em; font-weight: normal; font-family: century gothic, verdana, Helvetica, Sans-Serif; margin:0}


.prodcattitle a{color:#999; width: 100%; margin: 5px 0 0 0; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 1em; text-decoration: none; text-transform: uppercase;}



/* PRODUCT CONTENT */


/* PRODUCT PAGE */

.product_banner {width: 693px; height: 58px; padding: 10px 10px 0px 10px;  background: url(images/product_banner_bg.jpg) no-repeat;}
.product_banner_text p{width: 340px; height: 100px; font-size:1em; font-family: "times new roman", serif; font-style: italic; line-height: 1.4em; color: #ccc;}
.product_banner_text h1{color: #999; font-size: 1.8em; font-weight: normal; font-family: century gothic, verdana, Helvetica, Sans-Serif; margin:0}

.prodimg {float: left;}
.proddescwrapper {float: left; width: 380px; padding:10px 0 10px 10px;}
.proddescwrapper p{color:#999; font-family: arial, verdana, Helvetica, Sans-Serif; font-size: 0.8em;}

.proddescwrapper ul {list-style:square; font-family: arial, verdana, Helvetica, Sans-Serif; font-size: 0.8em; margin:0;}

.productshade  {width: 200px ;float: left;}

.productselect {width: 120px ;float: left; margin: 0 0 0 20px}

.proddesctitle {color:#999; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 1.2em;text-transform: uppercase;}

.prodprice {color:#ccc; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 1.2em; padding:5px 0 5px 0}


.prodoptionwrapper {float: left; width: 680px; padding:10px 0 10px 10px; border: 1px solid #333}
.prodoptionwrapper p{color:#999; font-family: arial, verdana, Helvetica, Sans-Serif; font-size: 0.8em;}

label {color:#999; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 0.8em;}

.options {float: left; width: 450px; margin: 0 0 0 20px}

.shade {float: left; width: 90px; margin: 0 0 10px 0; color: #999; font-size: 0.7em; font-family: "arial", helvetica, sans-serif; text-align: center}

.product_banner {width: 693px; height: 58px; padding: 10px 10px 0px 10px;  background: url(../images/product_banner_bg.jpg) no-repeat;}
.product_banner h1{color: #999; font-size: 1.8em; font-weight: normal; font-family: century gothic, verdana, Helvetica, Sans-Serif; margin:0; text-transform: uppercase;}



/* PRODUCT PAGE */

/*CART PAGES */

.cartimg {border: 1px solid #333; width:100px; margin: 5px;}

/*CART PAGES */

/*ACCOUNT PAGES */


.account_heading {text-decoration:none; color: #999; text-transform: uppercase; float: left; font-weight: normal; background: url(../images/contentheader_banner_bg.jpg) repeat; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 1.8em; width: 96%; height: 58px; padding: 10px 10px 0px 10px; margin:10px 0 0 5px}
.account_heading a{color: #999; text-decoration:none; color: #999; }


.account_header { font-family: century gothic, verdana, Helvetica, Sans-Serif; text-transform: uppercase; color: #999; font-size: 1,1em; border-bottom: 1px solid #333}

.account_header a{text-decoration: none}

.account_body {font-size: 0.7em; font-family: arial, verdana, Helvetica, Sans-Serif; color: #999;  font-weight: normal; }

.account_clickhere {font-size: 1em; background: #000; color: #999; border:0px; padding:0 3px 0 0 ; margin:0; text-decoration: underline}

/*ACCOUNT PAGES */

/*----------------------------------
home
----------------------------------*/
/* BREADCRUMBS  ----------------------------------------------------------------- */

.breadcrumbs
{	
	height: 20px;
	width:941px;
	padding: 10px 0 0 0;
	margin: 0 0 0 7px;
	text-align:center;
	font-family: arial, verdana, Helvetica, Sans-Serif;
	font-size: 0.7em;
	color:#999;

}


.breadcrumbs li {float:left; list-style-type:none; padding:6px 3px 6px 3px; }

.breadcrumbs ul 
{

	float:left;
	width:100%;
	text-decoration:none;
}



.breadcrumbs li a
{
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	color: #999;
}
.breadcrumbs a span 
{
	display:block;
	font-weight:normal;
	text-decoration:none;
	color: #999;
}

.breadcrumbs li.active a, .breadcrumbs a:visited
{
	color: #999;
}

.breadcrumbs a:hover span, #breadcrumbs li.active a span 
{
	background-position: left bottom;
	text-decoration:none;
	border: 0px white solid;
	color:#fff;
}

/* adding in hover colour */

.breadcrumbs a:hover
{
	color: #ccc;
}



/* BREADCRUMBS  ----------------------------------------------------------------- */

.home{
font-size: 1.3em;
line-height: 1.3em;}




#rightsidebar {
width:214px;
float:right;
padding-right: 10px;
margin-left: 5px;
margin-top: 100px;
border: solid orange 0px;

}

#rightsidehome {
width:245px;
margin-top: 0em;
text-align:left;
}

#rightsidehome a {color:#000000;}

#rightnavtop {width: 156px; w\idth: 156px; height: 70px; background: url(../images/whatwedonavtopbg.gif) no-repeat;}

#rightnavmiddle{
	height: 200px;
	font:0.9em Arial, Verdana;
	background: url(../images/rightnavmainbg.gif) repeat-y left;
	padding:2px;
}

#rightnav{
	font-family: Arial, Verdana;
	letter-spacing: 0.06em;
	font-size: 85%;
	font-weight:bold;
	color: #fff;
	float:left;
	margin-top: 0px;
	} 

#rightnav ul {
	list-style : none;
	margin:0px; 
	padding : 0; 
	border : 0px #fff;
} 


#rightnav li a {
	list-style : none;
	display : block; 
	margin-left : 10px;
	margin-right : 0px; 
	padding : 2px 0px 3px 15px; 
	color : #FFF; 
	text-decoration : underline; 
	font-size:85%;
	background: url(../images/arrow.gif) no-repeat left;
	background-position: 0 0.3em;
} 

#rightnav li a:hover {
	margin-left : 10px; 
	color : #FFF; 
}



#rightnavbottom {height: 33px; background: url(../images/rightnavbottombg.gif) no-repeat;}
#whowearenavtop {width: 156px; w\idth: 156px; height: 70px; background: url(../images/whowearenavtopbg.gif) no-repeat;}
#whowearenavmiddle {background: url(../images/rightnavmainbg.gif) repeat-y left;  height: 70px; padding: 2px; font:0.9em Arial, Verdana;}



#homewelcometop {height: 40px; background: url(../images/maintopbg.gif) no-repeat;}
#mainmiddle {background: url(../images/mainbg.gif) repeat-y left; padding-left: 20px; padding-right: 6px; padding-top: 0px;}
#mainmiddle p{line-height: 16px; margin-bottom:20px;}
#mainmiddle a, #mainmiddle a:hover, #mainmiddle a:visited {color: #FFFFFF; text-decoration: underline;}
#mainbottom {height: 33px; background: url(../images/mainbottombg.gif) no-repeat;}


#whatwedolinks {width:45%; float:left; padding-right:10px; line-height: 16px;}

				.contact			{
						width: 400px;
						height: 20px;
						margin-bottom: 3px;
						margin-left: 0px;
						padding: 3px;
						font-size: 13px;
						font-family: Arial;
						border: #7f9db9 1px solid;
					}
					
						.main_contact_text	{
						font-size: 14px;
						font-family: Arial;
						color:#FFFFFF;

					}
	.contact_text		{
						width: 400px;
						height: 300px;
						margin-left: 0px;
						margin-bottom: 3px;
						padding: 3px;
						font-size: 13px;
						font-family: Arial;
						border: #7f9db9 1px solid;
					}
					
	.enquiry_form       {padding: 10px;}
	
	.contact_enquiry       {padding: 10px;}




/* Module styling */



h1.contentheading {text-decoration:none; color: #999; text-transform: uppercase; float: left; font-weight: normal; background: url(../images/contentheader_banner_bg.jpg) no-repeat; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 2em; width: 930px; height: 58px; padding: 10px 10px 0px 10px; margin:0 0 0 5px}
h1.contentheading a{color: #999; text-decoration:none; color: #999; }



h1.componentheading, h1.componentheading_news {text-decoration:none; color: #999; text-transform: uppercase; float: left; font-weight: normal; background: url(../images/contentheader_banner_bg.jpg) no-repeat; font-family: century gothic, verdana, Helvetica, Sans-Serif; font-size: 1.8em; width: 930px; height: 58px; padding: 10px 10px 0px 10px; margin:0 0 0 5px}
h1.componentheading a, h1.componentheading_news a{color: #999; text-decoration:none; color: #999; }

#page {font-size: 0.8em;}

#page p{padding:0 10px 0 10px; }

Tab Menu Styling*/

.contentpaneopen {border: 0px solid #ccc; margin-top: 10px; width:100%}

h2.contentheading_news{text-decoration:none;  padding: 0; margin:0; font-size: 1.6em; float: left;}
h2.contentheading_news a{color: #999; text-decoration:none;}

h2.contentheading{text-decoration:none;  padding: 0; margin:0px; font-size: 120%; float: left;}
h2.contentheading a{color: #999; text-decoration:none; padding: 0 5px 0 0}

h1.contentheading_news{text-decoration:none; color: #ccc;  font-weight: normal;  padding: 10px 0 0 5px; margin:0px; font-size: 1.8em;}
h1.contentheading_news a{color: #ccc; text-decoration:none; }


td.contentheading{border-bottom: #ccc 1px solid; padding:2px; text-decoration:none; font-weight: bold}


.banneritem_text {margin-bottom: 10px;}



.moduletable {margin: 0 auto;}



/* MainMenu  ----------------------------------------------------------------- */

#mainnav
{	height: 34px;
	width:942px;
	padding-top:0px;
	color: #FFF;
	margin: 0 auto;
	background:url(../images/menubg.gif) repeat-x center;
	text-align:center;
	font-weight:normal;
	font-size: 100%;
	z-index: 2;
}




/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab a span {float:none;}
/* End IE5-Mac hack */

.moduletable a:hover span {
color: #FFF;
background-position:left bottom;
}

/* commented out to stop background a image moving
.moduletable li.selected a{ 
background-position:right bottom;
}

.moduletable li.selected a span{ 
background-position:left bottom;
color: #FFF;
}

.moduletable a:hover, .moduletable li.selected a:hover{
background-position:right bottom;
}

.moduletable a:hover span, ..moduletable li.selected a:hover span{ 
background-position:left bottom;
}
*/

/* MainMenu  ----------------------------------------------------------------- */

.moduletable_footermenu
{
margin: 0 0 10px 0;
float:left;
padding:0;
list-style : none;
}

.moduletable_footermenu ul
{
margin:0;
padding:10px 0 0 0;
list-style : none;
}

.moduletable_footermenu li
{

display: inline;
padding-right: 10px;
margin:0;
color: #333;
font-weight: normal;
font-family: arial, helvetica;
list-style : none;
}

.moduletable_footermenu li a:link, .moduletable_footermenu li a:visited
{	background:#000;
	color:#333;
	text-decoration: underline;
	font-weight: normal;	
	list-style : none;
	font-size: 75%;
	text-transform: uppercase;
}

.moduletable_footermenu li a:hover, .moduletable_footermenu li a:active, .moduletable_footermenu #current
{	background:#000;
	border:none;
	color:#333;
	list-style : none;
}

.vmRecent {background: #BDD2FF; width: 100%; height: 2px; margin-top: 20px;}



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

.latestnews {list-style:none; margin:0;  padding: 0 0 3px 5px;}

.latestnews ul {
	margin:0px; 
	padding : 0; 
	border : 0px #333;
	
} 


.latestnews li a {
	display : block; 
	margin-left : 0px;
	margin-right : 0px; 
	padding : 3px 0px 3px 5px; 
	color : #333; 
	text-decoration : underline; 
	font-size:100%;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/arrow.gif) no-repeat top left;

} 

.latestnews li a:hover {
	margin-left : 0px; 
	color : #333; 
}

.fullwrapper {width: 734px; margin:10px auto;}

.subscribe {clear:both; width: 734px; height: 51px; margin:10px auto; background:#fff url(../images/blue.gif); padding: 5px 0 5px 2px}

.multiple {position: relative; margin: 0 5px 0 0; float:left;color: #fff; font-family: arial, helvetica, sans serif; font-size: 80%;} 

.button {float:left;padding: 15px 0 0 0;} 

div.clear {clear:both;padding-top:5px;} 

.search_searchbox {border-bottom: 4px solid #660000; margin:0; padding:0 0 5px 0;}

.menu_footermenu
{
margin:0 0 0 0;
padding:0;
list-style : none; 
float:left;
}

.menu_footermenu ul
{
margin:0;
padding:0;
list-style : none;
}

.menu_footermenu li
{

display: inline; 
padding: 0 7px 5px 0px;
margin:0 7px 0 0;
color: #666;
font-weight: normal;
font-family: arial, helvetica;
list-style : none;
background:url(../images/footer_seperator.gif) no-repeat right;
}

.menu_footermenu li a:link, .menu_footermenu li a:visited
{
	color:#666;
	text-decoration: none;
	font-weight: normal;	
	list-style : none;
	font-size: 0.6em;
	text-transform: uppercase;
}

.menu_footermenu li a:hover {text-decoration: underline; color: #999}

.menu_footermenu li a:active, .menu_footermenu #current
{	border:none;
	color:#666;
	list-style : none;
	background:url(../images/footer_seperator.gif) no-repeat right;
}


#footertext{padding:0px; margin:3px 0 0 0; float:right; color: #666; font-family: Verdana; font-size: 0.6em; text-align:right;}

#footertext a { padding:2px 2px 0 2px; color: #666; text-decoration:none;}

#footertext a:hover { padding:2px 2px 0 2px; color: #999; text-decoration:underline;}

.footer_line{ height: 5px; border-bottom: 1px solid #333; margin-bottom: 3px}



#logintext {width: 355px; float:left; color:#fff; font-weight:normal; padding-left:10px;background:#fff url(../images/blue.gif);font-family: 'Times New Roman'; }

.moduletablebanner {width: 734px; margin:10px auto;}

.submit{ padding-top:2px; margin-top: 0px; /* margin: 0em 0 0 0; */}

.listinside ul {list-style-type: none;}

.listinside li{
	display : block;  
	padding : 0px 0px 0px 10px; 
	color : #333;  
	font-size:100%;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/bullet.gif) no-repeat top left;

}

.tabletext td{background:#b0e0e6; padding: 5px}

.tabletext td{
		border-bottom: dotted 1px #333;
}



/* LeftNav (accordian)  ----------------------------------------------------------------- */

div.moduletableleftnav {
	padding:0 0 0 7px;
}

div.moduletableleftnav h3 {padding:20px 0 20px 0; margin:0; color:#999999; font-family:century gothic,verdana,Helvetica,Sans-Serif; font-size:1.2em; font-weight:normal; }

ul.menuleftnav, ul.menuleftnav ul {
	margin:0;
	padding:0;
}

ul.menuleftnav {
	background: #000000 url(../images/sidebarwrapper_bg.gif) no-repeat scroll left bottom;
	padding-bottom:1px;
}

ul.menuleftnav li {
	background: transparent url(../images/sidebar_bg.gif) no-repeat scroll 0 0;
	width:190px;
	list-style:none;
}

ul.menuleftnav ul li {
	background: transparent url(../images/sidebar_submenu_bg.gif) no-repeat scroll 0 0;
}

ul.menuleftnav a {
	display:block;
	text-decoration:none;
	width:190px;
	padding:9px 2px 10px 0;
	font-size:0.8em;
	text-transform: uppercase;
	color:#666666;
}

ul.menuleftnav ul a {
	width:180px;
	padding:9px 2px 10px 10px;
	font-size:0.6em;
	text-transform: uppercase;
	color:#666666;
}

ul.menuleftnav #current a {
	color:#cccccc;
	background: transparent url(../images/left-highlight.gif) no-repeat center;
}

ul.menuleftnav a:hover {
	color:#fff;
	background: transparent url(../images/left-highlight.gif) no-repeat left top;
}

ul.menuleftnav  li li a:hover {
	color:#fff;
	background: transparent url(../images/left-highlightsub.gif) no-repeat left top;
}



.mainimglinks a{
float: left;
font-family: century gothic, arial, helvetica;
color: #ccc;
padding:0 30px 0 10px;
z-index: 50;
text-transform: uppercase;
text-decoration: none;
}

.homepagetxt {font-size:0.7em; color: #666; padding: 5px; background: #000; text-decoration:none; font-weight: normal; margin:0}