/* YUI 2 reset. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
} 
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end of YUI RESET */
body  { background:url('../images/background.png') no-repeat top center; background-color:#959595; color:#414542;/*#272d29*/; font-family: Helvetica, Arial, Verdana, sans-serif; font-size:12px; 			/* Set rules to fill background */ }
/*a,h1,h2,h3,p { opacity: 0.99999999; }*/
a,a:link,a:visited   { text-decoration:none; font-size:11px; color:#5a5a5b; outline:none; }
a:hover              { text-decoration:none; color:#000000; }

a.selected           { text-decoration:none; color:#000000; }
a.paginator_page     { width:19px; height:18px; line-height: 18px; text-align:center; display:block; float:left; }
a.white              { background:#ffffff; }
a.underlined         { text-decoration:underline; }
a.join_club          { font-size:11px; font-weight:bold; color:#3C3937; background:url('../images/input_arrow.png') left center no-repeat; padding-left:11px; }
a.facebook            { background:url('../images/facebook.png') left center no-repeat; padding-left:16px; }
a.twitter             { background:url('../images/twitter.png') left center no-repeat; padding-left:16px; }
a.youtube             { background:url('../images/youtube.png') left center no-repeat; padding-left:39px; }
a.shopping_bag   { background:url('../images/shop_bag.png') right center no-repeat; padding-right:26px; line-height:11px; display:block; height:26px; margin-right:10px; padding-top:15px; }


div.join_club        { float:right; margin-right:22px; }

input[type="text"]   { border:0; color:#7b7b7c; padding:2px; font-weight:bold; font-size:10px; margin-bottom:5px; background-color:#f4f4f4; width:170px; height:15px; }
select               { margin-bottom:5px; }
input.home_newsletter_input  { margin-left:24px; border:1px solid #8F8D8D; background:url('../images/shadow_input_1px.png') top repeat-x; height:16px; padding:2px; padding-top:4px; color:#565A57; }

#container   { width:900px; margin:0 auto; height: 100%; height: auto !important; min-height: 100%; }

#account     { text-align:right; padding-top:10px;} 

#logo        { text-align:center; margin-top:10px; }

#menu        { text-align:left; margin-top:26px; margin-bottom:10px; padding-left:5px; }
    #menu a  { margin-left: 32px; font-size:10px; }

#content     { height:auto !important; height:426px; min-height:426px; }

#content div.left                { float:left; width: 675px; height:100%; }
#content div.left div.intro      { padding-top:170px; padding-left:33px;  width: 150px; font-size:11px; line-height:16px; } 
#content div.right               { float:left; margin-left: 3px; }
#content div.home                 { background:url('../images/home_bg.jpg') no-repeat top center; height:426px; }
#content div.home2               { background-image:none; height: 483px; }
#content div.slideshow       { width:675px; height: 327px; }
#content div.carousel         { width:675px; height: 153px; background-color:#d3d1d2; margin-top:3px; }
#content div.carousel  p     { font-size: 11px; color:#565352; padding:10px 0 0 40px; }
#carousel_images { position:relative; margin-top:5px; margin-left:6px; }
#carousel_images ul { list-style:none; overflow:hidden; }
#carousel_images ul li { float:left; width:150px; height:106px;  }
#carousel_images ul li a { display:block; width: 145px; background-color:#636262; }
#carousel_images ul li.last { margin: 0; }

#carousel_images .carousel-control{overflow:hidden;display:block; width:40px; height:40px; cursor:pointer; zoom:1; position:absolute;top:50px; text-indent:-9999px; }
#carousel_images .carousel-next{background: url('../images/arrow_next.jpg') 0 0 no-repeat; right:-11px; }
#carousel_images .carousel-previous{background:url('../images/arrow_prev.jpg') 0 0 no-repeat; left:15px; }
#carousel_images .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70); }
#carousel_images .disabled,#container .carousel .disabled:hover{-moz-opacity:.5;opacity:0.50;filter:alpha(opacity=50);cursor:default;}

#carousel_images .carousel-wrap { width:600px; display:block; margin:0 auto; }


#content div.right div.box       { width:222px; height:104px; margin-bottom:3px; } 
    #content div.right div.box p { padding: 24px 0 0 24px; }
    #content div.right div.bg1   { background:url('../images/homebox1.jpg') no-repeat top center; }
    #content div.right div.bg2   { background:url('../images/homebox2.jpg') no-repeat top center; }
    #content div.right div.bg3   { background:url('../images/homebox3.jpg') no-repeat top center; }
    #content div.right div.bg4   { background:url('../images/homebox4.jpg') no-repeat top center; }
    #content div.about_bg        { background:url('../images/about_bg.jpg') no-repeat top center; height:426px; }
    #content div.about_bg div.intro      { width:290px; padding-top:200px; padding-left:165px; font-size:11px; line-height:17px; }

#content div.right div.box2       { width:222px; height:107px; margin-bottom:3px; background-color:#636262; } 

#content div.left_menu_bg               { width:222px; height:425px; background:url('../images/left_menu_bg.png') bottom repeat-x; float:left; background-color:#f6f6f6; }

#content div.left_menu_bg div.menu,
#content div.shop_left div.menu,
#content div.cobblers_left div.menu     { padding-top:33px; padding-left:33px; }

#content div.left_menu_bg a,
#content div.shop_left a,
#content div.cobblers_left a            { display:block; font-size:10px; margin-bottom:9px; color:#85858a; text-decoration:none; }

#content div.left_menu_bg a.selected,
#content div.shop_left a.selected,
#content div.cobblers_left a.selected   { color:#272d29; font-weight:bold; }

#content div.mid_menu_bg      { width:409px; height:426px; float:left; margin-left:3px; }

#content div.right_menu_bg    { width:263px; height:426px; background:url('../images/right_menu_bg.png') no-repeat; float:left; margin-left:3px; }
#content div.right_menu_bg div.designer_logo_and_text     { margin-top:160px; margin-left:33px; }
#content div.right_menu_bg div.designer_logo_and_text p   { line-height:17px; width:180px; margin-top:20px; font-size:11px; } 

#content div.right_menu_bg div.range_desc_and_buy         { margin-top:33px; margin-left:33px; width:190px; font-size:11px; }
#content div.right_menu_bg div.range_desc_and_buy p.title,
#content div.right_menu_bg div.range_desc_and_buy p.price { font-size:12px; }
#content div.right_menu_bg div.range_desc_and_buy p.desc  { line-height:17px; }
    
div.bigcontent          { height:auto !important; height:609px; min-height:609px; background: url('../images/1px_grad.png') bottom repeat-x; background-color: #f8f8f8;}
div.bigcontent .intro   { background: #e9e8e8; color:#3c443e; height:24px; padding-left:33px; line-height:24px; font-size:11px; }
div.bigcontent .content { color:#565a57; padding:33px;  line-height:16px; }
div.bigcontent input[type="text"], div.bigcontent textarea, div.bigcontentright textarea,
div.bigcontentright input[type="text"]  { background-color:#f4f3f3; border:1px solid #8f8d8d; width:370px; padding:3px; }

div.bigcontentright          { height:auto !important; height:609px; min-height:609px; background: url('../images/1px_grad.png') bottom repeat-x; background-color: #f8f8f8; float:left; width:675px; margin-left:3px; }
div.bigcontentright .intro   { background: #e9e8e8; color:#3c443e;  height:24px; padding-left:33px; line-height:24px; font-size:11px; }
div.bigcontentright .content { color:#565a57; padding:33px;  line-height:16px; }

/* newsletter box (for the new home_page) */
div.newsletter_box2         { background-color: #979291; height:29px; padding: 10px; padding-top:7px; margin-top:0;}
div.newsletter_box2 p       { color:#ffffff; font-size: 10px; margin-bottom:3px; }
div.newsletter_box2 input[type="text"]   { color:#7b7b7c; font-size: 10px; padding:3px; height:12px; width:160px; }
div.newsletter_box2 input[type="image"]  { position:relative; top:2px; right:-5px; }
 
/* faqs */
div.faq ul li a               { font-size:14px; color:#3C3937; }
div.faq ul li                 { margin: 5px; } 
div.faq p.expand_faq    { color:#000000; padding:5px; padding-left:10px; }

/* choosing the right shoe hotel */
div.rightshoehotel div.content { background:#f8f8f8; }
div.rightshoehotel div.col1 { float:left; width:25%; }
div.rightshoehotel div.col2 { float:left; width:30%; }
div.rightshoehotel div.col3 { float:left; width:45%; }
div.rightshoehotel div.col3 p { padding:0 10px; }
div.rightshoehotel div.col3 p.order_now { text-align:right; }

div.rightshoehotel p.grey { font-weight:bold; color:#9d9c9c; }
/* cobblers */
div.cobblers_left            { float:left; width: 222px; height: 536px; background:url('../images/cobbler_left_bg.png') bottom no-repeat; background-color:#f8f8f8; }
div.cobblers_left div.search { padding-top:33px; padding-left:33px; width: 160px; color:#5A5A5B; font-size:11px;line-height:16px;}
div.cobblers_right           { float:left; margin-left:3px; }
div.cobblers_right .top      { height:24px; background: #e9e8e8; padding-left:35px; line-height:24px; font-size:11px; } 
div.cobblers_right .top .top_left    { float:left; }
div.cobblers_right .top .top_right   { float:right; padding-right:15px; margin-top:3px; }
div.cobblers_right .content                         { min-height: 488px; width: 675px; background: url('../images/cobbler_right_1px_grad.png') bottom repeat-x; background-color:#f8f8f8; }
div.cobblers_right .content .list                   { padding:35px; }
div.cobblers_right .content .list p.title           { font-size: 14px; padding-bottom: 15px; padding-top:35px; }
div.cobblers_right .content .list div.desc          { float:left; font-size: 11px;  width: 210px; margin-right:30px; line-height:16px; }
div.cobblers_right .content .list div.address       { float:left; font-size: 12px;  width: 200px; margin-right:30px; line-height:16px; }
div.cobblers_right .content .list div.address a     { font-size: 12px; }
div.cobblers_right .content .list div.map_view      { float:left; padding-top:52px; }
input.cobbler_input                                 { border:1px solid #ffffff; background-color:#e8e7e7; padding:4px; width: 150px; }

div.cobblers_adv                     { background:url('../images/cobblers_mid_adv.jpg') no-repeat; width:604px; height:174px; }
div.cobblers_adv p                  { margin-left: 250px; width:320px; line-height:17px; }
div.cobblers_adv p.bigbold  { margin-bottom: 12px; }

div.cobblers_right .bottom  { height:24px; font-size:11px; background: #e5e4e4; line-height:24px; text-align:right; padding-right:15px; width:660px; /* 675*/} 
div.cobblers_right .bottom a { font-size:12px; }
div.hr2px                           { width:100%; height:2px; background: url('../images/hr2px.png') repeat-x; margin-top:27px; margin-bottom:27px; }
div.cobbler_separator  { margin-bottom:0; margin-top:35px; }
/* press/contact section */
#content div.pressleft            { width:264px; height:600px; }
#content div.pressright           { width:633px; }
div.pressright                    { min-height:0; }
div.pressright .content p.bold    { color:#565a57; font-weight:bold; }
div.pressright .content p.small   { font-size:11px; }
div.pressright .content p.view    { text-decoration:underline; font-size:11px; margin-top:5px; }
div.pressright .content div.hr2px { margin-bottom:10px; }
div.pressright .content h2        { font-size:16px; margin-bottom:5px; color:#3C3937; } 

/* vibram partner */
div.vibrambg   { background:url('../images/vibram_mid_bg.jpg') no-repeat; }  
div.vibrambg p { padding: 120px 30px 0px 30px; font-size:11px; }

/* shop and items */
div.shop_left               { float:left; width: 222px; background:url('../images/cobbler_left_bg.png') bottom no-repeat; background-color:#f8f8f8; }
div.shop_right .content     { height:581px; }
div.shop_item               { position:relative; width:223px; height:188px; float:left; margin-top:4px; margin-right:3px; line-height:13px;}
div.description             { width:100%; height:55px; position:absolute; bottom:0; left:0; z-index:1; background:url('../images/shop_fade_1px.png') repeat-x; color:#000000; }
div.description p           { padding-top:10px; padding-left:20px; }
p.link  a                   { display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:2; text-indent:-9999px; background:url("iefix"); } 
/*
p.link  { position:absolute; width:100%; height:100%; z-index:2; top:0; left:0; }
p.link a { display:block; width:100%; height:100%; text-indent:-9999px; background:url("iefix"); }
*/

/* this is for the selectbox styling */
div.styledselect { background: url('../images/selectbox_bg.png') no-repeat; width: 114px; height: 18px; cursor:pointer; }
div.styledselect a { padding: 2px; display:block; text-decoration:none; z-index:10; }
div.styledselect div.hideshow { background-color:#f4f3f3; position:relative; z-index:2; }
div.styledselect div.hideshow a:hover { background-color:#ffffff; }

#content div.what_makes_us_so_good          { width:675px; height:426px; margin-left:3px; float:left; background:url('../images/what_makes_us_so_good.jpg') no-repeat; }
    #content div.what_makes_us_so_good p    { line-height:17px; font-size:11px; width:220px; margin-top:290px; margin-left:40px;}   
    
#footer         { margin-top: 10px; font-size:10px; color:#5A5A5B; margin-bottom:30px; }
#footer a       { margin-left:5px; margin-right:5px; }
#footer a.first { margin-left:0; }
#footer a.last  { margin-right:0; }
#footer div.footer_left  { float:left; width:60%; }
#footer div.footer_right { float:left; width:40%; text-align:right;}
#footer div.footer_right a {  }

div.slideshow { background-color:#636262; }

div.sole_thumb     { float:left; margin-right:3px; }

ul.errorlist li    { font-style:italic; color:#b42929; }

span.separator     { font-size: 70%; }
.big               { font-size: 16px; color:#3c3937; }
.medium            { font-size: 14px; }
.bigbold           { font-size: 15px; font-weight:bold; color:#3c3937; margin-bottom:12px; }
.nomargin          { margin:0 !important; }
.clear             { clear:both; height:1px;}
.bold              { font-weight:bold; }
.small            { font-size:11px; }

div.content   { font-size: 11px; line-height:16px; }
div.content a { color:#000000; }
/* some table styling... */
table.options_table { width:100%; }
table.options_table td { text-align:center; vertical-align:top; width:25%; }

h1.sole_match { color:#231f20; font-size:16px; text-align:left; margin-left:36px; margin-bottom:5px; }
h2.sole_match { color:#231f20; font-weight:bold; font-size12:px; text-align:left; margin-left:36px; margin-bottom:10px; }

table.sole_match { width:604px; border:1px solid #868686; background-color:#f2f2f2; margin-bottom:20px; }
table.sole_match td { border:1px solid #868686; }
table.sole_match p.title { color:#231f20; font-size:16px; margin:8px 0 12px 8px;}
table.sole_match p.infos { color:#565a57; font-size:11px; line-height:17px; margin-left:8px; }


/* tos hidden */
#inline1 {  width:600px; height:400px; background-color:#fdfdfd; padding:10px 20px 0 20px; }
#container #inline1 { display:none; }

/* shoe hotel tables. */

table.shoe_sizes td, table.shoe_sizes th { padding:5px; border:1px solid #5A5A5B; }
table.shoe_sizes th { font-weight: bold; }

div.suggest_heading { background:#000; color:#fff; text-align:center; font-weight:bold; font-size:12px; padding:5px;}
div.suggest_content { border:1px solid #000; padding:5px; text-align:center; }