/* CSS Document */

#wrapper{
	width:100%;
	}
#container{
	width:803px;
	background:url(../images/container_bg.jpg) repeat-y left top;
	margin:5px auto 0;
	padding:0 15px;	
	overflow:hidden;
	}
/*--header
-------------------------------------------------------------------*/
#header{
	border-top:1px solid #EEECED;
	width:100%;
	height:120px;
	background:url(../images/header_bg.jpg) repeat-x left top;

}
#logo h1 {
	margin:0px;
	display:block;
	text-indent:-9999px;
	}
#logo {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:258px;
	height:82px;
	float:left;
	margin-left:10px;
	margin-top:15px;
	display:inline;
	}
#header_right{
	width:534px;
	height:120px;
	float:left;
	background:url(../images/header.jpg) no-repeat right top;
	position:relative;	
}
#top_mycard{
	position:absolute;
	top:27px;
	right:15px;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:105px;
	
	}
/**--menu
--------------------------------------------------------------------**/
#menu{
	width:100%;
	height:34px;
	border-top:3px solid #FF9900;
	background:url(../images/menu_grad.jpg) repeat-x left top;



}
ul#nav{
	width:510px;
	height:34px;
	float:left;
	line-height: 34px; /*same as height. This will center your text vertically*/
	}
ul#nav li{
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
	

}
ul#nav li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 10px;
	color: #CCCCCC;
	text-transform:uppercase;
	
}

ul#nav li em {
	display: block;
	float: left;
	width: 7px;
	height: 34px;
	padding-right:3px;
	background:url(../images/bullets_meny.jpg) no-repeat left 11px;
}
ul#nav  li a:hover, #ul#nav  li a.active { 
	text-decoration: none;
	color:#FFFFFF;
	}

ul#nav li a.active {
	font-weight: bold;
	cursor: default;
	color:#FF9900;
}
/**--right_menu
----------------------------------------------------------------------------------**/
#right_menu{
	float:left;
	display:inline;
	height:24px;
	margin-right:10px;
	margin-top:5px;	
	text-align:center;
	
}
#right_menu span{
	float:left;
	display:inline;
	color:#FFF;
	width:350px;
	height:24px;
	margin-top:5px;	
	}
#right_menu a{
	text-decoration:none;
	color: #CCCCCC;	
	line-height:24px;
	}
#right_menu a:hover{
	text-decoration: none;
	color:#FF9900;
	}

/**--main
-------------------------------------------------------------------------------------------------**/
#main{
	width:783px;
	background:url(../images/main_bg.jpg) repeat-x left top;
	background-color:#FFFFFF;
	float:left;
	display:inline;
	padding:20px 10px;
	overflow:hidden;
	}
#left_sidebar{
	float:left;
	display:inline;
	width:207px;
	margin-right:11px;
	}
#right_contents{
	float:left;
	display:inline;
	width:560px;
	}

.clear{
	height:0;
	clear:both;
	line-height:0px;
}

/**--categories
-------------------------------------------------------------------------------**/
#categories{
	width:175px;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	padding:3px 15px 10px;
}
.cat_header{
	width:207px;
	height:39px;
	background:url(../images/category_top.jpg) no-repeat left top;
	}
.cat_header p{
	text-align:left;
	font:normal 18px/18px sans-serif, arial;
	padding:9px 10px 5px;
	color:#666;
	}
.bottom_cat{
	width:207px;
	height:17px;
	background:url(../images/category_bottom.jpg) no-repeat left top;
	}

ul.cat_nav{
	width:175px;
	}
ul.cat_nav li{
	background:url(../images/dot_line.jpg) repeat-x left bottom;
	padding:0px 0px;
	}
ul.cat_nav li a{
	background:url(../images/blue_arrow.jpg) no-repeat left 9px;
	text-decoration:none;
	font-weight:bold;
	/*color:#015697;*/
	color:#333333;
	padding:4px 0 4px 15px;
	display:block;
	}
ul.cat_nav li a:hover{
	color:#015697;
	}
ul.cat_nav li a.active{
	color:#FF9919;
}
/**--banner
--------------------------------------------------------------------------------**/
#banner{
	width:377px;
	height:152px;
	background:url(../images/banner.jpg) no-repeat left top;
	padding:0px 0px 0px 180px;
	background-color:#FBFBFB;
	margin-bottom:15px;
	overflow:hidden;

}
#banner p{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px 5px 5px 0px;

}

/**--special banner
--------------------------------------------------------------------------------**/
#s_banner{
	width:auto;
	margin-bottom:15px;
	overflow:hidden;
		
}
#s_banner img {
	width:112px;
	height:auto;
	float:left;
	margin:10px 15px 15px 0;
	padding:3px;
	border:1px solid #CCC;
	overflow:hidden;
	}
#s_banner p{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px 5px 5px 0px;

}

.special_image_box{
	min-height:100px;
	height:auto !important;
	height:100px;
	margin-bottom:5px;
	overflow:hidden;
	
	}


/**--Content1 Box
-----------------------------------------------------------------------------------**/
.contBox1{
	width:535px;
	min-height:600px;
	height:auto !important;
	height:600px;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	padding:3px 10px 10px;
	overflow:hidden;
	display:block;
	}
/**--Content Box
-----------------------------------------------------------------------------------**/
.contBox{
	width:535px;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	padding:3px 10px 10px;
	overflow:hidden;
	}
.contBox_header{
	width:557px;
	height:36px;
	background:url(../images/contBox_header.jpg) no-repeat left top;
	}
.contBox_header p{
	text-align:left;
	font:normal 18px/18px sans-serif, arial;
	color:#666;
	padding:7px 10px 5px;
	}

.contBox_bottom{
	width:557px;
	height:7px;
	background:url(../images/contBox_bottom.jpg) no-repeat left top;
	margin-bottom:15px;
	}

/**--items
--------------------------------------------------------------------------------**/
.items{
	width:266px;
	float:left;
	display:block;
	padding:5px 0px 5px 0px;
	margin-right:0px;
	border-bottom:1px solid #CCC;
	overflow:hidden;
	margin-bottom:5px;


}
.column1{
	float:left;
	width:118px;
	padding:0 0px 10px 0;
	}
.column1 img{
	padding:2px;
	border:1px solid #CCC;
	}
.image_box{
	min-height:100px;
	height:120px;
	margin-bottom:5px;
	overflow:hidden;
	}
.column2{
	float:left;
	width:140px;
	
	}
.column2 a{
	margin-right:3px;
	}
.veiw_all{
	clear:left;
	text-align:right;
	padding-top:5px;
	}
.veiw_all a{
	text-decoration:none;
	color:#0056AC;
	background:url(../images/plus.jpg) no-repeat left 2px;
	padding:2px 15px 2px 18px;
}
.veiw_all a:hover{
	text-decoration:underline;
	color:#FF3300;
	}
/**--items_details
--------------------------------------------------------------------------------**/
.items_details{
	width:530px;
	float:left;
	display:block;
	padding:10px 0px 5px 5px;
	margin-right:10px;
	overflow:hidden;
	
}
.column3{
	float:left;
	width:150px;
	}
.column1 img{
	padding:2px;
	border:1px solid #CCC;
	}
.column4{
	float:left;
	width:350px;
	}

/**sub category
----------------------------------------------------------------------**/

.sub_items{
	width:160px;
	height:155px;
	float:left;
	padding-bottom:5px;
	border-bottom:0px solid #CCC;
	margin-bottom:10px;
	margin:0 5px 20px;
	
	overflow:hidden;

}
.img_box {
	width:145px;
	padding:5px;
	height:115px;
	border:0px solid #CCC;
	margin-bottom:5px;
	
	
}
.sub_items img{
	width:auto;
	display:block;
	margin:0 auto;
	}


.header{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0033CC;

}

/**--login box
--------------------------------------------------------------------------------**/
#signup_box{
	border:1px solid #CCC;
	width:220px;
	height:200px;
	padding:10px;
	float:left;
	margin:10px 25px 10px 10px;
	display:inline;
	
}
#signup_box p{
	color:#999;
	font-size:11px;
	}
#login_box{
	border:1px solid #CCC;
	width:220px;
	height:200px;
	padding:10px;
	float:left;
	margin:10px 5px 10px 0;
}

/**--privacy notices
-------------------------------------------------------------------------------**/
.list1{
	padding-left:30px;
	margin-left:15px;
	margin-top:10px;
	}
.list1 li{
	margin-bottom:10px;
	list-style-type:lower-roman;
	font-size:11px;
}
/**--footer
-------------------------------------------------------------------------------**/
#footer{
	clear:both;
	width:833px;
	height:50px;
	margin:0 auto;
	background:url(../images/footer.jpg) no-repeat left top;
	background-color:#F4F4F4;
	}
#left_foot{
	width:220px;
	float:left;
	display:inline;
	padding:10px;
	/*border-right:1px solid #D2CECF;*/
}
#left_foot img{
	margin-left:30px;

}
#right_foot{
	width:565px;
	float:left;
	padding:10px 0px 10px 5px;
	display:inline;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#999px;
	}
#right_foot ul{
	width:565px;
	overflow:hidden;
	}
#right_foot ul li{
	display:inline;
	float:left;
	font-size:11px;
	}
#right_foot ul li a{
	text-decoration:underline;
	color:#666;
	padding:5px;
}
#right_foot ul li a:hover{
	color:#0033CC;
	text-decoration:none;

}
	
/*--Typhography
---------------------------------------------------------------------**/
/* - hyperlink - */

h2{
	font:normal 20px/24px Arial, Helvetica, sans-serif;
	color:#0000FF;
	margin:5px 0 10px;

}

h3{
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#FF9919;

}
h4{
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#FF9919;
	margin-bottom:10px;

}
h5{
	font:bold 13px/24px Arial, Helvetica, sans-serif;
	/*color:#0000FF;*/
	color:#000000;
	margin:10px 0 0px;

}
h6{
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#FFF
	margin-bottom:0px;
	margin-top:5px;

}
p.blue_txt{
	color:#00A8CF;

}
p.header1{
	color:#F88406;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	margin-bottom:5px;
	}
p.red_txt{
	color:#FF3300;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	}
p.item_detail{
	padding-left:10px;
	min-height:95px;
	height:auto !important ;	
	height:95px;
	padding-bottom:10px;
	}
p.view_lage{
	text-align:center;
	
}
p.price_txt{
	color:#FF3300;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	text-align:center;
}
p.small_txt{
	color:#333333;
	font-size:11px;

}
	
/**--forms  style
------------------------------------------------------------------------**/
/**--loginForm--**/

#loginForm{
	margin:0;
	padding:0;
	height:110px;
	
}
#loginForm label{
	width:70px;
}
#loginForm input{
	width:120px;
}
#loginForm input.button{
	width:70px;
	}
	
/**-user_regForm--**/
#user_regForm{
	padding:0 15px;
	
}
#user_regForm legend{
	color:#F88406;
	
	}
#user_regForm label{
	width:120px;
}
#user_regForm input{
	width:150px;
}
#user_regForm label.small_label{
	width:25px;
	margin-left:10px;
	float:left;
	clear:none;	
}
#user_regForm select{
	width:auto;
}
#user_regForm input.large_input{
	width:200px;
	}
#user_regForm input.small_input{
	width:55px;
	}
#user_regForm input.button{
	width:80px;
	margin:10px 0 10px 75px;
	}
#user_regForm input.checkbox{
	width:30px;
	border:none;
	background:none;
	}
#user_regForm label.long_label{
	clear:none;
	width:auto;
	
}
#required{
	text-align:right;
	color:#FF0000;
	padding-right:15px;
	margin-top:5px;
	
}

/**-Checkout_regForm--**/
#checkout_form{
	padding:0 15px;
	
}
#checkout_form legend{
	color:#F88406;
	
	}
#checkout_form label{
	width:125px;
}
#checkout_form input{
	width:250px;
}
#checkout_form label.small_label{
	width:25px;
	margin-left:10px;
	float:left;
	clear:none;	
}
#checkout_form select{
	width:auto;
}
#checkout_form input.small_input{
	width:54px;
	}
#checkout_form input.medium_input{
	width:135px;
	}
	
#checkout_form input.medium{
	width:190px;
	}
	
#checkout_form textarea{
	height:75px;
	width:425px;
	
	}
#checkout_form input.button{
	width:80px;
	margin:10px 0 10px 75px;
	}
#checkout_form input.checkbox{
	width:30px;
	border:none;
	background:none;
	}
#checkout_form label.long_label{
	clear:none;
	width:auto;
	
}
#required{
	text-align:right;
	color:#FF0000;
	padding-right:15px;
	margin-top:5px;
	
}


/* Contact Form*/
#contact_form{
	margin-top:15px;
	}
.errormsg {
	display: block;
	width: 90%;
	color:#FF0000;
	font-size:14px;
	background: #FFF0F0 url(../images/stop.gif) no-repeat 10px center;
	padding: 5px 10px 5px 10px;
	margin: 10px 0;
	border:1px solid #FF0000;
	/*border-bottom: 2px solid #FF0000;*/
}

#contact_form .msgSent {
	font-size: 20px;
	text-align: center;
}

#contact_form input, textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	color: #666666;
	border:1px solid #CCC;
	background-color:#F8F8F8;
 	margin: 5px 0;
	}

#contact_form input.txt_field{
	width:200px;  
}
#contact_form textarea{
	width:400px;
	height:250px;
	overflow:auto;
	}

#contact_form input.txt_field:focus, textarea:focus, select:focus {
	border: 1px solid #333;
	background-color: #FFFFFF;
}

#contact_form input.button {
	margin-top:8px;
	width:auto;
	border:1px solid #999999;
	padding:3px;
	margin-left:120px;
	font-size:13px;
	background-color:#EEEEEE;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#FFFFFF',EndColorStr='#DDDDDD');	
}
#contact_form input.button:hover{
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#DDDDDD',EndColorStr='#EEEEEE');	
	}

 .float-left{
	display: block;
	float: left;
	clear: left;
	Width: 120px;
	margin-bottom: 10px;
	margin: 5px 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}

 span.required{
  font-size: 13px !important;
  color: red !important;
}
#confirmation_box{
	width:100%;
	margin:0 auto;
	background-color:#FFF0F0;
}
.confirm_txt {
  margin: 10px auto 30px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#333333;
  font-size:16px;
  line-height:18px;
  }