/*style reset*/
li {list-style-image: none; list-style-position:outside; list-style-type:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding:0;}
a img, fieldset, map, img {border:0;}
a {outline:none;}
input {border:0;}
textarea {border:0;}

/* color theme */
body {background-color:#eaeaea; color:#000000;}    
h1 {color:#595959;}
#page_content_details #product_price {color:#000;}
.more {color:#000;}
a {color:#000;}
#side_col li span, #side_menu li.more a.more_active {color:#000;}
#page_footer p {color:#666;}
#page_footer ul li span, #page_content_cart th, table.title td.active {background-color:#3559cf; color:#fff;}
#page_content_list a span {color:#656565;}
.pagination_title {color:#575757;}
#page_content_cart table.order tr.zebra td {background-color:#eaeaea;}
.order_info {color:#ff0000;}
table.title td {border:1px solid #cfcfcf; background-color:#fff; color:#6c6c6c;}
#side_col, #side_col a, .add_input_but_outer input, .col_input_but_inner {color:#fff;}
#page_content_details #product_price {background-color:#fff;}
#page_content_details, #page_content_tags, #page_content_tags a {color:#565656;}
#page_content_article {color:#565656;}
#top_info {color:#565656;}
#page_header, #page_footer ul a {color:#565656;}
#page_content_details select {border:1px inset #000;}
#page_content_cart table.order td {background-color:#fff;}
#page_content_form_w h3 {background-color:#fff;}
.info {background-color:#fff;}

h1, h2 {font-size:16px; font-style: italic; font-weight:normal; padding-bottom:8px;}

html {height:100%;}
body {background-image:url('i/bg.wide.gif'); background-repeat:repeat; font-family: Arial; height:100%; }

/*  #main_wrapper {float:left; position:relative; width:960px; min-height:100%; }*/      

/*side elements*/    
  #side_wrapper {position:absolute; top:0; left:0; width:260px; font-size:12px; z-index:10; height:100%; background-image:url('i/bg.side_wrapper.png'); background-repeat:no-repeat;}
    #side_col {width:193px; padding:0 43px 0 23px; float:left; height:100%; background-image:url('i/bg.side.gif'); background-repeat:repeat-y;}
      #side_col a.cart {float:left; display:block; background-image: url('i/bg.cart.png'); background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:12px 50px 15px 20px; text-decoration:none;}
      #side_logo {float:right; display:block; margin-top:33px;}
   
      #side_header {float:left; width:100%; margin-top:13px; background-image:url('i/bg.border.gif'); background-repeat:no-repeat; padding:12px 0 11px 0;}
        #side_header p {text-align:right; padding-bottom:13px;}
        #side_header ul {float:left; width:100%;}
        #side_header li {float:right; width:31px; height:31px; padding:0 3px;}
        #side_header li span {float:left; padding:10px 7px; width:17px; height:11px; display:block; background-image: url('i/bg.flag.png'); background-repeat:no-repeat;}
        #side_header li a {float:left; padding:10px 7px; width:17px; height:11px; display:block; background-image: url('i/bg.flag.png'); background-repeat:no-repeat; background-position:0 -31px;}
          #side_header li a:hover {background-position:0 0;}
          #side_header li a img, #side_col .header li span img {float:left; display:block;}
    
      #side_menu {float:left; width:100%; margin-bottom:42px;}
        #side_menu li {float:left; width:193px; text-align:right; background-image:url('i/bg.border_half.gif'); background-repeat:no-repeat; background-position:right top; }
          #side_menu li.active, #side_menu li.no_brd, #side_menu li.more {background-image:none;}     
          #side_menu li.last a {background-image:url('i/bg.border_half.gif'); background-repeat:no-repeat; background-position:right bottom;}   
          #side_menu li a {text-decoration:none; font-size:13px; padding:13px 10px 13px 0; display:block;}    
          #side_menu li.active span, #side_menu li.more a.more_active {background-image:url('i/bg.button_right.gif'); background-repeat:no-repeat; padding:13px 10px 13px 0; display:block; background-position:right 3px;}
          #side_menu li.more span {background-image:url('i/bg.button_down.gif'); background-repeat:no-repeat; padding:13px 10px 13px 0; display:block; background-position:right 3px; margin-bottom: 5px;}
          #side_menu li ul li {background:none;}
            #side_menu li ul li a {padding:4px 10px 10px 0; background-image:url('i/bg.menu_hover.gif'); background-repeat: no-repeat; background-position:0 -24px; font-size:11px; }
            #side_menu li ul li a:hover {background-position:0 0;}
            #side_menu li.more ul li span {background-image:url('i/bg.menu_active.gif'); background-repeat:no-repeat; padding:5px 10px 11px 0; background-position:0 0;}
    
      #side_footer {float:left; width:100%; margin-bottom:40px;}   
        #side_footer p {float:left; width:180px; padding-right:13px; padding-top:12px; text-align:right;}        
    
      #side_search {float:left; width:100%; margin-bottom:40px; background-image:url('i/bg.border.gif'); background-repeat:no-repeat; padding-top:10px;}
        #side_search fieldset {float:left; width:100%;}
        #side_search label {float:left; display:block; margin-bottom:5px;}
        #side_search input.text {float:left; width:100%; border:1px inset #000; height:19px;}
        #side_search .input_but_outer {float:right; margin-top:5px;}      

#page_wrapper {float:left; width:960px; min-height:100%; }
/*page header elements*/    
  #page_header {position:relative; float:left; font-size:14px;}    
  .page_box {float:left;} /*??????????????????????????????????*/
    
    #page_menu {float:left; width:640px; padding-bottom:28px; }
      #page_menu li {float:left; width:71px; height:71px;}
      #page_menu li span {background-image:url('i/bg.shoe_active.png'); background-repeat:no-repeat; float:left; display:block; }
      #page_menu li a {background-image:url('i/bg.shoe_hover.gif'); background-position:0 -78px; background-repeat:no-repeat; float:left; display:block;}
        #page_menu li a img {float:left; display:block;}
        #page_menu li a:hover {background-position:0 0;}
    
    #page_title, .page_content_title {float:left; width:100%; background-image:url('i/bg.dot.gif'); background-repeat:repeat-x; background-position:bottom; display:block; font-weight:bold;}
    
/*page content elements */
  /*elements sharing the same width*/
  #page_header, #page_footer, #page_pre_footer, #page_content_article, #page_content_list, #page_content_prod, #page_content_contact, #page_content_cart, #page_content_form_w, #no_listing {width:640px; margin-left:320px; clear:left;}
  #no_listing {padding:10px 0; font-size:14px;}
  
  #flash_holder {float:left; padding:20px 0 20px 0; width:100%;}  
  #page_content_contact {float:left;}
  
  /*product article page*/  
  #page_content_article {float:left; padding:18px 0;}
    #page_content_article p {float:left; width:100%; font-size:14px; padding-bottom:15px;}
      #page_content_article p a:hover {text-decoration:none;}
    #page_content_article p img {float:left; background-image:url('i/bg.big_thumb.png'); padding:5px; margin:0 20px 20px 0;}
    #page_content_article ul li {float:left; width:100%; padding:0 0 6px 24px; padding-bottom:6px; background-image:url('i/bg.arrow.gif'); background-repeat:no-repeat; background-position:left 3px; }
  
  #page_header ul#breadcrumbs {float:left; width:100%; padding-top:15px;}
  #page_header ul#breadcrumbs li {width:auto; font-size:10px; background:none; padding-left:0; padding-right:6px; float:left;}
    #page_header ul#breadcrumbs li.first {padding:0;}
    #page_header ul#breadcrumbs li a {margin-right:4px; float:left;}
      #page_header ul#breadcrumbs li a:hover {text-decoration:none;}
  
  /*product list*/  
  #page_content_list {float:left; padding-bottom:20px;}
    /*#page_content_list li {float:left; background-image:url('i/bg.prod_thumb.png'); width:180px; padding:5px 5px 10px 5px; margin:0 21px 21px 0;}*/
    #page_content_list li {float:left; border:1px solid #dcdcdc; background-color:white; width:180px; padding:5px 5px 10px 5px; margin:20px 20px 0 0; height:240px;}
    #page_content_list li a {float:left; display:block; font-size:12px; text-decoration:none; }
    #page_content_list li a:hover {text-decoration:underline;}
    #page_content_list li a img {float:left; display:block; margin-bottom:5px;}
    #page_content_list li a span {float:left; display:block; background-image:url('i/bg.arrow.gif'); background-repeat:no-repeat; background-position:3px 2px; width:166px; padding-left:14px; }
    
  #page_content_side {float:left; width:270px; padding:18px 0; font-size:12px;}
    #page_content_side h3 {float:left; width:100%; }
    #page_content_side p {padding-bottom:15px;}
    
  /*product detail page*/
  #page_content_prod {float:left; padding-top:18px;}
    #page_content_gal {float:left; width:202px; padding-right:20px; padding-bottom:18px;}
    .big_gal {float:left; display:block; background-image:url('i/bg.thumb_detail_big.png'); width:180px; height:180px; padding:6px 7px 7px 6px;}
    .big_gal img {float:left; display:block;}
    #page_content_gal ul {float:left; }
    #page_content_gal ul li {float:left; padding:11px 11px 0 0;}
    #page_content_gal ul li a {float:left; display:block; background-image:url('i/bg.thumb_detail_small.png'); width:78px; height:78px; padding:6px; }
    #page_content_gal ul li a img {float:left; display:block;}        
    #page_content_details {float:right; width:410px; font-size:14px;}
    #page_content_details p {width:100%; padding-bottom:21px;}
      #page_content_details div#prod_description {width:100%; padding-bottom:20px; }
      #page_content_details div#prod_description p {padding-bottom:0;}
    #page_content_details .button {background-image:url('i/img.add_to_cart.png'); width:121px; height:36px; font-size:14px; font-weight:bold;}
    #page_content_details fieldset {padding-bottom:15px;}
    #page_content_details input.text {float:left; width:50px; border:1px inset #000; height:19px;}
    #page_content_details #product_price {margin-bottom:15px; width:118px; padding:6px 0 6px 10px; font-weight:bold; }
    #page_content_details label {font-size:14px; padding-bottom:10px; font-weight:bold; float:left; display:block; width:100%; }
    #color_pic {float:left; width:100%;}
    #color_pic li {float:left; padding-right:12px; width:34px; height:34px; }
    #color_pic li a {float:left; display:block; background-image:url('i/bg.color_pic.png'); background-repeat:no-repeat; width:22px; height:22px; padding:6px; background-position:0 0; }
    #color_pic li a:hover, #color_pic li a.selected {background-position:0 -34px;}   
    #color_pic li a img {float:left; display:block;}
    #page_content_tags {float:left; width:100%; padding-bottom:20px; padding-top:20px;}
    #page_content_tags a {font-weight:bold;}
    #page_content_tags a:hover {text-decoration:none;}
        
    #top_info {padding:10px 0 10px 0;}
  
  /*cart*/  
  #page_content_cart {float:left; padding-bottom:30px;}
    table.title {float:left; width:100%; border-collapse:collapse;}
    table.title {margin-top:25px; margin-bottom:23px;}
    table.title td {padding:10px 0 10px 0px; width:33%; }
    table.title td span {padding:18px;}
    table.title td.active {font-weight:bold;}
    .cart_info {float:left; width:583px; padding:0 0 14px 18px;} 
    #page_content_cart table.order {float:left; width:100%; margin-bottom:13px; font-size:12px;}
    #page_content_cart table.order td {text-align:center;}
    #page_content_cart table.order td.left_align {text-align:left; padding-left:7px;}
    #page_content_cart table.order td span {float:left;}
    #page_content_cart table.order td a {float:right; display:block;}
    #page_content_cart table.order td a img {float:left; display:block;}
    #page_content_cart table.order td div.up_down {float:right; width:9px; padding-right:10px;}
    #page_content_cart table input {width:40px; text-align:center; border:1px solid #565656; }
    #page_content_cart table.order th {text-align:left; padding:10px 0 10px 0;}
    #page_content_cart table.order th span {padding-left:7px;}
    #page_content_cart table.order thead {margin-bottom:2px;}
    #page_content_cart tbody.order tr {border-collapse:collapse;}
    p.order_info {text-align:right; float:left; width:100%; padding-bottom:10px; font-size:12px;}
      p.order_info strong {font-size:15px;}
    div.up_down a {float:left; margin-bottom:3px; }
    a.trash {padding-right:7px;}
  
  /*contact page*/                  
  #page_content_form {float:left; width:360px; padding:18px 0;}
    #page_content_form fieldset {width:360px; padding-bottom:12px;}
    #page_content_form fieldset.submit {padding-left:105px; width:255px; padding-bottom:12px;}
    #page_content_form label.error {width:240px; padding-left:105px; font-size:11px; padding-bottom:5px;}
    #page_content_form_w fieldset {width:100%; padding-bottom:12px;}
    #page_content_form_w fieldset.submit {padding-left:135px; width:505px;}
    #page_content_form label {float:left; width:105px;}
    #page_content_form input.text {float:left; width:250px; border:1px inset #000; height:19px;}
    #page_content_form textarea, #page_content_form_w textarea {float:left; width:250px; border:1px inset #000; height:106px; font-family:Arial; font-size:14px;}
    #page_content_map {float:left; padding-bottom:40px; padding-top:17px;}
    
  #page_content_form_w {float:left;}
    .field_holder {float:left; width:100%; margin-bottom:40px;}
    .field_holder p.field_detail {padding-bottom:20px; font-size:12px;}
    .field_holder p.field_error {padding-bottom: 20px; font-size:12px; color:red; padding-left: 135px;}
    .field_holder p.error {color:red;}
    #page_content_form_w input.text {float:left; border:1px inset #000; height:19px;}
    #page_content_form_w input.one {width:209px;}
    #page_content_form_w input.two {width:310px; margin-right:10px;}
    #page_content_form_w input.check {float:left;}
    #page_content_form_w label {float:left; width:120px; padding-right:15px; text-align:right; font-size:12px;}
    #page_content_form_w h3 {float:left; width:625px; font-size:14px; padding:6px 0 6px 13px; margin-bottom:23px;}
    #page_content_form_w .button {margin-left:135px; background-image:url('i/bg.submit.png'); width:73px; height:29px; font-weight:bold;}
    .field_info {float:left; width:170px; font-size:11px; padding-top:3px;}
    #page_content_form_w label.error {float:left; font-size:11px; padding-top:3px; text-align:left; color:red;}
    .info {font-size:12px; padding:20px 35px 20px 24px; width:581px; }
    .info p {float:right; width:360px;}

/*page pre footer*/      
  #page_pre_footer {float:left; background-image:url('i/bg.dot.gif'); background-repeat:repeat-x; background-position:top;}
    #page_pre_footer .page_box {padding:25px 0 18px 0; width:550px;}
    #page_pre_footer .small_thumb {width:103px; height:103px; padding:5px; background-image:url('i/bg.home_thumb.png'); background-repeat:no-repeat; float:left;}
    #page_pre_footer .right_col {float:right; width:390px; font-size:14px;}
    #page_pre_footer .right_col p {padding-bottom:23px;}  
    #page_pre_footer .more {font-size:14px; font-weight:bold; text-decoration:none; background-image:url('i/bg.arrow.gif'); background-repeat:no-repeat; padding-left:15px; background-position:0 3px;}
    #page_pre_footer .more:hover {text-decoration:underline;}
      
    .pagination {float:left; width:100%; padding:15px 0;}
    .pagination_title {float:left; display:block; font-size:11px; padding:2px 13px;}

/*page footer*/      
  #page_footer {float:left; background-image:url('i/bg.dot.gif'); background-repeat:repeat-x; background-position:top;}
    #page_footer .page_box {width:640px; padding:18px 0 20px 0;}
    #page_footer ul {float:left; width:100%; padding-bottom:5px; font-size:12px;}
    #page_footer ul li {float:left; background-image:url('i/bg.footer_menu.gif'); background-repeat:no-repeat; background-position:left 5px; padding-left:4px;}
    #page_footer ul li.no_brd {background-image:none;}
    #page_footer ul li.active {background-image:none;}
    #page_footer ul li.first {background-image:none; padding-left:0;}
    #page_footer ul li a, #page_footer ul li span {float:left; display:block; padding:2px 7px;}
    #page_footer ul li a:hover {text-decoration:underline;}
    #page_footer a {text-decoration:none;}
    #page_footer p {font-size:10px; padding-left:7px; float:left;} 
    #page_footer a img {padding-top:2px;} 
        
/*accordion buttons*/
/*small previous next buttons*/
.prev_but_left {float:left; padding-left:17px; text-decoration:none; display:block; background-image:url('i/bg.prev_but.left.gif'); background-repeat:no-repeat; background-position:left top;}
.prev_but_right {float:left; display:block; background-image:url('i/bg.prev_but.right.gif'); background-repeat:no-repeat; background-position: right top; padding-right:9px;}
.prev_but_mid {float:left; display:block; background-image:url('i/bg.prev_but.mid.gif'); background-repeat:repeat-x; padding:2px 0; font-size:11px;}
      
.next_but_left {float:left; text-decoration:none; display:block; background-image:url('i/bg.next_but.left.gif'); background-repeat:no-repeat; background-position:left top;}
.next_but_right {float:left; margin-left:9px; display:block; background-image:url('i/bg.next_but.right.gif'); background-repeat:no-repeat; background-position: right top; padding-right:17px;}
.next_but_mid {float:left; display:block; background-image:url('i/bg.next_but.mid.gif'); background-repeat:repeat-x; padding:2px 0; font-size:11px;}

/*big button (previous)*/   
.big_but_left {float:left; text-decoration:none; display:block; background-image:url('i/bg.big_but.left.gif'); background-repeat:no-repeat; background-position:left top;}
.big_but_right {float:left; margin-left:27px; display:block; background-image:url('i/bg.big_but.right.gif'); background-repeat:no-repeat; background-position:right top; padding-right:16px;}
.big_but_mid {float:left; display:block; background-image:url('i/bg.big_but.mid.gif'); background-repeat:repeat-x; padding:11px 0; font-size:12px; font-weight:bold;}     

/*cart button*/   
.cart_but_left {float:right; cursor:pointer; text-decoration:none; display:block; background-image:url('i/bg.cart.left.gif'); background-repeat:no-repeat; background-position:left top;}
.cart_but_right {float:left; margin-left:19px; display:block; background-image:url('i/bg.cart.right.gif'); background-repeat:no-repeat; background-position:right top; padding-right:39px;}
.cart_but_mid {float:left; display:block; background-image:url('i/bg.cart.mid.gif'); background-repeat:repeat-x; padding:13px 0; font-size:14px; font-weight:bold;}    

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {padding: 0; border: none; }

/*extensible input button*/   
.input_but_outer {float:left; cursor:pointer; display:block; background-image:url('i/bg.medium_but.narrow.gif'); background-repeat:no-repeat; background-position:left top;}
.input_but_inner {float:left; background-color:transparent; cursor:pointer; margin-left:4px; display:block; background-image:url('i/bg.medium_but.wide.gif'); background-repeat:no-repeat; background-position:right top; padding:7px 19px 7px 15px; font-size:12px; font-weight:bold;}

/*colored extensible input button*/   
.col_input_but_outer {float:right; cursor:pointer; display:block; background-image:url('i/bg.col_but_narrow.gif'); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
.col_input_but_inner {float:left; background-color:transparent; cursor:pointer; margin-left:4px; display:block; background-image:url('i/bg.col_but.wide.gif'); background-repeat:no-repeat; background-position:right top; padding:11px 23px 11px 16px; font-size:12px; font-weight:bold;}

/*colored extensible input button  */
.add_input_but_outer {float:left; cursor:pointer; display:block; background-image:url('i/bg.add_to_cart.narrow.gif'); background-repeat:no-repeat; background-position:right top;}
.add_input_but_inner {float:left; background-color:transparent; cursor:pointer; margin-right:4px; display:block; background-image:url('i/bg.add_to_cart.wide.gif'); background-repeat:no-repeat; background-position:left top; padding:9px 15px 11px 29px; font-size:14px; font-weight:bold;}