@charset "utf-8";
/* CSS Document */
html,body {
    margin:0;
    padding:0;
    height:100%; /* for work with wrapper */    
    color:#000;
	font:12px/1.35 Arial,Helvetica,sans-serif;
}

h1 { 
    font-size:2.0em; 
    margin:0;
    padding:5px;
}

h2 {
    font-size:1.25em; 
    margin:0;
    padding:5px 0 5px 5px;
}

.clr{
	clear:both;
}

div.wrapper {
    position:relative; /* for assign footer*/
    margin:0 auto; /* center align assign, not work with ie5 */
    width:980px;  
    height:auto !important;
    height:100%; /* IE6*/
    min-height:100%; 
	background:url(../images/middle_bg.png) repeat-x #f9fafb;
}

/*******************************************************************
 * Header Container
 *******************************************************************/
div.header {   
    height: 337px;
	background:#1c4c71;
	color:#fff;
}
    div.header p {
        margin:0;
    }
	
	div#header-container{
	    height: 337px;
		background:#1c4c71;		
	}
	
	div#header-container div#logo{
		margin:0;
		height:71px;
		width:490px;
		float:left;
		background:url(../images/logo.jpg);
	}	
	
	div#header-container div#search{
		margin:0;
		height:71px;
		width:480px;		
		float:right;
		text-align:right;
		vertical-align:bottom;
		background:url(../images/searchbg.png) repeat-x scroll;
	}		
	
	.form-search {
		width:300px; height:30px;
		padding:20px 0px 0px 140px;
	}
	
	div#header-container div.searchcorner{
		margin:0;
		height:71px;
		width:10px;
		float:right;
		background:url(../images/searchcorner.png) no-repeat;
	}	
	
	div#header-container div#header_banner{
		margin:0;
		height:227px;
		background:url(../images/header.jpg);
	}
	
	div#header-container div.header_navi_l{
		margin:0;
		height:39px;
		width:10px;
		float:left;		
		background:url(../images/top-menu-left.jpg);
	}
	
	div#header-container div#header_navi{
		margin:0;
		height:39px;
		width:960px;
		float:left;		
		background:url(../images/top-menu.jpg) repeat-x;		
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font:12px Arial, Helvetica, sans-serif;
		color:#000;
	}
	
	div#header-container div.header_navi_r{
		margin:0;
		height:39px;
		width:10px;
		float:right;		
		background:url(../images/top-menu-right.jpg);			
	}	
	
	#nav li a {
		color:#fff;
		float:left;		
		font-size:1.5em;
		font-weight:bold;
	}
	#nav li a, #nav li a:hover {
		display:block;
		line-height:1.3em;
		text-decoration:none;
		text-indent:-5000px;	
		width:100%;
		height:100%;
	}	
	
	#nav li{
		display:block;		
		line-height:1.3em;		
		cursor:pointer;
		float:left;	
	}
	
	#nav .home{
		width:138px;
		height:38px;
		background:url(../images/home.jpg) bottom left no-repeat;
	}
	
	#nav .about{
		width:156px;
		height:38px;		
		background:url(../images/about.jpg) bottom left no-repeat;
	}
	
	#nav .customer{
		width:230px;
		height:38px;		
		background:url(../images/customer.jpg) bottom left no-repeat;
	}
	
	#nav .links{
		width:144px;
		height:38px;		
		background:url(../images/links.jpg) bottom left no-repeat;
	}

	#nav .blog{
		width:147px;
		height:38px;		
		background:url(../images/blog.jpg) bottom left no-repeat;
	}	

	#nav .contact{
		width:123px;
		height:38px;		
		background:url(../images/contact.jpg) bottom left no-repeat;
	}	
	
	#search a,#search a:hover{
		display:block;
		float:left;
		color:#fff;
		font-weight:bold;
		padding:0px 5px;
	}
	
	.toplink{
		margin:0px auto;
		text-align:right;
		float:right;
	}
	
	.toplink li{
		float:left;
		display:block;		
		background:url(../images/menu_section.jpg) right no-repeat;
	}
	
	.toplink li.last{
		background:none;
	}

/*******************************************************************
 * Middle Container
 *******************************************************************/
div.middle-container {
	padding-top:10px;
    padding-bottom:10px;  /* please assign equal to footer's height */	 
}
    div.middle-container p {
       /*padding:0 1.1em;*/
    }
	
	div.column-left{		
		margin:0px auto;
		float:left;
		width:250px;
		padding: 0px 10px 10px 10px;
	}
	
		/* left menu */
		div.left_menu {
			margin:0px auto;			
			width:250px;				
		}
		
		div.left_menu h1{
			color:#fff;
    		font-family:Impact;
    		font:normal 20px Impact, Verdana, sans-serif; 
		}
		
		div.left_menu div.menu_title{
			background:#08385e;
			height:36px;
			width:250px;
			color:#fff;
		}
		
		div.menu_title .left_corner{
			margin:0px auto;			
			width:10px;
			height:36px;			
			float:left;
			background:url(../images/menu_lcolor.jpg) no-repeat top;			
		}
		
		div.menu_title .right_corner{
			margin:0px auto;			
			width:240px;
			height:36px;
			float:right;
			background:url(../images/menu_rcorner.jpg) right top no-repeat;
		}
		
		div.left_menu div.menu_item{
			background:#dfebff;
			padding-left:10px;
		}
		
		div.menu_item h2{
			color:#ee7d01;
			font:0.5em;
		}
		
		div.left_menu div.menu_bottom{
			background:url(../images/left_menu_bottom.png) no-repeat;
			width:250px;
			height:8px;
		}	
		
		ul#nav_vert{
			font-family:Impact;
    		font:normal 13px Impact, Verdana, sans-serif; 
			color:#08385e;			
		}
		
		ul#nav_vert li{
			padding:7px 0px 7px 0px;
	
		}
		
		ul#nav_vert a{
			color:#08385e;
		}
				
		ul#nav_vert .level0 a,ul#nav_vert .level0 a:hover{
			color:#ee7d01;
			font-size:1.2em;
		}
		
		ul#nav_vert .level1{
			background:url(../images/menu_seperate_vertical.jpg) bottom left no-repeat;
		}
		
		ul#nav_vert .level1 a,ul#nav_vert .level1 a:hover{
			color:#08385e;
			padding-left:15px;
			font-family:Impact;
			font:12px/1.35 Arial,Helvetica,sans-serif;
			font-weight:bold;
			background:url(../images/check.jpg) left bottom no-repeat;
		}
	
	div.middle-container div.column-right{
		margin:0px auto;
		float:right;
		width:710px;
	}	
	
	div.middle-container div.box-left{
		margin:0px auto;
		float:left;
		width:440px;
	}	
	
	div.middle-container div.box-right{
		margin:0px auto;
		float:right;
		width:250px;
	}	
	
	/*div.middle-container div.box{
		margin:0px auto;
		float:left;
		width:710px;		
	}*/		

/*******************************************************************
 * Footer Container
 *******************************************************************/
	/********************** Footer */
	.footer-container { 
		width:100%;
/*		height: 68px;*/
		background:#242424;
		text-align:center;
		padding:5px;
	}

	.footer { width:100%px; margin:0 auto;  }
	.footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; }
	.footer .informational label { color:#fff; font-weight:bold; padding-right:3px; }
	.footer .informational ul {
    display:inline;
    }
	.footer .informational li {
    	display:inline;
		font-weight:bold;
	   background:url(../images/menu_section.jpg) right no-repeat;
    	padding-right:8px;
	    padding-left:4px;
    }
	.footer .informational li.last { 
		background:none; padding-right:0; 
	}
	.footer .informational a, .footer .informational a:hover {
		color:#fff; 
	}
	.footer .informational a { text-decoration:none; }
	.footer .legality {
    	padding:13px 0;
	    color:#ecf3f6;
    	text-align:center;
    }
		
	.footer .legality a, .footer .legality a:hover { 
		color:#ecf3f6; 		
	}
	
	.footer .copyright{
		color:#555555;
		padding:5px;
	}
	
	.footer .copyright a{
		color:#888888;
	}
	
	
/***************************************************************
 * Grid Display 
 ***************************************************************/

.item .top{
	height:7px;
}

.item .top .top-left{
	height:7px;
	width:7px;
	float:left;
	background:url(../images/item-top-left.jpg) left no-repeat;
}

.item .top .top-right{
	height:7px;
	width:201px;
	float:right;
	background:url(../images/item-top-right.jpg) right no-repeat #215176;
}

.item .middle .middle-left{
	width:7px;
	height:139px;
	float:left;
	background:#215176;
}

.item .middle .middle-right{
	width:194px;
	height:139px;
	padding-right:7px;
	float:left;
	background:url(../images/item-middle-bg.jpg) right no-repeat;
}

.item .bottom{
	height:7px;
}

.item .bottom .bottom-left{
	height:7px;
	width:7px;
	float:left;
	background:url(../images/item-bottom-left.jpg) left no-repeat;
}

.item .bottom .bottom-right{
	height:7px;
	width:201px;
	float:right;
	background:url(../images/item-bottom-right.jpg) right no-repeat #215176;
}

 p.product-image{
	 background:#fff;
 }

.item .item-name{
	margin: 7px 0px;
	width:208px;
	height:23px;
	text-align:center;
}

.item .item-name .name-left{
	background:url(../images/item-name-left.jpg) left no-repeat;
	width:7px;
	height:23px;
	float:left;
}
	
.item .item-name .name-right{
	width:201px;
	height:23px;
	background:url(../images/item-name-bg.jpg) left no-repeat;
	float:right;
}

.item .item-name .name-right .box-left{
	width:190px;
	height:19px;
	float:left;
	padding-top:3px;
}

.item .item-name .name-right .box-right{
	width:7px;
	height:23px;
	background:url(../images/item-name-right.jpg) right no-repeat;
	float:right;
}

.item a,.item a:hover{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

label {
	font-weight:normal;
}

div.product-specs p{	
	padding-left:0px;
}

.col-main{
	min-height:500px;
}

/****************************************/
/*         CMS Style                    */
/****************************************/

div.page{
	padding:0 1.1em;
	font-size:1.15em;
}

div.page-title h2{
	font-size:1.5em;
	padding-left:0px;
}

div.links{
	color:#eee;
	margin:8px;
}

div.links a{
	color:#fff;
	padding:2px;
}

#dlcustomerCare, ul#terms_c {
	background-color:#F3F3F3;
	padding:7px;
	position:relative;
	width:650px;
}

#dlcustomerCare dt.first {
	margin-top:0;
}

#dlcustomerCare dt {
	background-color:#FFFFFF;
	color:#EE7D01;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-top:6px;
	padding:6px;
}

#dlcustomerCare dt, #dlcustomerCare dd, #dlcustomerCare dd li.main, #dlcustomerCare .dlCustomers {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#dlcustomerCare dd a.main {
	background-color:#DFEBFF;
	border-color:#FFFFFF #FFFFFF;
	border-style:solid solid none;
	border-width:1px 1px 0;
	color:#08385E;
	display:block;
	font-weight:bold;
	padding:6px;
	text-transform:uppercase;
	font-size:1.0em;
}

#dlcustomerCare dd a.active, #dlcustomerCare dd a.active:hover {
	border-top:1px solid #FFFFFF;
}

#dlcustomerCare dd a.active, #dlcustomerCare dd a.active:hover {
	background-color:#666666;
	border:1px solid #666666;
	color:white;
}

#dlcustomerCare dd li.main div {
	background-color:#FFFFFF;
	border:1px solid #666666;
	padding:15px;
}

input.text-numbering,input.text-name{
	margin: 5px 10px 0px 0px;	
	height:15px;
}

input.text-name{
	width:125px;
}

input.text-numbering{
	width:50px;
}