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

* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://media.daystar.com/designimages/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/*-----Eric Meyer Reset------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/*------Site Styles----*/
body {
position: relative;
padding: 5px 0;
background-color: #D1D1D1;
color: #2e2e2e;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}

#wrapper {
width: 974px;
margin: 0 auto;
background-color: #fff;
height: auto;
}

#content {
padding: 0 5px 25px 5px;

}

* html #www-crashteststories-com #content {
padding: 0 2px;
}

#page_heading {
color: #543206;
line-height: 45px;
font-size: 200%;
text-align: left;
float: left;
}

h3.category {
float:left;
color: #543206;
line-height: 45px;
font-size: 200%;
margin-left: 8px;
}

/*----Typography----*/
a:link {
color: #7A4909;
}

a:visited {
color: #505050;
}

p {
line-height: 20px;
margin: 0px 0 14px 0;
}

/*-----Search----*/
#search {
background-color: #D1D1D1;
height: 28px;
float: right;
text-align: right;
display: inline;
width: 974px;
}

#search #label {
margin: 0 5px 0 700px;
float: left;
line-height: 22px;
}

#keywords {
float: left;
line-height: 20px;
}

.submit {
float: left;
line-height: 18px;
}


.outerBorder {
margin: 10px;
 border:1px solid #36250e;
}


.tablePad {
 padding:3px 3px 5px 3px;
 background-color:#fff;
}

table {
margin: 8px 0;
}

td {
padding: 2px;
}

.resultRowOne {
 font-size:11px;
 color:#000;
 padding:6px 6px 6px 8px;
 background-color:#DADADD;
}

.resultRowTwo {
 font-size: 11px;
 color: #000;
 padding:6px 6px 6px 8px;
 background-color:#eee;
}

.resultHead {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:11px;
 font-weight:bold;
 color:	#000;
 padding: 8px 0 8px 8px;
 border-bottom:	1px solid #999;
 background-color: transparent;
}

form {
 margin: 0;
 padding: 0;
 border:0;
}
.hidden {
 margin:0;
 padding:0;
 border:0;
}

/*------Header------*/
#header {
height: 133px;
clear: both;
border-bottom: 1px solid #eee;
}

* html #header {
height: auto;
}


#logo a {
position: relative;
margin: -85px auto 0 auto;
z-index: 2;
width: 619px;
display: block;
height: 67px;
padding-top: 5px;
padding-left: 5px;
background-color: black;
text-decoration: none;
}

#header_inner {
border: 4px solid #fff;
height: 55px;
width: 605px;
text-align: center;
}

#header_inner h1 {
font-size: 300%;
line-height: 55px;
font-weight: bolder;
text-transform: uppercase;
}

#header_promo {
position: relative;
z-index: 999;
margin-top: -178px;
margin-left: -55px;
width: 153px;
height: 145px;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/badge.png) no-repeat;
}

* html #header_promo {
background: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.machineryrowbicycles.com/images/uploads/badge.png');
}

#header #address {
text-align: center;
margin: 1px auto 0 auto;
position: relative;
z-index: 2;
color: #fff;
font-weight: bold;
font-size: 14px;
background-color: #000;
line-height: 25px;
width: 320px;
margin-bottom: 5px;
border: 1px solid #333;
}



/*------nav------*/

h1 {
font-size: 20px;
color: #fff;
font-weight: bold;
}

#nav {
width: 964px;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
background-color: #000;
margin: 0px;
padding: 0 0 0 10px;
}

#nav ul {
margin: 0px;
height: 35px;
line-height: 35px;
margin-left: 0px;
}


#main_nav li {
float: left;
margin: 0 23px 0 0;
}

#main_nav li a {
font-size: 18px;
font-weight: bold;
color: #fff;
text-decoration: underline;
}

#main_nav .selected a, 
#main_nav a:hover,
#main_nav a:active {
color: #ff6600;
text-decoration: none;
}

#subnav {
background-color: #232D2E;
border-bottom: 1px solid #333;
height: 20px;
line-height: 15px;
}

#subnav {
padding-left: 0px;
}

#subnav li {
float: left;
margin: 0 10px 
}

#subnav li a {
font-size: 100%;
color: #fff;
text-decoration: underline;
}

#subnav li.sub_selected a {
color: #ff6600;
text-decoration: none;
}
/*------footer------*/

#footer {
clear: both;
background-color: #36250e;
color: #fff;
text-align: center;
padding: 16px 0;
font-size: 14px;
font-weight: bold;
height:80px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}


/* Home Page*/

/*----Specials----*/
.home #rotate {
height: 428px;
width: 967px;
margin: 12px 0 7px 0;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/rotater3.jpg) no-repeat;
}

.home #rotate .specials_entry {
float: right;
width: 350px;
color: #fff;
margin: 0 8px 0 0;
height: 360px;
overflow: hidden;
}

.home #rotate .specials_image {
float: left;
margin: -4px 0 0 3px;
border: 2px solid #36250e;
}

.home #rotate .title {
line-height: 35px;
font-size: 20px;
float: none;
}

.home #rotate .specials_entry  a {
margin: 15px 18px 0 0;
float: right;
padding: 0px;
color: #fff;
}

.home #rotate .title a {
line-height: 35px;
font-size: 19px;
float: none;
}



.home .ui-tabs-panel {
height: 330px;
overflow: hidden;
}


.home .ui-tabs-nav {
    height: 62px;
    line-height: 60px;
    list-style: none;
    margin: 0 0 0 65px;
    padding: 0 0 0 4px;
}

.home .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.home .ui-tabs-nav li {
    float: left;
    margin: 0 28px 0 1px;
    min-width: 84px; /* be nice to Opera */
    font-size: 17px;
    font-weight: bold;
}
.home .ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
}

.home .ui-tabs-nav a {
    Position: relative;
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.home .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #ff6600;
}
.home .ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.home .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.home .ui-tabs-panel {
    padding: 1em 8px;
}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*------News Boxes------*/

.newsbox {
float: left;
width: 476px;
margin: 0 0 8px 0;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/newsbox_02.jpg) repeat-y;
}

.newsbox h1 {
line-height: 68px;
text-align: center;
height: 67px;
background: #fff url(http://www.machineryrowbicycles.com/images/uploads/newsboxheader.jpg) no-repeat top right;
}


.newsbox h1 a {
color: #fff;
text-decoration: none;
}


.newsbox p {
width: 440px;
margin-left:18px;
color: #333;
margin-top: 20px;
}


.newsbox ul p {
width: 430px;
margin-left:3px;
color: #333;
margin-top: 0px;
}

.newsbox object {
margin-left: 38px;
margin-top: 18px;
margin-bottom: 10px;
display: block;
}

.newsbox .bottom {
height: 34px;
margin: -22px 0 0px 0;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/newsbox_03.jpg) left bottom no-repeat;
}

#News_Announcements {
margin-right: 12px;
}

#News_Announcements ul {
margin: 10px 25px;
list-style-type: disc;
color: #543206;
min-height: 368px;
}

* html #News_Announcements ul {
height: 368px;
}

#News_Announcements ul li a {
color: #543206;
text-decoration: none;
font-weight: bold;
}
/*----Bikes Page----*/

.bike_cat_holder {
margin: 0px 0 0 0;
clear: both;
padding: 25px 0;
}


.bike_cat_holder h2 {
line-height: 40px;
padding-top: 0px;
font-size: 220%;
text-align: left;
color: #7A4909;
}

.bike_cat_image {
float: left;
margin: 8px;
width: 480px;
}

.bike_cats p {
line-height: 20px;
}

.bike_cat_holder .underline {
line-height: 25px;
}

.brands {
float: left;
width: 390px;
padding: 0px;
margin: 10px 0px 0 0px;
border:1px solid #D1D1D1;
background-color: #eee;
}

.brands h3 {
background-color: #543206;
line-height: 25px;
padding: 0 8px;
color: #fff;
border-bottom: 1px solid #aaa;
}

.brands ul {
margin-left: 25px;
list-style-type: disc;
color: #7A4909;
}

.brands ul h2 {
font-size: 100%;
line-height: 20px;
text-decoration: underline;
color: #7A4909;
}

/*---Bike Sections-----*/
#Bike_brands {
font-size: 110%;
float: right;
line-height: 20px;
background-color: #4B5F61;
color: #fff;
padding: 0 8px;
margin-right: -5px;
padding: 3px 8px;
}

#Bike_brands ul li {
display: inline;
margin-right: 5px;
}

#Bike_brands h3, #Bike_brands ul {
display: inline;
}

#Bike_brands a:link, #Bike_brands a:visited {
color: #fff;
}

.bike {
clear: both;
padding: 8px;
}



.bike h2 {
font-size: 150%;
line-height: 35px;
color: #543206;
}

.overview {
font-size: 150%;
line-height: 35px;
color: #543206;
text-decoration: underline;
}

.bike h2 a:visited {
color: #543206;
}

.bike .more, .bike p {
display: inline;
}

.bike_image {
float: left;
margin: 0 8px 8px 0;
text-decoration: none;
}

.intro {
padding: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
clear: both;
}

.pagination {
clear: both;
margin-left:8px;
}


.pagination a {
background-color: #ccc;
padding: 5px 10px;
color: #000;
}


/*----Description---*/

.product_page {
padding: 10px 0;
}

.product_page .model {
font-size: 200%;
line-height: 40px;
color: #543206;
}

#bike_image, #special_image {
max-width: 450px;
overflow: hidden;
float: left;
margin: 0 8px 8px 0;
text-decoration: none;
}


.enlarge {
float: right;
margin-top: -20px;
margin-left: -130px;
position: relative;
z-index: 3;
background: #ddd;
color: #000;
line-height: 20px;
padding: 0 5px;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

.product_page h3, .product_page p {

}

#bike_color, #bike_size, #special_price, #special_size {
margin-top: 5px;
}


/*----Light Box---*/
#lightbox{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ 
position: relative; 
background-color: #fff; 
width: 250px; height: 
250px; 
margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; }

#hoverNav{ position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ 
width: 49%; 
height: 100%; 
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/uploads/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/uploads/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
font-size: 10px; 
background-color: #fff; 
margin: 0 auto; line-height: 1.4em; 
overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*---Specials Page----*/

#specials_nav h3 {
height: 0px;
padding: 0px;
margin: 0px;
font-size: 90%;
position: relative;
top: 12px;
margin-left: 10px;
color: #fff;
}

#specials_nav ul {
top: -25px;
width: 945px;
padding: 8px;
margin: 10px 0px 0 0px;
border:1px solid #D1D1D1;
background-color: #4B5F61;
height: 40px;
line-height: 55px;
font-size: 150%;
}

#specials_nav .ui-tabs-selected {
text-decoration: underline;
color: #fff;
}

#specials_nav ul li {
float: left;
margin: 0 8px 0 0;
}

#page_heading {
clear: both;
}

#specials_nav ul li a, 
#specials_nav ul li a:visited,
#specials_nav ul li a:active,
#specials_nav ul li a:hover {
color: #fff;
text-decoration: none;
}

/*-----News Page------*/


.news {
clear: both;
padding: 8px;
}

.news h2 {
font-size: 150%;
line-height: 35px;
color: #543206;
}

.news a {
color: #543206;
}

.news h2 a:visited {
color: #543206;
}

.news .more, .news p {
display: inline;
}

/*----News Description---*/

.news_page {
padding: 10px 0;
}

.news_page .title {
font-size: 200%;
line-height: 70px;
color: #543206;
}


#event_date, #event_time, #event_location, #event_price,  {
margin-top: 5px;
}

/*----About Page-----*/

.about #map {
float: left;
margin-top: -35px;
width: 450px;
}

.about #about_content {
clear: both;

}

/*---Story Pages----*/
.entry {clear:both;}


.about .entry {width: 500px;  margin-right: 10px; clear: none; float:left;}

.body_image {
float: right;
margin: -35px 8px 8px 0;
border: 5px solid  #36250e;
}

iframe { border: 5px solid  #36250e;
}


/*----Service----*/
#tune_up {
float: left;
margin-right: 160px;
}

#ala_carte h2, #tune_up h2 {
color: #7A4909;
}

/*---Home Page Iron Man Promo---*/

#Ironman-triathlon-wrapper {
position: relative;
width: 939px;
height: 390px;
margin-bottom: 0px;
padding: 8px;
text-transform: uppercase;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/ironManConcept-back.png) top left no-repeat;
background: transparent url(http://www.machineryrowbicycles.com/images/uploads/ironManConcept-ie.png) top left no-repeat\9;
}

#Ironman-triathlon-wrapper .hide {
display: none;
}

#Ironman-triathlon-wrapper h2 {
font-weight: bold;
font-size: 30px;
color: #fff;
text-align: center;
line-height: 36px;
}

#Ironman-triathlon-wrapper .vevent {
font-weight: bold;
font-size: 14px;
}


#Ironman-triathlon-wrapper .vevent .summary {
display: none;
}

.dtstart, .location {
line-height: 20px;
display: block;
height: 20px;
position: relative;
float: right;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.dtstart {
top: 46px;
left: 10px;
}

.location {
top: 46px;
left: 123px;
}

.the-challenger, .the-challenge {
font-size: 30px;
font-weight: bold;
display: block;
line-height: 28px;
text-align: center;
letter-spacing: 1px;
color: #fff;
}

.the-challenger span, .the-challenge span {
font-family: georgia, serif;
text-indent: -9999px\9;
}

.ironman-challenge, .You {
font-weight: bold;
font-size: 60px;
display: block;
line-height: 59px;
text-align: center;
letter-spacing: 2px;
color: #fff;
text-indent: -9999px\9;
}

.left-fight {
width: 460px;
position: relative;
top: 135px;
left: -7px;
-webkit-transform: rotate(6deg); 
-moz-transform: rotate(6deg);
text-indent: -9999px\9;
}

#right-fight {
width: 460px;
float: right;
position: relative;
top: 47px;
left: 8px;
-webkit-transform: rotate(-6deg); 
-moz-transform: rotate(-6deg);
text-indent: -9999px\9;
}

.no-excuses {
font-size: 14px;
position: absolute;
top: 224px;
margin-left: 10px;
width: 80px;
line-height: 17px;
display: block;
text-align: center;
color: #fff;
display: none\9;
}

#triathlon-nav {
position: absolute;
top: 300px;
font-size: 30px;
font-weight: bold;
}

#triathlon-nav li {
display: block;
text-align: center;
float: left;
width: 220px;
height: 70px;
line-height: 34px;
margin-left: 6px;
border-right: 4px solid #e45050;
}

#triathlon-nav li.last {
font-size: 26px;
border-right: none;
line-height: 24px;
width: 240px;
}

#triathlon-nav li a {
text-decoration: none;
color: #000;
}