/*
Eureka Cycle Sports

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
body {	margin: 0px;	padding: 0px;	text-align: center;	font: normal 12px "arial", Arial;	color:#333333;	background: #ffffFF repeat-x url(../images/main_bg.jpg);}
	
#main_container {	width: 800px;	margin: auto;  position:relative;	}

#flash_header {	float:left;	width:800px;	height:183px;	margin:6px 0 0 0;	}
	
#banner {	float:left; width:473px; height:150px; text-align:center;	padding:0 0 0 5px;	}
	
#free_delivery {	float:left;	width:473px;	height:184px; text-align:center; padding:10px 0 0 5px;}

#bottom_banner {	float:left; width:473px; text-align:center;	padding:10px 0 0 5px;}

#info_title {	float:left;	width:158px;	height:27px;	margin:20px 0 0 0;	background:url(../images/info_title.jpg) no-repeat;	padding:6px 0 0 0;	}

#address_box {	float:left;	width:135px;	text-align:left;	margin:10PX 0 0 10px;	font-size:11px;}

.picture_spacer {padding:10px 0 0 0;}

#page_container{float:left; width:473px; /*height:261px;*/	padding:0 0 0 5px; text-align:left;}

#page_title {float:left;	width:463px;	height:24px;	padding:7px 0 0 10px;background:url(../images/product_title.gif) no-repeat;}

#news_title {float:left;	width:463px;	height:24px;	padding:7px 0 0 10px;background:url(../images/product_title.gif) no-repeat; text-align:left; margin-bottom:15px;}

#forum_title {float:left;	width:625px;	height:26px;	padding:5px 0 0 10px;background:url(../images/forum_title.gif) no-repeat; }

#page_number_box_left { float:left;width:99px; height:30px;}

#page_number_box_left a { color:#F1672A; }

#page_number_box_middle {float:left; width:270px; color:#F1672A;  text-align:center; line-height:140%;}

#page_number_box_middle  a{color:#F1672A; }

#page_number_box_right  a{float:left; width:99px;  height:30px; color:#F1672A; text-align:right}

#about_us { float:left; padding:10px 10px 0 10px; width: 453px; clear:left; }

#about_us p{ padding:5px 0 5px 0; line-height:140%;}

#news { float:left; padding:10px 10px 0 10px; width: 440px; clear:left; }

#news p{ padding:5px 0 5px 0; line-height:140%;}


#about_us ul{ margin: 10px 0 0 30px; }

#about_us li{ padding: 0 0 5px 0; }


.demo_box { padding:5px; float:left; text-align:center; border:solid 1px #000000; margin:5PX 5PX 0 0;}

#forum { float:left; padding:10px 0 0 0; width: 635px; clear:left; }
	
/* --------------------------SEARCH BAR--------------------------*/	

#search_bar {	float:left;	width:800px;	height:34px;	text-align:left;	}
	
#search {	float:left;	width:290px;	height:28px;	border-right:solid 1px #FFFFFF;	padding:6px 0 0 15px;	color:#FFFFFF;	font-weight:bold;}

#browse {	float:left;	width:290px;	height:26px;	padding:8px 0 0 15px;	color:#FFFFFF;	font-weight:bold;}

	
/* --------------------------COLUMNS--------------------------*/	

#column_container {	float:left;	width:800px;	background-color:#FF0000;}

#left_column {	float:left;	width:158px;	margin:10px 0 0 0 ;	}

#middle_column {	float:left;	width:484px;	margin:10px 0 10px 0 ;	}
	
#right_column {	float:left;	width:158px;	margin:10px 0 0 0 ;}
	

#forum_column {	float:left;	width:642px;	margin:10px 0 10px 0 ; }	

/* --------------------------NAVS---------------------------*/

#space{float:left; width:50px; height:0px}

#nav {	float:left;	width:800px;	height:38px;	text-align:left;}

#nav ul{margin:12px 0 0 0;}


#nav li {	display:inline;	list-style:none;	padding:11px 21px 9px 26px;	background:url(../images/nav_bg.gif) no-repeat;}

#nav li.last {	display:inline;	list-style:none;	padding:11px 25px 9px 26px;	background:url(../images/nav_bg2.gif) no-repeat;}

#nav a{	color:#FFFFFF;	font-weight:bold;	text-decoration:none;}
	
#nav a:hover{color:#004A6F;}


#sidenav {	float:left;	width:158px;	margin:0 0 10px 0}
	
	
#sidenav_title {	float:left;	width:158px;	height:25px;	background:url(../images/side_nav_title.jpg);	padding:6px 0 0 0;}

#sidenav ul {margin:0 0 0 18px;text-align:left; }


#sidenav li.first {	list-style:none;	padding:6px 0 6px 0;	font-size:12px;	font-weight:bold;	background:none;}

#sidenav li.first  a{	color:#000000;	text-decoration:none;	padding:6px 0 6px 0;	font-size:12px;	font-weight:bold;	background:none;}

#sidenav li.first  a:hover{	color:#F1672A;	text-decoration:none;	padding:6px 0 6px 0;	font-size:12px;	font-weight:bold;	background:none;}

#sidenav li.first_orange  {	list-style:none;	padding:6px 0 6px 0;	font-size:12px;	font-weight:bold;	background:none; color:#F1672A;}

#sidenav li.first_orange a, #sidenav li.first_orange a:hover{	list-style:none;	padding:8px 0 8px 0;	font-size:12px;	font-weight:bold;	background:none; color:#F1672A;}

#sidenav li {	list-style:none;	font-size:11px; padding:0 0 0 0;}

#sidenav li a{	color:#000000;	text-decoration:none;	padding:0 0 0 15px;	background:url(../images/side_nav_bullet.jpg) no-repeat;}

#sidenav li a:hover{	background:url(../images/side_nav_bullet2.jpg) no-repeat;}
	
	
#sidenav li.special a{	color:#F1672A;	text-decoration:none;	padding:0 0 0 15px;	background:url(../images/side_nav_bullet.jpg) no-repeat;}

#sidenav li.special a:hover{	background:url(../images/side_nav_bullet2.jpg) no-repeat;}
	

#browse_title_right { float:left;	width:158px;	height:27px;	margin:20px 0 0 0;	background:url(../images/info_title.jpg) no-repeat;	padding:6px 0 0 0;	}

#right_nav {	float:left;	width:158px; margin:0 0 20px 0;}

#info_nav {	float:left;	width:158px;}

#info_nav ul{	margin:0 0 5px 18px;	text-align:left; }

#info_nav li{	list-style:none;	font-size:11px;	font-weight:bold; padding:5px 0 5px 15px;	background:url(../images/side_nav_bullet3.jpg) no-repeat;}

#info_nav li a{ color:#000000;	text-decoration:none;}

/* --------------------------SPECIAL OFFERS--------------------------*/	

#offers_container {	float:left;	width:476px;	padding:10px 4px 10px 4px;	text-align:left;}
	
#special {	float:left;	width:462px;	margin:0 10px 0 0;}

#best {	float:left;	width:462px;}

#special_title {	float:left;	width:462px;	height:26px;	background:url(../images/special_offers1.jpg) no-repeat;	text-align:center;	padding:5px 0 0 0;}


#best_title {	float:left;	width:231px;	height:26px;	background:url(../images/best_sellers_title.jpg) no-repeat;	text-align:center;	padding:5px 0 0 0;}

.special_box {	float:left;	width:231px;	background-color:#ffffff;	border-bottom:dashed 1px #999999; }

.special_desc {	float:left;	width:223px;	padding:15px 4px 0 4px;}

.special_desc  p{	padding:5px 4px 5px 4px;	line-height:120%;	font-size:11px;}

.special_price_box {	float:left;	width:110px;	padding:20px 0 5px 5px;}

.special_price_box p {	padding:0 0 5px 5px;}


.special_right_box {	float:left;	width:110px;	padding:0 0 10px 0;}

.lrg_image_btn_home {	width:110px;	height:18px;	background-color:#F1672A;	text-align:center; color:#FFFFFF;	font-size:11px;	font-weight:bold;	padding:2px 0 0 0;	margin:auto;	border-bottom:solid 1px #FFFFFF;}

.lrg_image_btn {	width:87px;	height:18px;	background-color:#F1672A;	text-align:center; color:#FFFFFF;	font-size:11px;	font-weight:bold;	padding:2px 0 0 0;	margin:auto;	border-bottom:solid 1px #FFFFFF;}

.lrg_image_btn a, .lrg_image_btn_home a{color:#FFFFFF; text-decoration:none;}


.more_info_btn_home, .more_info_btn_home a {	width:110px;	height:17px;	background-color:#008ED3;	text-align:center;	color:#FFFFFF;	font-size:11px;	font-weight:bold;	padding:2px 0 0 0;	margin:auto;	text-decoration:none;}

.more_info_btn, .more_info_btn a {	width:87px;	height:17px;	background-color:#008ED3;	text-align:center;	color:#FFFFFF;	font-size:11px;	font-weight:bold;	padding:2px 0 0 0;	margin:auto;	text-decoration:none;}

#more_offers, #more_best {	float:left;	width:462px;	height:25px;	text-align:center;	padding: 8px 0 0 0;	border-top:solid 4px #FFFFFF;}	


#more_best {		background-color:#008ED3;	}
		
#more_offers {	background-color:#F1672A;	}

#more_best a, #more_offers a {	color:#FFFFFF;	font-size:16px;	font-weight:bold;	text-decoration:none;	border-bottom:dashed 1px #FFFFFF;}


/* --------------------------PRODUCT STYLES--------------------------*/	

#main_product_title {float:left;	width:463px;	height:24px;	padding:7px 0 0 10px;background:url(../images/product_title.gif) no-repeat;}


#product_container {float:left; width:473px; 	padding:0 0 0 5px; text-align:left;}

.product_box {float:left; width:440px; padding:5px 10px 0 10px; margin:0;}

.product_title {float:left; width:420px;  background-color:#DDDDDD;	padding:5px 10px 5px 10px; border-bottom:solid 10px #FFFFFF;}

.product_desc {float:left;	width:320px;	padding:8px 15px 8px 0;	font-size:11px;}

.price_box {float:right;	width:100px;	margin:10px 5px 0 0; text-align:right}

.btn_box {	float:right;	width: 100px;	 margin:10px 0 0 0;	}
		
.add_btn {	width:87px;height:18px;	background-color:#F1672A;	text-align:center;padding:2px 0 0 0;margin:auto;border-bottom:solid 1px #FFFFFF; }

.add_btn a { text-decoration:none; color:#FFFFFF;font-size:11px;font-weight:bold;}

.divider_space {	padding:10px 0 0 0;}

.detail_title {	float:left;	width:453px;	height:20px;	background-color:#DDDDDD;	padding:10px 10px 5px 10px;	border-top:solid 10px #FFFFFF;	border-bottom:solid 10px #FFFFFF;}

.detail_left  {	float:left;	width:216px;	text-align:left;}
		
.detail_desc{	float:right;	width:225px;	padding:0 5px 0 0;}

.detail_desc p {	line-height:140%;	padding:5px 0 5px 0;	font-size:11px;}

.detail_price {	font-size:16px;	font-weight:bold;	color:#F1672A;	padding:10px 0 10px 0;}
.detail_price2 {	font-size:15px;	font-weight:bold;	color:#FFBB2F;	padding:10px 0 10px 0;}
	
.detail_add_btn {float:left;	width:102px;height:18px;	background-color:#F1672A;	text-align:center;padding:4px 0 0 0;margin:auto;border-right:solid 5px #FFFFFF; border-top:solid 10px #FFFFFF;}

.detail_add_btn a { text-decoration:none; color:#FFFFFF;font-size:11px;font-weight:bold;}

.pdf_btn {float:left;	width:102px;height:18px;	background-color:#008ED3;	text-align:center;padding:4px 0 0 0;margin:auto; border-top:solid 10px #FFFFFF;}

.pdf_btn a { text-decoration:none; color:#FFFFFF;font-size:11px;font-weight:bold;}


.assoc_box {float:left; width:150px; margin:5px 6px 0 0; text-align:center;}

.store_box{float:left; width:150px; margin:20px 6px 0 0; text-align:center;}

.store_title_btn  { background-color:#F1672A;  border-top:solid 2px #FFFFFF; }

.store_title_btn  a{ color:#FFFFFF;  font-weight:bold; text-decoration:none; display:block; padding:3px 0 3px 0 ;}

.store_title_btn  a:hover{ background-color:#008ED3;  }

.assoc_btn  { width:150px; background-color:#F1672A;  border-top:solid 2px #FFFFFF; text-align:center;}

.assoc_btn  a{ color:#FFFFFF;  font-weight:bold; text-decoration:none; display:block; padding:3px 0 3px 0 ;}

.assoc_btn  a:hover{ background-color:#008ED3;  }

/* --------------------------HEADERS---------------------------*/

h1 { 	color:#FFFFFF;	font-weight:bold;	font-size:16px;	}

h2 { 	color:#FFFFFF;	font-weight:bold;	font-size:18px;	}


h3 { 	color:#FFFFFF;	font-weight:bold;	font-size:13px;	}	
	
h4 { 	font-weight:bold;	font-size:14px;	}
	
h5 { 	color:#F1672A;	font-weight:bold;	font-size:18px;	padding:10px 0 0 0;}	
h6 { 	color:#F1672A;	font-weight:bold;	font-size:13px;	}	

.homehead h1 { 	color:#F1672A;	font-weight:bold; font-size:16px; padding:10px 0 0 7px;}

/* --------------------------TEXT STYLES---------------------------*/


.was_price_one {	font-size:12px;	font-weight:bold; text-decoration:line-through;}

.our_price_one {	font-size:12px;	font-weight:bold; color:#F1672A}
	
.smalltext {	font-size:9px;}
	
.related {	font-size:16px;	font-weight:bold;	color:#333333}

.orangetext {color:#FF6600;}

/* --------------------------SHOPPING CART---------------------------*/


#basket_title {	float:left;	width:158px;	height:25px;	background:url(../images/basket_title.jpg);	padding:6px 0 0 0;}


#basket_box {	float:left;	width:158px;	background-color:#DDDDDD;}

#basket_box p{	margin:8px 0 8px 0;	font-size:11px;}


#basket_bottom {	float:left;	width:158px;	height:12px;}


#checkout_button  {	width:127px;	height:19px;		background-color:#F1672A;		font-weight:bold;	font-size:11px;	padding:5px 0 0 0;	margin:auto;}


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

.checkout_now a{  float:left; background-color:#F1672A; color:#FFFFFF; font-weight:bold; padding:2px 20px 2px 20px; text-decoration:none; text-align:center; margin:0 10px 0 0;}


#view_cart_button  {	width:127px;	height:19px;		background-color:#008ED3;		font-weight:bold;	font-size:11px;	padding:5px 0 0 0;	margin:auto; border-bottom: solid 2px #DDDDDD;}

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

/* --------------------------FOOTER---------------------------*/

#footer { clear:left;display:block; float:left;width:100%;	height:30px;	background:url(../images/footer_bg.gif) repeat-x;}
	
	
#links {	width:100%;	height:50px;	text-align:center;	margin: auto;	position:relative;	margin:10px 0 0 0;	font-size:11px;}

#links a {	color: #000000;	text-decoration: none;	padding: 0 20px 0 0;}
	
/* --------------------------FORMS---------------------------*/

form {	margin: 0 0 0 0; 	padding: 0 0 0 0;}
	
.search_bar {	width:180px;	height:19px;	border:solid  1px #FFFFFF;	margin:0 5px 0 5px ;}
	
.search_button {	width:39px;	height:20px;	background-color:#F1672A;	color:#FFFFFF;	font-weight:bold;	border:none;}

.browse_menu {	width:170px;	height:19px;	margin:0 5px 0 5px ;	font-size:12px;	}


/* --------------------------TABLES---------------------------*/

table {border: 1px solid #F1672A; margin:30px 0 0 0;}

table p {padding:8px 0 0 0;}

.baskethead td {background-color: #F1672A; padding: 6px 2px 6px 4px; color: #FFFFFF; font-weight:bold;}

.baskethead th {background-color: #A89167; color: #ffffff;}

.couponhead td {font-size:14px;font-weight:bold;padding: 2px 2px 2px 4px;color: #F1672A;}

.couponhead_two td {font-size:12px; padding: 2px 2px 2px 4px;color: #333333;}

.quantity_box {float:left; margin:0 5px 0 0;}

.discount_update a{  float:left; background-color:#E14E0F; color:#FFFFFF; font-weight:bold; padding:2px 7px 2px 7px; text-decoration:none;}

/* --------------------------misc---------------------------*/


#no_product {
	float:left;
	padding:20px 0 0 20px;
	font-size:14px;
	font-weight:bold;
}


#no_product  p{
	padding:5px 0 5px 0;
		font-weight:bold;
}

.thumb_border {
	border:solid 1px #000000;
	}
	
	
.thumbnail_space {
	margin: 0 10px 30px 0;
	}