@charset "utf-8";
/* CSS Document */
img, div { behavior: url(http://itsallaboutmeskincare.co.uk/iepngfix.htc) }

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/webbackground.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#E6AF22;
}

#menuTop{
height:46px;
margin-bottom:36px;}

#menuTop ul{
padding:0;
margin:0;
}


#menuTop li{
display:inline;
border-right:thin #003399 solid;
padding:0;
margin:0;
float:left;
padding-top:10px;
padding-bottom:10px;
background-color:#2ba16d;
}
#menuTop a{
margin:0;
padding:0;
color:#FFFFFF;
text-decoration:none;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;

}
#container{
width:998px;
margin-left:auto;
margin-right:auto;
z-index:0;
}

#header{
position:relative;
margin:0;
padding:0;
background-color:#FFFFFF;
height:127px;
width:948px;
border-left:11px #FFFFFF solid;
border-right:10px #FFFFFF solid;
border-top:10px #FFFFFF solid;
z-index:1;
}
#header #callme {
float:left;
padding-left:285px;
padding-top:40px;
}
#logoimage{
position:absolute;
background-image:url(../images/logo.png);
width:379px;
height:259px;
top:-20px;
left:-90px;
z-index:2;
}

#splat{
position:absolute;
background-image:url(../images/splat.png);
width:367px;
height:164px;
top:-20px;
left:650px;
z-index:-1;
}
#header {
padding:0;
margin:0;
margin-top:10px;}

#header h1{
padding:0;
margin:0;
display:none;}

#header h2{
padding:0;
margin:0;
display:none;}

#header a{
padding:0;
margin:0;
display:none;}

#toptext{
width:658px;
height:31px;
margin-top:95px;
margin-left:280px;
z-index:1;
}

#searchbox{
height:28px;
width:340px;
float:right;
background-color:#FFFFFF;
margin-right:20px;
margin-top:34px;
z-index:1000;
border:1px #999999 solid;
padding-left:10px;
padding-top:2px;


}
#searchbox form{
margin:0;
z-index:1000;
}
#searchbox input{
padding:0;
margin:0;
border:#FFFFFF 1px solid;
padding-top:3px;
width:263px;
z-index:1000;
}

#searchbox .submit{
margin:0;
background-color:#94c93e;
width:70px;
padding-bottom:3px;
z-index:1000;
color:#FFFFFF;
font-weight:bold;
}

#menu{
position:relative;
float:left;
width:222px;
background-color:#FFFFFF;
padding-top:120px;
z-index:0;
}

#login{
margin-left:11px;
background-color:#2ba16d;
padding-bottom:10px;
margin-bottom:10px;}

#login p {
margin:0:
padding:0;
font-size:12px;
color:#FFFFFF;}

#login a{
margin:0:
padding:0;
font-size:12px;
color:#FFFFFF;}

#login .error{
font-size:12px;
color:#FFFFFF;
margin:0;
padding:0;}



#login form{
padding:0;
margin:0;}

#login p{
padding:0;
margin:0;
padding-bottom:7px;
margin-left:16px;
}

#login h3{
margin:0;
padding:0;
font-size:18px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
padding-left:25px;
padding-bottom:5px;
padding-top:10px;
background-image:url(../images/member.gif);
background-repeat:no-repeat;}

#login input{
width:176px;
border:0;}

#login .submit{
width:56px;
background-color:#176b4a;
color:#FFFFFF;
border:0;
margin:0;
margin-left:140px;}

#menu .navigation{
width:210px;
background-color:#221e1f;
padding-top:10px;
padding-bottom:10px;
margin-left:10px;
margin-bottom:10px;
font-weight:600;
}

#menusplat1{
position:absolute;
background-image:url(../images/menusplat2.png);
top:80px;
left:-30px;
width:81px;
height:134px;
z-index:-1;
}

#menusplat2{
position:absolute;
background-image:url(../images/menusplat.png);
top:437px;
left:0px;
width:185px;
height:55px;
z-index:-1;
}

#menu .navigation ul{
margin:0;
padding:0;
list-style:none;
margin-left:11px;
font-size:12px;
margin-bottom:10px;
width:190px;}

#menu .navigation .dark{
background-color:#221e1f;
padding-top:10px;
padding-bottom:10px;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
}
#menu .navigation .dark a {
color:#FFFFFF;
text-decoration:none;
padding-left:20px;
width:150px;
display:block;
padding-left:35px;
}
#menu .navigation .dark a:hover {
text-decoration:underline;
}
#menu .navigation .light{
background-color:#221e1f;
padding-top:10px;
padding-bottom:10px;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
}
#menu .navigation .light a:hover {
text-decoration:underline;
}

#menu .navigation .light a{
color:#FFFFFF;
text-decoration:none;
padding-left:35px;
width:150px;
display:block;
}


#middle{
position:relative;
width:747px;
background-color:#FFFFFF;
float:left;
padding-top:9px;
min-height:750px;
z-index:0;
}

#content{
float:left;
width:348px;
background-color:#FFFFFF;
margin-left:0px;
padding-bottom:10px;
padding-left:16px;
padding-top:10px;
}

#content h1{
padding:0;
margin:0;
font-size:20px;
color:#d833ae;
border-bottom:1px #999999 solid;
background-image:url(../images/headerimage.jpg);
background-repeat:no-repeat;
padding-left:30px;
padding-bottom:10px;
}

#content h2{
padding:0;
margin:0;
color:#eb9b01;
font-size:18px;}

#content .content{
font-size:12px;
padding-top:10px;}

#youtube{
width:353px;
height:298px;
background-image:url(../images/youtube.jpg);
}

#productbox{

width:330px;

padding-bottom:10px;
}

#productbox #left{
float:left;
width:80px;
padding-top:10px;
padding-left:5px;}

#productbox #right{
float:left;
width:200px;
padding-left:5px;
}


#productbox #right h2{
color:#ce3083;
font-size:14px;

margin:0;
padding:0;
padding-top:10px;
}
#productbox .price{
background-color:#93c83d;
color:#FFFFFF;
font-size:12px;
margin-left:90px;
font-weight:bold;
padding:5px;
min-width:80px;
margin-top:10px;

padding-bottom:5px;
float:left;
margin-right:3px;
text-align:center;
}


#prodbottom{
width:330px;
float:left;
padding-bottom:15px;
border-bottom:1px solid #ccc;
margin-bottom:10px;

}

#productbox .click{
background-color:#ce3083;
color:#FFFFFF;
font-size:12px;
width:60px;
font-weight:600;
padding-top:5px;
padding-bottom:5px;
text-align:center;
float:left;
margin-top:10px;
}

#productbox  #quant{
padding-left:10px;
padding10px;
font-size:12px;
margin-top:10px;
float:left;
}

#productbox #quant input{

width:40px;
margin-left:5px;
}
#productbox p {
margin:0;
padding:0;
color:#353535;
padding-top:5px;

}
#productbox img {
border:1px solid #ccc;
}
#productbox br {
margin:0;
padding:0;
}
#productbox .click a{
color:#FFFFFF;
text-decoration:none;}

.Checkout{
margin-top:10px;
color:#FFFFFF;
background-color:#93c83d;
border:0;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
font-size:14px;
font-weight:600;
}

#content .order{
margin-top:10px;
color:#FFFFFF;
background-color:#93c83d;
border:0;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
font-size:14px;
font-weight:600
}

#content input{
border:#999999 1px solid;
}

#orderdetails{
border:1px #999999 solid;
margin-top:5px;
padding-left:5px;
padding-bottom:10px;}

#homeprod h1
{
padding:0;
margin:0;
font-size:20px;
color:#2f5c8d;
background-image:url(../images2/cart.gif);
background-repeat:no-repeat;
padding-left:30px;
border:0;
}

#results h1{
padding:0;
margin:0;
font-size:20px;
color:#DA40B3;
border-bottom:1px #999999 solid;
background-image:url(../images/search.gif);
background-repeat:no-repeat;
padding-left:30px;
padding-bottom:5px;
}

#results h2{
padding:0;
margin:0;

color:#DA40B3;
font-size:18px;
padding-bottom:10px;
padding-top:5px;}

#results h3{
padding:0;
margin:0;
color:#DA40B3;
font-size:16px;
padding-bottom:5px;}

#results ul{
padding:0;
margin:0;
}

#results li{
padding:0;
margin:0;
list-style:none;
font-size:12px;
}

#results a{
color:#DA40B3;
}

#news{
}

#news a{
color:#eb9b01;
}

#news h2{
padding:0;
margin:0;
color:#eb9b01;
font-size:18px;
padding-top:10px;
}

#news h3{
padding:0;
margin:0;
color:#eb9b01;
font-size:16px;
padding-top:10px;}

#register{}

#register label {
width: 170px;
float: left;
font-weight: bold;
}

#register input {
border: 1px #999999 solid;
}

#rhs{

float:left;
background-color:#FFFFFF;
width:352px;
margin-left:18px;
padding-bottom:10px;
font-size:12px;
padding-bottom:75px;
position:relative;
z-index:-2;
}
#rhs h4{
margin:0;
padding:0;
padding-top:5px;
padding-bottom:10px;

}

#rhs h1{
font-size:15px;
color:#ce3083;
background-image:url(../images/newsicon.gif);
padding-left:30px;
background-repeat:no-repeat;
}

#tweet{
padding:0;
margin:0;
width:300px;
padding-left:10px;}

#tweet ul{
padding:0;
margin:0;
list-style:0;}

#tweet li {
list-style:none;}

#tweet a{
color:#80c30f;}

#tweet .follow{
color:#ce3083;}



/* Subsection Tabs
--------------------*/
#rhs ul.subsection_tabs {
	list-style:none;
	margin:0 0 0px 0;
	padding:0;
	clear:both;
	border:1px solid #ccc;
	height:40px;
	clear:both;
}

#rhs ul.subsection_tabs li.tab {
	float:left;
	margin-right:0px;
	text-align:center;
}

#rhs ul.subsection_tabs li.tab a {
	display:block;
	height:30px;
	background-image:url(../images/tab-bg.gif);
	color:#666;
	width:114px;
	padding-top:10px;
	text-decoration:none;
	color:#80c30f;
	font-size:18px;
	font-style:bold;
	border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
}

#rhs ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#rhs ul.subsection_tabs li.tab a.active {
background-image:url(../images/tab-bg2.gif);
	color:#d13e8b;
	width:116px;

}

#rhs ul.subsection_tabs li.source_code {
	float:right;
}
#rhs #one{

overflow:hidden;
border:1px solid #ccc;
height:221px;
}
#rhs #one .style1 {font-size: 11px;
color:#666666;
padding-left:60px;
font-weight:600;}

#rhs #one h3{
padding:0;
margin:0;
padding-top:12px;
font-size:14px;
color:#ce3084;
border:0;
border-bottom:1px #ccc solid;
padding-bottom:10px;
padding-left:10px;
pading-top:3px;
}
#rhs img{
padding-right:10px;
}
#rhs #one h3 .style1{
float:right;
padding-right:10px;
padding-top:3px;
}

#rhs #one #newstab{
width:320px;
padding-left:15px;}



#rhs #three{

overflow:hidden;
border:1px solid #ccc;
height:221px;}

#rhs #three #form{
width:320px;
padding-left:15px;
}

#rhs #three #form p{
color:#999999;
padding:0;
margin:0;
padding-top:5px;
padding-bottom:5px;
font-size:12px;
}

#rhs #three #form .label{
color:#999999;
font-size:12px;
font-weight:600;
width:150px;
}
#rhs #three #form input{
margin-left:27px;
width:220px;
border:1px #999999 solid;
}

#rhs #three #form textarea{
margin-left:27px;
width:220px;
border:1px #999999 solid;
font-size:12px;
}

#rhs #three #form .submit{
margin-left:200px;
width:105px;
border:1px #2ba16d solid;
background-color:#2ba16d;
color:#FFFFFF;
}

#rhs #two{

overflow:hidden;
border:1px solid #ccc;
height:221px;}

#rhs #two #form{
width:320px;
padding-left:15px;
}

#rhs #two #form p{
color:#999999;
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
}

#rhs #two #form .label{
color:#999999;
font-size:12px;
font-weight:600;
width:150px;
}
#rhs #two #form input{
margin-left:50px;
width:220px;
border:1px #999999 solid;
}

#rhs #two #form .submit{
margin-left:200px;
width:105px;
border:1px #2ba16d solid;
background-color:#2ba16d;
color:#FFFFFF;
}

#rhs #galleryfade{
height:194px;
}

#rhs .fade-box{
position:absolute;
height:194px;
width:350px;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	}	
	
#lightbox a {
text-decoration:none;
color:#000000;
font-size:16px;

}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#newsbox{
position:relative;
background-color:#f8f6f7;
height:36px;
border-top:1px #999999 solid;
border-bottom:1px #999999 solid;
width:352px;
margin-top:10px;
}

#newsbox p{ 
padding:0;
margin:0;
padding-top:7px;
width:200px;
float:left;
font-size:16px;
font-weight:600;
color:#5d5c5a;
}

#newsbox a{
padding:0;
margin:0;
padding-top:7px;
color:#ce3083;
width:100px;
float:right;
font-size:16px;
font-weight:600;}

#footercont{
width:748px;
margin-bottom:10px;
padding-left:221px;
float:left;}

#footer{
margin:0;
padding:0;
width:748px;
height:318px;
background-image:url(../images/footerbg.gif);
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}



#footer a{
color:#FFFFFF}

#footer p{
text-align:center;
}

#menuBottom{
height:49px;

}

#menuBottom ul{
padding:0;
margin:0;
padding-top:15px;
font-size:11px;
font-weight:600;
padding-left:40px;
}
#menuBottom li{
list-style:none;
display:inline;
padding-right:10px;
}

#menuBottom a{
color:#FFFFFF;
text-decoration:none;}

#footercontent{
width:678px;
height:176px;
margin-top:13px;
padding-bottom:30px;
margin-left:40px;
}


#footercontact{
width:163px;
font-size:11px;
float:left;
color:#FFFFFF;
padding-right:5px;
}

#footerinfo{
width:138px;
font-size:11px;
float:left;
color:#FFFFFF;
margin-right:27px;
}

.kimeera{
padding-top:7px;}
.kimeera{
padding-top:7px;}