@charset "UTF-8";
/****************************
* 	Author : Tang Kien Trung
*	Project : Choco Heaven
*	Date : Tuesday , Oct 27 , 2009
*	VNSolutions .
*****************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;padding:0;
	outline-style:none;
}

a img { border:none; }

a { text-decoration:none;}

a{ color:#575757;}
a:hover{ color:#20a938;}
a:active { outline:none; }

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%; /*------ 76% # 12px -------*/
	color:#797979;
	line-height:15px;
	background-color:#0d001c;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

button
{
	outline:none;
	outline-style:none;
}

/* Layout */

#wrapper
{
	margin:auto;
	width:940px;
}

/*------------------------- header_container ---------------------------*/
#header_container
{
	float:left;
	width:940px;
	height:158px;
	background:url(../images/bg/header_bg.jpg) no-repeat;
}

.logo
{
	float:left;
	padding:50px 0 0 50px;
	
	width:195px; /* temp & fix for IE6 */
	height:67px; /* temp & fix for IE6 */
}

.slogan_container
{
	float:right;
	padding:45px 100px 0 0;
	width:300px; /* temp & fix for IE6 */
	height:49px; /* temp & fix for IE6 */
}

/*------------------------- content ---------------------------*/
#content
{
	float:left;
	width:100%;
	padding:20px 0 20px 0;
}

/*------------------------- content / contact_info_container ---------------------------*/
.contact_info_container
{
	float:left;
	width:250px;
	padding:0 0 0 15px;
	
	text-align:left;
	
	background:url(../images/bg/light_bottom.jpg) no-repeat bottom; /* Use JPG format to fix for IE6 */
	padding-bottom:60px;
}

.contact_info_container a { color:#B993E5;}
.contact_info_container a:hover { color:#D1B30B;}

/*------------------------- content / contact_info_container / address_info ---------------------------*/
.address_info
{
	float:left;
	width:100%; /*250px*/
	line-height:25px;
	
	color:#b993e5;
}

.address_info label { font-weight:bold;}

.address_info table tr { vertical-align:top; }

/*------------------------- content / contact_info_container / col_point_info ---------------------------*/
.col_point_info
{
	float:left;
	width:100%;
	line-height:25px;
}

.col_point_info h5
{
	color:#d1b30b;
	padding-bottom:10px;
}

.col_point_info ul
{
	float:left;
}

.col_point_info li
{
	padding:0 0 10px 15px;
	background:url(../images/symbol/double_arrow.gif) no-repeat 0 9px;
}

/*------------------------- content / intro_container ---------------------------*/
.intro_container
{
	float:left;
	width:660px;
	padding-left:15px;
}

/*------------------------- content / intro_container / banner_container ---------------------------*/
.banner_container
{
	float:left;
	width:660px;
	height:231px;
	
	overflow:hidden;
}
			
#banner
{
	position:relative;
	width:660px;
	height:231px;	
}

#banner img 
{				
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	border:1px solid #4f4f4f;
}

#banner img.active 
{
	z-index:10;
	opacity:1.0;
}

#banner img.last-active { z-index:9;}

/*------------------------- content / intro_container / intro ---------------------------*/
.intro
{
	float:left;
	width:100%;
	text-align:left;
	padding:15px 0 15px 0;
}

.intro p
{
	/*float:left;*/
	margin-bottom:15px;
}

/*--------------- content / shopping_cart_container ---------------*/
#shopping_cart_container
{
	float:left;
	width:380px;
	margin-left:15px;	
	background-color:#190d28;
}

/*--------------- content / shopping_cart_container / cart_banner ---------------*/
.cart_banner
{
	float:left;
	width:100%; /* 380px */
	height:40px;
	background:url(../images/bg/cart_banner_bg.jpg) repeat-x;
	text-align:left;
}

.cart_title
{
	float:left;
	width:80%;
	height:30px;
	background:url(../images/bg/cart_title_bg.jpg) no-repeat 10px center;
	padding:10px 0 0 20px;
}

.cart_title label { font-size:14px; color:#bdbdbd; padding-left:5px; }

/*--------------- content / shopping_cart_container / cart_details ---------------*/
.cart_details
{
	float:left;
	width:100%; /* 380px */	
	padding-bottom:10px;
}

.cart_details table
{
	float:left;
	width:100%;
}

.cart_details button
{
	background:url(../images/buttons/delete_button.jpg) no-repeat;
	border:none;	
	width:15px;
	height:14px;
}

.cart_details table tr 
{
	height:30px;
	background:url(../images/bg/row_item_bg.jpg) repeat-x bottom;
}

.cart_details table .highlight
{
	color:#d1b30b;
}

.cart_details .cart_message
{
	float:left;
	font-size:15px;
	padding:10px 0 0 15px;
}

/*--------------- content / shopping_cart_container / cart_details ---------------*/
.delivery_info
{
	float:left;
	width:350px;
	padding:0 15px 15px 15px;
	background:url(../images/bg/form_bg.jpg) no-repeat right bottom;
	border-bottom:5px solid #251933;
	text-align:left;
}

.form_title
{
	float:left;
	font-size:14px;
	color:#bdbdbd;
	width:100%;	
	border-top:1px solid #2b2039;
	padding:10px 0 10px 0;	
}

.field_title
{
	text-align:right;
	padding-right:5px;
	width:100px;
}

.field_input
{
	width:245px;
}

.form_container
{
	float:left;
	width:100%;
}

.form_container table { float:left; }

.form_container table tr 
{ 
	height:35px; 
	vertical-align:bottom;
}

.form_container table tr td {
text-align:right;
vertical-align:top;
}

.form_container table tr td label.error
{
    padding: 0 0 5px 12px;
    float: left;
    color: #820000;
}

.order_guide
{
	float:left;	
	text-align:left;
	padding:0 0 10px 10px;
	font-size:10px;
}
/*------------------------- Footer ---------------------------*/
#footer
{
	float:left;
	width:100%; /*940px*/
	height:140px;
	background:url(../images/bg/footer_bg.jpg) no-repeat top center;
	padding-top:10px;
	font-size:10px;
}

#footer ul
{
	float:left;	
	text-align:left;	
}

#footer ul a
{
	color:#c1c1c1;	
}

.copyright
{
	float:right;
}

.copyright img 
{ 
	padding-left:5px;
	width:103px;
	height:15px;
}

/*------------------------- UTILITIES ---------------------------*/
input.txt_qty
{
	float:left;
	border:1px solid #4a4055;
	padding-left:2px;
	background:none;
	width:30px;
	height:15px;
	color:#999999;
	margin-left:5px;
}

input.txt_info
{
	float:right;
	border:1px solid #4a4055;
	padding-left:2px;
	background:none;
	width:230px;
	height:17px;
	color:#999999;
	margin-left:5px;
}


/*--button--*/
button 
{
	background:none;
	cursor:pointer;
	border:none;
}

.btnl 
{
	background:transparent url(../images/buttons/button.gif) no-repeat scroll left 0;
	float:right;
	height:20px;	
	padding-left:1px;
}

.btnr 
{
	background:transparent url(../images/buttons/button.gif) no-repeat scroll right -80px;
	float:right;
	height:20px;
}

.btnl:hover { background:url(../images/buttons/button.gif) no-repeat left -40px; }

.btnl:hover .btnr { background:url(../images/buttons/button.gif) no-repeat right -120px; }

.product_details .btnl .btnr button p
{
	color:#9a9a9a;
	font-size:11px;	
	float:left;
	padding:2px 0 0 0;
}

.delivery_info .btnl .btnr button p
{
	color:#9a9a9a;
}

.no_background 
{
	background:none !important;
}

.align_right {text-align:right; }