@charset "utf-8";
/***************************************************
	Default Style Sheet
****************************************************/ 

/********************************************
   HTML ELEMENTS
********************************************/ 
body { font: 14px Arial, Helvetica, sans-serif; margin:0; padding: 0; text-align: center; color: #8d8e90; line-height: 20px; background: #7e7c7c url('../media/images/body_bg.jpg') no-repeat top center;} 

#bescotbar {background-image:url('../media/images/bescot_bar_bg.jpg'); background-position:center top; background-repeat:no-repeat; height:53px; margin: 0 auto;}
#bescotbar_position {width: 960px; height: 53px; padding:0; margin: 0 auto; position:relative; left: -10px;}
#bescotbar_logo {float:left; clear:left;}
#bescotbar_text {float:right; clear:right; font-family: arial; color:#666; font-size: 13px; text-align:left; width: 835px; padding-top: 14px;}
#bescotbar_text a{color:#78a22f; text-decoration:none;}
#bescotbar_text a:hover{color:#78a22f; text-decoration:none;}


#facebook {z-index:200; height: 20px; display: block; float: right; position:relative; top: 23px; right: 390px; background: url(../media/facebook.png) 0 0 no-repeat; padding: 0px 0px 0 26px; float: right; margin: 0px 0 0 0; clear: right; font-size: 14px;  color: #FFF;}
#facebook:hover { background-position: 0 -20px; color: #98c000;}


#language { display:block; position:relative; top: 10px; left: 0px; width: 150px; height: 22px; z-index:100; color:#FFF; float: left;
}
#language a {color:#98c000; text-decoration:underline;}
#language a:hover { color:#ffffff; text-decoration:underline;}

/* headers and text */
p, ul, ol, td, li, i {padding:0; margin:0;}
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
h1 { font-size: 140%; font-weight: normal; color: #ffffff;}
h2 { font-size: 18px; font-weight: normal; color: #666666; font-weight:bold;}
h3 {color: #98c000; font-weight:bold; margin:0; padding:0; margin-bottom:8px;}
h4 {color: #666666; font-weight:bold; margin:0; padding:0; margin:12px 0 10px 0; font-size:16px;}
h5 {color: #98c000; font-weight:bold; margin:0; padding:0; margin:0 0 20px 0; font-size:14px;}
i {font-style:italic;}
b {font-weight:bold;}
p {margin-bottom:15px;}

a {color:#98c000; text-decoration:underline;}
a:hover { color:#666666; text-decoration:none;}
.clearfloat { clear:both; height:0;}
a.arrow {background: url('../media/images/arrow.gif') no-repeat right center; padding:0 8px 2px 0; font-weight:bold;}

.float_left {float:left; margin-right:15px;}

a#buy_incostress {width:331px; height:76px; background: url('../media/images/titles.gif') -15px -152px no-repeat; text-indent: -9999px; display:block; float:left; margin-left:603px; display:inline;}

a#buy_incostress:hover {background-position: -15px -247px;}

#middle_colum p, #internal_middle_colum p, #product_middle_colum p {font-size: 14px; line-height: 20px; text-align: justify;}






/********************************************
   TOP NAVIGATION
********************************************/ 											
ul#topnav { height:47px; margin:0; padding:0; font-family: arial; font-size: 17px; font-weight:bold; background-image:url(../media/bg-menu.gif); background-repeat:repeat-x; background-position:top; float:right; }
ul#topnav li {float: left; border: none; list-style-type:none; display:inline-block; }
ul#topnav li a { display: block; margin: 12px 0 0 0;  height:47px; overflow: hidden; text-decoration:none; color:#333; }

a#home_link {background-image:url(../media/spacer.gif); background-position: right top; background-repeat:no-repeat; padding: 0 25px 0 20px; width: 46px;}
a#about_link {background-image:url(../media/spacer.gif); background-position: right top; background-repeat:no-repeat; padding: 0 25px 0 25px; width: 130px;}
a#heel_link {background-image:url(../media/spacer.gif); background-position: right top; background-repeat:no-repeat; padding: 0 25px 0 25px; width: 116px;}
a#bike_link {background-image:url(../media/spacer.gif); background-position: right top; background-repeat:no-repeat; padding: 0 25px 0 25px; width: 88px;}
a#order_link {background-image:url(../media/spacer.gif); background-position: right top; background-repeat:no-repeat; padding: 0 25px 0 25px; width: 91px;}
a#retail_link {padding: 0 0 0 24px; width: 70px;}

a#home_link:hover { color: #97c000;}
a#about_link:hover { color: #97c000;}
a#heel_link:hover { color: #97c000;}
a#bike_link:hover { color: #97c000;}
a#order_link:hover { color: #97c000;}
a#retail_link:hover { color: #97c000;}

body#home_page a#home_link { color: #97c000;}
body#about_page a#about_link{ color: #97c000;}
body#heel_page a#heel_link { color: #97c000;}
body#bike_page a#bike_link { color: #97c000;}
body#retail_page a#retail_link { color: #97c000;}

ul#flash_list {margin:0 0 3px 0; line-height: 17px; font: 13px Arial, Helvetica, sans-serif;}
#flash_list li {list-style: disc inside; margin:1px 0;} 



/********************************************
   TITLES
********************************************/ 
#container h1 {height: 25px; text-indent: -9999px; overflow: hidden; margin-bottom:15px; }
h1#stress_facts {background: url('../media/images/titles.gif') -20px -37px no-repeat;  width:309px;}
h1#what_is {background: url('../media/images/titles.gif') -20px -97px no-repeat;  width:309px;}
h1#in_the_news {background: url('../media/images/titles.gif') -20px -67px no-repeat;  width:309px;}


/********************************************
   LAYOUT
********************************************/ 

/*MAIN LAYOUT*/
#container { width: 1015px; margin: 0 auto 0 auto; text-align:left; padding:0; background: url('../media/images/bg.jpg') no-repeat;}


#header {height: 47px; float:right; margin:43px 60px auto auto;}
#logo {float:left; width:197px; height:96px; margin:27px 0 0 8px;}
#menu { height:41px; float:left; overflow:hidden;}


#flash {float:left; margin:30px 0 0 0; padding-left:529px; height:343px; color:#333; width: 430px;}
#main_content {float:left; margin:100px 0 0 40px; display:inline;}


#left_colum {width:404px; margin:0 35px 0 0; float:left; display:inline; background: url('../media/images/left_bg.jpg') no-repeat top right; padding-right:50px;}
#right_colum {width:400px; float:left; display:inline;}
#search {float:right; width:400px; height:35px; margin:10px 20px 0 0; text-align:right;}
#pad_spending {width:370px; height:190px; background: url('../media/images/titles.gif') -18px -390px no-repeat; margin-top:50px;}
#left_column_full {width:910px; margin:0 0 0 0; float:left; clear:left; display:inline-block;}


/********************************************
   FOOTER
********************************************/

#footer {width: 935px; margin: 75px auto 0 16px; text-align:left; color:#fff; float:left; background-color: #3c3839; padding:25px 0 25px 25px; display:inline;}

#footer b, #footer a {color:#fff;}


/********************************************
   BESCOT BAR
********************************************/
#vertical_slide {background: url('../../media/images/bescot_bar_bg.jpg') 0 0 no-repeat; height:53px; }
#bescot_bar_links {float:center; background: url('../../media/images/bescot_bar_links.gif') 0 0 no-repeat; width:990px; margin:0 auto; height:50px;}
#bescot_link {height:52px; float:left; display:block; width:150px;}
#v_slideout {height:52px; float:right; display:block; width:150px;}
#bar_copy {height:30px; float:left; display:block; width:600px; text-align:left; margin:15px 0 0 0;}


/*FAQ*/

.FAQ {padding: 6px 10px 6px 10px; width:380px;}
.FAQTitle {color:white;font-size:13px; width:380px;}
.FAQQuestion {font-size:12px;padding: 6px 10px 6px 10px;;background-color:#ffffff;border: solid 1px #e7e7e7;margin-bottom:5px; width:380px;}
.FAQQuestion span {cursor:pointer; width:380px;}
.FAQAnswer {font-size:11px;color:#666666;display:block;padding: 12px; width:380px;}
.FAQAnswer ul {margin-top:0px;margin-left:0px;padding-left:35px;display:block;margin-bottom:0px; width:402px;}
.FAQAnswer p {margin: 10px;font-size:11px;color:#666666; width:402px;}
.FAQHidden {display:none;padding: 20px; width:402px;}
.FAQWrapOn {background-color:#f3f3f3;margin-bottom:5px; width:402px;}
.FAQWrapOff {background-color:f3f3f3; width:402px;}

td {padding: 15px;}
.head { background-color: #efefef;}
.odd { background-color: #f0f0f0;}
.even {background-color:#FFF;}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:640px;	
	min-height:385px;
	border:1px solid #666;
	padding: 25px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../media/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: default;
	height:29px;
	width:29px;
}