/* CSS Document */
*{ padding:0px; margin:0px;}
body{ background:url(../images/jordon_body.jpg) repeat-x #ffce3b;}
img{ border:none;}
a{ text-decoration:none; color:#3c3838; outline:none;}
a:hover{ text-decoration:none; color:#8d760a; outline:none;}
.clear{ clear:both;}

#jordon_background{ width:1024px; margin:0px auto;}

#jordon_main{ width:946px; margin:0px auto; font-family:Tahoma, Arial; font-size:11px; color:#5c5b5b;}

#jordon_header{ padding-top:10px; height:151px;}
.header_top{ height:99px;}
.top_text{ float:left; font-family:Arial Black; font-size:32px; color:#ffc300; line-height:32px; padding:18px 0 0 165px; width:500px; text-transform:uppercase;}
.top_text b{ color:#37A3DF; font-weight:normal;}
.top_text strong{ color:#ffc300; font-weight:normal;}
.top_right{ float:right; width:260px; font-family:Calibri, Arial; font-size:14px; color:#fff;}
.callus{ width:166px; padding:4px 12px 0; float:right; line-height:14px; margin-bottom:8px;}
.callus strong{ font-weight:normal; color:#fff156;}
.search{background:url(../images/searchbar.png) no-repeat; float:left; width:180px;}
.searchbar{ width:155px; background:none; height:17px; border:none; color:#333; font-size:11px; font-family:arial; margin:4px 5px 0 20px;}
.searchbtn{ background:url(../images/searchbtn.png) no-repeat; width:72px; height:23px; cursor:pointer; border:none; float:right;}

.menuarea{ height:52px; font-family:Arial; font-size:12px; font-weight:bold; color:#7f7f7f; text-transform:uppercase;}
.menu_lt{ width:16px; overflow:hidden; float:left; height:52px;}
.menu_rt{ width:16px; overflow:hidden; float:right; height:52px;}
.menu_mid{ width:914px; float:left; background:url(../images/menu_mid.jpg) repeat-x; height:44px; padding-top:8px;}
.logobox{ width:299px; position:absolute; z-index:4; margin:-117px 0 0 -137px;}
.menubox{ position:absolute; margin-left:141px; width:770px; z-index:2;}
.menubox ul{ list-style:none;}
.menubox ul li{ float:left; line-height:37px; background:url(../images/devider1.jpg) right center no-repeat; margin-right:3px;}
.menubox ul li a{ color:#7f7f7f; padding-right:14px; display:block; float:left; padding-left:14px;}
.menubox ul li:hover{ background:url(../images/nav_lt.jpg) no-repeat;}
.menubox ul li a:hover{ color:#cccccc; background:url(../images/nav_rt.jpg) right top no-repeat;}

#jordon_body{ background:url(../images/body_footer.jpg) left bottom no-repeat #fff; padding:10px 12px 24px 12px;}

.leftpanel{ width:203px; float:left; font-family:Calibri, Arial;}
.rightpanel{ width:710px; float:right;}

.categories{ background:url(../images/categorie_mid.jpg) repeat-y; margin-bottom:12px;}
.cate_top{ background:url(../images/categorie_top.jpg) no-repeat; height:4px; overflow:hidden;}
.cate_bottom{ background:url(../images/categorie_bottom.jpg) no-repeat; height:4px; overflow:hidden;}
.categories h3{ color:#fecd3a; font-family:Arial Narrow; font-size:28px; line-height:36px; text-align:right; padding-right:15px; font-weight:normal;}
.categories ul{ list-style:none; padding:3px 8px 4px 10px;}
.categories ul li{ background:url(../images/right_menu.jpg) no-repeat; height:28px; margin-bottom:2px; color:#fff; text-transform:uppercase; font-size:14px; padding-left:13px; line-height:27px;}
.categories ul li a{ color:#FFFFFF;}
.categories ul li a:hover{ color:#eebf36;}
.advertise{ text-align:center; padding-bottom:12px;}

.jordon_banner{ background:url(../images/jordon_banner.jpg) no-repeat; height:190px; padding:14px 0 0 12px; font-family:Calibri; font-size:14px; color:#3e3e3e; text-transform:uppercase;}
.quote_box{ background:url(../images/banner_yellowbg.png) no-repeat; width:216px; height:58px; margin-bottom:5px; padding:9px 0 0 12px; font-weight:bold;}
.quote_box p{ color:#ffcb00; padding-bottom:4px; display:block;}
.quoteField{ background:url(../images/quote_field.jpg) no-repeat; width:193px; height:25px; border:none; padding:3px;}
.zipbox{ background:url(../images/quote_field.jpg) no-repeat;}
.zipField{ width:183px; background:none; height:19px; border:none; margin:3px 5px;}

.left_contener{ width:484px; float:left; padding:30px 0 0 26px;}
.right_contener{ width:194px; float:right; padding-top:14px;}

.left_contener h5{ color:#0049ad; font-family:Arial Narrow; font-size:16px; line-height:16px; padding-bottom:10px; line-height:16px; font-style:italic; font-weight:normal;}
.left_contener h2{ font-family:Calibri, Arial; font-size:18px; color:#0049ad; text-transform:uppercase; padding-bottom:10px; line-height:18px;}
.left_contener h3{ font-family:Calibri, Arial; font-size:16px; color:#2a2a2a; font-weight:normal; padding-bottom:8px; line-height:16px;}
.left_contener h4{ font-family:Calibri, Arial; font-size:14px; color:#0289b5; font-weight:normal; padding-bottom:8px; line-height:14px;}
.left_contener p{ padding-bottom:15px;}
.left_contener ul{ list-style:disc; color:#534D4E; font-size:14px; font-family:calibri, Arial; font-weight:bold; padding:0 0 15px 16px;}
.left_contener ul li{ padding-bottom:3px;}
.support{ padding-left:15px;}
.support img{ vertical-align:middle; margin-right:10px;}

.testimonial{ padding:0 0 15px 3px;}
.right_contener a{ color:#f36e3b;}
.right_contener a:hover{ color:#333;}
.testimonial h2{ font-family:Arial Black; font-size:28px; color:#b83842; line-height:34px; text-indent:22px;}
.testimonial h2 b{ font-weight:normal; font-family:Arial Narrow; font-size:26px; color:#fff; display:block; text-transform:uppercase; background:url(../images/testimonial_bg.jpg) no-repeat; height:61px; padding:2px 0 0 0;}
.testimonial h2 strong{ font-weight:normal; font-family:Arial Narrow; font-size:26px; color:#fff; display:block; text-transform:uppercase; background:url(../images/testimonial_bg.jpg) no-repeat; height:61px; padding:2px 0 0 0;}
.textBox{ width:160px; margin:0px auto;}
.textBox p{ padding-bottom:3px;}
.textBox strong{ color:#028ab2;}
.viewmore{ text-transform:uppercase; font-size:12px; font-family: Arial; line-height:12px; background:url(../images/viewmore.jpg)  left bottom no-repeat; padding-left:26px; padding-top:3px;}
.rightboxdiv{ padding:15px 0;}

#jordon_footer{ background:#000000; padding:15px 22px; font-family:Calibri, Arial; font-size:14px; font-weight:normal; color:#fff; line-height:18px;}
#jordon_footer a{ color:#cde3e9;}
#jordon_footer a:hover{ color:#ffce3b;}
.cards{ padding-top:35px;}
.cards img{ margin-left:10px; vertical-align:middle;}

#support{ padding:15px; text-align:center; background:#EFEFF1;}
#support img{ vertical-align:middle; margin-right:10px;}
.left_contener h1{ font-family:Arial Black; font-size:20px; color:#534d4e; text-transform:uppercase; padding-bottom:10px; line-height:18px;}

.invalid { color:#FF0000;}
.sendbutton0{ background:url(../images/quotebtn.png); width:142px; height:35px; border:none;}
.componentheading { font-family:Arial Black; font-size:20px; color:#0489B4; text-transform:uppercase; padding-bottom:10px; line-height:18px;}




/*=================================Shopping Cart===============================================*/
.product_box{ margin:0 2px 9px 30px; float:left; min-height:196px; background:#fefefe; border:#e1e1e2 solid 1px; width:165px; padding:5px; line-height:normal;}

.price{ font-family:Calibri; font-size:18px; color:#000; padding:2px 0 2px 10px; font-weight:bold;}

.product_zone{ color:#333333; font-size:11px; background:#DADADA; padding:10px;}
.product_zone p{ padding:3px 0;}
.cart_area { text-align:center;}


.discount_box .contener{ background:#EFF6FF; padding:6px;}
.discount_box .contener h2{ font-size:20px; font-weight:bold; padding:2px 0 10px 0; color:#246197; background:none; font-style:italic;}

.discount_box .contener h3{ font-size:11px; font-weight:normal; padding-bottom:5px;}
.discount_box .contener .codebox{ float:left; width:150px;}
.discount_box .contener .cuponbtn{ font-size:11px; color:#fff; text-align:center; background:#246197; margin-left:5px; padding:6px 15px; float:left;}
.discount_box .contener .cuponbtn a{ color:#fff; text-decoration:none;}
.discount_box .contener .cuponbtn a:hover{ color:#C3D0DF; text-decoration:none;}


.prodetailbox{ margin:10px 0 0px 0;}
.product_area{ background:#EFF6FF; margin-bottom:10px; padding:8px;  border:1px solid #666;}
.product_area .pro_image{ width:140px; float:left; text-align:center;}
.product_area .pro_image img{ width:120px; margin-bottom:10px}
.product_area .proDetail{ width:280px; float:left; padding:0 10px 0 0; color:#32251d; font-size:11px; line-height:normal; }
.product_area .proDetail .proname{ color:#30981F; font-size:17px; font-weight:bold; padding-bottom:6px;}
.product_area .proDetail .Similar{ font-size:13px; font-weight:bold; padding-bottom:8px;}
.product_area .proDetail .Proprice{ color:#965299; font-size:11px;}


.pro_Detail{ width:300px; float:left; padding-left:10px;}
.pro_Detail .detail_box{ padding:7px 0 7px 0; line-height:16px;}
.pro_Detail .detail_box .item_title{font-size:11px; float:left; width:50%; color:#333; font-weight:bold; padding:0 8px 3px 6px; float:left;}
.product_area .pro_image1{ width:160px; float:left; text-align:center;}
.product_area .pro_image1 img{margin-bottom:10px}
.interested_pro{ padding:10px 0;}
.interested_pro img{ width:110px; height:96px; margin:0 5px 10px 0; border:#fff solid 1px;}
.interested_pro img:hover{border:#ccc solid 1px;}

.AddtoCart_BTN{ background:#666; float:left; padding:4px 15px; color:#fff; font-weight:bold; font-size:11px; text-transform:none; font-family:Tahoma;}
.AddtoCart_BTN a{ background:#666; float:left; padding:4px 15px; color:#fff; font-weight:bold; font-size:11px; text-transform:none; font-family:Tahoma;}
.AddtoCart_BTN a:hover{color:#DADADA;}

.addtocart_area{ background:url(.../images/right_bg.jpg) no-repeat; padding:11px 12px 14px 11px; color:#dadada; font-size:11px;}
.cart_box{ background:url(../images/box_mid.jpg) repeat-y;}
.cart_top{ background:url(../images/box_top.jpg) no-repeat; padding:7px 11px;}
.cart_bottom{ background:url(../images/box_bottom.jpg) no-repeat; height:5px; overflow:hidden;}
.cart_price{ color:#FECD3A; font-weight:bold; text-align:left; padding-right:4px;}
.floatRight{ float:right;}
.floatLeft{ float:left;}
.floatLeft a{ text-decoration:none; color:#FECD3A;}
.floatLeft a:hover{color:#fff;}
.checkout{ padding:5px 0; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:center;}
.checkout a{ margin-right:6px;}

.CartArea_box ul{ list-style:none; background:#DADADA; color:#de1202; width:100%; float:left;}
.CartArea_box ul li{ float:left; text-align:center; padding:0px 0; font-size:11px; font-weight:bold; min-width:40px;}
.CartArea_box .Item_Header{ background:#666; color:#fff; width:466px; border:1px solid #000;}
.CartArea_box .Item_Header li{ height:20px; line-height:36px; font-size:14px;}
.CartArea_box .ItemsList{ border-bottom:#fff solid 1px;  background:#DADADA;font-size:14px; width:466px; border:1px solid #000; margin-top:2px;}
.CartArea_box .ItemsList li{ height:90px; padding-top:8px; font-size:12px;}
.CartArea_box .ItemsList li .ItemImage{ border:#d1d0d0 solid 2px; background:#fff; padding:3px;}
.TotalPrice{ background:#666; color:#fff; font-weight:bold; font-size:11px; width:200px; float:right; padding:6px 10px; text-align:right;margin-top:2px;}

.registrationFieldSection div{ padding:3px 0;}
.registrationInput{ width:80%;}

.Delevery_Head{ padding:5px; font-family:"Calibri" Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.address_area{ border:#000 solid 1px; padding:5px; background:#DADADA; font-size:11px; color:#666;}
.address_area .change_address{ width:230px; float:left; padding-right:20px; color:#8d3892;}
.address_area .address_box{ width:150px; float:left; line-height:20px;}
.address_area .shipping_method{ width:100%;}
.address_area .shipping_method .shippingname{ width:220px; float:left; line-height:21px;}
.address_area .shipping_method .shippingrate{ width:120px; float:right; text-align:right;}
.address_area .shipping_method .clear1{ clear:both;}
.address_area .comment_box{ width:410px; height:120px;}
.address_area .AddressTXT { padding:6px 0;}
.address_area p a{ color:#965299; text-decoration:none;}
.address_area p a:hover{ color:#333; text-decoration:underline;}


.Item_Header .orderForm{ width:31%; text-align:left; padding-left:2%;}
.Item_Header .orderForm2{ text-align:left; padding-left:2%;}
.oRder{ background:#DFF3FF;}
.oRder .orderForm1{ width:31%; text-align:left; padding: 10px 0 10px 2%; color:#333333; height:inherit; float:left; background:#DADADA; font-size:11px; border:none; font-weight:normal; line-height:normal;}
.oRder .orderForm4{ text-align:left; padding: 10px 0 10px 2%; color:#333333; height:inherit; float:left; background:#DADADA; font-size:11px; border:none; font-weight:normal;}