/*
NEWTON RUNNING
	Date: 2009/01
	Contents: Styles for interior content components
*/


h1 {                   
	 margin: 0 0 10px 0;                 
	 padding: 5px 0 2px 0;
	 font-size: 20pt;
	 color:#494A4B;
	 font-weight: normal;
	 text-transform: uppercase;
}


h2 {
	 margin: 0 0 10px 0;
	 padding: 5px 0 2px 0;
	 font-size: 18pt;
	 color:#494A4B;
	 font-weight: normal;
	 text-transform: uppercase;
	 line-height: 22px;
}

h2 a.contentpagetitle, .category-item-1 h2, .moduletable h2, .moduletablevideo h2 {  font-size:12pt; margin-bottom: 4px; }

h3  {                
	 margin: 0 0 10px 0;
	 padding: 5px 0 2px 0;
	 font-size:13pt;
	 font-weight: normal;
	 text-transform: uppercase;
	 color:#494A4B;
 }
 
h4 {
	 margin: 0 0 10px 0;
	 padding: 5px 0 2px 0;
	 font-size:11pt;
	 font-weight: normal;
	 text-transform: uppercase;
	 color:#494A4B;
 }
 
img { border:0; }

img.go-left, img[align=left] { float: left; margin: 0 10px 10px 0; } 
img.go-right, img[align=right] { float: right; margin: 0 0 10px 10px; } 
div.go-left { float: left; }
div.no-display { display: none; }
img.no-border { margin: 0 0 0 0; padding: 0 0 0 0; }


form {
 margin:0;
 padding:0;
}

.cleartool { clear:both; }
.noheight { height: 0; }

.errors {
 color:#bb141a;
}

p { margin: 4px 0 12px 0;   text-align: justify; }
p.box { text-align: justify; }
p.small {font-size: 90%; }
.vsmall {font-size: 10px; }

p .errors {
 color:#bb141a;
 font-weight:bold;
}

p.indent {
	padding-left: 25px;
}

.required-error {
 color:#bb141a;
 font-size:11px;
 font-weight:bold;
}

blockquote {
	text-align: justify;
	font-style: normal;
	margin: 4px 0 0 0;
}
blockquote span.credit { font-style: normal; font-weight: bold; }

.article_separator { display: block; clear: both; margin-bottom: 20px; }
.moduletable .article_separator, .moduletablevideo .article_separator {height: 1px; padding:0; margin-bottom: 0px; }

/* default links */

a {
	color:#62bb47;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

a:visited {color:#4F9939; }
a:hover {color:#336b22; }
a:active {color:#336b22; }   


.across div.one-third { 
	display: block;
	float: left; 
	text-align: justify;
	margin: 0 6px 0 0;
	width: 161px;
}

.across div.last { margin: 0; }

div.indent { padding: 6px 20px 6px 20px; }

/* content body look and feel */

#content #inside ul, #content #wide-inside ul, 
#content #inside ol, #content #wide-inside ol {
	 margin: 4px 0 10px 18px;
	 padding: 0;
}

#content #inside li, #content #wide-inside li { margin: 0 0 4px 0; }

/* IP/COUNTRY DETECTION */
#notice { border: #AE1E0B 1px solid; padding: 6px 15px 2px 15px; }
#notice p { margin: 0 0 6px 0; }
#notice img { margin-top: 3px; }
#notice .no-thanks, #product-notice .no-thanks { height: 5px; text-align: right;}
#product-notice { border: #AE1E0B 1px solid; padding: 4px 4px 2px 4px; margin-bottom: 10px; }
#product-notice p {margin-bottom: 8px; text-align: center;}


/* READ MORE LINKS */
a.readonvideo {
	display: block;
	float: right;
	height: 14px;
	width: 89px;
	background: url(../images/video.gif) no-repeat top left;
	text-indent: -9000px;
	margin-bottom: 10px;
}

a.readon {
	display: block;
	float: right;
	height: 14px;
	width: 90px;
	background: url(../images/read-more.gif) no-repeat top left;
	text-indent: -9000px;
	margin-bottom: 10px;
}


/*  SPECIFIC TO A PARTICULAR PAGE */

.tips { 
	float: left; 
	width: 160px; 
	font-size: 52pt; 
	text-transform: uppercase;
	font-weight: bold;
	color: #ee3024;
}
.adjust { float: right; width: 305px; margin: 6px 0 0 0; }
.adjust h1 { 
	font-size: 20pt; 	
	text-transform: uppercase;
	font-weight: bold;
	color: #ba131a; 
}

.contentpaneblog ul {
	list-style-type: none;
}



body#the-news #content-column ul {
 margin: 4px 0 0 18px;
 padding: 0;
}




/* image w/link to homepage */

body#who-team #page-head-box,  
body#who-green #page-head-box,
body#who-social #page-head-box,
body#who-contact #page-head-box,
body#privacy #page-head-box,
body#who-founders #page-head-box {   
 background-image: url(../../../images/newton/who_we_are/pagehead.jpg);
 width:754px;
 height:155px;
}

body#shoes #page-head-box,   
body#shoes-landing #page-head-box {
 background-image: url(../../../images/newton/the_shoes/pagehead.jpg);
 width:754px;
 height:155px;
}

body#shoes #page-head-box-cure  {
 background-image: url(../../../images/newton/shoes/shoes_header.gif);
 width:754px;
 height:155px;
}


body#checkout #page-head-box,  
body#cart #page-head-box {
 background-image: url(../../../images/newton/checkout/pagehead.jpg);
 width:754px;
 height:155px;
}

body#athletes-bio #page-head-box,   
body#athletes-testimonial #page-head-box {
 background-image: url(../../../images/newton/the_athletes/pagehead.jpg);
 width:754px;
 height:155px;
}

body#support #page-head-box, 
body#default #page-head-box {
 background-image: url(../../../images/newton/support/head.jpg);
 width:754px;
 height:155px;
} 


body#news-in-the-media #page-head-box,
body#news-team-newton #page-head-box,  
body#news-press-releases #page-head-box,  
body#news-races-events #page-head-box, 
body#the-news #page-head-box {  
 background-image: url(../../../images/newton/the_news/pagehead.jpg);
 width:754px;
 height:155px;
}

body#open #page-head-box {  
 width:754px;
 height:63px;
}




#page-head-link {
 width:129px;
 height:52px
}

#page-head-link span {visibility:hidden}

a.home-link {
 width:129px;
 height:52px;
 display:block;
}

#page-head-box img {display:block}

/* run better */


#flashid {
 width:754px; 
 height:320px; 
 background-color: #999999;
}


.tout-shoe {
 margin: 8px 0 0 24px;
 padding: 0;
 overflow: hidden;
 height:125px;
 float:right;
}

.tout-shoe a {
 padding: 125px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 158px;
 background: url(../../../images/newton/touts_shoes/tout_distancia.gif) top left no-repeat;
}
	
.tout-shoe a:hover, .tout-shoe a:active {
 background-position: 0 -127px;
}

body#run-better .tout-nav {
 margin: 8px 0 0 24px;
 padding: 0;
 overflow: hidden;
 height:62px;
 float:right;
}

body#run-better .tout-nav a {
 padding: 62px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 167px;
 background: url(../../../images/newton/touts_nav/how_they_work.gif) top left no-repeat;
}
	
body#run-better .tout-nav a:hover, body#run-better .tout-nav a:active  {
 background-position: 0 -64px;
}

body#run-better #content-column ol {             /* see ie.css for IE 6/7.x  */
 margin: 0 0 0 20px;padding: 0;
}

body#run-better #content-column li {
 margin: 0 0 10px 0;
}


.isaac {
 float:right;
 padding: 4px 0 20px 20px;
}

/* how they work */

body#how p {width:294px}

#the-foot {
 margin: 8px 0 0 24px;
 float:right;
}

body#how .tout-shoe {                /* see ie.css for IE 6/7.x  */
 margin: 4px 64px 0 0;
 padding: 0;
 overflow: hidden;
 height:125px;
 float:right;
}

body#how .tout-shoe a {
 padding: 125px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 158px;
 background: url(../../../images/newton/touts_shoes/tout_distancia.gif) top left no-repeat;
}
	
body#how .tout-shoe a:hover, #tout-shoe a:active  {
 background-position: 0 -127px;
}


body#how .tout-nav {
 margin: 18px 0 0 0;
 padding: 0;
 overflow: hidden;
 height:13px;
}

body#how .tout-nav a {
 padding: 13px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 480px;
 background: url(../../../images/newton/touts_nav/run_better.gif) top left no-repeat;
}
	
body#how .tout-nav a:hover, body#how #tout-nav a:active  {
 background-position: 0 -15px;
}


.science-block {
 border-bottom:1px solid #dededf;
 padding: 0 0 10px 0;
}

.how-next-link {
 padding: 14px 0 0 0;
 font-weight:bold;
}



/* the shoes - landing */

#the-shoes {
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 width:705px;
	 height:500px
}


/* PRODUCT SHOPPING */

.category-item-2 {
	float: left;
	width: 45%;
	margin: 0 10px 10px 0;
	padding: 0 0 0 0;
}

.category-item-2 h4 { height: 25px; }

.category-item-1 {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.cat-shoe-price {
 font-size: 18px;
 font-weight: bold;
 color: #62bb47;
 margin-bottom: 5px;
}

.cat-shoe-price .currency {
	 font-size: 10px;
}


.product-brief { float: right; padding:  0 0 0 6px; }
.product-detail { height: 220px; }
.product-image { }
.product-thumb { height: 100px; margin: 0; padding: 0;}
.height-100 {  height: 100px; }

.section-buy {
 margin:  0 0 0 0;
 padding: 0 0 0 0;
}



#shoe-viewer {padding: 6px 0 0 0;}

#product-buy {
 width: 160px;
 float: left;
 margin: 10px 0 0 0;
 padding: 0 0 0 0;
}

#product-copy {
 width: 320px;
 margin: 10px 0 0 0;
 padding: 0 0 0 10px;
 float: right;
 border-left: #636466 1px dotted;
}

#product-copy ul {
 margin: 0 0 0 16px;
 padding: 0;
}

#product-copy ul li {margin:  0 0 8px 0}

.shoe-price {
 font-size: 24px;
 font-weight: bold;
 color: #62bb47;
 margin-bottom: 10px;
}

.shoe-price .currency {
	 font-size: 14px;
}

.shoe-weight {
  background: url(/images/stories/cart/weight.gif) top left no-repeat;
  padding: 14px 0 10px 0;
   font-weight: bold;
}

.weight-size {font-weight:normal;}

img.colors { margin: 0 2px 0 0; padding: 0 0 0 0;}

.shoe-sizes {
  background: url(/images/stories/cart/sizes.gif) top left no-repeat;
  padding: 14px 0 10px 0;
  font-weight: bold;
}

.currency {
  font-size: 18px;
  font-weight: bold;
  color: #62bb47;
}

.item-quantity {
  background: url(/images/stories/cart/quantity.gif) top left no-repeat;
  padding: 14px 0 10px 0;
  margin-top: 4px;
  font-weight: bold;
}

#choose-size {padding: 0 0 0 0; }
#choose-size select {width: 150px; margin: 0 0 2px 0; font-size: 95%;}

.item-count {color:#ba1319;font-weight:bold}

#partner-block {padding:20px 0 0 0}


#button-buy {
 margin: 5px 0 5px 0;
 padding: 0 0 0 0;
 background: url(../images/add-to-cart.gif) top left no-repeat;
}

#button-buy a {
	display: block;
	height: 25px;
	width: 139px;
	text-indent: -9000px;
}


#button-checkout {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/checkout.gif) top left no-repeat;
}

#button-checkout a {
	display: block;
 	height: 25px;
	width: 139px;
	text-indent: -9000px;
}
	
.checkout-module {
	 padding: 2px 0 0 0;
	 font-size:11px;
}

.button-buy-now {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 133px;
	background: url(../images/buy-now.gif) top left no-repeat;
}

.button-buy-now a {
	display: block;
 	height: 25px;
	width: 133px;
	text-indent: -9000px;
}


body#shoes p.other-copy {
 font-size:10px;
 padding: 0;
 margin: 0;
 width:280px;
}

#other-views-module {float:left}

#tag-container {
 float:left;
 margin: 2px 0 0 30px;
 z-index:100;
}

/* hidden divs which contain cross-shoe tags onmouseover */
#lyr0, #lyr1, #lyr2, #lyr3, #lyr4	{
 float:left;
 z-index:1;
 display:none;
 position:relative;
 top:0;
 left:0;
}	


#gravity-view-shoe {
 margin: 0;
 padding: 0;
 overflow: hidden;
 height:30px;
 width:114px;
 float:left;
}

div#cross-mens #gravity-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 114px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/gravity.gif) top left no-repeat;
}
	
div#cross-womens #gravity-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 114px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/womens/gravity.gif) top left no-repeat;
}

div#cross-mens #gravity-view-shoe a:hover, div#cross-mens #gravity-view-shoe a:active  {
 background-position: 0 -32px;
	}

div#cross-womens #gravity-view-shoe a:hover, div#cross-womens #gravity-view-shoe a:active  {
 background-position: 0 -32px;
	}


#motion-view-shoe {
 margin: 0 0 0 50px;
 padding: 0;
 overflow: hidden;
 height:30px;
 width:110px;
 float:left;
}

div#cross-mens #motion-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 110px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/motion.gif) top left no-repeat;
}

div#cross-womens #motion-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 110px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/womens/motion.gif) top left no-repeat;
}

div#cross-mens #motion-view-shoe a:hover, div#cross-mens #motion-view-shoe a:active  {
 background-position: 0 -32px;
}

div#cross-womens #motion-view-shoe a:hover, div#cross-womens #motion-view-shoe a:active  {
 background-position: 0 -32px;
}

#motionaw-view-shoe {
 margin: 0 0 0 0;
 padding: 0;
 overflow: hidden;
 height:30px;
 width:140px;
 float:left;
}

div#cross-mens #motionaw-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 140px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/motionaw.gif) top left no-repeat;
}

div#cross-womens #motionaw-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 140px;
 height:30px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/womens/motionaw.gif) top left no-repeat;
}

div#cross-mens #motionaw-view-shoe a:hover, div#cross-mens #motionaw-view-shoe a:active  {
 background-position: 0 -32px;
}

div#cross-womens #motionaw-view-shoe a:hover, div#cross-womens #motionaw-view-shoe a:active  {
 background-position: 0 -32px;
}

#distance-view-shoe {
 margin: 4px 0 0 10px;
 padding: 0;
 overflow: hidden;
 height:29px;
 width:120px;
 clear:both;
 float:left;
}

#distance-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 120px;
 height:29px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/distance.gif) top left no-repeat;
}

#distance-view-shoe a:hover, #distance-view-shoe a:active  {
 background-position: 0 -31px;
}


#distances-view-shoe {
 margin: 4px 0 0 30px;
 padding: 0;
 overflow: hidden;
 height:29px;
 width:132px;
 float:left;
}

#distances-view-shoe a {
 text-indent:-1000em;
 margin: 0;
 overflow: hidden;
 width: 132px;
 height:29px;
 display:block;
 background: url(../../../images/newton/shoes/cross_views/distance_s.gif) top left no-repeat;
}

#distances-view-shoe a:hover, #distances-view-shoe a:active  {
 background-position: 0 -31px;
}



/* cross-view selected page ("grayed-out") */

#distances-view-shoe a#lnk0,
#distance-view-shoe a#lnk0 {
 cursor:default;
 background-position: 0 -62px;
}

div#cross-mens #gravity-view-shoe a#lnk0,
div#cross-womens #gravity-view-shoe a#lnk0,
div#cross-mens #motion-view-shoe a#lnk0,
div#cross-womens #motion-view-shoe a#lnk0 {
 cursor:default;
 background-position: 0 -64px;
}



/* the news */

body#the-news #content-column ul {
 margin: 4px 0 0 18px;
 padding: 0;
}

body#the-news #content-column ul li {margin: 0 0 8px 0;}



/* the athletes */

#the-athletes1 {
 float:left;
 margin: 0 60px 0 0;
}

#the-athletes2 {
 float:left;
 margin: 0;
}

#the-athletes3 {float:left}

body#athletes-bio #content-column ul {
 margin: 6px 0 14px 18px;
 padding: 0;
}

.highlights {padding: 0 0 8px 0}

.testimonial-module {
 border-bottom: 1px solid #dededf;
 padding: 12px 0 12px 0;
}

.athlete-block {
 border-bottom:1px solid #dededf;
 padding: 0 0 10px 0
}



/* the athletes subnavigation */

body#athletes-bio #right-column,
body#athletes-testimonial #right-column {
 float:right;
 width:120px;
 padding: 34px 0 0 10px;
}	

ul#athletes-navi {
 list-style: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}
	
ul#athletes-navi li#navi-bio {                /* see ie.css for IE 6/7.x  */
 margin: 0 0 3px 0; 
 padding: 0;
 overflow: hidden;
 height:12px;
}

ul#athletes-navi li#navi-testimonial {                /* see ie.css for IE 6/7.x  */
 margin: 0 0 0 0;  
 padding: 0;
 overflow: hidden;
 height:12px;
}


#navi-bio a {
 background: url(../../../images/newton/the_athletes/navigation/nav_bios.gif) top left no-repeat;
 padding: 12px 0 0 0;
 display:block;
 overflow: hidden;
 height:12px;
}

#navi-bio a:hover {background-position: 0 -14px}


#navi-testimonial a {
 background: url(../../../images/newton/the_athletes/navigation/nav_testimonials.gif) top left no-repeat;
 padding: 12px 0 0 0;
 display:block;
 overflow: hidden;
 height:12px;
}

#navi-testimonial a:hover {background-position: 0 -14px}


/* the athletes subnavigation locator */

body#athletes-bio #navi-bio a,
body#athletes-testimonial #navi-testimonial a {
 background-position: 0 -14px
}


.news-image-left, .align-left { padding: 0 10px 10px 0; float: left; }

.news-image-right, .align-right { padding: 0 0 10px 10px; float: right; }

/* who we are */

.people-block {
 border-bottom:1px solid #dededf;
 padding: 10px 0 10px 0;
}

.green-block {
 border-bottom:1px solid #dededf;
 padding: 0 0 10px 0;
}

.who-next-link {
 padding: 14px 0 0 0;
 float:right;
 font-weight:bold;
}

/*---- sIFR ----------------------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/


    .sIFR-active h1,
    .sIFR-active h2
 {
      visibility: hidden;
      font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, sans-serif;
      line-height: 1em;
    }

    .sIFR-active h1 {
      margin: -2px 0 -8px -2px;padding:0
    }

    .sIFR-active h2 {
      margin: 24px 0 -8px 0;padding:0;
    }

    .sIFR-active h2.new-block {
      margin: 24px 0 -4px 0;padding:0;
    }


.upgrade_flash {text-align:center;padding: 40px 0 0 180px}


#upgrade-column {
 width:138px;
 float:left;
 background:transparent
}




/* no-flash styles */


.no-flash-shoe {
  margin: 68px 0 96px 68px


}

#page-content-box-noflash  {margin: 8px 0 0 10px}

#nav-column-noflash {
 width:138px;
 float:left;
 background:transparent;
 margin: 116px 0 0 0
}



.newtonlogo { margin: 3px 0 0 0}

#home-footer{
margin: 0 10px 0 0
}





#shoe-container {
  width:705px;
  display:inline-block;

}

#shoe-container:after { 
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;}


.shoes-left {
float:left;width:240px;
padding: 40px 0 0 120px
}

.shoes-left-women {
padding: 16px 0 0 0
}

.shoes-right {
float:left;width:221px;
padding: 40px 0 0 22px
}

.shoes-right-women {
padding: 16px 0 0 0
}




#head-no-flash {
background-image: url(../../../images/newton/run_better/no_flash/runbetter_01.jpg);
background-repeat:no-repeat;
 width:754px; 
 height:320px; 

}


#head-no-flash2 {
background-image: url(../../../images/newton/run_better/no_flash/runbetter_02.jpg);
background-repeat:no-repeat;
 width:754px; 
 height:320px; 

}

#head-no-flash3 {
background-image: url(../../../images/newton/run_better/no_flash/runbetter_03.jpg);
background-repeat:no-repeat;
 width:754px; 
 height:320px; 

}

#head-no-flash4 {
background-image: url(../../../images/newton/run_better/no_flash/runbetter_04.jpg);
background-repeat:no-repeat;
 width:754px; 
 height:320px; 

}

#button-next {
 margin: 152px 10px 0 0;
 _margin: 152px 6px 0 0;
 padding: 0;
 overflow: hidden;
 height:18px;
 float:right;
}

#button-next a {
 padding: 18px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 18px;
 background: url(../../../images/newton/run_better/no_flash/button_next.gif) top left no-repeat;
}
	
#button-next a:hover, #button-next a:active {
 background-position: 0 -20px;
}

#button-prev {
 margin: 152px 0 0 10px;
 padding: 0;
 overflow: hidden;
 height:18px;
 float:left;
}

#button-prev a {
 padding: 18px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 18px;
 background: url(../../../images/newton/run_better/no_flash/button_prev.gif) top left no-repeat;
}
	
#button-prev a:hover, #button-prev a:active {
 background-position: 0 -20px;
}


#page-head {   
 background: url(/images/newton/who_we_are/pagehead.jpg) top left no-repeat;
 width:754px;
 height:155px;
}

#page-head span {visibility:hidden}

#uforun {
margin-bottom:24px}


#run-no-flash {
background-image: url(../../../images/newton/run_better/no_flash/stick_1.gif);
background-repeat:no-repeat;
width:479px; 
height:484px;
}

#run-no-flash2 {
background-image: url(../../../images/newton/run_better/no_flash/stick_2.gif);
background-repeat:no-repeat;
width:479px; 
height:484px;
}

#run-no-flash3 {
background-image: url(../../../images/newton/run_better/no_flash/stick_3.gif);
background-repeat:no-repeat;
width:479px; 
height:484px;
}

#run-no-flash4 {
background-image: url(../../../images/newton/run_better/no_flash/actuators.gif);
background-repeat:no-repeat;
width:478px; 
height:484px;
}

#button-one {
 margin: 6px 0 0 8px;
 padding: 0;
 overflow: hidden;
 height:14px;
 float:left;
}

#button-one a {
 padding: 14px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 15px;
 background: url(../../../images/newton/run_better/no_flash/button_1.gif) top left no-repeat;
}
	
#button-one a:hover, #button-one a:active {
 background-position: 0 -16px;
}

#button-two {
 margin: 6px 0 0 8px;
 padding: 0;
 overflow: hidden;
 height:14px;
 float:left;
}

#button-two a {
 padding: 14px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 15px;
 background: url(../../../images/newton/run_better/no_flash/button_2.gif) top left no-repeat;
}
	
#button-two a:hover, #button-two a:active {
 background-position: 0 -16px;
}

#button-three {
 margin: 6px 0 0 8px;
 padding: 0;
 overflow: hidden;
 height:14px;
 float:left;
}

#button-three a {
 padding: 14px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 15px;
 background: url(../../../images/newton/run_better/no_flash/button_2.gif) top left no-repeat;
}
	
#button-three a:hover, #button-three a:active {
 background-position: 0 -16px;
}

#legend {
 margin: 4px 0 0 20px;
 padding: 0;
 overflow: hidden;
 float:left;
}

#legend2 {
 margin: 8px 0 0 20px;
 padding: 0;
 overflow: hidden;
 float:left;
}

#actuator {
 margin: 6px 8px 0 0;
 padding: 0;
 overflow: hidden;
 float:right;
}

#tiny-stick {
 margin: 6px 12px 0 0;
 padding: 0;
 overflow: hidden;
 float:right;
}

#button-one a.sel {background-position: 0 -16px;cursor:text}
#button-two a.sel {background-position: 0 -16px;cursor:text}
#button-three a.sel {background-position: 0 -16px;cursor:text}




#no-flash {
 width:754px; 
 height:320px; 
 background: url(../../../images/newton/how_they_work/no_flash/how/head_bkrd.gif) top left no-repeat;
}


#howlist {
float:right

}


#howlist .how {
  	cursor:pointer
}

#howlist { 
width:200px;
padding: 60px 40px 0 0;
font-size:10px

}

.how-container {margin: 0 0 10px 0}

.selected {margin: 1px 0 0 0}


#how-1  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-1  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 111px;
 background: url(../../../images/newton/how_they_work/no_flash/how/less_energy_loss.gif) top left no-repeat;
}
	
#how-1  a:hover, #how-1  a:active {
 background-position: 0 -11px;
}

#how-2  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-2  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 106px;
 background: url(../../../images/newton/how_they_work/no_flash/how/more_cushioning.gif) top left no-repeat;
}
	
#how-2  a:hover, #how-2  a:active {
 background-position: 0 -11px;
}



#how-3  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-3  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 103px;
 background: url(../../../images/newton/how_they_work/no_flash/how/more_durability.gif) top left no-repeat;
}
	
#how-3  a:hover, #how-3  a:active {
 background-position: 0 -11px;
}


#how-4  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-4  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 88px;
 background: url(../../../images/newton/how_they_work/no_flash/how/more_mobility.gif) top left no-repeat;
}
	
#how-4  a:hover, #how-4  a:active {
 background-position: 0 -11px;
}

#how-5  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-5  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 177px;
 background: url(../../../images/newton/how_they_work/no_flash/how/more_bio.gif) top left no-repeat;
}
	
#how-5  a:hover, #how-5  a:active {
 background-position: 0 -11px;
}



#how-6  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-6  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 72px;
 background: url(../../../images/newton/how_they_work/no_flash/how/less_injury.gif) top left no-repeat;
}
	
#how-6  a:hover, #how-6  a:active {
 background-position: 0 -11px;
}

#how-7  {
 padding: 0;
 overflow: hidden;
 height:9px;
}

#how-7  a {
 padding: 9px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 76px;
 background: url(../../../images/newton/how_they_work/no_flash/how/less_weight.gif) top left no-repeat;
}
	
#how-7  a:hover, #how-7  a:active {
 background-position: 0 -11px;
}


.free-ship {
	display: block;
	height: 114px;
	width: 136px;
	position: absolute;
	left: 600px;
	top: 18px;
	z-index: 1000;
}

.free-ship-home {
	display: block;
	height: 151px;
	width: 200px;
	position: absolute;
	left: 545px;
	top: 18px;
	z-index: 1000;
}

/* CONTACT FORM */

#contactform { width: 500px; margin-left: auto; margin-right: auto; }

.formcolumn {
	float:left;
	width: 200px;
}

.formlabel {
	float:left;
	width: 80px;
	font-size: 95%;
	padding-top: 4px;
}

.formfield {
	float:left;
}

.cleardivider {
 clear:both;
 height: 5px;
}

label {font-size:10px;font-weight:bold}

 #button-send {
 margin: 8px 0 0 114px;
 padding: 0;
 overflow: hidden;
 height:16px;
}

#button-send  a {
 padding: 16px 0 0 0;
 float: left;
 margin: 0;
 display:block;
 overflow: hidden;
 width: 163px;
 background: url(../../../images/newton/support/button_message.gif) top left no-repeat;
}
	
#button-send  a:hover,  #button-send  a:active  {
 background-position: 0 -18px;
}

/* ***************** EVENTS PAGE ************** */


table.events-table {
	border: 1px solid #595959;
	border-bottom: 0;
	border-right: 0;
	display: block;
	font-size: 10px;
	margin: 20px 0 0;
	text-align: left;
	width: 493px;
}
table.events-table th, table.events-table td {
	border-bottom: 1px solid #595959;
	border-right: 1px solid #595959;
	padding: 2px 4px;
}
table.events-table td a:link, table.events-table td a:visited { color: #333; text-decoration: underline; }
table.events-table td a:hover { color: #e0001b; text-decoration: underline; }
table.events-table th {
	background-color: #595959;
	color: #fff;
}
table.events-table tfoot td {
	background-color: #595959;
	border-top: 1px solid #666;
	padding: 0;
}
tr.events-cat-camp td, .events-cat-camp { background-color: #fff; color: #333; }
tr.events-cat-event td, .events-cat-event { background-color: #fff8ac; color: #333; }
tr.events-cat-run td, .events-cat-run { background-color: #b4d570; color: #333; }
tr.events-cat-tri td, .events-cat-tri { background-color: #62bb47; color: #333; }


..system-unpublished { display: none; }

.lt-red { 
	text-transform: uppercase;
	font-size: 14pt;
	font-weight: bold;
	color: #ee3024;
}

.dk-red {
	text-transform: uppercase;
	font-size: 14pt;
	font-weight: bold;
	color: #ba131a;
}

.dk-green, .nr-dkgreen { color: #60bb46; }
.nr-dkred { color: #ba131a; }
.nr-ltred {color: #ee3024; }
.nr-dkgrey { color: #464646; }
.caps { text-transform: uppercase; }
.bld { font-weight: bold; }
.mid { text-align: center; }

p.move-right, div.indent { margin: 0 0 0 40px; }

span.enlarge { text-transform: uppercase; font-size: 14pt; font-weight: normal; }

/* *********** CONTENT MODULES *************** */

.gn_header_1, .gn_header_2 {
	margin: 0 0 10px 0;
	 padding: 5px 0 2px 0;
	 font-size:13pt;
	 font-weight: normal;
	 text-transform: uppercase;
	 color:#494A4B;
}

.gn_pagination_1, .gn_pagination_2 { font-size: 85%; }

/* *********** LEFT MODULES *************** */

#left-side input[type=text] { font: 95%; }


#left-side #subscribe { background-color: #efeff1; }
#left-side #subscribe .head {	background: #ffffff url(../images/subscribe.gif) top left no-repeat; width: 201px; height: 50px; margin: 0; padding: 0; }
#left-side #subscribe .body { padding:  4px 10px 4px 10px; margin: 0;} 
#button-subscribe {
 margin: 5px 0 5px 0;
 padding: 0 0 0 0;
 background: url(../images/do-subscribe.gif) top center no-repeat;
}
#button-subscribe a {
	display: block;
	height: 25px;
	width: 139px;
	text-indent: -9000px;
}
#left-side .foot { background: #ffffff url(../images/left-bottom.gif) top left no-repeat; width: 201px; height: 8px;  margin: 0 0 4px 0; padding: 0; } 


#left-side div.popular { 
	background: #efeff1 url(../images/left-bottom.jpg) bottom left no-repeat; 
	margin: 0 0 4px 0; 
	width: 201px;
	padding-bottom: 8px;  
}
#left-side div.popular h3 {	
	background: #ffffff url(../images/popular.gif) top left no-repeat; 
	width: 201px; 
	height: 50px; 
	text-indent: -9000px;
	margin: 0; 
	padding: 0; 
}

#left-side ul.mostread {
	 background-color: #efeff1; 
	padding-bottom: 10px;
	margin-left: 22px;
}

#leftside ul.mostread li { background-color: #efeff1; }

/* *********** PRODUCT GRIDS *************** */


.grid-head { 
	background-color: #595959; 
	color: #FFFFFF; 
	text-align: center; 
	font-size: 105%; 
	text-transform: uppercase;
	padding: 4px;
	margin-top: 10px;
}

.grid-subhead { 
	background-color: #cccdce;
	color: #4F9939;
	text-align: center; 
	text-transform: uppercase;
	font-size: 105%; 
	padding: 4px;
}

.grid-subhead-end { 	
	font-size: 105%; 
	padding: 4px;
	border-bottom: #cccdce 1px solid; 
	float: left; 
}

.grid-3qtr { width: 343px; float: left;}

.grid-item { 
	padding: 4px 4px 4px 10px; 
    border-left: #cccdce 1px solid; 
    border-bottom: #cccdce 1px solid;  
    height: 150px; 
	float: left; 
    text-align: center;
}
.grid-short { height: 120px; }
.grid-double { height: 200px; }
.grid-double-year { height: 215px; }
.grid-double-h-year {
	height: 150px;
}
.grid-double-4-year {
	height: 135px;
}
.grid-tri-year { height: 330px; }
.grid-end { border-right: #cccdce 1px solid; float: left; }
.grid-2 { width: 335px; }
.grid-2-inner {
	width: 163px;
	float: left;
	position: relative;
	height: 85;
} 
.grid-2-end {width: 130px; }
.grid-3 { width: 149px; }
.grid-3-end { width: 151px; }
.grid-5-options { width: 112px;  }
.grid-3-options { width: 70px;  }
.grid-2-options { width: 50px;  }
.div-center { margin: 0 auto; }
.grid-separator {height: 20px; }
.grid-notice { position: absolute; top: 10px; right: 14px; text-align: right;  color:#bb141a; font-size: 95%; }
.grid-notice2 {
	position: absolute;
	top: 3px;
	right: 3px;
	text-align: right;
	color:#bb141a;
	font-size: 95%;
}
.grid-notice_img {
	position: absolute;
	top: -7px;
	right: 10px;
	text-align: left;
	color:#bb141a;
	font-size: 95%;
	margin: 0px;
	padding: 0px;
}

.grid-item .title { text-transform: uppercase; text-align: left; font-size: 105%;}
.grid-item .price { text-align: left; font-size: 20px; }

/* RETAIL PAGE FORMATTING */
div.retail h4 { margin-bottom: 0; padding-bottom: 0; padding-left: 25px; }
div.retail p { margin-top: 0; padding-top: 0; padding-left: 25px; }

img.fixed-top-right {
	position: relative;
	left: 355px;
	top: 40px;
	z-index: 1000;
}

#newsticker {
	background-color: #d0d0d2;
	float: left;
	width: 609px;
	height: 24px;
}

#follow {
	float: right;
	width: 136px;
	height: 22px;
	padding: 2px 7px 0 4px;
	background-color: #d0d0d2;
}

#follow span { font-weight: bold;  display: block; float: left; height: 18px; padding: 2px 0 0 0; margin: 0 0 0 0;}

#follow .twitter { background: url(/images/stories/social/twitter.gif) top left no-repeat; }
#follow .facebook { background: url(/images/stories/social/facebook.gif) top left no-repeat; }

#follow .social {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
}


.lite-box {
	border: #4F9939 1px solid;
	padding: 10px; 
}

/* MAD4JOOMLA forms */
.m4j_form_table tr td {margin-bottom: 6px; }
.m4j_heading { 
     margin: 0 0 10px 0;                 
	 padding: 5px 0 2px 0;
	 font-size: 20pt;
	 color:#494A4B;
	 font-weight: normal;
	 text-transform: uppercase;
}
.m4j_header_text, m4j_list_intro p { 
	color: #494A4B;
	text-align: justify;
	font:. 12pt "Lucida Sans", "Lucida Sans Unicode",  Verdana, Geneva, sans-serif;
}

.camp_title {
	font-size: 19pt;
	font-weight: bolder;
	color: #62bb47;
	margin-bottom: 5px;
	line-height: 21pt;
	text-transform: none;
	padding-right: 5px;
	padding-left: 5px;
}

.camp_text {
	text-align: justify;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px;
	color: #666;
}
.camp_text2 {
	text-align: justify;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
}
.camp_text3 {
	text-align: right;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px;
	color: #71BB46;
}

.sale {
	text-decoration: line-through;
}
.sale2 {
	color: #F00;
}
.w_sale_title {
	font-size: 24pt;
	font-weight: bolder;
	color: #039;
	margin-bottom: 5px;
	line-height: 21pt;
	text-transform: none;
	padding-right: 5px;
	padding-left: 5px;
}
.jpl {
	font-size: 8pt;
	font-weight: bolder;
	color: #039;
	text-transform: none;
}

