@charset "UTF-8";
/* Shimano Cycling CSS Document */


body {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-bottom:15px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	clear:both;
}

a:link {
	color: #045B97;
}
a:visited {
	color: #045B97;
}
a:hover {
	color: #045B97;
}
a:active {
	color: #045B97;
}

/* Global IDs -------------------------------------- */

#footer {
	margin-top:10px;
	color:#999999;
}
#footmenu {
	float:right;
	text-align:right;
	width: 500px;
}
#footmenu a {
	color:#999999;
	text-decoration:none;
}
#footmenu a:hover {
	color:#999999;
	text-decoration:none;
}

#logobar {
	text-align:left;
	background-image:url(../images/cyclingHeader.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#header{
	position:relative;
}

#mainContent {
	border: solid 1px #CCC;
	margin:0;
	padding:0px;
}

#postContent {
	margin:0;
	padding:0px;
}

#searchform{
	position:absolute;
	left: 700px;
	top: 62px;
	z-index:99;
}

/* Global Classes ----------------------------------- */

.blueText
{
	font-weight:bold;
	color:#49A4CB;
}

.clear {
	
	font-size:1px;
	clear:both;
	height:0px;
	width:0px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
}

/* Menubar ------------------------------------------ */

#menuContainer { 
	padding-left:10px;
	height:28px;
	background-image:url(../images/menubar.gif);
}

#crumbBar {
	height:15px;
	background-image:url(../images/crumbBG.gif);
	margin:0;
}

#crumbMenu {
	height:13px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/crumbBar.gif);
	border-right: solid 1px #666666;
	color:#FFFFFF;
	float:left;
	margin:0;
}

#crumbMenu a {
	color:#FFFFFF;
	text-decoration:none;
}


/* Home ------------------------------------------ */


#Accordion1 {
	overflow:auto;
	/*height:325px;*/
	/*border-left: solid 5px #ffffff;*/
	/*background-color:#FFFFFF;*/
	padding: 10px;
	float: left;
	width: 240px;
}


#featured
{
	float:left;
	height:150px;
	width:428px;
}

#featured table img
{
	border: solid 1px #9BCBE0;
}


#featured #thumbs
{
	margin-top:1px;
	height:24px;
	background-image:url(../images/featuredThumbBG.gif);
	background-repeat:repeat-x;
	border: solid 1px #999999;
}

#featured #thumbs img
{
	border: solid 1px #9BCBE0;
	float:right;
}


#featured #selected
{
	border: solid 1px #9BCBE0;
	height:102px;
	padding:5px;
}


#featured #selected img
{
	float:left;
	margin-right:10px;
}

#homeimage
{
	padding:0;
	margin:0;
}

#hometable {
	width:100%;
}

#hometable .leftcol {
	
}

#hometable .rightcol {
	width:340px;
	padding:2px;
	background-color:#ffffff;
	vertical-align:top;
}

#indexContainer
{
	background-image:url(../images/productsBG.jpg);
	background-repeat:repeat-x;
	background-color:#bfbfbf;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#indexMain
{
	float: left;	
	height: 349px;
	background-color: #bfbfbf;
}

#indexMain #caption
{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/crumbBar.gif);
	border-right: solid 1px #666666;
	color:#FFFFFF;
	margin:0;
}

.newsItem {
	display: block;
	
	font-size:11px;
	font-weight:bold;
	
	background-image:url(../images/newsItemBG.jpg);
	width: 310px;
	height: 15px;
	padding: 5px;
	padding-top:10px;
	vertical-align:top;
	margin-bottom:2px;
	
}

#poll
{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	
}

.postcontent {

	font-size:12px;
	line-height: 1.4em;
	float:left;
	margin-left:15px;
	height:140px;	
}

#postcontent_right
{
	float:left;
	width:220px;
}

/* Products ----------------------------------- */

#Accordion2 .AccordionPanel
{
	/*border: solid 1px #999999;*/
}

#Accordion2 .AccordionPanelTab
{
	/*border: solid 1px #999999;*/
}

#Accordion2 .AccordionPanelContent
{
	/*border: solid 1px #666666;*/
}

#Accordion2 .AccordionPanelContent img
{
	border:solid 1px #49A4CB;
	float:left;
	margin-right:3px;
}

#Accordion2 .productName
{
	font-weight:bold;
	font-size:1.2em;
}

#Accordion2 .productNumber
{
	color:#1582AB;
}

#compare
{
	height:500px;
	width:100%;
	overflow:auto;
	clear:both;
}

#compare td
{
	width:25%;
	padding:5px;
	background-color:#ffffff;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	vertical-align:top;
}

#productContainer
{
	background-image:url(../images/productsBG.jpg);
	background-repeat:repeat-x;
	background-color:#bfbfbf;
	padding:5px;
}

#productContent
{
	clear:both;
	/*
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	*/
	width:100%;
	height:500px;
}

#productMain 
{
	background-image:url(../images/lightBlueGrad.jpg);
	background-repeat:repeat-y;
	background-color:#cfdee5;
	border: solid 1px #999999;
}

#productMain.landing 
{
	float:left;
	width:515px;
	padding:10px;
	margin-right:5px;
	font-size:1.2em;
}

#productMain.features 
{
	width:515px;
	padding:10px;
	margin-right:5px;
	font-size:1.2em;
	vertical-align:top;
	
}

#productMain #productImg
{
	border:solid 1px #49A4CB;
}


/* Product Tab Menu */


#productMenu
{
	margin: 0;
	padding: 0;
	padding-top:8px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	background-color:none;
}

#productMenu li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 140px;
	padding:5px;
	float: left;
	border: solid 1px #666666;
}

#productMenu .tab_on
{
	background-image:url(../images/tab_on.gif);
	background-repeat:repeat-x;
	background-color:#CEDDE4;
}

#productMenu .tab_on a:link, #productMenu .tab_on a:hover, #productMenu .tab_on a:active, #productMenu .tab_on a:visited
{
	color:#000000;
	text-decoration:none;
	display:block;
}

#productMenu .tab_off
{
	background-image:url(../images/tab_off.gif);
	background-repeat:repeat-x;
	background-color:#A8A6A6;
	color:#ffffff;
}

#productMenu .tab_off a:link, #productMenu .tab_off a:hover, #productMenu .tab_off a:active, #productMenu .tab_off a:visited
{
	color:#ffffff;
	text-decoration:none;
	display:block;
}

#productFeatures
{
	background-color:#ffffff;
	padding:5px;
	overflow:auto;
	border: solid 1px #999999;
	vertical-align:top;
	height:500px;
}

#productFeatures .header
{
	color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	background-color:#93B1C4;
	padding:3px;
}

#productFeatures .content
{
	padding:3px;
}

/* Product Search ---- */


#productContent.locate
{
	height:500px;
}

#productContent.locate .search
{
	width:255px;
	height:70px;
	background-color:#E4EAED;
	border: solid 1px #999999;
	padding:10px;
}

#productContent.locate .results
{
	width:275px;
	background-color:#FFFFFF;
	border: solid 1px #999999;
}

#results_container
{
	height:405px;
	padding:10px;
	overflow:auto;
}

#results_container .location
{
	font-size:1.4em;
	color:#49A4CB;
	font-weight:bold;
}


#productMain.map
{
	text-align:center;
}

/* Product Video ---------- */

#productMain.video
{
	text-align:center;
	width:585px;
	vertical-align:top;
	float: left;
}

#productMain.video .title
{
	color:#49A4CB;
	font-style:italic;
	font-size:1.8em;
	font-weight:bold;
	display:block;
	margin:20px;
}

#productMain.video .description
{
	margin-left:40px;
	margin-right:40px;
	text-align:left;
}

#current_video
{
	border: solid 1px #49A4CB;
}

#video_thumbs
{
	width:275px;
	padding:10px;
	background-color:#ffffff;
	height:478px;
	overflow:auto;
	border: solid 1px #999999;
}

#video_thumbs .thumb
{
	clear:both;
	margin-bottom:10px;
}

#video_thumbs .thumb img
{
	float:left;
	border: solid 1px #49A4CB;
	margin-right:10px;
}

#video_thumbs .thumb .title
{
	color:#49A4CB;
	font-size:1.4em;
	font-weight:bold;
	display:block;
}

#video_controls
{
	margin:20px;
}

/* Article ------------------------------------------------ */


#articleContainer
{
	background-image:url(../images/productsBG.jpg);
	background-repeat:repeat-x;
	background-color:#bfbfbf;
	padding:5px;
}

#articleContent
{
	border: solid 1px #666666;
	background-color:#ffffff;
	padding:15px;
	font-size:1.2em;
}

#articleContent .article_pic
{
	border: solid 1px #49A4CB;
	float:right;
	margin-left:10px;
	margin-bottom:10px;

}

#masthead
{
	border-bottom:solid 1px #666666;
	margin-bottom:15px;
	width: 800px;
}


#masthead #infoblock 
{
	float:right;
	color:#666666;
	font-size:1.2em;
}

#masthead .headline 
{
	color:#49A4CB;
	line-height: 2em;
	font-size: 2em;
	font-weight:bold;
}

#articleContent .subheadline
{
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
}

/* Tech Docs ------------------------------------------------ */

.techdocs_tbl
{
	width:100%;
}

.techdocs_tbl .tech_column
{
	width:50%;
	vertical-align:top;
	padding-right:35px;
}

.techdocs_tbl .tech_column .category
{
	padding:5px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	background-color:#A4BFCF;
	margin-top:15px;
}

.techdocs_tbl .tech_column a
{
	display:block;
}

.form_col {
	float:left;
	padding:10px;
	width:45%;
}
.form_item {
	float: left;
	padding: 10px;
	padding-top: 0px;
}
.form_item label, .form_col label {
	display:block;
}
.instructions {
	margin:10px 10px 20px;
	padding:0px;
	width: 800px;
}
.question {
	display:block;
	font-weight:bold;
}
.required_icon {
	background-image:url(../../../images/global/asterisk.gif);
	background-repeat:no-repeat;
	float:left;
	height:15px;
	width:18px;
}
.required_legend {
}
.required {
	background-image:url(../images/global/asterisk.gif);
	background-position:right center;
	background-repeat:no-repeat;
	border-bottom:1px solid #FF0000;
	padding-right:15px;
}
.clear_hr {
	border-top:1px solid #666666;
	clear:both;
	display:block;
	height:1px;
	line-height:0px;
	margin:0pt;
	padding-bottom:10px;
	padding-top:10px;
}
.clear {
	clear:both;
	display:block;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0pt;
	padding:0pt;
	width:0px;
}
.required_highlight {
	background-color:#FFFF99;
}

#contentContainer {
	background-color:#BFBFBF;
	background-image:url(../images/global/productsBG.jpg);
	background-repeat:repeat-x;
	padding:5px;
}

#content {
	background-color:#FFFFFF;
	border:1px solid #666666;
	font-size:1.2em;
	padding:15px;
}

.accepted {
	color: green;
	display: inline;
}

.rejected {
	color: red;
	display: inline;
}