@charset "utf-8";
/* CSS Document */
body, input, a, b, i, p, li, ul, div, dd, dl {padding: 0; margin:0;}
body {color: #2F2F2F;font: 12px/1.55 Arial,Helvetica,sans-serif;margin: 0 auto;}
li {list-style: none outside none;}
a:link ,a:visited { color:#7d7d7d;text-decoration:none;}
a:hover { color:#C76200; }
h1 {color: #333333;font-size: 1.333em;font-weight: bold; margin: 0 0 0.75em;padding: 0;}
img { border:0;}


#main_wrapper { width:1000px; margin:0 auto;}

/*header-----------------------------------------*/
#header { width:980px;  position:relative;}
.logo {  height:70px; border:0;   color: #333333;
    font: 40px/40px 'Droid Serif',Georgia,'Times New Roman',serif;
    margin: 0;
    text-shadow: 1px 1px 0 #F6F6F6, 2px 2px 0 #D6D6D6;
    text-transform: capitalize;
    vertical-align: middle;
	padding:20px 0px;
	text-align:center;}
.top_bg {  width:802px; height:129px; float:right;}
.clear { clear:both; height:0;}
#tab_nav { height:39px; background: none repeat scroll 0 0 #999933;}
#tab_nav ul { list-style:none;}
#tab_nav li.home-link a {background: url("../images/home_tab.gif") no-repeat scroll left 0 transparent;display: block;height: 29px;padding: 0 20px 10px 18px;width: 2px;}
#tab_nav li {float: left;display: block;padding: 10px 20px 10px 18px; color:#ffffff;}
#tab_nav li a {background: url("../images/bg_tabs_right.gif") no-repeat scroll right 0 transparent;display: block;padding: 10px 20px 10px 18px;color: #FFFFFF;}
#tab_nav a {color: #FFFFFF;text-decoration: none;}
#tab_nav li:hover a {background-position: right -41px;}
#tab_nav li ul {height: auto;margin: 0;padding: 0;position: absolute;width: 200px;z-index: 9999; top:40px;}
#tab_nav li li {float: none;line-height: 24px;text-align: left;}
#tab_nav li li a, #tab_nav li li a:link, #tab_nav li li a:visited {background: none repeat scroll 0 0 #898989;border-bottom: 1px dotted #CCCCCC;color: #FFFFFF;margin: 0;padding: 0 1px;position: relative;text-transform: none;width: 198px; text-indent:10px;}
#tab_nav li li a:hover, #tab_nav li li a:active {background: none repeat scroll 0 0 #FFFFFF;color: #333333;}
.search { height: 33px;padding: 0;position: absolute;right: 100px;top: 138px;width: 280px;}
.search input.input-text {color: #666666;float: left;font-size: 12px;height: 14px;line-height: 14px;padding: 2px;width: 167px;}
button.button {background: none repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;margin: 0;overflow: visible;padding: 0;width: auto;}




/*container----------------------------------------*/
#container { background: none repeat scroll 0 0 #FFFFFF;margin: 0 auto; padding: 0 3px;width: 972px;}
.left {background: none repeat scroll 0 0 ;border: 0 solid #858585;display: block;float: right;height: 100%;width: 200px;margin-top: 5px;}
.ugg_left_title {background: url("../images/cate_gb.gif") repeat-x scroll 0 0 transparent;color: #FFFFFF;font-size: 14px;height: 30px;line-height: 30px;text-indent: 0.5em}
.left_menuNav {float: left;width: 194px;}
.left_menuNav li {border-bottom: 1px dotted #000000;color: #515151;font-size: 12px;font-weight: normal;padding-left: 10px; line-height:26px;}
.left_menuNav li a { border-bottom: 0 solid #EAE1CB;color: #000000;display: block;color: #515151;font-size: 12px;font-weight: normal;padding-left: 10px;}
.left_menuNav li li {background: none repeat scroll 0 0 #FFFFFF;line-height: 24px;}
.left_menuNav li li:hover {background: none repeat scroll 0 0 #848484;}
.left_menuNav li li a {color: #515151;font-size: 12px;font-weight: normal;padding-left: 10px;}
.left_menuNav li li a:hover {color: #FFFFFF;}

/*right---------------------------------------------------------*/
.right {display: block;float: left;height: 100%;width: 750px;  padding:10px; line-height:20px;}
.ugg_banners { margin-top:6px; margin-left:5px; width:590px; height:280px; float:left;}
.right_ad { margin-top:6px; width:170px; float:right;}

.index_msg { padding:5px; font-weight:bold; line-height:20px; color:#898989;}
/*featured---------------------------------------------------*/
#featured { padding-left:5px;}
#featured h2 {font-weight:bold; height:30px; background:url(../images/h2_title.gif) repeat-x; color:#86858d; font-size:14px; line-height:30px;text-indent: 20px; margin:0 auto;}
.featured_productlist {border: 2px solid #F2F5F2;padding-bottom: 10px;text-align: center;}
.featured_productlist ul li {display: block;float: left;height: 253px; margin-top: 10px;overflow: hidden;padding: 5px 6px;width: 176px;}
.featured_productlist ul li p {line-height: 18px;padding: 3px;}
.featured_productlist .product-image {display: block;height: 155px;margin: 0;padding-left: 3px;
padding-top: 3px;width: 155px;}
.featured_productlist ul li a {color: #454545;font-size: 11px;}
.featured_productlist ul li a img {max-height: 155px;max-width: 155px;vertical-align: middle; border:1px #FFFFFF solid;}
.featured_productlist ul li a img:hover { border:1px #E1E1E1 solid;}
span.old_price {color: #898989;font-weight: bold; text-decoration:line-through; margin-right:5px;}
span.new_price {color: #C76200;font-weight: bold;margin-left: 5px;}
span.save {color: #C76200;font-weight: bold;}

/*new Prodects--------------------------------------------------*/
#newpro { padding-left:5px; margin-top:5px;}
#newpro h2 {font-weight:bold; height:30px; background:url(../images/h2_title.gif) repeat-x; color:#86858d; font-size:14px; line-height:30px;text-indent: 20px; margin:0 auto;}
.newpro_productlist {border: 2px solid #F2F5F2;padding-bottom: 10px;text-align: center;}
.newpro_productlist ul li {display: block;float: left;height: 220px; margin-top: 10px;overflow: hidden;padding: 5px 6px;width: 176px;}
.newpro_productlist ul li p {line-height: 18px;padding: 3px;}
.newpro_productlist .product-image {display: block;height: 155px;margin: 0;padding-left: 3px;
padding-top: 3px;width: 155px;}
.newpro_productlist ul li a {color: #454545;font-size: 11px;}
.newpro_productlist ul li a img {max-height: 155px;max-width: 155px;vertical-align: middle;border:1px #FFFFFF solid;}
.newpro_productlist ul li a img:hover { border:1px #E1E1E1 solid;}


/*content-----------------------------------------------------*/
#guide {background-color: #F4F4F4;border: 1px solid #C7C7C7;margin-bottom: 10px;padding: 10px; margin-top:6px; height:15px; margin-left:5px;}
#guide ul, #guide ul li {list-style: none outside none;margin: 0;padding: 0;}
#printpage {float: right;}
#guide ul li a, #guide ul li a:visited, #guide ul li span {float: left;padding-right: 10px;text-decoration: none;}
#guide ul li a:hover {text-decoration: underline;}
#guide ul li a, #guide ul li  span {background: url("../images/icon_arrow-right.png") no-repeat scroll 0 6px transparent;padding-left: 10px;}
#printpage a { background:none;}
#printpage i {background: url("../images/print.jpg") no-repeat scroll 0 -3px transparent;display: inline-block;float: left;height: 25px;width: 19px;}



/*proinfo-----------------------------------------------------*/
#proinfo { float:left; width: 320px;margin-left:5px;} 
.proimg { border:1px #C7C7C7 solid;}
.proimg a img{height: 300px;margin: auto; width: 300px;padding: 10px;}
.viewlarger { padding:5px 10px 5px 10px; height:20px;}
span.rollover {float: left;padding-left: 25px;position: relative;}
.viewlarger  a {float: right;padding: 0 8px 0 19px; position: relative;}
.viewlarger  a i {background: url("../images/zoom.jpg") no-repeat scroll 0 -3px transparent;display: block;height: 20px;left: 0;position: absolute;top: 1px;width: 20px;}
.smallimg { margin:0 0 5px 3px;}
.smallimg ul li { float:left; padding:3px 3px 5px 3px;}
.smallimg ul li img  { width:50px; height:50px; border:1px #C7C7C7 solid;}

#pro_details { float:right;border:1px #C7C7C7 solid; width:430px; margin-left:10px;}
#pro_details .name { padding:10px;}
.pro-title { width:300px; float:left; margin:0;}
span.fsid {color: #777777;float: right;}
.pro-price { padding:10px; clear:both;}
.pricing {color: #000000;float: left;font-size: 1.167em;margin-right: 7px;}
.discounts {list-style: none outside none;margin: 0;padding: 0;}
.discounts li {color: #777777;float: left;font: 0.833em Tahoma,Arial,Verdana,Helvetica,Sans-serif;margin: 0 12px 0 0;position: relative;text-transform: uppercase;}
.discounts li.tax { padding-left:27px;}
.discounts li.tax i { background:url(../images/tax.jpg) no-repeat 0 -3px; position:absolute; height:21px; width:25px; left:0;}
.discounts li.shipping { padding-left:27px;}
.discounts li.shipping i { background:url(../images/ships.jpg) no-repeat 0 -3px; position:absolute; height:21px; width:25px; left:0;}


.options-static { padding:10px; margin-top:20px; position: relative;}
li.pairing-horizontal {clear: both;float: left;}
.options-static li label.primary {min-width: 40px;}
li.pairing-horizontal label.primary {float: left; margin-right: 5px;}
label, input, select {vertical-align: middle;}
label {color: #000000;font-weight: bold;}
.required {left: 300px;position: absolute; color:#F00;}
.chose-color { padding:5px;}
.chose-size { padding:5px;}
.pairing-controls { width:200px; }
.pairing-label { }
.select { padding-left:10px;}

label, input, button, select, textarea {font-family: inherit;font-size: 1em;font-weight: blod;}
li.pairing {background: none repeat scroll 0 0 transparent; margin: 0 0 1em;}
.quantity {margin-right: 10px;padding-top: 4px; margin-left:10px;}
.quantity {float: left; padding: 0;}
.checkout-top,.quantity .button {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 1.167em;
    font-weight: bold;
    padding: 6px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	margin-left:20px;
}
.button:hover, .button:focus {
    color: #FFFFFF;
    text-decoration: none;
}
html > body .button span {
    background-position: left bottom;
    left: -8px;
    margin-bottom: -6px;
    padding: 0 0 6px 16px;
}
html > body .button span, html > body .button i {
    background-image: url("../images/button.png");
    background-repeat: no-repeat;
    display: block;
    font-style: normal;
    position: relative;
}
html > body .button:hover span, html > body .button:hover i, html > body .button:focus span, html > body .button:focus i {
    background-image: url("../images/button-hover.png");
}
html > body .button:hover span, html > body .button:hover i, html > body .button:focus span, html > body .button:focus i {
    background-image: url("../images/button-hover.png");
}
html > body .button span i {
    background-position: right bottom;
    height: 100%;
    left: 100%;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 16px;
}
html > body .button span span {
    background-position: right top;
    height: 0;
    margin-left: 16px;
    min-width: 0;
    position: absolute;
    right: -16px;
    top: -6px;
}
html > body .button i {
    background-position: left top;
    height: 6px;
    left: 0;
    margin-bottom: -6px;
    position: absolute;
    top: 0;
    width: 8px;
}
html > body .button span, html > body .button i {
    background-image: url("../images/button.png");
    background-repeat: no-repeat;
    display: block;
    font-style: normal;
}
.productrating {
    width: 50%;
}
.share,  .productrating {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    padding: 5px;
}
.share h2, .productrating h2 {
    margin-bottom: 0.5em;
}
h2 {
    color: #333333;
    font-size: 1.167em;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 0;
}
.share {
    width: 40%;
}


.section {
    border: 1px solid #C7C7C7;
    margin-bottom: 10px;
    width: 760px;
}



.des { clear:both; float:left; margin-left: 5px;width: 760px; border:1px solid #C7C7C7; margin-top:10px;}
.des_head { background-color: #F4F4F4;border-bottom: 1px solid #E2E2E2;padding: 5px;} 
.des_head h2 { margin:0; text-indent:10px;}
.contents {padding: 10px;}
.contents img { float:right; padding: 0 0 5px 5px;}
.contents ul { margin: 1em 0 1em 2em; padding:0;}
.contents ul li {margin: 0.5em 0;padding: 0; list-style:circle;}



/*pager------------------------------------------------------*/
.pager { border-bottom: 1px solid #CCCCCC;padding-bottom: 0.5em;  margin-left: 10px;height: 20px;}
.pager label { font-weight:normal;}
.sort { float:left; width:30%;}
.option { width:30%; float:left;}
.sort ul li { float:left;}
.nums {float: right;line-height: 1;padding-bottom: 0.5em;}
.numberofproducts {border-right: 1px solid #857F78;padding-right: 9px;}
li.previous,  li.next {margin-right: 8px;padding-top: 2px;}
li.jump {margin-right: 8px;margin-top: -2px;}
.pages { float:right;}
.pages li { float:left;}
.all{border-right: 1px solid #857F78;padding-right: 9px;} 
.fix { margin-top:10px;}


/*list-pro----------------------------------------------------*/
#prolist { padding-left:5px; margin-top:5px;}
#prolist {border: 2px solid #F2F5F2;padding-bottom: 10px;text-align: center; margin-left:5px;}
#prolist ul li {display: block;float: left;height: 220px; margin-top: 10px;overflow: hidden;padding: 5px 6px;width: 176px;}
#prolist ul li p {line-height: 18px;padding: 3px;}
#prolist .product-image {display: block;height: 155px;margin: 0;padding-left: 3px;
padding-top: 3px;width: 155px;}
#prolist ul li a {color: #454545;font-size: 11px;}
#prolist ul li a img {max-height: 155px;max-width: 155px;vertical-align: middle;border:1px #FFFFFF solid;}
#prolist ul li a img:hover { border:1px #E1E1E1 solid;}


/*cartform-------------------------------------------------*/
.cartform { margin:5px;}
.cartform .checkout-top {float: right;margin-bottom: 1em;}
.checkout-top a { color:#FFFFFF;}
.msg { font-weight:bold;}
.validation-errors {background-color: #FFF1F1;border: 1px solid #FF0000;color: #FF0000;font-weight: bold;margin: 1em 0;padding: 1em 12px;}
table.lineitems {border-bottom: 1px solid #C7C7C7;}
table.lineitems {margin-bottom: 2px;}
table.base {border-collapse: collapse;border-spacing: 0; width: 100%;}
table.lineitems th {
    background-color: #F4F4F4;
    border: 1px solid #C7C7C7;
}
table.base thead th {
    color: #333333;
    font-size: 1.167em;
    padding: 10px 10px 6px;
    vertical-align: middle;
}
table.base th {
    font-weight: bold;
    text-align: left;
}
table.base th.numeric, table.base td.numeric {
    text-align: right;
}
table.lineitems td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C7C7C7 #C7C7C7 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
}
table.base td {
    border: 1px solid #C7C7C7;
    padding: 1.1em 10px;
    text-align: left;
    vertical-align: middle;
}
table.lineitems td.col-product .product-image {
    float: left;
    margin: 0 10px 0 0;
}
table.lineitems a {
    color: #555555;
}
table.lineitems td span.brand, table.lineitems td span.name {
    display: block;
}
table.lineitems td span.fsid {
    color: #979084;
    display: block;
    font-size: 0.917em;
}
table.lineitems .line-item-message {
    display: block;
    font-style: italic;
    margin-top: 5px;
}
table.lineitems td span.fsid-product,table.lineitems td span.line-item-message {
    margin-left: 110px;
}
table.lineitems ul {
    list-style: none outside none;
    margin: 0;
}
table.lineitems li {
    margin: 0;
}
table.lineitems ul li {
    margin-top: 0;
}
table.lineitems ul dl {
    margin: 0;
}

table.lineitems ul dt {
    display: inline;
}
dt {
    font-weight: bold;
    padding: 0;
}
dl {
    padding: 0;
}
table.lineitems ul dd {
    display: inline;
    margin: 0;
}

dd {
    margin-left: 1em;
    padding: 0;
}

.cart { padding:5px;}

/*foot----------------------------------------------------*/
.footlast {height:120px;width: 980px; margin:0 auto;}
.footlastred {height: 5px;margin-top: 15px;width: 978px;}
.footlastdiv {color: #666666;float: left;font-size: 12px;margin-top: 20px;padding-left: 20px;width: 170px;}
.footlastdiv ul {color: #000000;font-weight: bold;}
.footlastdiv li {font-size: 10px;list-style-type: square;margin-left: 10px;}

