/* CSS Document */

/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address,img{
	margin:0;
	padding:0;
	}

body{
	margin: 0 0 0 0;
	font:normal 8pt "Arial";
	Color: #333;
	line-height: 1.5em;
}

#container {
	width:965px;
	position: relative;
	margin: 0px auto;
	background:url(../i/bg_shade.gif) repeat-y;
}
#bottom{
	width:965px;
	position: relative;
	margin: 0px auto;
}
#wrapper{
	width:955px;
	margin: 0px auto;
	background:url(../i/bg_content.gif) left top repeat-x #ffb400;
	padding:0 0 15px 0;
}

a:link,
a:visited {
	text-decoration:none;
	}	
a:hover {text-decoration: underline}

img.evil { 
	behavior: url("pngbehavior.htc");
}

img {
	border:0;
	}
	
#dash{
	width:100%;
	height:1px;
	background-image: url(../i/dash.gif);
	background-repeat: repeat-x;
}

#r1{
	height:9px;
	width:9px;
	float:right;
}

#r2{
	height:9px;
	width:9px;
	float:right;
}


/* header
------------------------------------ */
#header{
	width:925px;
	margin:0 15px 0 15px;
	height:75px;
	position:relative;
}
#logo {
	float:left;
	padding:25px 0 0 29px;
}


/* content-global
------------------------------------ */
#content_global{
	width:918px;
	background:url(../i/r2.gif) left bottom no-repeat #fff;
	margin:0 15px 0 15px;
	padding:0 0 0 7px;
	position:relative;
	overflow:hidden;
}

#left{
	float:left;
	width:166px;
	margin:0 20px 0 0;
	padding:12px 0 12px 0;
}

#right{
	float:left;
	width:723px;
	padding:0 0 12px 0;
	margin:-9px 0 0 0;
}

#righttop{
	float:left;
	width:723px;
	margin:0 0 3px 0;
	padding:8px 0 0 0;
}

#linebox{
	height:4px;
	width:100%;
	background:#d7d7d7;
 	position:relative;
	float:left;
}

#indicate{
	float:left;
	padding:0 0 0 3px;
	font:normal 7pt "Tahoma";
	color:#666;
}
#indicate a{
	color:#666
}
#indicate a:hover{
	color:#ff5400
}
.txt_indicate{
	text-transform:lowercase;
	color:#ff6b00;
}


#cart{
	float:right;
	padding:0 3px 0 0;
	font:normal 8pt "trebuchet MS";
}

#cart a{
	font:bold 8pt "trebuchet MS";
	color:#ff4e00;
}

/* sidenav
------------------------------------ */
#sidenav{
	padding:0 8px 0 8px;
	width:150px;
	font:normal 8pt "trebuchet MS";
	color:#666666;
}

#sidenav ul{
	list-style:none;
}

#sidenav li{
	list-style:none;
	padding:4px 0 4px 0;
}

#sidenav li a{
	color:#666;
	text-decoration:none;
}

#sidenav li a:hover{
	color:#ff6000;
	font-weight:bold;
}

.nav_highlight{
	color:#ff6000;
	font-weight:bold;
}

.txt_used{
	text-transform:uppercase;
	font-weight:bold;
	color:#ff7000;
}

.shopby{
	margin:0 0 6px 8px;
}
.txt_nav{
	margin:12px 0 12px 0;
}

/* signup-newsletter
------------------------------------ */
#newsletter{
	width:166px;
	background:url(../i/bg_newsletter.gif) left bottom repeat-x;
	border-bottom:1px solid #e4e4e4;
}
#newsletter h3{
	font:normal 8pt "Arial";
	color:#505050;
	padding:0 8px 14px 8px;	
}

.nl_textbox{
	border:1px solid #cdcdcd;
	height:18px;
	font:normal 8pt "Arial";
	color:#444444;
	width: 145px;
	margin:5px 0 3px 0;
	background-image: url(../i/bg_txt_field.gif);
}

.nl_textbox2{
	border:1px solid #cdcdcd;
	height:15px;
	font:normal 8pt "Arial";
	color:#333;
	width: 100px;
	margin:5px 0 3px 0;
	background-image: url(../i/bg_txt_field.gif);
}

.nl_textbox3{
	border:1px solid #cdcdcd;
	height:15px;
	font:normal 8pt "Arial";
	color:#333;
	margin:5px 0 3px 0;
	background-image: url(../i/bg_txt_field.gif);
}

#align_right{
	text-align:right;
	margin:5px 10px 0 0;
}

/* search
------------------------------------ */
#search{
	width:166px;
	background:url(../i/bg_search.gif) left bottom repeat-x;
	padding-bottom:8px;
}

#search h3{
	font:normal 8pt "Arial";
	color:#505050;
	padding:0 0 14px 8px;	
}

#search_inner{
	text-align:left;
	padding:5px 0 0 0;
}

form {
	margin: 0;
	padding: 0; 
}
.textinput_search{
	width:124px;
	background-image:url(../i/bg_searchbox1.gif);
	background-repeat: repeat-x;
	font-size:8pt;
	color: #666;
	border: none;
	height: 16px;
}
/* index-content
------------------------------------ */
#index_features{
	float:left;
	position:relative;
	width:713px;
	background:url(../i/bg_content2.gif) left top repeat-x;
	padding:18px 0 10px 10px;
	margin:1px 0 0 0;
}
.txt_features{
	margin:0 0 7px 5px;
}

#index_bottom{
	float:left;
	position:relative;
	width:346px;
	padding:10px;
}

#index_used{
	float:left;
	width:318px;
	background:#a1bf28;
	padding:17px 14px 10px 14px;
	margin-bottom:10px;
}

#index_used_white{
	float:left;
	width:318px;
	margin:10px 0 0 0;
	background:url(../i/r2_green.gif) left bottom no-repeat #fff;
}

#index_used_p1{
	float:left;
	font:bold 9pt "trebuchet MS";
	width:125px;
	padding:0 12px 8px 12px;
	margin:15px 0 0 2px;
	text-align:center;
}
.img_bottom{
	height:54px;
	padding:0 0 8px 0;
}

#index_used_p1 h3{
	width:110px;
	height:65px;
	padding:5px 0 5px 0;
	text-align:center;
}
#index_used_p1 h4{
	margin:4px 0 0 0;
}

#index_promo{
	float:left;
	width:318px;
	background:url(../i/bg_index_promo.gif) left top repeat-x #ff4e00;
	padding:17px 14px 10px 14px;
	margin:10px 0 0 0;
}

#index_promo_white{
	float:left;
	width:309px;
	margin:10px 0 0 0;
	padding:0 0 0 9px;
	background:url(../i/r2_red.gif) left bottom no-repeat #fff;
}

#index_promo_p1{
	float:left;
	width:300px;
	margin:5px 0 5px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #d4d4d4;
}
#index_promo_p1 h2{
	float:left;
	width:94px;
	padding:9px;
	text-align:center;
}
#index_promo_p1 h3{
	float:left;
	width:170;
	padding:10px;
	font:bold 9pt "trebuchet MS";
	color:#000;
}
#space_ico1{
	margin:4px 0 0 0;
}

#quicklink{
	float:left;
	padding:10px;
	width:318px;
	margin:0 0 0 0;
}
#quicklink p{
	float:left;
	width:100px;
	padding:5px 0 0 0;
}

#quicklink ul{
	float:left;
	width:105px
}

#quicklink li{
	list-style:none;
	padding:4px 0 4px 10px;
	font:normal 8pt "trebuchet MS";
	color:#666;
}

li.ico-arrow {
background:url(../i/ico_arrow.gif) no-repeat scroll left center;
}

/* memberprofile
------------------------------------ */
#memberprofile{
	float:left;
	width:715px;
	height:35px;
	text-align:right;
	font:bold 8pt "trebuchet MS";
	
	background:#302118 url(../i/mb_login-c1.gif) no-repeat left top;
}
#membernav{
	margin:15px 0 0 0;
}

#membernav li{
	list-style:none;
	padding:0 5px 0 20px;
	display: inline;
}

#membernav li a{
	color:#88756a;
	text-decoration:none;
}

#membernav li a:hover{
	color:#fff;
	text-decoration:none;
}

#membercorner{
	float:left;
	width:8px;
}


/* box-listing
------------------------------------ */
#listpg{
	float:left;
	width:700px;
	text-align:right;
	font:bold 7pt "Tahoma";
}

#listpg a{
	background:#d4d4d4;
	font:normal 7pt "Tahoma";
	margin:0 1px 0 1px;
	padding:4px;
	color:#666;
	text-align:center;
}
#listpg a:hover{
	background:#ff4e00;
	color:#fff;
	text-decoration:none;
}
#listpg span {
	margin:0 1px 0 1px;
	padding:4px;
	background:#ff4e00;
	color:#fff;
	text-decoration:none;
}

#pbox{
	float:left;
	text-align:center;
	width:161px;	
	margin:8px 9px 8px 0;
	border:1px solid #d4d4d4;
	background:#fff;
}

#pbox img{
	padding:5px 5px 0 5px;
	height:110px;
}

#pbox h3{
	width:149px;
	background:#eaeaea;
	font:bold 8pt "Arial";
	padding:6px 6px 0 6px;
	height:35px;
	text-align:center;
	color:#333333
}

#pbox h3 a{
	color:#333333;
}


#pbox2{
	width:167px;
	float:left;
	margin:8px 9px 8px 0;
	border:1px solid #ff4e00;
	background:#fff;
}

#pbox2 img{
	padding:5px;
}

#pbox2 h3{
	background:#ff4e00;
	font:bold 8pt "Arial";
	color:#fff;
	padding:6px 6px 0 6px;
	height:35px;
	text-align:center;
}

#pbox2 h3 a{
	color:#fff;
}

#pbox3{
	width:167px;
	float:left;
	margin:8px 9px 8px 0;
	border:1px solid #d4d4d4;
	background:#fff;
	text-align:center;
}

#pbox3 h2{
	padding:5px;
	width:157px;
	height:120px;
}
#pbox3 h2 img{
	height:115px;
}
#pbox3 p{
	height:120px;
	padding:0 5px 5px 5px;
	font:bold 8pt "trebuchet MS";
	color:#000;
	text-decoration:none;
}
#pbox3 p a{
	font:bold 9pt "trebuchet MS";
	color:#000;
}
#pbox3 p a:hover{
	color:#ff4e00;
}

#pbox3 h3{
	background:#eaeaea;
	padding:3px 6px 4px 6px;
	height:17px;
	text-align:center;
}

#pbox4{
	width:679px;
	float:left;
	padding:20px 0 15px 20px;
	margin:8px 0 8px 0;
	border:1px solid #d4d4d4;
	background:#fff;
	position:relative;
}
#pbox5{
	width:715px;
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

#p_addcart_verify{
	width:640px;
	padding:8px 20px 8px 20px;
	margin:0px 0 20px 0;
	background:#ff4c00;
	font:bold 8pt "trebuchet MS";
	color:#fff;
}

#picgallery{
	float:left;
	width:280px;
	padding:0 20px 0 0;	
	margin:10px 0 0 0;
}
#picgallery p{
	margin:10px 0 0 0;
	float:left;
	width:70px;
	height:56px;
	padding:4px;
	text-align:center;	
}

#p_detail{
	float:left;
	width:374px;
	margin:10px 0 0 5px;
}

#p_detail h2{
	font:bold 11pt "trebuchet MS";
	float:left;
	padding:0 0 10px 0;
	width:360px;
}
#p_detail h3{
	font:normal 9pt "trebuchet MS";
	float:left;
	padding:0 0 10px 0;
	width:360px;
}

#p_detail p{
	float:left;
	padding:0 0 15px 0;
	width:340px;
	text-align:justify;
}

#p_detail p.quantity{
	float:left;
	padding:8px 0 0 0;
	width:130px;
}
#p_detail p.btn_cart{
	float:left;
	padding:30px 0 0 0;
	width:220px;
}

#p_content{
	width:679px;
	float:left;
	padding:10px 10px 0 10px;
	margin:5px 0 8px 0;
	border-top:1px solid #d4d4d4;
}
#p_content p.btn_cart2{
	float:right;
	width:600px;
	padding:0 10px 0 20px;
	text-align:right;
}

#picgallery2{
	float:left;
	width:390px;
	padding:0 20px 0 0;
	text-align:center;
	margin:10px 0 0 0;
}
#picgallery2 p{
	margin:10px 0 0 0;
	float:left;
	width:70px;
	height:56px;
	padding:4px;
	text-align:center;	
}

p_detail_wapper{
	float:left;
	padding:0 20px 0 0;
}

#p_detail2{
	float:left;
	width:264px;
	margin:10px 0 0 5px;
}

#p_detail2 h2{
	font:bold 11pt "trebuchet MS";
	float:left;
	padding:0 0 10px 15px;
	width:230px;
}

#p_detail2 h2 a{
	color:#ff5400;
}

#p_detail2 h3{
	font:normal 9pt "trebuchet MS";
	float:left;
	padding:0 0 10px 15px;
	width:230px;
}

#p_greybg{
	float:left;
	width:234px;
	padding:15px;
	text-align:justify;
	background:url(../i/roundcorner1.gif) left bottom no-repeat #f2f2f2;
}

#p_greybg p.btn_detail{
	padding:10px 0 0 0;
}

.ico_space{
	padding:0 0 8px 0;
}

#p_spec_content{
	float:left;
	margin:20px 0 0 0;
	width:659px;
	overflow-x:hidden;
}
#p_spec_content h3{
	float:left;
	padding:8px 15px 8px 15px;
	width:95%;
	text-align:justify;
	font:normal 8pt "Arial";
}

.expand_space{
	padding:0 0 0 10px;
}

#p_spec_table{
	width:100%;
	padding:0;
	margin:10px 0 10px 0;
	border-bottom:1px solid #e5e5e5;
}

#p_spec_table th{
	width:30%;
	font:bold 8pt "Arial";
	padding: 6px 10px 6px 10px;
	text-transform:capitalize;
	text-align:left;
}

#p_spec_table td {
	padding: 6px 10px 6px 10px;
}

#p_spec_table tr.bggrey{
	background:#f2f2f2;
}

#p_cart_table{
	width:100%;
	padding:0;
	margin:15px 0 15px 0;
	background:#fff;
	text-align:center;
	border:5px solid #fff;

}

#p_cart_table th{
	border-bottom:3px solid #d7d7d7;
	padding:8px 10px 8px 10px;
	font:bold 8pt "Arial";
}

#p_cart_table td{
	border-bottom:1px solid #d7d7d7;
	padding:8px 10px 8px 10px;
}

#p_cart_table td.item{
	font:bold 8pt "Arial";
	text-align:left;
}
#p_cart_table td.subtotal{
	font:bold 9pt "Arial";
	text-transform:uppercase;
	border-top:2px solid #d7d7d7;
	border-bottom:3px solid #d7d7d7;
	color:#fff;
	background:#333;
}

.p_cart_greybg{
	background:#f2f2f2;
}

input.primarybutton{
	background:url(../i/btn_greybg.gif) no-repeat scroll 0px;
	margin:0 0 0 20px;
	height:22px;
	width:145px;
	border:0;
	font:bold 7pt "tahoma";
	text-transform:uppercase;
	color:#fff;
}

input.primarybutton2{
	background:url(../i/btn_orange2.gif) no-repeat scroll 0px;
	margin:0 0 0 20px;
	height:22px;
	width:145px;
	border:0;
	font:bold 7pt "tahoma";
	text-transform:uppercase;
	color:#fff;
}

/* content-contact
------------------------------------ */
#contact{
	float:left;
	width:675px;
	margin:15px 0 15px 0;
	position:relative;
}

#contact p.map{
	float:left;
	width:200px;
	background:#fff;
	padding:4px;
	margin:0 20px 0 0;
	border:1px solid #d4d4d4;
}

/* form
------------------------------------ */

#form_content{
	float:left;
	width:645px;
	margin:15px 5px 15px 5px;
	position:relative;
}

#form{
	width:auto;
	position:relative;
	float:left;
	margin:10px 0 0 0;
	border:1px solid #efefef;
	background-color:#f7f7f7;
	padding:10px 10px 10px 10px;
}

#form label {
	display: block;
	float: left;
}
#form p.row{
	width:600px;
	float:left;
	margin:5px 0 5px 0;
}

#form p.row2{
	width:300px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 135px;
}
#form label{
	font:bold 8pt "Arial";
	width: 120px;
	padding: 0 15px 0 0;
	text-align:center;
}

.textarea{
	width:200px;
	height:150px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.input2{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}

.select{
	width:202px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Tahoma";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	margin-right:3px;
}


/* link-txt / text
------------------------------------ */
#title{
	font:bold 14pt "Trebuchet MS";
	color:#333;
	margin:0 0 2px 5px;
	text-transform:uppercase;
}

.subtitle{
	font:bold 12pt "Trebuchet MS";
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
}

.txt-red{
	color:#ff0600;
	font:bold 9pt "Arial";
}

.txt-red2{
	color:#ff0600;
	font:bold 7pt "tahoma";
}
.txt-black{
	color:#000;
	text-decoration:none;
}
.txt-black2{
	font:normal 8pt "Arial";
	color:#000;
}
.txt-orange{
	font:bold 8pt "trebuchet MS";
	color:#ff4e00;
}
.txt-orange2{
	font:bold 14pt "Trebuchet MS";
	color:#ff4e00;
}

.txt-orange3{
	font:bold 7pt "Tahoma";
	color:#ff4e00;
	float:left;
}

.txt-grey1 {
	color:#666;
	font:normal 8pt "Arial";
	font-weight: normal;
	text-decoration:line-through;
}

.txt-grey2{
	color:#666;
	font:bold 9pt "Arial";
}

a.txt-grey3{
	color:#666;
	font:normal 8pt "trebuchet MS";
}
a.txt-grey3:hover{
	color:#FF3300;
	font:normal 8pt "trebuchet MS";
}
.txt-grey4{
	font:bold 7pt "Tahoma";
}

	
/* footer
------------------------------------ */
#footer {
	width:941px;
	position: relative;
	margin: 0px auto;
	background:#ff5d00;
	text-align:right;
	font:normal 7pt "Tahoma";
	Color:#fff;
	text-decoration: none;
	padding:0 14px 10px 0;
}

#footer a{
	Color:#ffb58b;
	text-decoration: none;
}
#footer a:hover{
	Color:#fff;
	text-decoration: underline;
}


/* Accordion
------------------------------------ */

.toggler {
	cursor:pointer;
}
 
.element {
 
}

#accordion2 {
  width:100%;
	float:left;
	padding:0;
	margin:0;
	position:relative;
}