@charset "utf-8";
/* CSS Document */
/*  
Theme Name: 	topacneproduct
Theme URI: 		
Description: 	An easy-to-use and tweak theme based on the blue sky background image. Two columns
Author: 		xceedbd
Author URI: 	www.xceedbd.com
Tags:		two-columns, fixed-width,  left-sidebar
Version:		1.1.0
*/

/**************** Body and tag styles ****************/
BODY {
	PADDING: 0px;
	MARGIN: 0px; 
	FONT: 13px/20px Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #7f7e7e;
	BACKGROUND:#f0f0f0 url(images/body_bg.gif) repeat-x;
	TEXT-DECORATION: none;
}

H1, H2, H3, H4 {
	FONT-FAMILY: 'Trebuchet MS',Trebuchet,Futura,Arial,sans-serif;
}

H1 {
	FONT-SIZE: 220%; MARGIN-BOTTOM: 15px; COLOR: #000080; LINE-HEIGHT: 130%; FONT-FAMILY: Helvetica;
}
H2 {
	MARGIN-TOP:20px; FONT-SIZE: 160%; MARGIN-BOTTOM: 10px; LETTER-SPACING: 0px
}
H3 {
	MARGIN-TOP: 17px; FONT-SIZE: 135%; LETTER-SPACING: 1px
}
H4 {
	MARGIN-TOP: 17px; FONT-SIZE: 115%; LETTER-SPACING: 1px
}
INPUT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
EM {
	COLOR: red;
}
A {
	CURSOR: pointer; 
	COLOR: #105cb6; 
	outline: none;
	TEXT-DECORATION: none
}

A:hover {
	COLOR: #003;
	TEXT-DECORATION: none
}
A:active {
	COLOR: #000;
}

/**************** Header , navigation, page styles ****************/

#page
{
BORDER: 0px ;
PADDING: 0px;
MARGIN: 0px auto;
WIDTH: 1022px;
COLOR: #036; 
TEXT-ALIGN: left;
line-height:1.3em;
BACKGROUND:url(images/bg.gif) repeat-y;
}

#page .top1{
	padding:0px;
	margin:0px;
	background:url(images/header.gif) no-repeat top;
	height:120px;
	width:1022px;
}

#page .top2{
	padding:0px;
	margin:0px;
	background:url(images/header_1.gif) no-repeat top;
	height:119px;
	width:1022px;
}

#navigation {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	overflow: hidden;	
}

.alignleft {
	text-align: left;
	float: left;
	padding-left:20px;
}

.alignright {
	text-align: right;
	float: right;
	padding-right:20px;
}

#header {	
	width: 769px;
	BACKGROUND:url(images/border_bg.gif) repeat-y;
	margin: 0 auto;
	margin-left:125px;
	margin-top:-195px;
	

}

#header .htop {	
	margin:0px;
	padding:0px;
	width: 769px;
	height:11px;
	BACKGROUND:url(images/border_top.gif) no-repeat;
}

#header .hbottom {
	clear:both;
	margin:0px;
	padding:0px;
	width: 769px;
	height:11px;
	BACKGROUND:url(images/border_buttom.gif) no-repeat bottom;
}

#header .contentright {
	margin:0px;
	padding:0px;	
	width: 375px;
	float:left;
	margin-left:10px;	
}

#header .contentleft {
	margin:0px;
	padding:0px;	
	width: 330px;
	float:left;
	margin-left:5px;	
}

#header .contentright .title {
	margin:0px;
	padding-top:25px;	
	width: 370px;
	float:left;
	margin-left:5px;
}

#header .contentright .title h2{
padding:0px;
margin:0px;
font-size:24px;
font-family:Arial;
margin-left:0px;
color: #376483;
font-weight:bold;
text-transform:capitalize;
margin-bottom:10px;
}

#header .contentright .text {
	margin:0px;
	padding:0px;	
	width: 370px;
	float:left;
	margin-left:5px;
	font-family:Arial;
	font-size:13px;
	color:#000000;
}

#header .contentright .learnmore {
	margin:0px;
	padding:0px;	
	width: 82px;
	height:9px;
	float:right;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
	background:url(images/learn_more.gif) no-repeat;
}

#header .contentleft .image {
	margin:0px;
	padding:0px;	
	width: 139px;
	height:211px;
	float:left;
	margin-left:0px;
	margin-top:-125px;
	margin-bottom:-6px;
	BACKGROUND:url(images/model.gif) no-repeat;	
}

#header .contentleft .topic {
	margin:0px;
	padding:0px;	
	width: 202px;
	height:29px;
	float:left;
	margin-left:5px;
	BACKGROUND:url(images/3step.gif) no-repeat;	
}

#header .contentleft .acne {
	margin:0px;
	padding:0px;	
	width: 167px;
	height:39px;
	float:left;
	margin-left:20px;
	margin-top:8px;
	BACKGROUND:url(images/acne.gif) no-repeat;	
}

#header .contentleft .prevention {
	margin:0px;
	padding:0px;	
	width: 166px;
	height:40px;
	float:left;
	margin-left:20px;
	margin-top:3px;
	BACKGROUND:url(images/prevention.gif) no-repeat;	
}

#header .contentleft .diet {
	margin:0px;
	padding:0px;	
	width: 167px;
	height:40px;
	float:left;
	margin-left:20px;
	margin-top:3px;
	BACKGROUND:url(images/diet.gif) no-repeat;	
}

#page .top1 #menu {height:20px;float:right; margin-right:100px; margin-top:7px;}
ul.menu{list-style:none;margin:0px;padding:0;}
ul.menu li{float:left;margin:0; padding-right:20px; list-style-image:url(images/separator.gif);  }
ul.menu li a {font:15px Arial; color:#ebf4fa; text-transform:capitalize; padding-left:0px;padding-left:0px;line-height:20px; }
ul.menu li a:hover {text-decoration:none; color:#ebf4fa;}


/* Logo */

#page .top1  #logo {
margin:0 0 0 0;
padding:0px;
BORDER:0px;
float:left;
text-align:left;
width:282px;
height:21px;
text-transform:inherit;
font-size:20px;
margin-top:8px;
margin-left:128px;
font-weight:bold;
background:url(images/logo.gif) no-repeat;
}

#header .htop #logo A{
background: none;
text-decoration: none;
color: #ffffff;
}


/**************** Content styles ****************/

#content{
margin:0px; 
padding:0px; 
float:left; 
width:500px;
font-size:12px;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
}

#content .post {
padding:0px;
margin:0px;
margin-top:9px;
}

#content .post .title {	
	padding:0px;
	margin:0px;
	color:#000000;
	margin-left:5px;
	width:98%;	
}


#content .post .title h1{
padding:0px;
margin:0px;
font-size:24px;
font-family:Arial;
margin-left:0px;
color: #376483;
text-transform:capitalize;
width:98%;
TEXT-ALIGN:left;
font-weight:bold;
}
#content .post .title a {
	background: none;
	color: #376483;
	padding-left:0px;
	
}

#content .post .entry {
	margin:0px;
	padding:0px;
	text-align:justify;	
	margin-left:5px;
	color:#000000;
	width:99%;
	font-family:Arial;
	font-size:12px;
}

/* Sidebar */
#sidebar {
margin: 0px;
padding: 0px;
float:left;	
width:256px;	
margin-left:128px;
margin-top:5px;
background:url(images/sid_bg.gif) repeat-y;
}

#sidebar .sidtop{
margin:0px; 
padding:0px;
height:33px;
background:url(images/sid_top.gif) no-repeat top;
}

#sidebar .sidbottom{
clear:both;
margin:0px; 
padding:0px;
height:11px;
background:url(images/sid_footer.gif) no-repeat bottom;
}

#sidebar .content {
	margin:0px;
	padding:0px;	
	float:left;
	margin-top:10px;

}

#sidebar .content .title {
	margin:0px;
	padding:0px;	
	width: 235px;
	margin-left:10px;
	float:left;
}

#sidebar .content .bottom {
	margin:0px;
	padding:0px;	
	width:254px;
	float:left;
	margin-left:1px;
	margin-top:10px;
	border-bottom:#e8f1ff 5px solid;
	
}

#sidebar .content .title h2{
padding:0px;
margin:0px;
font-size:14px;
font-family:Arial;
margin-left:0px;
color: #333333;
text-transform:capitalize;
margin-bottom:5px;
}

#sidebar .content .text {
	margin:0px;
	padding:0px;
	text-align:left;	
	width: 235px;
	float:left;
	color: #111111;
	font-family:Arial;
	font-size:12px;
	margin-left:10px;	
}

#sidebar .content .button {
	margin:0px;
	padding:0px;	
	width: 150px;
	height:58px;
	float:left;
}

#sidebar .content .button .fullreview {
	margin:0px;
	padding:0px;	
	width: 102px;
	height:26px;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background:url(images/full_review.gif) no-repeat;
}

#sidebar .content .button .visitwebsite {
	margin:0px;
	padding:0px;	
	width: 102px;
	height:26px;
	float:left;
	margin-left:10px;
	margin-top:0px;
	background:url(images/visit_website.gif) no-repeat;
}

#sidebar .content img {
float:right;
padding-left: 5px;
border: 0;}


#comments { padding:0 0 0 14px; font-size:11px;}
#comments a, .block.center .top_post .meta .tags a {color:#71d4ff;}
#comments .comment { min-height:111px; padding-bottom:10px;  margin:0 0 0px 0;}
#comments .comment .meta {  font-size:11px; color:#71d4ff; width:100%; }
#comments .comment .author { margin-left:5px;float:left; color:#71d4ff; width:100%;}
#comments .comment .author a, #comments .comment .author span {font-weight:bold; font-size:12px;}
#comments .comment .date {float:left; margin-left:0px; width:100%;}
#comments .comment .text { font-size:11px; color:#4d4d4d; padding:0px 0px;}

#commentform td  { padding:7px 0;}
#commentform input { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:200px;}
#commentform textarea { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:270px; height:135px;}

/**************** footer styles ****************/

#footer {
	CLEAR: both; 	
	MARGIN: 0px auto;	
	height:60px;
	COLOR: #333333;
	text-align:center;
	background:url(images/footer.gif) no-repeat bottom;
}
#footer .content { padding:0px; margin:0px; margin-top:0px; text-align:center;padding-top:5px;}

#footer P {
	margin: 0px;	
	line-height: normal;
	font-size: 11px;
	text-transform:capitalize;

	margin-right:0px;
}
#footer A {
	FONT-WEIGHT:normal; 
	FONT-SIZE:11px; 
	COLOR: #333333;
}
#footer A:hover {
	COLOR: #323030; 
	TEXT-DECORATION: underline
}

img {
float: left;
padding-right: 5px;
border: 0;}