/*////////////////////////////////////////////////////////////////////
 
	Trek Bicycle Corporation
	International Dealer Locator: Screen Styles
	Author: Matthew Litherland, Jason Endres
	Updated: 2008-9-16

////////////////////////////////////////////////////////////////////*/

/* Base Element Default Styles */

html,body {
	font-family: "Lucida Grande","Lucida Sans","Trebuchet","Trebuchet MS","Arial","sans";
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #000;
}

h1, h2, h3, h4 {
	font-family: "Century Gothic", Avant Garde, Century Gothic, Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 1.5em;
	color: #000;
	border-style: none;
	margin-bottom: .75em;
	line-height: 1.4em;
}

h3 {
	font-size: 1.4em;
	color: #202020;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}

p {
	margin: 0;
	font-size: 1em;
	line-height: 1.8em;
	padding: 0;
}

input,
select,
textarea {
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet", "Trebuchet MS", "Arial", "sans";
	font-size: 1em;
}

a:link {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a:focus {
	outline:none;
	text-decoration: none;
}
a:visited{
	color: #333;
	text-decoration: none;
	}
/* @end */
/* @group clear rules */

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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* @end */
/* Button Styles
	Any <Button> tag within a div with class buttonContainer will take on the styles
	for the locator buttons. This allows the use of a default button if needed.
 */

.buttonContainer {
	margin: 10px 0;
	padding: 0;
	float: right;
}

.buttonContainer button {
	border: 0;
	cursor: pointer;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	float: left;
	width: auto;
	*width:auto; 
	*overflow:visible; 
}

.buttonContainer button span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 12px;
	*margin-top:2px; 
}

.buttonContainer .submitBtn {
	background: url(../images/location/btn_r.gif) no-repeat right;
	font-size: 1em;
	text-decoration: none;
}

.buttonContainer .submitBtn a {
	text-decoration: none;
	outline: none;
}


.buttonContainer .submitBtn span {
	height: 25px;
	line-height: 26px;
	background: url(../../images/location/btn_l.gif) left no-repeat;
	color: #000;
}

.buttonContainer .submitBtn:hover {
	background: url(../../images/location/btn_r_hover.gif) right no-repeat;
}

.buttonContainer .submitBtn:hover span {
	background: url(../../images/location/btn_l_hover.gif) left no-repeat;
	color: #333;
	text-decoration: none;
}

.buttonContainer .arrow {
	background: url(../../images/dealer_profile/button_action.gif) no-repeat 0 5px;
	margin: 0;
	padding-right: 0;
	padding-left: 20px;
}
button.locatorSearch {
	background: #eee url(../../images/search.png) no-repeat 5px center;
	color: #666;
	font-weight: bold;
	border: 1px solid;
	border-color: #ddd #ddd #ddd #ddd;
	padding: .3em 10px .3em 23px;
}

button.locatorSearch:hover {
	background: #e7e7e7 url(../../images/search_hover.png) no-repeat 5px center;
	border: 1px solid;
	border-color: #ddd #fff #fff #ddd;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

button.profileBack {
	background: #eee url(../../images/left_arrow.png) no-repeat 5px center;
	color: #666;
	font-weight: bold;
	border: 1px solid;
	border-color: #ddd #ddd #ddd #ddd;
	padding: .5em 10px .5em 15px;
	margin: .8em 0 0;
}

button.profileBack:hover {
	background: #e7e7e7 url(../../images/left_arrow_hover.png) no-repeat 5px center;
	border: 1px solid;
	border-color: #ddd #fff #fff #ddd;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

button.profileDirections {
	background: #eee url(../../images/marker.png) no-repeat 5px center;
	color: #666;
	font-weight: bold;
	border: 1px solid;
	border-color: #ddd #ddd #ddd #ddd;
	padding: .5em 10px .5em 23px;
	margin: .8em 0 0;
}

button.profileDirections:hover {
	background: #e7e7e7 url(../../images/marker_hover.png) no-repeat 5px center;
	border: 1px solid;
	border-color: #ddd #fff #fff #ddd;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* END BUTTON STYLES */
/* @group bubble rules */

.bubbleName{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}


.bubbleAddressOne{
	font-size: 11px;
	border-bottom-color: #333;
	color: #333;
}

.bubbleCityState{
	font-size: 11px;
	color: #333;
}

.bubblePhone{
	font-size: 11px;
	color: #333;
}

.bubbleUrl{
	font-size: 11px;
	color: #FFF;
	padding: 0 0 5px 0;
}

.bubbleUrl a{
	text-decoration: underline;
}

.bubbleUrl a:hover {
	text-decoration: none;
	
}

/* @end */


.panelMore{
	color:#333;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
.panelMore a:hover{
	
	text-decoration: underline;
}
.panelUrl a:hover{
	
	text-decoration: underline;
}
.panelArrow {
	background:transparent url(../../images/arrow.gif) no-repeat scroll 0 0;
	height:10px;
	list-style-image:none;
	margin-bottom:-10px;
	margin-left:-10px;
	width:5px;
}

.dealerGlobalFooterSeperators{
	color: #333;	
}

/* Main Container Styles */

#mainContainer{
	margin: 0 auto;
	padding: 0; 
}
/* Header Styles */
#mainContainer #header_container {
	min-width:1002px;
	width:auto;
	height: 90px;
	background-color: #FFF;
	border-bottom: 1px solid #333;
	padding: 0;
	margin: 0;
}
#mainContainer #header_container #header_left_col_container{
	width: 300px;
	text-align: center;
	float: left;
	
}
#mainContainer #header_container #header_left_col_container img{
	margin: 20px 10px;
	border: 0;
	float: left;
		
}
#mainContainer #header_container #header_right_col_container{
	margin: 10px 0 0 20px;
	float: left;
	color: #fff;

	
}
#mainContainer #header_container #header_right_col_container #header_right_col_left_inner_container{
	float: left;
	width: 150px;
	margin: 25px 10px 0 0;	
}
#mainContainer #header_container #header_right_col_container #header_right_col_left_inner_container label{
	-x-system-font:none;
	color:#FFFFFF;
	float:left;
	font-family:"Century Gothic",Avant Garde,Century Gothic,Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
	font-size:1.6em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
}
#mainContainer #header_container #header_right_col_container #header_right_col_right_inner_container{
	float: left;
	width: 500px;
	height: 75px;
}
#mainContainer #header_container #header_right_col_container #header_right_col_right_inner_container #header_right_col_inner_example_container{
	font-size: 10px;
	color: #ccc;
}
#mainContainer #header_container #header_right_col_container #header_right_col_right_inner_container #header_right_col_inner_search_container{
	margin: 0 auto;
}

#mainContainer #header_container #header_right_col_container #header_right_col_inner_search_container #location{
	background-color:#FFFFFF;
	border-color:#646464 #D9D9D9 #D9D9D9 #646464;
	border-style:solid;
	border-width:2px;
	font-size: 1.2em;
	font-weight:bold;
	height:20px;
	margin: 0 10px 0 0;
	padding:3px 0 0 3px;
	width:300px;	
}
#mainContainer #header_container #header_right_col_container #header_right_col_inner_search_container #search_form{
	margin: 0;
	padding: 0;	
}
#mainContainer #header_container #header_right_col_container #header_right_col_inner_search_container button{
	float: none;
	padding:2px 5px 5px 23px;
		
}
#mainContainer #header_container #header_right_col_container #header_right_col_inner_search_controls_container{
	margin: 0 auto;
	float: left;
}
#mainContainer #header_container #header_right_col_container #header_right_col_inner_search_controls_container .dealerHeadDistanceNumber{
	padding: 0 10px 0 0;
	color: #333;
}


/* Body Styles */
#mainContainer #body_container{
	position: relative;
	margin: 0;
	padding: 0;
}
#mainContainer #body_container #body_left_col_container{
	float: left;
	width: 270px;
	position: absolute;
}
#mainContainer #body_container #body_left_col_container #scrollable{
	    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 270px; 
}
#mainContainer #body_container #body_left_col_container #sidebar_header_container{
	background-color:#ccc;
	border-bottom-width:1px;
	padding:10px;
	width:250px;
	height: 20px;	
}
#mainContainer #body_container #body_left_col_container #scrollable #sidebar{
	height:20000em; 
    position:absolute;
	background-color: #ccc;
}
#mainContainer #body_container #body_left_col_container #sidebar_key_header_container{
	background-image: url(../../images/locator_sidebar_headline_background.png);
	border-bottom-width:1px;
	padding:10px;
	width:250px;
	height: 14px;	
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container{
	background-color:#fff;
	border-bottom-width:1px;
	padding: 0;
	height: 159px;		
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container #promotion_icon_container{
	
	width: 254px;
	margin: 5px auto !important;
	margin: 0 auto;
	padding: 0 !important;
	padding: 5px 0 0 0;
	
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container #promotion_icon_container img{
	margin: 0 auto;	
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container a{
	margin: 8px auto 0;
	border: none;
	width: 254px;
	height: 123px;
	display: block;
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container img{
	float: left;
	border: none;
	margin: 0 auto;
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container .second{
	margin-left: 10px;
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container p{
	float: left;
	width: 115px;
	padding: 0 5px !important;
	padding: 0;
}
#mainContainer #body_container #body_left_col_container #sidebar_key_container .secondp{
	float:left;
	width: 50px;
	
}
#mainContainer #body_container #body_left_col_container #sidebar_header_container{
	background-image: url(../../images/locator_sidebar_headline_background.png);
	border-bottom-width:1px;
	padding:10px;
	width:250px;
	height: 14px;	
}
#mainContainer #body_container #body_left_col_container #sidebar_disclaimer_container{
	background-image: url(../../images/locator_sidebar_headline_background.png);
	font-size: 9px;
	height: 125px;
	line-height: 0;
	padding: 2px;
		
}
#mainContainer #body_container #body_left_col_container #sidebar_disclaimer_container{
	background-color:#999999;
	font-size: 9px;
	height: 125px;
	line-height: 0;
	padding: 2px;
		
}
#mainContainer #body_container #body_left_col_container #sidebar_disclaimer_container p{
	line-height: 1.2em;
	font-size: 9px;
}
#mainContainer #body_container #body_left_col_container #sidebar_disclaimer_container h3{
	font-size: 10px;
	font-weight: bold;	
}
#mainContainer #body_container #body_left_col_container .panelItem{
	background-color:#E6E6E6;
	border-color:#CCCCCC;
	border-style:solid none;
	border-width:1px;
	color:#CCCCCC;
	font-size:12px;
	font-weight:bold;
	margin:2px 0;
	padding:5px 10px;
	width:249px;	
}
#mainContainer #body_container #body_left_col_container .activePanelItem{
	background-color:#FFFFFF;
	border-color:red;
	border-left:2px solid red;
	border-width:2px;
	margin:2px 0;
	padding:15px 10px;
	width:247px;
}
#mainContainer #body_container #body_left_col_container .activePanelItem .panelName{
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
}

#mainContainer #body_container #body_right_col_container{
	position: absolute;
	left: 270px;
	float: left;
}
#mainContainer #body_container #body_right_col_container #map{
	border-left: 3px solid #999999;
	margin: 0;
	padding: 0;
	height: auto;
}

/* Footer Sytles */
#mainContainer #footer_container{
	background-color:#FFF;
	bottom:0;
	height:20px;
	padding:5px 0;
	position:absolute;
	width:100%;
	text-align: center;
	color: #333;
	border-top: 1px solid #333;
}
#mainContainer #footer_container a:link{
	color: #333;
	margin: 0 10px;
}
#mainContainer #footer_container a:visited{
	color:#333;
	margin:0 10px;	
}
#mainContainer #footer_container #footer_content_container{
	width: 900px;
	margin: 0 auto;	
}
#mainContainer #footer_container #footer_content_container #languageFooterContainer{
	margin: 0 auto;
	width: 100px;
	float: left;
}
#mainContainer #footer_container #footer_content_container #footer_nav_container{
	margin: 0 auto;
	float: left;
}
#mainContainer #footer_container #footer_content_container #footer_nav_container a:hover{
	color: #999;
}
.clearAll{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;	
}
.tooltip_container{
	float: right;
	margin:0;
	padding:17px 10px 10px 20px;
	cursor: pointer;
}

.tooltip_container a{
	color: #666;
	
}
.tooltip_container a:hover{
	color: #333;
	
}
#footerContent{
	float: left;
}
#tooltip {
	position: absolute;
	z-index: 3900;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.clearAll{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;	
}

.nextPage{
	background:transparent url(../../images/locator_sidebar_arrow_down.png) no-repeat scroll 0 0;
	width: 135px;
	height: 25px;
	display: block;
	cursor: pointer;
	float: right;
	
}
.prevPage{
	background:transparent url(../../images/locator_sidebar_arrow_up.png) no-repeat scroll 0 0;
	width: 135px;
	height: 25px;
	display: block;
	cursor: pointer;
	float: left;
	
}


.qtip {
	font-size: 10px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	padding: 0 10px 5px;
	}

.qtip h3 {
	margin: 0;
	font: bold 1.4em/2.0em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	}
.qtip p {	
	font: 1.1em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}	
.qtip-wrapper{
	width: 500px;
	margin: 0 auto
}
#download {
	border-style: none;
}