/*************************
Universal styles
**************************/

html
{
	width: 100%;
	height: 100%;
}

body
{ 
	width: 100%;
	height: 100%;
	background: #ffffff;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

#content
{
	width: 800px;
	clear: both;
	background: #FFFFFF;
	margin: 5px auto;
}

a
{
	color: blue;
}

a:hover
{
	color: #999999;
}

h1, h2
{
	padding-top: 10px;
	font-size: 16px;
	line-height: 18px;
}

#left-col
{
	float: left;
	width: 569px;
	padding: 0 20px 0 0;
	margin: 10px 20px 10px 10px;
	border-right: solid 1px #cccccc;
}

#left-col h1
{
	padding-top: 0;
	margin: 0;
}

#right-col
{
	float: left;
	width: 170px;
	margin: 10px 0 ;
	padding: 0;	
}

#right-col div
{
	width: 170px;
	padding: 20px 0;
	border-top: solid 1px #cccccc;
}

#right-col div:first-child
{
	padding-top: 0;
	border:0;
}

#one-col
{
	clear:both;
	width: 780px;
	margin: 10px;
}
/*************************
Header styles
**************************/

#header
{
	width: 100%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

#header-container
{
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

#logo
{
	float: left;
	margin: 10px 0;
	padding: 0;
}

#nav
{
	width: 800px;
	background: #0171b2;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#slogan
{
	float: right;
	margin: 36px 0 0 0;
	width: 180px;
	height: 28px;
	background: url('/images/we-make-you-smile.gif') no-repeat;
	text-indent: -180px;
	overflow: hidden;
}

/********************************
Navigation Style
*********************************/

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

#nav li
{
	float: left;
	list-style: none;
	line-height: 20px;
	
}

#nav li a
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	color: #ffffff;
	margin: 5px 30px;
}

#nav li a:first-child
{
	margin: 5px 30px 5px 10px;
}

#nav li a:hover
{
	color: #999999;
}


/****************************
Footer Style
****************************/

#footer
{
	width: 800px;
	margin: 0 auto;
	font-size: 9px;
	text-align: center;
	padding-bottom: 20px;
}

/***************************
Home page style
**************************/

#home-h1
{
	width: 569px;
	height: 191px;
	overflow: hidden;
	text-indent: -580px;
	background: url('/images/home-aesthetic-solution.jpg') no-repeat;
	padding-top: 0;
	margin-top: 0;
}

#rotation
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 170px;
	height: 76px;
}

#video
{
	margin: 0 auto;
	padding: 0;
	width: 170px;
	height: 136px;
	list-style: none;
}

#video img
{
	width: 170px;
	height: 136px;
}

#right-col #images
{
	height: 150px;
}

.no-style-link, .no-style-link:hover
{
	text-decoration: none;
	color: #000000;
}
/*********************************
Styles for sub navigation
**********************************/

#sub-nav
{	
	clear:both;
	width: 800px;
	padding: 0;
	margin: 0 0 10px 0;
}

#sub-nav ul
{
	clear:both;
	padding: 0;
	margin: 0;
	list-style: none;	
}

#sub-nav li
{
	display: inline;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0 10px;
	height: 20px;
	border-left: solid 2px #000000;
}

#sub-nav li:first-child{ border: 0; }

#sub-nav .selected
{
	background: #e7e7e7;
}

#sub-nav a
{
	text-decoration: none;
	color: #999999;
}

#sub-nav a:hover
{
	text-decoration: underline;
	color: #2378aa;
}

/***********************************
News page styles
************************************/

.separator
{
	text-align: center;
}

.icon
{
	float: left;
}

.news-title
{
	color: blue;
	cursor: pointer;
}

/*********************************
Technology page styles
**********************************/

#fabrication
{
	width: 569px;
}

#fabrication p
{
	text-align: center;
	margin: 10px auto;
}

#tech1
{
	float: left;
}

#tech2
{
	float: right;
}

/****************************************
Products main page
****************************************/

#product-table
{
	margin: 10px auto;
	text-align: center;
}

#product-table .sub-title
{
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-top: 15px;
}

#product-table img
{
	border: 1px solid #999999;
}

/**********************************
Product Summary page styles
***********************************/

#summary-table
{
	text-align: center;
	margin: 10px auto;
}

/************************************
Produt FAQ page styles
*************************************/

#faq-content
{
	float: left;
	width: 600px;
	margin: 10px 10px 10px 0;
}

#faq-content ul li
{
	margin: 5px auto;
}

/*********************************
Product distributors page
**********************************/

.distributors td
{
    vertical-align: top;
	width: 250px;
}

#world
{
	text-align: center;
	margin: 10px 90px;
}

/**********************************
Image popup styles
***********************************/

#background-popup
{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #000000;  
	z-index:10;  
}

#popup-enlarge, #popup-front, #popup-max, #popup-man
{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;  
	border:1px solid #000000;  
	z-index:11;  
	padding:12px;  
	font-size:13px;
	text-align: center;
}

#popup-enlarge
{
	width: 610px;
	height: 500px
}

#popup-enlarge img
{
	margin: auto;
}

.image-enlarge, .front-view, .max-view, .man-view
{
	cursor: pointer;
}

.popup-title
{  
	color:#000000;  
	font-size:15px;  
	font-weight:bold;  
	padding-bottom:2px;  
	margin-bottom:20px;
	display: block;
	text-transform: capitalize;
}

.popup-close
{
	font-size: 15px;
	overflow: hidden;
	right:6px;  
	top:4px;  
	position:absolute;
	display:block;  
	cursor: pointer;
}