@charset "utf-8";
/*-------------------------------------------------------------------General styles*/
*{margin:0; padding:0;}
html body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999; background:#3e3e3e url(../images/bodybg.gif) top  repeat-x;}
div,form,fieldset,ul,dl,dt,dd{ margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
em{font-style:normal;}
li{ list-style-type:none; display: block;}
img{ border:0; display:block;}
.clear{ clear:both;}

/*-------------------------------------------------------------------color styles*/
.red{ color:#f90014;}

/*-------------------------------------------------------------------color styles*/
.font12{ font-size:12px;}

/*-------------------------------------------------------------------links styles*/
a{ color:#999; text-decoration:none;}
a:link,a:visited{ color:#999; text-decoration:none;}
a:hover,a:active{ color:#fff; text-decoration:none;}

/*-------------------------------------------------------------------layout styles*/
#layout{ margin:0 auto; width:990px;}

/*-------------------------------------------------------------------header styles*/
#header{ position:relative; width:990px; height:100px; margin-bottom:12px; z-index:100;}
#logo {
	position:absolute;
	left:26px;
	top:0px;
	width:142px;
	height:100px;
}
#top{
    position:absolute;
	left:200px;
	top:16px;
	padding:0 15px 25px;
	width:760px;
	height:18px;
	line-height:18px;
	color:#fff;
	border-bottom:1px solid #ff0000;
}
#currency {
    float:left;
	display:inline;
	width:87px;
	height:18px;
	line-height:18px;
	color:#fff;
	margin-left:223px;
}
#currency label{ float:left; padding-right:10px;}
#currency img{ float:left; padding-right:3px;}
#menu {
    float:right;
	width:450px;
	height:19px;
	line-height:19px;
	text-align:right;
}
#new { -moz-background-inline-policy:continuous; background:url("http://www.redblackshoes.com/images/free.jpg") no-repeat scroll 0 0 transparent; height:48px; left:200px; position:absolute; top:0px; width:225px;  }
#menu a{ margin-left:6px;}
#islogin a{ padding:0 2px 0 2px; margin-left:0;}
.bag{ padding-left:22px; padding-top:6px; background:url(../images/icon/icon_bag.gif) left bottom no-repeat;}
.wishlist{ padding-left:20px; background:url(../images/icon/icon_wishlist.gif) left bottom no-repeat;}
#nav {
	position:absolute;
	left:200px;
	top:70px;
	width:550px;
	height:30px;
	z-index:100;
}
#mnav li{ list-style:none; float:left; padding-top:18px; width:auto; font-family:"Trebuchet MS"; font-size:14px;  line-height:12px; }
#mnav li a.topnav{ display:block; padding:0 20px 0 0 ; width:auto; color:#fff; text-decoration:none; }
#mnav li a.topnav:link,#mnav li a.topnav:visited{ color:#fff; text-decoration:none;}
#mnav li a.topnav:hover{ color:#f90014;  text-decoration:none; }
.sale{ padding-left:35px; color:#f90014;}
#sale {
	position:absolute;
	left:500px;
	top:3px;
	width:30px;
	height:30px;
}
#mnav li ul{
	position:absolute;
	top:30px;
	padding:26px 10px 14px;
	width:160px;
	display:inline;
	left:0;
	background:#333 url(../images/icon/icon_arrow_t.gif) top no-repeat;

}
#mnav li ul#nav_1b{	left:0px;}
#mnav li ul#nav_2b{	left:88px;}
#mnav li ul#nav_3b{	left:240px;}
#mnav li ul#nav_4b{	left:360px;}
#mnav li ul li{ display:block; width:160px; float:left; font-size:12px; padding:5px 0; font-weight:normal;list-style:none;clear:both;}
#mnav li ul a{ color:#999; text-decoration:none;}
#mnav li ul a:link,#mnav li ul a:visited{ color:#999; text-decoration:none;}
#mnav li ul a:hover{color:#fff; text-decoration:none;}
#search {
	position:absolute;
	right:15px;
	top:70px;
	width:156px;
	height:16px;
}
#search input{ float:left; padding:2px 0 2px 1px; width:105px; border:0; font:9px Verdana; color:#000;}
#search .search_btn{ float:left; width:46px; height:16px; background:url(../images/btn_search.gif) no-repeat; border:0; cursor:pointer;}

/*-------------------------------------------------------------------container styles*/
#container{ position:relative ; width:990px; height: auto;}
#container1{ position:relative ; width:990px; height: auto;}
#container2{ position:relative ; width:990px; }
#container3{ position:relative ; width:990px; }
.banner{ position:relative; width:990px; height:auto;}
.banner img{ float:left;}
#promotion{
	position:absolute; 
	right:0;
	top:0;
	width:177px;
	height:auto;
	}

/*-------------------------------------------------------------------footer styles*/
#footer{width:990px; margin:0 auto;}
.bottom{ float:left; padding:20px 18px; width:954px; color:#fff; background-color:#5c5c5b; border-bottom:1px solid #353535;}
.bottom .about{ float:left; width:402px; height:auto; }
.bottom p{ width:100%; font-size:10px; line-height:12px; padding-top:10px;}
h2{ width:100%; font-family:"Trebuchet MS"; font-size:12px; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #fff;}
.bottom .othermenu{ float:left; width: 166px; padding-left:18px;}
.bottom .othermenu img{ float:left; padding-top:10px;}
.bottom .othermenu ul{ padding-top:10px;}
.bottom .othermenu li{ width:100%; line-height:18px;}
.bottom .othermenu li a{ color:#fff; text-decoration:none;}
.bottom .othermenu li a:link,.bottom .othermenu li a:visited{ color:#fff; text-decoration:none;}
.bottom .othermenu li a:hover,.bottom .othermenu li a:active{ color:#f90014; text-decoration:none;}
.bottomemenu{ float:right; padding-top:15px; width:990px; font-size:10px; text-align:right; text-transform:uppercase;}

/*-------------------------------------------------------------------list styles*/
.uppercase{ text-transform:uppercase;}
.list_title{ float: left; width:758px; padding:0 0 12px 0;}
.list_title h5{ float:left; width:auto; text-align:left; font-size:18px; color:#333; font-family:"Trebuchet MS"; font-weight: normal;}
.list_title .pages{ float:right; width:auto;}
.list_title .pages a{ padding-left:5px;}
.list_title .pages a:link,.list_title .pages a:visited{ color:#828282; text-decoration:none;}
.list_title .pages a:hover,.list_title .pages a:active{ color:#393939; text-decoration:none;}
.list{ float:left; width:752px; height:auto; clear:both; padding-right:6px;}
.pr{ position:relative; float:left;right:0px; width:184px; height:320px; padding:14px 14px 0 0 0;}
.pr #new1 {
	position:absolute;
	left:4px;
	top:5px;
	width:47px;
	height:47px;
}
.pr1{ padding:14px 0 0 15px;}
.pr2{ padding:14px 15px 0 0;}
.pr .pimg{ padding:0 5px;border-bottom:5px solid #f2f1ed;}
.pr p{ float:left; width:160px; padding-top:4px; text-align:center;}
.pr4{ padding-right:0px;}
.prsale{ position:relative; float:left; right:0px; width:184px; height:335px; padding:14px 14px 0 0 0;}
.prsale #new2 {
	position:absolute;
	left:4px;
	top:10px;
	width:47px;
	height:47px;
}
.prsale p{ float:left; width:160px; padding-top:4px; text-align:center;}
.pname{ height:62px;}
.pnamesale{ height:60px;}
.pname a{ color:#828282; text-decoration:none;}
.pname a:link,.pname a:visited{ color:#828282; text-decoration:none;}
.pname a:hover,.pname a:active{ color:#393939; text-decoration:none;}
.pprice{ font-size:12px; color:#393939;}
.new{ font-size:12px; font-weight:bold; color:#ff0000;}

/*-------------------------------------------------------------------product styles*/
#left{ float:left;
width:202px; min-height:880px; background:#4e4e4e url(../images/leftbg.jpg) top no-repeat; display:inline;}
#listleft{ 
float:left; 
width:202px; background:#4e4e4e url(../images/leftbg.jpg) top no-repeat; }
#detailleft{ position:absolute; 
top:0;
left:0; width:202px; height:780px; background:#4e4e4e url(../images/leftbg.jpg) top no-repeat;display:inline;}
#helpleft{ position:absolute; 
top:0;
left:0; width:202px; height:1450px; background:#4e4e4e url(../images/leftbg.jpg) top no-repeat;display:inline;}
.catalog{ float:left; padding:0 0 6px 22px; width:180px;}
h4{ width:180px; padding:24px 0 14px; font:14px "Trebuchet MS"; color:#fff; text-transform:uppercase;}
.catalog li{ width:180px; font:12px/24px "Trebuchet MS";}
.catalog li a{ color:#fff; text-decoration:none;}
.catalog li a:link,.catalog li a:visited{ color:#fff; text-decoration:none;}
.catalog li a:hover,.catalog li a:active{ color:#f90014; text-decoration:none;}
#right{ float:right; padding:20px 15px; width:758px; min-height:750px; background:#fff;}
#right .left{ float:left; width:482px; margin-right:30px;}
#right .left .back-next{ float:left; width:482px; font-size:10px;  text-transform:uppercase; padding-bottom:22px;}
#right .left .back-next a{ padding-right:15px; color:#666; text-decoration:none;}
#right .left .back-next a:link,#right .left .back-next a:visited{ color:#666; text-decoration:none;}
#right .left .back-next a:hover,#right .left .back-next a:active{ color:#333; text-decoration:none;}
#right .left .large{ float:left; padding:0 30px; width:420px; height:420px; border:1px solid #ededed; margin-bottom:8px;}
#right .left .enlarge{ float:left; width:480px; height:18px; font-size:11px; line-height:18px; text-align:center;background-color:#eaeaea; margin-bottom:8px; }
#right .left .enlarge a{ color:#666; text-decoration:none;}
#right .left .enlarge a:link,#right .left .enlarge a:visited{ color:#666; text-decoration:none;}
#right .left .enlarge a:hover,#right .left .enlarge a:active{ color:#666; text-decoration:none;}
#small{ float:left; width:482px; height:auto; margin-bottom:15px;}
#small img{ float:left; margin-right:4px; border:1px solid #ededed;}
#right .left .aslo{ float: left; width:482px; height:auto;}
#right .left .aslo .title{ width:362px; padding:3px 0 5px 0; margin-right:120px; border-top:1px solid #cecdd2; font:12px "Trebuchet MS"; color:#333; text-transform:uppercase;}
.also_pr{ float:left; width:112px; margin-right:8px;}
.also_pr img{ border:1px solid #ededed;}
.also_pr p{ float:left; width:112px; text-transform:uppercase; padding-top:5px;}
.also_pr .name{ height:40px;}
.also_pr .name a{ color:#666; text-decoration:none;}
.also_pr .name a:link,.also_pr .name a:visited{ color:#666; text-decoration:none}
.also_pr .name a:hover,.also_pr .name a:active{ color:#333; text-decoration:none;}

#right .right{ float:left; width:246px; height:auto;}
#right .right .help{ float:left; width:246px; text-align:right; text-transform:uppercase; padding-bottom:22px;}
#right .right .help  a{color:#666; text-decoration:none;}
#right .right .help  a:link,#right .right .help a:visited{ color:#666; text-decoration:none;}
#right .right .help  a:hover,#right .right .help a:active{ color:#333; text-decoration:none;}
#right .right h1{ float:left; width:246px; font-size:12px; font-weight:normal; line-height:18px; color:#666; text-transform:uppercase;}
#right .right .review{ float:left; width:206px; font-size:11px; padding-bottom:8px; border-bottom:1px solid #ededed; height:auto;}
#right .right .review a,#right .right .review a:link,#right .right .review a:visited,#right .right .review a:hover,#right .right .review a:active{ color:#333; text-decoration:none;}
#right .right p{ float:left; width:246px; font-size:10px; color:#666; line-height:14px; padding-top:18px; margin:0;}
/*#right .right label{ float:left; width:130px; margin-top:6px;}*/
#right .right select{ float:left; width:168px; height:18px; margin-top:6px; font-size:11px; color:#000;}
/*#right .right input{ float:left; width:112px; height:16px; border:1px solid #666; margin-top:6px;}*/
/*#right .right textarea{ float:left; width:114px; height:60px; border:1px solid #666; margin-top:6px;}*/
#right .right .addtowishlist{ padding-top:8px; }
#right .right .addtowishlist a,#right .right .addtowishlist a:link,#right .right .addtowishlist a:visited,#right .right .addtowishlist a:hover,#right .right .addtowishlist a:active{color:#000; text-decoration:none;}

/*shoppingbag*/
.shoppingbag{ float:left;width:758px; height:auto;}
.shoppingbag a{ color:#828282; text-decoration:none;}
.shoppingbag a:link,.shoppingbag a:visited{ color:#828282; text-decoration:none;}
.shoppingbag a:hover,.shoppingbag a:active{ color:#393939; text-decoration:none;}
.shoppingbag .bag_cont{ float:left; padding:12px 0;  border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align:left;}
.shoppingbag .bag_cont1{ float:left; clear:left; border-top:1px solid #ebebeb; text-align:left;}
.bag_cont1 table{ margin:12px 0;}
.shoppingbag .bag_cont img{ float:left; margin-right:10px;}
.shoppingbag .bag_cont .a2{ float:left; width:568px; padding:8px 0;border-top:1px solid #ebebeb;}
.shoppingbag .bag_cont .a1{ float:left; color:#666;}
.shoppingbag .bag_cont .a2 .qty_box{ float:left; width:233px;}
.subtotal{ float:left; width:235px; font-size:12px; text-transform:uppercase; color:#393939;}
.subtotal_price{ float:left; width:100px; font-size:12px; text-transform:uppercase; color:#333333;}
.qty{ width:60px; height:20px; border:1px solid #ccc; }
.remove{ padding-left:15px; background: url(../images/icon/icon_remove.gif) left center no-repeat;}
a.btn_continue{ margin-left:10px; float:left; padding-left:10px; width: auto;text-align:center; font-size:12px; line-height:12px; background: url(../images/icon/icon_continue.gif) left center no-repeat; text-decoration:none; border:0; cursor:pointer; text-transform:uppercase;}
a.btn_checkout{ float:right; padding: 0 10px;width: auto; height:20px; text-align:center; font-size:12px; line-height:20px; color:#fff; background-color:#828282; text-decoration:none; border:0; cursor:pointer; text-transform:uppercase; margin-left:5px;}
a.btn_checkout:link,a.btn_checkout:visited{color:#fff; background-color:#828282; text-decoration:none;}
a.btn_checkout:hover,a.btn_checkout:active{color:#fff; background-color:#393939; text-decoration:none;}
.promcode_input{ float: left; padding:0 0 0 5px; width:128px; height:19px; font: 11px "trebuchet MS"; color:#828282; border:1px solid #ccc; margin-right:5px;}
a.secure_items{ padding-left:16px; line-height:18px; text-transform:uppercase; background:url(../images/icon/icon_dian.gif) left center no-repeat;}
.progress_step1{ float:left; width:758px; height:25px; background:url(../images/progress_step.jpg) no-repeat; margin:10px 0;}
.progress_step2{ float:left; width:758px; height:25px; background:url(../images/progress_step.jpg) 0 -25px no-repeat; margin:10px 0;}
.progress_step3{ float:left; width:758px; height:25px; background:url(../images/progress_step.jpg) 0 -50px no-repeat; margin:10px 0;}
.card_select{ width:74px; height:18px; margin-right:4px;}

/*usercenter*/
.usercenter{float:left;padding:25px 25px;width:708px;color:#333; background-color:#FFFFFF;}
.usercenter a{ color:#828282; text-decoration:none;}
.usercenter a:link,.usercenter a:visited{ color:#828282; text-decoration:none;}
.usercenter a:hover,.usercenter a:active{ color:#393939; text-decoration:none;}
fieldset, img {
border:0 none;
}
form { font-size:1em;}
form legend{ color:#393939; font-size:12px; font-weight:600; text-transform:uppercase; margin-bottom:10px; padding-top:8px;}
.aw{ color:#393939; font-size:12px; font-weight:600; text-transform:uppercase; margin-bottom:10px;
}
form div.formElement, div.formElementFr, div.formElementDe, .formElementIt {
margin-bottom:8px;
}
.error{ font-size:11px; color:#f00; padding:0 0 0 5px;
}
.inputlable{ padding:1px 0 1px 1px; border:0; border-top:1px solid #ccc; border-left:1px solid #f0f0f0; width:220px;
}
.tables a:link,.tables a:visited{ color:#f00; text-decoration:underline; font-size:11px;
}
.tables a:hover{ text-decoration:none; color:#000;
}
p {
margin:0 0 20px;
}
label {
cursor:default;
}
input, select {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
}
textarea, select, checkbox {
border:1px solid #DBDBDB;
}
.upperCase {
text-transform:uppercase;
}
div.wrapBtn {
cursor:pointer;
}
a.btn {
padding:2px 8px;
text-decoration:none;
text-transform:uppercase;
color:#fff;
background-color:#666;
}
a.btn:link,a.btn:visited{
padding:2px 8px;
text-decoration:none;
text-transform:uppercase;
color:#fff;
background-color:#666;
}
a.btn:hover{
text-decoration:none;
color:#fff;
background-color:#333;
}
caption, th {
text-align:left;
}
/*login-register*/
form#registerForm {
float:left;
width:40%;
}
form#loginForm {
float:left;
width:40%;
}
form#paymentForm {
float:left;
margin-right:15px;
border-right:1px solid #ededed;
width:50%;
}
/*myaccount*/
#accountLeftCont {
float:left;
width:250px;
}
#accountLeftCont h2 {
margin-bottom:20px;
margin-top:0;
}
#accountLeftCont ul#accountNav li {
margin:0;
padding:0 0 10px;
}
#accountLeftCont ul#accountNav li p{ margin-top:15px;}
.accountRightCont {
float:left;
margin-left:20px;
width:383px;
}
.accountRightCont h4.subHeaderAcc {
margin-bottom:20px;
margin-top:40px;
}
.accountRightCont h4 {
margin-bottom:10px;
margin-top:10px;
}
.accountRightCont form fieldset .formFieldAlign {
padding-right:130px;
}
.accountRightCont form fieldset .formFieldAlign .changeDetailsSubmit.btn {
float:right;
width:125px;
}
.accountRightCont h3#accAddress {
margin-bottom:0;
}
ul.addressBook {
padding:15px 0 0;
}
ul.addressBook li {
padding:2px 0;
}
ul.addressBook li.address {
clear:both;
}
ul.addressBook li.addressButton {
display:block;
float:left;
margin-bottom:10px;
margin-top:10px;
padding-right:10px;
}

form#addANewAddressForm {
margin:0 30px 30px 0;
padding-top:20px;
}
form#addANewAddressForm h3.upperCase {
clear:both;
margin-bottom:0;
padding-bottom:20px;
}
input#searchPostcode, input#searchPostcode_2 {
width:60px;
}
input#findAdd {
background-color:#FFFFFF;
border:0 none;
margin-left:10px;
}
input.plainBtn {
background-color:#FFFFFF;
border:0 none;
color:#666666;
cursor:pointer;
font-size:0.91em;
text-transform:uppercase;
}
.clear{ clear:both;}

form#addANewAddressForm fieldset .saveButton {
float:right;
padding-right:15px;
}

table#wishlistTable {
font-size:1em;
width:99%;
}
table#wishlistTable thead tr th#imageHeader {
visibility:hidden;
}
table#wishlistTable thead tr th {
border-bottom:1px solid #DBDBDB;
padding:0 5px 5px 0;
}

/*-------------------------------------------------------------------customer service styles*/
.helpinfo{ float:left; width:730px; height:auto; padding:12px 7px 12px 0; border-top:1px dotted #ebebeb;}
.helpinfo h6{ float: left; margin-top:15px; width:730px; height:auto;font-size:14px; font-weight:normal; line-height:18px; color:#000;text-transform: uppercase; padding-top:10px;border-top:1px dotted #ebebeb;}
.helpinfo p{float: left; width:730px; text-align:left; font-size:11px; line-height:16px; color:#5c5c5c; padding:8px 0 0; margin:0;}


.hidden{ display:none;}

.hidden p{ padding:20px 0 0 0;
}
.progress{ float:left; height:26px; padding:20px 10px;}
.progress li{ float: left; width:auto; height:26px; font-size:14px; line-height:26px; text-align:center; cursor:pointer}
.progress li.a3{ float:left; width:230px; height:26px; color:#fff; background:#000;}
.progress li.a3 a{ color:#ccc; text-decoration:none}
.progress li.a4{ float:left; width:230px; height:26px;color:#fff; background:#ccc;}
.progress li.a4 a{ color:#000}

.awt{ float:left; width:600px; padding:0 0 10px 0; margin-left:20px; display:inline;
}
.awt h3{ font-size:14px;
}
.all_input{ padding:1px 0 1px 1px; border:0; border-top:1px solid #ccc; border-left:1px solid #f0f0f0; width:200px;
}
.input2{ padding:1px 0 1px 1px; border:0; border-top:1px solid #ccc; border-left:1px solid #f0f0f0; width:250px; margin-bottom:15px;
}
.awt td{ font-size:12px; color:#333; padding:2px 0 2px 0;
}
.paw{ padding:40px 0 0 10px;
}
.se select{ float:left; margin-right:5px; width:100px;
}
.uu{ margin:10px 0 10px 0; float:left; list-style:disc;
}
.uu li{ list-style:disc; padding:5px 0 0 0; color:#5c5c5c; 
}
.paw{ line-height:290%; font-size:24px; color:#000;
}
.pp1{ text-decoration:line-through;
}
.pp2{ color:#a41919; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
.pp3{ font-size:11px;
}
.fre label{ float:left; display:block; width:95px; padding:5px 0 0 0; 
}
.fre p{ display:block;
}
.in1{ float:left; width:100px; margin:6px 0 0 0; border:1px solid #666;
}
.in2{ float:left; width:140px; margin:6px 0 0 0; border:1px solid #666;
}
.se{ float:left; padding:5px 64px 0 0;
}
.f1{ padding:10px;  border:0; border-top:1px solid #ccc; border-left:1px solid #f5f5f5; margin:0;
}
.con{ padding-bottom:15px;
}
.con a{ color:#f00;
}
.con a:hover{ color:#333;
}