/**

 *

 * Main CSS Stylesheet Attach

 *

 * Added by hustlyf

 */

 

* { margin:0; padding:0;}

body { background:url(../images/top-bg.gif) top repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; color:#686868;}

body#indexHomeBody { background-image:url(../images/top-bg-index.gif); }

table, td {border-collapse:collapse; font-size:100%; }

table, td, img, a img {border:0;}

form, td {margin:0; padding:0;}

td { vertical-align:top; text-align:left;}



a {color:#000; outline:none; text-decoration:none;}

a:hover{text-decoration:none;}

p, ul, ol, dl, dt, dd, form, blockquote {margin: 0;padding: 0;}

em {font-style:normal;}

img {border:0; vertical-align:top;}

ul, ol, dl { list-style:none;}



input, select, textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#010101; border:solid 1px #e3e3e3; padding:2px; background:#fdfdfd; }



.clearfix:after, .centerBoxList:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

*html .clearfix, *html .centerBoxList {height:1%;}

*+html .clearfix, *+html .centerBoxList {height:1%;}



.fleft { float:left;}

.fright { float:right;}

.clear{clear:both;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.extra{	width:1020px;margin:0 auto; }

.main-width { width:1000px; margin:0 auto; text-align:left;}

.cont{ width:100%; overflow:hidden; margin:0 auto; position:relative;}

.wrapp{ padding:0 0 15px; }



.wrapper{ width:100%; overflow:hidden;}

.container { width:100%;}

.column-1, .column-2, .column-3{ float:left;}



/*===================head======================*/

.header{ width:100%; height:30px; }

.header .top{ width:1000px;margin:0 auto; }

.header .nav-links{ float:right; color:#999; padding:5px 0 0; font-size:11px; }

.header .nav-links span{ color:#222; margin-left:3px; }

.header .nav-links a{ color:#999; margin-left:3px; text-decoration:none;}

.header .nav-links strong a,

.header .nav-links a.s{ color:#40366b; font-weight:bold; }

.header .nav-links a:hover { text-decoration:underline; }

.header .currencies{ float:left; font-size:11px; color:#999; padding:5px 10px 0 0;}

.header .currencies select{ border:solid 1px #ddd; font-size:11px; color:#666; width:110px; padding:1px;}

.header .lang{ float:left; padding:7px 17px 5px 0; }



#header{}

#header .menu{ height:51px; position:relative; overflow:hidden; }

#header .menu ul{padding:0;margin:0;}

#header .menu ul li{float:left; height:49px; margin-top:1px; overflow:hidden; border-left:1px solid #fff; border-right:1px solid #b0b0b0;}

#header .menu ul li a{text-decoration:none;text-transform:uppercase;color:#333;font-size:14px;font-weight:bold;line-height:18px;padding:15px 18px 16px;display:block;}

#header .menu ul li.logo{ border-left:1px solid #b0b0b0; }

#header .menu ul li.logo a{ display:block;width:62px;height:49px;background:url(../images/logo.png) no-repeat center 10px;padding:0 20px;}

#header .menu ul li a:hover{color:#40366b;}



#header .menu-bot{ clear:both; height:41px; padding:9px 0; overflow:hidden; }

#header .cart{ float:left; margin:0 15px 0 0; color:#333; height:41px; padding-right:105px; background:url(../images/secure.png) no-repeat right top; }

#header .cart-bg{ height:21px; line-height:21px; margin-top:10px; background:url(../images/icon-cart.png) no-repeat 0 6px; padding-left:22px; }

#header .cart a{ color:#333; text-decoration:none;}

#header .cart strong a{ color:#40366b; }

#header .free{ float:left; padding:4px 15px; margin:6px 0; color:#666; line-height:21px; border-left:1px solid #999; }

#header .free strong{font-size:16px; font-weight:bold; color:#333; margin-right:6px; }



#header .search{float:right;margin-top:7px;}

#header .search form{ float:left;}

#header .search .input1{ float:left; border:1px solid #dcd9d9;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:relative;padding:3px 3px 2px 3px;width:180px;height:21px;}

#header .search .input2{ padding:0; border:none; float:left; margin:0;}



/*===================banner======================*/

.slider{width:1000px;height:400px; margin-bottom:10px;overflow:hidden;position:relative;}

#faded{position:relative;}

#faded div{overflow:hidden;width:1000px;height:400px;}

#faded .pagination{position:absolute;bottom:15px;left:945px;z-index:10;margin:0;}

#faded .pagination li{width:11px;height:11px;float:left;position:relative;margin-right:3px;}

#faded .pagination li a{display:block;text-indent:-10000px;background:url(../images/pagination.png) no-repeat right top;}

#faded .pagination li a:hover,

#faded .pagination li.current a{background:url(../images/pagination.png) no-repeat left top;}



/*===================mainbody======================*/

.column-center-padding{ width:740px; overflow:hidden; }

.column-center-padding table, .column-center-padding td{ background:#fff; }



/*product list*/

.product-col{ width:176px!important; border:1px solid #f0eeee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; padding:8px 0 12px; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background:#fff; margin:0 0 10px; }

.product-col-over{ border-color:#40366b; }

.product-col2{ margin-left:2px; }

.product-col3{ margin-left:4px; }

.product-col0{ margin-left:6px; }

.product-col .img{ text-align:center; margin-bottom:3px; height:132px; overflow:hidden; }

.product-col .img img{ width:160px; }

.product-col .name{ color:#504b4b; font-weight:normal; text-decoration:none; font-size:12px; line-height:18px; display:block; height:36px; overflow:hidden; padding:0 8px; margin-bottom:8px; }

.product-col-over .name{ color:#40366b; }

.product-col .price{ padding-bottom:9px; font-family: 'Oswald', Arial; color:#40366b; font-weight:normal; font-size:19px; line-height:20px; }

.product-col .price b{ font-weight:normal; }



/* product info */

.productInfo { padding:10px 0; }

.productInfo #product_flash_page{ width:740px; overflow:hidden; position:relative; }

.recent_flash_prev, .recent_flash_next{z-index:10; height:70px;width:13px;display:block; top:0; position:absolute; cursor:pointer;}

.recent_flash_prev {background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/bg_catgoods.png) no-repeat -141px 7px; left:0;}

.recent_flash_next {background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/bg_catgoods.png) no-repeat -154px 7px; right:0;}

#recent_flash_smallPage{ display:none; }

#recent_flash_small { background:#f0f0f0; margin:0 0 0 13px; padding:7px; width:700px; height:71px; overflow:hidden; }

#recent_flash_small li{width:70px; float:left; height:78px; text-align:center; background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/bg_catgoods.png) no-repeat -70px 0; }

#recent_flash_small li.selected{ background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/bg_catgoods.png) no-repeat 0 0;}

#recent_flash_small li img{ width:64px; margin-top:13px;}



.productInfo .productTop{ padding-top:10px; }

.productInfo .productTop .tl{ width:315px; overflow:hidden; float:left; }

.productInfo .productTop .tr{ width:425px; float:right; overflow:hidden; }



 

 

 

 

.view_scroll_left, .view_scroll_right, .view_scroll_left_more, .view_scroll_right_more{ display:block; background: url('http://www.jordan-retro.org/includes/templates/jrjor/images/thumbs_left_no.gif') no-repeat center 28px;text-indent:-9999px; width:10px; height:80px; float:left; padding:0 2px; cursor:pointer; }

.view_scroll_right{ background-image:url('http://www.jordan-retro.org/includes/templates/jrjor/images/thumbs_right_no.gif');}

.view_scroll_left_more{ background-image:url('http://www.jordan-retro.org/includes/templates/jrjor/images/thumbs_left.gif');}

.view_scroll_right_more{ background-image:url('http://www.jordan-retro.org/includes/templates/jrjor/images/thumbs_right.gif');}



.productTop .tr #tr_body_info{ padding:10px 15px; border:1px solid #ddd; background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/product_info_bg.gif) #fff no-repeat top; }

#tr_body_info .productName{ font-size: 20px; font-weight: normal; color:#000; line-height: 150%; }

#tr_body_info #productPrices{ font-weight:normal; font-size:20px; line-height:150%; }

#tr_body_info #productPrices b, #tr_body_info #productPrices .bigPrice{ color:#ff0000; font-weight:normal; }

#tr_body_info #productPrices .productPriceDiscount{ display:none; }

#tr_body_info #productDetailsList{ margin:0; }

#tr_body_info #productDetailsList li{ line-height:200%; background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/list_background.gif) no-repeat 0 9px; padding-left:12px; }

#tr_body_info #productAttributes { padding-top:5px; color:#333; }

#tr_body_info #productAttributes select{ width:200px; padding:10px 5px; border:1px solid #ddd; background:#fff; }

#tr_body_info #discountPolicy h3{ padding:5px 0 0; }

#tr_body_info #discountPolicy ul{ list-style:disc; }

#tr_body_info #addToCart {text-align: left; padding-top:10px; height:42px; color:#333; position:relative; }

#tr_body_info #addToCart #cart_quantity{ width:40px; text-align:center; padding:9px; color:#555; border:1px solid #ddd; background:#fff;}

#tr_body_info #addToCart .submit input{ position:absolute; top:14px; left:120px; border:0; padding:0; }



.productTop .tr #tr_body_writereview{ margin:10px 0; padding:10px 15px; border:1px solid #ddd; background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/product_info_bg.gif) #fff no-repeat top; }

#tr_body_writereview h2{ text-transform:uppercase; font-weight:normal; border-bottom: 1px solid #ddd; margin-bottom:10px; padding-bottom:8px; }

#tr_body_writereview .reviewLogin{ padding:15px 0; }

#tr_body_writereview .reviewsWrite .boxInput{ margin-bottom:8px; font-weight:bold; }

#tr_body_writereview .reviewsWrite .buttonRow{ text-align:right; }

#tr_body_writereview .reviewsWrite textarea{ width:385px; }

#tr_body_writereview .reviewsWrite span{ margin-right:5px; font-weight:normal; }



.productDescription { padding:0 5px 20px; line-height:180%; color:#666; }

.reviewsBox .reviewItem{ padding-top:10px; border-top:1px solid #ddd; }

.reviewsBox .first{ border:0; padding:0; }



/* news */

.newsMain { color:#333; line-height:160%; padding-bottom:15px; }

.newsMain .newsHeadlineText{ border-bottom:1px solid #dfdfdf; padding-bottom:5px; margin-bottom:10px; }



.newsMain .articleHeading, 

.newsMain .articleHeading h2{ font-weight:bold; font-size:16px; color:#333; padding-bottom:5px; font-family:Arial; text-transform:capitalize; }

.newsMain .articleHeading h1{ font-size:16px; color:#40366b; padding:5px 0; }

.newsMain .articleHeading a:link{ text-decoration:none; color:#40366b; }

.newsMain .articleHeading a:hover{ text-decoration:underline; }

.newsMain .articleHeading a:active, .newsMain .articleHeading a:visited{ color:#aaa; text-decoration:none; }



.newsMain .articleByLine { padding:0 0 5px; margin-bottom:10px; border-bottom:1px dotted #dfdfdf; color:#333; font-size:11px; }

.newsMain .articleByLine .author,

.newsMain .articleByLine .date,

.newsMain .articleByLine .comments { display:inline-block; background-image:url(http://www.jordan-retro.org/includes/templates/jrjor/images/news-icon.png); height:16px; line-height:16px; background-repeat: no-repeat; padding:0 10px 0 20px;}

.newsMain .articleByLine .date{ background-position: left 0; }

.newsMain .articleByLine .author{ background-position: left -20px; }

.newsMain .articleByLine .comments { background-position: left -40px; }



.newsMain .articleContent{ clear:both; padding:10px 0; }

.newsMain .articleContent p{ clear:both; margin-bottom:20px; text-align:left; }

.newsMain .articleContent a{ color:#40366b; }

#newsarticleDefault .articleContent{ font-size:13px; color:#000; }



.newsMain .pageLink a{ display:block; cursor:pointer; text-align:center; text-decoration:none; color:#fff; width:104px; height:25px; line-height:24px; background:url(http://www.jordan-retro.org/includes/templates/jrjor/images/news-page-bg.gif) no-repeat; font-weight:bold; }

.newsMain .pageLink a:hover{ color:#FFFF00; }



.newsMain .archiveLinkList li{ list-style:circle; }

.newsMain .articleText a{ font-size:11px; color:#40366b; }



.newsMain .clearSplit{ clear:both; }

.newsMain .splitSolidGray{ margin:10px 0; clear:both; }



/* news comment */

.newsMain .commentsNone{ padding:15px 30px 5px; }

.newsMain .commentsHeading { border-top:1px dotted #dfdfdf; margin-top:8px; padding-top:8px; }

.newsMain .commentsHeading .commentsSubject{ font-size:13px; font-weight:bold; }

.newsMain .commentsHeading .commentsDate{ font-size:11px; color:#999; }

.newsMain .commentsHeading .commentsAuthor{ font-size:12px; font-weight:bold; color:#333; margin-right:5px; }

.newsMain .hasSubject .commentsAuthor{ font-size:11px; color:#999; font-weight:normal; margin-right:0; }

.newsMain .commentsBody { padding:10px 0 5px; }



.newsMain .commentsFieldSet{ padding:5px 30px 15px; margin-top:10px; }

.newsMain .commentsFieldSet a{ color:#40366b; }

.newsMain .commentsFieldSet label{ font-weight:bold; display:block; }

.newsMain .commentsFieldSet .commentsInput{ height:50px; text-align:left; }

.newsMain .commentsFieldSet .commentsInput input{ width:400px; }

.newsMain .commentsFieldSet .commentsText textarea{ width:99%; height:120px; }

.newsMain .commentsFieldSet .commentsSubmit{ text-align:right; padding-top:10px; }

.newsMain .commentsFieldSet .commentsSubmit input{ border:0; padding:0; }



/* other pages */

#checkoutSuccessBox div{ text-align:center; line-height:150%; margin-bottom:15px; }

#checkoutSuccessBox div img{ float:left; }



/*===================foot======================*/

#footer{}

#footer .bot1{ background:url(../images/footer-bg.gif) repeat-x #ddd; }

#footer .bot1 .bot1_box{ width:1000px; margin:0 auto; padding:20px 0 0; height:150px; font-size:13px; }

#footer .bot1 a{ text-decoration:none; color:#666; }

#footer .bot1 a:hover{ text-decoration:underline; }

#footer .bot1 h2{ font-size:16px; color:#333; text-transform:uppercase; height:24px; border-bottom:1px solid #ccc; margin-bottom:10px; }

#footer .bot1 .col1, #footer .bot1 .col2, #footer .bot1 .col3{ width:220px; float:left; margin-right:40px; }

#footer .bot1 .col3 a{ text-decoration:underline; }

#footer .bot1 .col4{ width:220px; float:left;}

#footer .bot1 .col4 .payment{ height:75px; background:url(../images/payment.png) no-repeat 0 0; }



#footer .bot2{ padding:15px 0; background:#444; clear:both; }

#footer .bot2 .bot2_box{ width:1000px; margin:0 auto; }

#footer .bot2 a{ color:#aaa; margin:0 5px; text-decoration:none;}

#footer .bot2 a:hover{ text-decoration:underline; }

#footer .bot2 .keywords{ float:left;}

#footer .bot2 .copyright{ float:right; }