body
{
   font-size: 100%;
   margin: 0;
   padding: 0;
   font: 11px/14px candara, "lucida grande", arial, verdana, helvetica;
   color: #333;
   background-color: #F4F3EF;
   behavior: url(/javascript/csshover.htc);
}

footer
{
   font-size: 100%;
   margin: 0;
   padding: 0;
   font: 11px/14px candara, "lucida grande", arial, verdana, helvetica;
   color: #666666;
   background-color: #F4F3EF;
   behavior: url(/javascript/csshover.htc);
}
div#wrapper
{
   width: 950px;
   margin: 0 auto;
   padding: 0;
}

div#middle-content
{
   margin: 60px 0 0 0 !important; margin: 0px 0px 0px 0px;
   padding: 0;
   background: #F4F3EF url(/images/photos/backgrounds/fade.jpg) top left repeat-y;
}

/* CP, 7/2/2009 - add body class to all
   non-store pages for styling of layout
   to accommodate "Buy Now" button  */
body.mainsite div#middle-content {
   position: relative;
   }

div.store-middle-content
{
   background-color: #F4F3EF;
}

div#cart-content
{
   margin: 0;
   padding: 0;
   position: relative;
}

div#content
{
   margin: 0 0 0 130px;
   padding: 0 0 30px 0;
   width: 470px;
   position: relative;
   clear: both;
}

#content ul {
   border-bottom: 1px dotted #333;
   list-style-type: disc;
   margin: 0 0 0 10px;
   padding: 6px 0;
   }
   
#content ul li,
#dealeropportunities ul li {
   padding: 2px 0 2px 10px;
   margin: 0 0 0 10px;
   }

div#news-content
{
   margin: 0;
   padding: 0 0 0 130px;
   width: 470px;
   float: left;
}

div#long-content
{
   margin: 0 0 0 130px;
   padding: 0;
   width: 800px;
   position: relative;
}

div#mid-content
{
   margin: 0 0 0 130px;
   width: 500px;
   position: relative;
   padding-bottom: 5px;
}

div#short-content
{
   margin: 0 0 0 130px;
   width: 330px;
   position: relative;
   padding-bottom: 5px;
}

.break
{
   clear: both;
   height: 0;
}

a {
	color: #FF7700;
	text-decoration: none;
}

a img {
   border: 0;
}   
   
h1
{
   margin: 0 0 10px 0;
   font-weight: bold;
   font-size: 14px;
   line-height: 14px;
}


h2 {
   margin: 20px 0 0 0;
   font-weight: normal;
   font-size: 14px;
   line-height: 14px;
   color: #004291;
}

h2.recent-news {
   margin: 0;
   font-weight: bold;
   font-size: 14px;
   line-height: 14px;
   text-transform: uppercase;
   color: #004291;
}

h3
{
   font-weight: normal;
   font-size: 11px;
   line-height: 11px;
   color: #004291;
}

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


div.left-pic
{  
   margin: 10px 10px 10px 0;
   float: left;
}   

div.right-pic
{  
   margin: 10px 10px 10px 0;
   clear: right;
   float: right;
}  

div.top-border
{
   width: 750px;
   border-top: 1px dotted #666;
}

div.cart-top-border
{
   width: 100%;
   border-top: 1px dotted #666;
}

div.news-top-border
{
   width: 750px;
   margin: 0 0 0 130px;
   border-top: 1px dotted #666;
}

.caption-pic {
   float: left;
   margin: 10px 30px 10px 0;
}

.caption {
   color: #FF7700;
   font-weight: bold;
   margin: 3px 0;
}

.blue-text {
   color: #004291;
}

.underline {
   text-decoration: underline;
   }

div#flash {
   clear: left;
}

div#flash-content {  
   background: #F4F3EF url(/images/photos/backgrounds/fade.jpg) top left repeat-y;
   xfloat: left;
   z-index: 1;
   margin: auto;
   padding: 10px 0;
   width: 950px;
   height: 400px;
   text-align: center;
   }

body.video div#flash-content {  
   background: #F4F3EF url(/images/photos/backgrounds/fade.jpg) top left repeat-y;
   float: left;
   z-index: 1;
   margin: 0;
   padding: 10px 0;
   width: 160px;
   text-align: center;
   }
      
body#findadealer div#flash-content {
   background: #F4F3EF none top left repeat-y;
   border-top: 1px dotted #666;
   z-index: 1;
   margin: auto;
   margin-left: 130px;
   padding-right: 112px;
   width: 708px;
   height: 370px;
   text-align: center;
   }

body#findadealer div#flash-content h1 {  
position: relative;
left: -32px;
}


table.distributors {
   width: 100%;
   }
table.representatives {
   width: 100%;
   }
table.events {
   width: 100%;
   }
   
#table-key img {
   float: left;
   padding: 0 5px 0 0;
}

#table-key p {
   float: left;
   font-weight: bold;
   margin: 0 15px 0 0;
}

thead {
   color: #004291;
}   

td.first {
   text-align: left;
}  

td {
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   padding: 6px;
}

td.left {
   text-align: left;
}   

.alt-row {
   background-color: #E0DDD0;
}

.phonenum-column {
   width: 90px;
}
   
#left-description {
   float: left;
   width: 120px;
   color: #FF7700;
}

#right-description {
   float: right;
   width: 190px;
   color: #FF7700;
}

ul.list {
   list-style-type: none;
   margin: 10px 0 0 0;
   padding: 0;
}

ul.list li {
   margin: 0 0 0 10px;
   color: #FF7F00;
}     

ul.states-list {
   float: left;
   margin: 20px;
   text-align: left;
   } 

.pro-column {
   float: left;
   width: 300px;
   margin: 0 0 0 10px;
}   

.flashpage-column {
   float: left;
   width: 290px;
   margin: 0 0 0 10px;
}  

.box {
   min-height: 550px;
   }
   
#content .partner-container {
   list-style-type: none;
   padding: 20px 0;
   margin: 0;
   width: 460px;
   border-bottom: 1px dotted #ccc;
   float: left;
   }
   
   #content .partner-txt {
      margin: 0;
      padding: 0;
      width: 290px;
      float: left;
      }
   
   #content .partner-txt h3 {
      margin: 0 0 10px 0;
      padding: 0;
      }   
      
   #content .partner-txt p {
      margin: 0;
      padding: 0;
      }
      
      .partner-left-pic {  
         margin: 0px 10px 10px 0;
         float: left;
         }   

   
#news-links {
   float: right;
   margin: 30px 0px 0 0;
   padding: 0 20px 0 0;
   width: 300px;
   }
   
.recent-news-date {
   font-size: 12px;
   margin: 10px 0 0 0;
   padding: 0;
   }
   
.news-teaser {
   font-weight: bold;
   text-transform: uppercase;
   }
   
form#newsform ul li {
   padding: 0;
   margin: 0;
   }

form#newsform ul#four-promos-menu li {
   padding: 3px 20px 0px 30px;
   }

/* eSoles Pros content layout and news styles */
.pros-middle-content #short-content {
   width: 520px;
   padding-bottom: 45px;
   height: 1%;
   margin-top: 30px;
   }
   
.pros-middle-content .box {
   float: left;
   border-right: 1px dotted #000;
   padding-right: 45px; padding-bottom: 25px;
   min-height: 0;
   }
   
.pros-middle-content h2#roadcycling {
   margin-top: 0;
   }

.pros-middle-content ul.list {
   padding-left: 10px;
   }

.pros-middle-content #news-links {
   float: none;
   margin: -20px 0 0 170px;
   padding: 0 20px 0;
   width: 300px;
   }
   
/* product thumbs */   
#sole-product-links {
   background-color: #FFF;
   height: 87px;
   padding: 0px 0 0 20px;
   }

.sole-product-link {
   float: left;
   margin: 8px 5px 0 5px;
   width: 80px;
   }

.sole-product-link p {
   margin: 0;
   }

.sole-product-link p a {
   font-weight: bold;
   font-style: italic;
   }

.sole-product-link a:hover {
   color: #004291;
   }

#middle-content ul.downloads {
   list-style-type: none;
   margin: 20px 0;
   padding: 0;
   border: 0;
   }

#middle-content ul.downloads li {
   margin: 20px 0;
   padding: 0;
   }

/* -------------------------------------------------------------------------*/
/* Main Navigation */

#nav-container {
   width: 100%;
   height: 77px;
   background: #F4F3EF url(/images/nav/nav_background.gif) top right no-repeat;
}   

ul#main-nav
{
   margin: 0px;
   padding: 28px 0 0 0;
   font-size: 12px;
   font-weight: bold;
   list-style-type: none;
}

ul#main-nav li { float: left; margin: 0px; }


ul#main-nav a#home, ul#main-nav a#news, ul#main-nav a#esoles-pros, ul#main-nav a#footbeds, ul#main-nav a#why-esoles, ul#main-nav a#work-and-play, ul#main-nav a#scan-me
{
   display: block;
   text-align: center;
   width: 108px;
   height: 72px;
   margin: 0 0 2px 0;
   padding: 16px 0 0 0;
   border-left: solid 1px #E0DDD0;
   color: #FF7F00;
   text-decoration: none;
}

ul.menu-overlay
{
   position: absolute;
   display: none;
   margin: -70px 0 0 1px;
   padding: 65px 0 0 0;
   list-style-type: none;
   top: 140px !important; top: 142px;
}

ul.menu-overlay li {
   clear: both;
   float: none;
   width: 100px;
   text-align: left;
   color: #ffffff;
   cursor: pointer;
}

ul.menu-overlay li.bottom-slice {
   height: 15px;
   background: transparent url(/images/nav/bottom-slice.png) top left no-repeat;
   margin: 0 0 1px 0;
   padding: 4px;  
   border-bottom: none;
}

ul.menu-overlay li a
{  
   color: #ffffff;
   text-decoration: none;
   display: block;
   width: 100px;
   background: transparent url(/images/nav/menu-overlay.png) top left;
   padding: 4px;
   border-bottom: 1px solid #ccc;
   cursor: pointer !important;
}

ul.menu-overlay a:hover
{  
   color: #FF7F00;
   text-decoration: none;
   display: block;
}

ul#main-nav li.menu img
{
   display: none;
   margin: -60px 0 0 1px;
}

ul#main-nav li.menu:hover ul
{
  display: block;
  z-index: 1;
}

ul#main-nav li#home-menu:hover {
   background: transparent url(/images/nav/home.jpg) 21px 30px no-repeat;
}

ul#main-nav li#why-esoles-menu:hover {
   background: transparent url(/images/nav/why-esoles.jpg) 1px 30px no-repeat;
}

ul#main-nav li#products-menu:hover {
   background: transparent url(/images/nav/footbeds.jpg) 1px 30px no-repeat;
}

ul#main-nav li#pros-menu:hover {
   background: transparent url(/images/nav/esoles-pros.jpg) 1px 30px no-repeat;
}

ul#main-nav li#about-menu:hover {
   background: transparent url(/images/nav/work-and-play.jpg) 1px 30px no-repeat;
}

ul#main-nav li#news-menu:hover {
   background: transparent url(/images/nav/news.jpg) 1px 30px no-repeat;
}

ul#main-nav li#find-a-dealer-menu:hover {
   background: transparent url(/images/nav/scan-me.jpg) 1px 30px no-repeat;
}

/* -------------------------------------------------------------------------*/
/* Sub Navigation */

ul#sub-nav
{
   margin: 0;
   padding: 2px 0 0 0;
   font-size: 9px;
   list-style: none;
}

ul#sub-nav li { display: inline; }

ul#sub-nav a
{
   text-align: center;
   color: #333333;
   text-decoration: none;
   font-size: 11px;
   padding: 0 2px;
}

ul#sub-nav a:hover
{
   color: #FF7F00;
}


/* -------------------------------------------------------------------------*/
/* Form Styles */

ul {
   list-style-type: none;
   margin: 10px 0 0 0;
   padding: 0;
}

#content form ul,
dealeropportunities form ul {
   list-style-type: none;
   margin: 20px 0 0 0;
   padding: 0;
   border: 0;
}

form ul li {
   margin: 3px 0;
}

form#member_center ul {
   list-style-type: none;
}

label {
   width: 100px;
   float: left;
   color: #333;
   font-weight: bold;
}

#dealeropportunities label {
   width: 200px;
   text-align: right;
   padding-right: 7px;
   }

#content input, #content textarea,
#dealeropportunities input {
   width: 250px;
   font-size: 11px;
   }
   
#dealeropportunities textarea {
   width: 254px;
   font-size: 11px;
   }

.checkbox input {
   width: auto;
   margin: 0 7px 0 0;
}

.checkboxlist input {
   width: auto;
   margin: 0px 7px 0px 10px;
}

.checkboxlist td {
   text-align: left;
   padding: 3px;
}

#content .submit-btn,
#dealeropportunities .submit-btn {
   width: 70px;
   height: 25px;
   float: right;
   margin: 0 96px 0 0;
   }
   
#dealeropportunities .submit-btn {
   margin-right: 17px;
   }
   
#error font {
   font-size: 18px;
}
   
#error ul {
   font-weight: bold;
   list-style-type: square;
   margin: 10px 0 10px 20px;
}

.std_input, .std_input input {
   width: auto;
}
   
/* -------------------------------------------------------------------------*/
/* Homepage Promos */

ul#four-promos
{
   clear: both;
   width: 100%;
   margin: 0;
   padding: 0px;
   font-size: 9px;
   list-style: none;
   border-top: 1px solid #fff;
   background: transparent url(/images/footerpromobg.gif) 0 0 repeat-y;
}

ul#four-promos li
{
   float: left;
   width: 200px;
}

ul#four-promos li#first-promo
{
   font-size: 10px;
   line-height: 100%;
}

ul#four-promos li#product-promo {
   margin-left: 6px;
   }

ul#four-promos li#last-promo
{
   width: 144px;
}

ul#four-promos li#last-promo p
{
   color: #FF7F00;
   font-size: 10px;
   margin: 10px 10px 10px 10px;
}

ul#four-promos li#no-corner {
   background-image: none;
   }

div#ucFourPromos_newsPromo_pnlNewsList div {
   margin-bottom: 5px;
   }

ul#four-promos-menu
{
   clear: both;
   xfloat: left;
   width: 100%;
   height: 20px;
   margin: 0;
   padding: 2px 0 0 0;
   font-size: 9px;
   list-style: none;
   background: url(/images/promo_btn_bg.gif) no-repeat top left;
}

ul#four-promos-menu li
{
   float: left;
   padding: 3px 20px 0 30px;
   width: 153px;
   height: 14px;
}

ul#four-promos-menu li#last-promo-menu
{
   float: left;
   padding: 3px 20px 0 30px;
   width: 291px;
   height: 14px;
}

ul#four-promos-menu li a
{
   color: #666666;
   font-size: 11px;
   text-decoration: none;
}


/* -------------------------------------------------------------------------*/
/* Footer Promos */

div#footer {
   font-weight: normal;
   clear: both;
   padding: 3px;
   height: 40px;
   font-size: 9px;
   color: #ffffff;
   background-color: #E0DDD0;
}

div#footer-promo {
   background-color: #f4f3ef;
   }

#footer p.left-text {
   margin: 0;
   float: left;
   line-height: 14px;
   padding: 0;
   }
   
.addthis, .socialism {
   float: left;
   margin: 0;
   padding: 0 0 0 10px;
   }   
   
#footer p.right-text {
   margin: 0;
   float: right;
   }   

/* -------------------------------------------------------------------------*/
/* Background images */

.technology-middle-content {
   background: url(/images/photos/backgrounds/technology.jpg) top right no-repeat;
   } 
   
.manufacturing-middle-content {
   background: url(/images/photos/backgrounds/manufacturing.jpg) top right no-repeat;
   }    
   
.benefits-middle-content {
   background: url(/images/photos/backgrounds/benefits.jpg) top right no-repeat;
   }       
   
.twentyfourhrs-middle-content {
   background: url(/images/photos/backgrounds/24hrs.jpg) top right no-repeat;
   }          
   
.versatility-middle-content {
   background: url(/images/photos/backgrounds/versatility.jpg) top right no-repeat;
   }     
   
.comparison-middle-content {
   background: url(/images/photos/backgrounds/comparison.jpg) top right no-repeat;
   }        
   
.service-middle-content {
   background: url(/images/photos/backgrounds/service.jpg) top right no-repeat;
   }           
   
.qa-middle-content {
   background: url(/images/photos/backgrounds/qa.jpg) top right no-repeat;
   }            
   
.walking-middle-content {
   background: url(/images/photos/backgrounds/walking.jpg) top right no-repeat;
   }     
   
.cycling-middle-content {
   background: url(/images/photos/backgrounds/cycling.jpg) top right no-repeat;
   }        
   
.running-middle-content {
   background: url(/images/photos/backgrounds/running.jpg) top right no-repeat;
   }     
   
.skiing-middle-content {
   background: url(/images/photos/backgrounds/skiing.jpg) top right no-repeat;
   }    
   
.dress-middle-content {
   background: url(/images/photos/backgrounds/dress.jpg) top right no-repeat;
   }    
   
.leisure-middle-content {
   background: url(/images/photos/backgrounds/leisure.jpg) top right no-repeat;
   }     
   
.fitness-middle-content {
   background: url(/images/photos/backgrounds/fitness.jpg) top right no-repeat;
   }     
   
.jason-mccartney-middle-content {
  background: url(/images/photos/backgrounds/jason_mccartney.jpg) top right no-repeat;
  }     
   
.golf-middle-content {
   background: url(/images/photos/backgrounds/golf.jpg) top right no-repeat;
   }    
   
.skate-middle-content {
   background: url(/images/photos/backgrounds/skate.jpg) top right no-repeat;
   }      
   
.pros-middle-content {
   background: url(/images/photos/backgrounds/pros.jpg) top right no-repeat;
   }     
   
.george-hincapie-middle-content {
   background: url(/images/photos/backgrounds/george_hincapie.jpg) top right no-repeat;
   }     
   
.levi-leipheimer-middle-content {
   background: url(/images/photos/backgrounds/levi_leipheimer.jpg) top right no-repeat;
   } 
   
.jordan-rapp-middle-content {
   background: url(/images/photos/backgrounds/jordan_rapp.jpg) top right no-repeat;
   } 
   
.floyd-landis-middle-content {
   background: url(/images/photos/backgrounds/floyd_landis.jpg) top right no-repeat;
   }    
   
.david-zabriskie-middle-content {
   background: url(/images/photos/backgrounds/david_zabriskie.jpg) top right no-repeat;
   }  
   
.scott-speed-middle-content {
   background: url(/images/photos/backgrounds/scott_speed.jpg) top right no-repeat;
   }  
   
.scott-sackett-middle-content {
   background: url(/images/photos/backgrounds/scott_sackett.jpg) top right no-repeat;
   }        
   
.carin-koch-middle-content {
   background: url(/images/photos/backgrounds/carin_koch.jpg) top right no-repeat;
   }      
   
.tom-danielson-middle-content {
   background: url(/images/photos/backgrounds/tom_danielson.jpg) top right no-repeat;
   }     
   
.bo-van-pelt-middle-content {
   background: url(/images/photos/backgrounds/bo_vanpelt.png) top right no-repeat;
   }     
   
.mark-hensby-middle-content {
   background: url(/images/photos/backgrounds/mark_golf.jpg) top right no-repeat;
   }       
   
.bobby-labonte-middle-content {
   background: url(/images/photos/backgrounds/bobby_labonte.jpg) top right no-repeat;
   }       
      
.kanye-west-middle-content {
   background: url(/images/photos/backgrounds/kanye_west.jpg) top right no-repeat;
   }     
   
.karlos-dansby-middle-content {
   background: url(/images/photos/backgrounds/karlos_dansby.jpg) top right no-repeat;
   }     
      
.camilo-villegas-middle-content {
   background: url(/images/photos/backgrounds/camilo_villegas.png) top right no-repeat;
   }   
   
.chris-lieto-middle-content {
  background: url(/images/photos/backgrounds/chris_lieto.jpg) top right no-repeat;
  }   
  
.da-points-middle-content {
  background: url(/images/photos/backgrounds/da_points.png) top right no-repeat;
  }   

.corporate-sales-middle-content {
   background: url(/images/photos/backgrounds/corporate_sales.jpg) top right no-repeat;
   }   
   
.customer-service-middle-content {
   background: url(/images/photos/backgrounds/customer_service.jpg) top right no-repeat;
   }     
   
.contact-middle-content {
   background: url(/images/photos/backgrounds/contact.jpg) top right no-repeat;
   }    
   
.jobs-middle-content {
   background: url(/images/photos/backgrounds/jobs.jpg) top right no-repeat;
   }
   
.crew-middle-content {
   background: url(/images/photos/backgrounds/crewpagebg.jpg) top right no-repeat;
   }
   
.glenvideo-middle-content {
   background: url(/images/photos/backgrounds/crew.jpg) top right no-repeat;
   }
   
.partners-middle-content {
   background: url(/images/photos/backgrounds/crew.jpg) top right no-repeat;
   }  
   
.map-middle-content {
   background: url(/images/photos/backgrounds/world-map.png) top right no-repeat;
   } 
         
/* -------------------------------------------------------------------------*/
/* PNG images */   

#efitphoto {
   text-indent: -9999px;
   background-image: url(/images/photos/efit_dynamic.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px;
   left: 345px;
   /* ref ie6down.css */
}

#efitdynamicphoto {
   text-indent: -9999px;
   background-image: url(/images/photos/efit_dynamic.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px; left: 475px;
   /* ref ie6down.css */
   }
   
#efitsuperdynamicphoto {
   text-indent: -9999px;
   background-image: url(/images/photos/efit_super_dynamic.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px; left: 475px;
   /* ref ie6down.css */
   }
   
#efitsupportivephoto {
   text-indent: -9999px;
   background-image: url(/images/photos/efit_supportive.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px; left: 475px;
   /* ref ie6down.css */
   }

#bontragerphoto {
   text-indent: -9999px;
   background-image: url(/images/photos/efit_bontrager.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px;
   left: 475px;
   /* ref ie6down.css */
   }

#walking {
   text-indent: -9999px;
   background-image: url(/images/photos/walkrunhike.png);
   width: 383px;
   height: 247px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#cycling {
   text-indent: -9999px;
   background-image: url(/images/photos/cycleskiskate.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#running {
   text-indent: -9999px;
   background-image: url(/images/photos/walkrunhike.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#skiing {
   text-indent: -9999px;
   background-image: url(/images/photos/cycleskiskate.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#eprophoto {
   text-indent: -9999px;
   background-image: url(/images/photos/walkrunhike.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px;
   left: 345px;
}

#dress {
   text-indent: -9999px;
   background-image: url(/images/photos/dress.png);
   width: 280px;
   height: 207px;
   position: absolute;
   top: 270px;
   left: 340px;
}

#leisure {
   text-indent: -9999px;
   background-image: url(/images/photos/leisure.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 230px;
   left: 340px;
}

#fitness {
   text-indent: -9999px;
   background-image: url(/images/photos/fitness.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#golf {
   text-indent: -9999px;
   background-image: url(/images/photos/golf.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#skate {
   text-indent: -9999px;
   background-image: url(/images/photos/cycleskiskate.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 340px;
}

#field {
   text-indent: -9999px;
   background-image: url(/images/photos/field.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 360px;
}

#court {
   text-indent: -9999px;
   background-image: url(/images/photos/court.png);
   width: 389px;
   height: 250px;
   position: absolute;
   top: 275px;
   left: 360px;
}

/* -------------------------------------------------------
=Buy Now Module
placed on product pages
------------------------------------------------------- */

#hp-buynow {
   position: absolute;
   top: -48px; right: 24px;
   z-index: 10;
   }
   
#hp-buynow a.buynow {
   background: transparent url(/images/buy_now_md.gif) top left no-repeat;
   border: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   width: 114px; height: 83px;
   }

.productpromo {
   border-top: 1px dotted #666;
   border-bottom: 1px dotted #666;
   position: absolute;
   top: 45px; left: 360px;
   text-align: center;
   padding: 15px;
   width: 200px; width/**/:/**/ 170px;
   }
   
.productpromo p {
   font-size: 12px;
   margin: 0; padding: 0;
   }
   
.productpromo h4 {
   margin: 5px 0;
   }

.productpromo h4 a.buynow {
   background: transparent url(/images/buy_now_lg.gif) top left no-repeat;
   border: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   width: 167px; height: 46px;
   margin-bottom: 15px;
   }
   
.productpromo h4 a.getscanned {
   background: transparent url(/images/get_scanned_lg.gif) top left no-repeat;
   border: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   width: 167px; height: 46px;
   }
   
.productpromo p a {
   font-weight: bold; font-size: 13px;
   line-height: 200%;
   }

/* -------------------------------------------------------------------------*/
/* Member Center */

.member-top-border {
   border-top: dotted 1px #333;
   margin: 0 0 0 20px;
   }

#member-content {
   float: left;
   margin: 15px 0 0 0;
   padding: 0;
   width: 654px;
   }

#member-photo {
   padding-top: 8px;
   border-top: solid 1px #CCC;
   }
   
.member-promo {
   padding-top: 15px;
   border-top: solid 1px #CCC;
   }
   
.member-promo img.first {
   margin: 0 50px 0 0;
   }   
   
.member-profile {
   float: right;
   width: 225px;
   margin: 0;
   padding: 0 25px 0 0;
   }   
   
.profile-hdr {
   border-bottom: 1px solid #CCC;
   padding-bottom: 5px;
   }   
   
.profile-section {
   border-bottom: 1px dotted #CCC;
   } 
   
.profile-section p {
   margin: 5px 0;
   padding: 0;
   }    

.profile-order {
   width: 200px;
   float: left;
}

table.member-tbl {
   width: 225px;
   }
      
table.member-tbl td {
   text-align: left;
   border-bottom: 1px dotted #CCC;
   font-size: 11px;
   }
   
table.member-tbl td.last {
   text-align: left;
   border-bottom: none;
   }   
   
table.member-tbl .member-tbl-hdr {
   width: 100px;
   }   
   
#edit-btn {
   margin: 20px 0 0 0;
   float: right;
   }
   
.date-cell {
   width: 35px;
   }   

form dl {
   width: 485px;
}

form dd {
   margin: 0;
   padding: 5px;
   padding-right: 0;
}

form dd input.boxwidth {
   width: 225px;
}

form dd select.boxwidth {
   width: 225px;
}

form dt label {
   width: auto;
   }
   
form dd label {
   color:#000000;
   float:none;
   font-weight:normal;
   width:auto;
}
form dt {
   float: left;
   padding: 5px;
   clear: both;
   width: 115px;
   line-height: 1.5em;
}

form dt.singlerow {
   float: none;
   padding-bottom: 0;
}

form dd.singlerow {
   clear: left;
}

.auth-banner {
   background-color: #FFF;
   border: 1px dotted #CC9;
   padding: 0 15px 15px 15px;
   margin: 0 0 15px 0;
   }
   
.auth-banner img {
   display: block;
   margin: 0 0 15px 0;
   }
   
.auth-banner textarea {
   font: 12px Courier, Monaco, monospace;
   line-height: 14px;
   width: 430px;
   }

store-footer div.break {
   float: left !important;
   }

/* =PR - 5 Aug 2009 */
div#middle-content div.break {
float: left !important;
}
/* ref ie6down.css, line 1357 */

#esoles-pros-promo ul, #esoles-pros-promo ul li, #esoles-pros-promo ul li a, #esoles-pros-promo ul li a img {
   margin: 0 0 0 1px;
   border: 0;
   padding: 0;
   height: 100px !important;
   overflow: hidden;
   }

ul#portfolio2 {
margin: 0px;
overflow: hidden;
height: 100px !important;
}

ul#portfolio2 li {
position: absolute;
}

/* =CP - 20 Aug 2009 */
body#newslanding div#middle-content div.break {
float: none !important;
}


/* PR - 23 March 2009 - AddThis styling */

div #at15s { 
width: 350px !important;
}

/* CP - 23 April 2009 - Dealer Interest Form */

div#dealeropportunities {
   clear: both;
   margin: 0 0 25px 130px;
   padding-top: 1px;
   }
   
div#dealeropportunities form {
   width: 500px;
   }
   
/* ------------------------------------------------------
=Product Select
Intermediate product selection page from my.esoles.com
directing users to customized store pages
------------------------------------------------------ */

body#myesoles-purchase #middle-content {
   background-image: none !important;
   }

#edit-btn {
   margin: 10px;
   }

#esolesPreferredPanel img,
#esolesPurchasePanel img {
   display: block;
   }

#esolesPreferredPanel {
   margin: 20px 10px; padding: 20px;
   }
   
#esolesPurchasePanel {
   margin: 10px 10px 20px; padding: 15px;
   }
   
#esolesPreferredPanel ul,
#esolesPurchasePanel ul {
   margin-top: 0;
   height: 1%;
   }

#esolesPreferredPanel ul li,
#esolesPurchasePanel ul li {
   float: left;
   padding: 0 10px 10px 10px; margin: 15px;
   border-bottom: 1px solid #ccc;
   text-align: center;
   width: 140px; width/**/:/**/ 120px;
   }

#esolesPreferredPanel h2,
#esolesPurchasePanel h2 {
   margin: 0; padding-bottom: 15px;
   border-bottom: 1px dotted #666;
   }
   
#esolesPreferredPanel h3,
#esolesPurchasePanel h3 {
   font-size: 14px; font-weight: bold;
   margin: 0; padding-bottom: 15px;
   }
   
#esolesPreferredPanel p,
#esolesPurchasePanel p {
   font-size: 12px; font-weight: bold; font-style: italic;
   color: #666;
   margin-bottom: 15px;
   }
   
#esolesPreferredPanel a.buynowbutton,
#esolesPurchasePanel a.buynowbutton {
   background: transparent url(/images/blue_button.gif) top left no-repeat;
   border: none;
   display: block;
   height: 28px;
   outline: none;
   text-indent: -9999px;
   width: 85px;
   margin: 0 auto;
   }


/* CP - 06 July 2009 - Product Pages Content Styling */

.walking-middle-content ul.efitactivities {
   font-weight: bold;
   text-transform: uppercase;
   height: 1%;
   margin-top: 0; margin-bottom: 10px;
   }

.walking-middle-content ul.efitactivities li {
   float: left;
   padding: 0 5px;
   border-right: 1px solid;
   }

.walking-middle-content ul.efitactivities li.last {
   border-right: 0;
   }

.walking-middle-content ul.efitactivities li.first {
   padding-left: 0;
   }

.walking-middle-content p.bumpdown {
   margin-top: 20px;
   }
   
/* -----------------------------------------------------------
=Wireless Dashboard
----------------------------------------------------------- */

div#content.dash {
   width: 540px !important;
   float: left;
   margin-bottom: 25px;
   display: inline;
   }

table.wirelessdash {
   width: 540px;
   border-top: 2px solid #ccc;
   margin-top: 10px;
   }
   
table.wirelessdash td {
   text-align: left;
   border-bottom: 1px solid #ccc;
   }
   
.dash-promo {
   float: left;
   padding: 0 15px 0 50px; margin-bottom: 25px;
   width: 270px; width/**/:/**/ 205px;
   }
   
.dash-promo ul {
   padding-top: 135px;
   background: transparent url(/images/dashboard_thumb.gif) 0 10px no-repeat;
   border-top: 2px solid #ccc;
   list-style-type: disc !important;
   }
   
.dash-promo li {
   margin-left: 15px; padding: 3px 0;
   }

/* CP - 16 July 2009 - Jobs */
.jobs-middle-content #content ul {
   list-style: none;
   border-bottom: none;
   margin: 0;
   padding: 0;
   }

.jobs-middle-content #content ul li {
   margin-left: 0;
   padding: 0;
   }

/* ------------------------------------------------------
=Product page layout with product menu subnav
column on left
------------------------------------------------------ */

body.productpage .walking-middle-content,
body.productpage .technology-middle-content,
body.productpage .cycling-middle-content,
body.productpage .dress-middle-content,
body.productpage .fitness-middle-content,
body.productpage .golf-middle-content,
body.productpage .running-middle-content,
body.productpage .skate-middle-content,
body.productpage .skiing-middle-content {
   overflow: hidden;
   }

body.productpage #sole-product-links {
   float: left;
   background-color: transparent;
   padding: 0 0 0 15px;
   height: auto;
   margin-bottom: 20px;
   position: relative;
   }
   
body.efitproducts #short-content {
   float: left;
   height: 1%;
   margin-left: 25px;
   position: static; /* for ie7 */
   padding-bottom: 5px;
   /* ref ie6down.css */
   }

body.productpage .sole-product-link {
   margin: 8px 5px 13px 5px;
   width: 80px;
   float: none;
   }

body.productpage .sole-product-link p {
   margin: 0;
   }

body.productpage .sole-product-link p a {
   font-weight: bold;
   font-style: italic;
   }
   
body.productpage .sole-product-link p a img {
   display: block;
   margin-top: 2px;
   }

body.productpage .sole-product-link a:hover {
   color: #004291;
   }

body.productpage ul.efitintrostatements li {
   margin-bottom: 10px;
   }
   
body.productpage #middle-content dl.typicalactivities {
   height: 1%;
   }

body.productpage #middle-content dl.typicalactivities dt {
   margin-bottom: 10px;
   }
   
body.productpage #middle-content dd {
   margin-left: 0;
   }

body.productpage #middle-content dl.typicalactivities dd {
   float: left;
   border-right: 1px solid;
   padding: 0 5px;
   }

body.productpage #middle-content dl.typicalactivities dd.firstactivity {
   padding-left: 0;
   }
   
body.productpage #middle-content dl.typicalactivities dd.lastactivity {
   border-right: none;
   }
   
body.productpage #middle-content dl.efitspecs dt,
body.productpage #middle-content dl.efitspecs dd {
   margin-bottom: 5px;
   }

body.productpage #middle-content dl.efitspecs dt {
   font-weight: bold;
   }
   
body.efitproducts #short-content {
   float: left;
   height: 1%;
   margin-left: 25px;
   position: static; /* for ie7 */
   padding-bottom: 5px;
   /* ref ie6down.css */
   }

body.efitproducts .productpromo {
   left: 490px;
   }

dl.efitlandingsellingpoints dt {
   margin: 20px 0 10px 0;
   font-weight: normal;
   font-size: 14px;
   line-height: 14px;
   color: #004291;
   }

/* CP - 21 August 2009 - Crew Headings */
body#crew div#middle-content h3 {
   margin-top: 10px;
   }


/* PR - Sept 2009 - Support */

input#ctl00_wpm_CheckoutPage_ctl01_CouponDialog1_CouponCode,
input#ctl00_wpm_Basket_ctl01_CouponDialog2_CouponCode {
border: 1px inset #000;
}





/* PR - Oct 2009 Support */

input#txtAddress2 {
margin-left: 120px;
margin-top: 5px;
}





/* PR - Feb 2010 Support */

h1 {
font-family: Helvetica, Arial, sans-serif !important;
}