/*

	Description: HNN Template design... pink and white color variation
	Version: v1.0
	Created: Christian Cuan
	

	[ Table of Contents ]
	
	1. Global Declarations
	2. Structure
	3. Typhogrphy
	
*/


 /*------------- GLOBAL DECLARATIONS ------------------*/
 
 	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0;
	}
	img{
	 	border:0;
	 }
	 a{
		color:#717476;
		text-decoration:none;
	 }
	a:hover{
		text-decoration:underline;
	}
	
 
 /*------------- STRUCTURE DECLARATIONS ------------------*/
 
 	.template_wrapper{
		background-color:#ffffff;
		margin:0 auto;
		/*width:1012px;*/
		max-width:1280px;
		min-width:1100px;
		padding:0 6px 5px 6px;
		
	}
 		.header{
			height:100px;
		}
			.header .logo{
				width:301px;
			}
			
			.header .info{
				width:400px;
				font-size:12px;
				color:#2b2c2c;
				font-weight:bold;
				margin-top:10px;
			}
			
			.info_img img{
				background-color:#ffffff;
				padding:4px;
				border:1px solid #b3b2b2;
				margin-left:10px;
			}
	.menu{
		/*width:1011px;*/
		max-width:1280px;
		height:37px;
	}
		.menu_left{
			height:37px;
			width:13px;
		}
		.menu_right{
			height:37px;
			width:13px;
		}
		
		.menu ul{
				list-style:none;
				color:#ffffff;
				font-size:11px;
				font-weight:bold;
				margin:0;
				padding:0;
				line-height:37px;
			}
			.menu li{
				display:block;
				float:left;
			}
			.menu li a{
				color:#ffffff;
				text-decoration:none;
				height:37px;
				padding-left:20px;
				padding-right:20px;
			}
			.menu li a:hover{
				text-decoration:none;
				height:37px;
				float:left;
				padding-left:20px;
				padding-right:20px;
			}
	.left_menu_title{
		font-size:14px;
		line-height:16px;
		margin-top:10px;
		margin-bottom:5px;
		font-weight:bold;
	}
		.left_menu ul{
				border-left:1px solid #eeeeee;
				border-right:1px solid #eeeeee;
				border-top:1px solid #eeeeee;
				border-bottom:1px solid #eeeeee;
				background-color:#f4f4f4;
				margin:0;
				padding:0;
				list-style:none;
				color:#717476;
				width:100%;
			}
			.left_menu li{
				/*border-bottom:1px solid #eeeeee;*/
				line-height:24px;
				padding-left:15px;
			}
			.left_menu ul li ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			.left_menu ul li ul li{
				border:0;
			}
			.left_menu ul li ul {
				border:0;
			}
			.left_menu li a{
				color:#717476;
				text-decoration:none;
			}
			.left_menu li a:hover{
				text-decoration:underline;
			}
			.search_wrapper{
				margin-bottom:15px;
			}
			.search_bgc_btn{
				width:30px;
				height:28px;
				background-image:url(../../images/search_btn.jpg);
				border:0;
			}
			.search_wrapper input{
				color:#aaa7a7;
				font-style:italic;
			}	
	.content_wrapper{
		margin-top:3px;
	}
	.content_holder{
		padding:0px 10px 15px 10px;
		font-size:12px;
		line-height:20px;
		border-left:1px solid #ececec;
		border-right:1px solid #ececec;
	}
		.content_left{
			/*width:208px;*/
			width:20%;
			padding-top:7px;
			/*background-position:right;
			background-repeat:repeat-y;*/
		}
		.content_main{
			/*width:596px;*/
			width:59%;
			padding-top:7px;
			/*border:1px solid #cccccc;*/
			
		}
		.content_right{
			/*width:208px;*/
			width:20%;
			padding-top:7px;
			/*background-position:left;
			background-repeat:repeat-y;*/
			line-height:18px;
		}
			.content_right_holder{
				padding-left:15px;
			}
			.content_left_holder{
				padding-right:15px;
			}
		.content_title{
				font-size:24px;
				margin-bottom:5px;
		}
		
		.box{
			background-color:#f4f4f4;
			border:1px solid #e4e2e2;
			padding:10px;
			text-align:center;
			color:#737171;
		}
		.box .title{
			font-size:12px;
			font-weight:bold;
		}
		.box .details{
			font-size:11px;
		}
		.box a{
			text-decoration:underline;
		}
		.box_main_title{
			font-size:14px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}
		.box_main_title img{
			height:32px;
			vertical-align: middle;
			margin-bottom: .25em;
		}
		.shopping_cart{
					color:#737171;
					font-weight:bold;
				}
				.shopping_cart .icon{
					width:63px;
				}
				.shopping_cart .details{
					width:150px;
				}
				.shopping_cart a{
					text-decoration:underline;
				}
				.shopping_cart a:hover{
					color:#737171;
					text-decoration:underline;
				}
				.shopping_cart .checkout{
					width:104px;
					height:27px;
					border:0;
				}
				.shopping_cart .checkout:hover{
					width:104px;
					height:27px;
					border:0;
				}
				.shopping_cart .recent_items ul{
					margin:0;
					padding:0 0 10px 0;
				}
				.shopping_cart .recent_items li{
					text-align:left;
					padding-left:10px;
					list-style:none;
					border-bottom:1px solid #E4E2E2;
				}
				.shopping_cart .recent_items li a{
					color:#737171;
					text-decoration:none;
				}
				.shopping_cart .recent_items li a:hover{
					text-decoration:underline;
				}
		
	.subscribe_btn{
		width:46px;
		height:20px;
		border:0;
	}
	.subscribe_btn:hover{
		width:46px;
		height:20px;
	}
	
	/*---- Blog Styles ----*/
	.blog_details_wrapper{
		margin-top:15px;
	}
	   .blog_details{
			width:30%;
			margin-left:15px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:18px;
		}
		.blog_details .date{
			font-size:11px;
			font-style:italic;
			
		}
		.blog_details a{	
			color:#292929;
			text-decoration:none;
		}
		.blog_details a:hover{	
			text-decoration:none;
		}
		
		.blog_details_title{
			font-weight:bold;
		}
		.blog_details_details{
			font-style:italic;
			color:#888686;
		}
		
		.blog_details_main_title{
			font-size:14px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}
		.blog_details_main_title img{
			height:32px;
			vertical-align: middle;
			margin-bottom: .25em;
		}
		
	/*---- Featured Products Styles ----*/
	
	.featured_box_holder{
			background-color:#f4f4f4;
			border:1px solid #e4e2e2;
		/*	padding:10px;*/
			text-align:center;
			color:#737171;
	}
		.featured_box{
			/*position:relative;*/
			height:100%;
			/*width:31%;*/
			/*border:1px solid #000000;*/
			font-family:Arial, Helvetica, sans-serif;
			padding:10px 5px 10px 5px; 
		}
		.featured_box img{
			border: 1px solid #e4e2e2;
		}
		.featured_box .title{
			font-weight:bold;
		}
		.featured_box .title a{
			font-weight:bold;
			text-decoration:none
		}
		.featured_box .title a:hover{
			font-weight:bold;
			color:#666666;
			text-decoration:underline
		}
		.featured_box .sub_details{
			font-size:11px;
		}
		.featured_box_holder input{
			font-family:Arial, Helvetica, sans-serif;
		}
	
	/*------ Footer Bottom ----------*/
	
	.footer_bottom{
		/*width:1012px;*/
		max-width:1280px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	/*--- Other Styles ----*/
	
	.btn_bgc{
		width:183px;
		height:28px;
		border:0;
		color:#ffffff;
		font-size:11px;
		font-weight:bold;
		line-height:28px;
	}
	.btn_bgc:hover{
		width:183px;
		height:28px;
		border:0;
		color:#ffffff;
		font-size:11px;
		font-weight:bold;
		line-height:28px;
	}
	
 	.dashed_border{
 		background-image:url(../../images/modern/dashed_border.jpg);
		height:2px;
		margin:5px 0 5px 0;
	}
 	.border{
		border-bottom:1px solid #e7e7e7;
		margin:5px 0 5px 0;
	}
	.border_white_content{
		border:1px solid #e7e7e7;
		margin:0 0 5px 0;
		background-color:#ffffff;
		height:24px;
		line-height:24px;
	}
	.text_left{
		text-align:left;
	}
 	.text_right{
		text-align:right;
	}
	.text_center{
		text-align:center;
	}
    .left{
		float:left;
	}
	.right{
		float:right;
	}
	.clear{
		clear:both;
	}
 
 /*------------- TYPHOGRAPHY DECLARATIONS ------------------*/
 
  .font_11_bold{
	font-weight:bold;
  }
 .font_14_bold{
	font-weight:bold;
	margin-bottom:4px;
	font-size:14px;
	margin-top:10px;
  }
    .font_14_grey{
  	font-size:14px;
	color:#737171;
  }