/* World of Bikes Stylesheet */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;} caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input:focus {outline:none;} textarea:focus {outline:none;}
html{font-size: 62.5%;} a:active, a:focus{outline:none;} textarea{overflow:auto;}
body {min-width: 550px;}
#page-wrap {margin:0 auto 10px auto; position:relative; min-width: 960px; max-width: 1260px;}
#cart-wrap {margin:10px auto; position:relative; width: 860px;}
#container {padding-left: 200px; padding-right: 200px;}
#container .column { position: relative; float: left; }
#center {width: 100%; }
#left {width: 200px; right: 200px; margin-left: -100%; }		
#right {width: 200px; margin-right: -100%;}		
#footer {clear: both;padding-top:40px;padding-bottom:10px;}		
/*** IE6 Fix ***/
* html #left {left: 200px;}
/* Reset */

body {background: #FFF;color: #333; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;} .clear {clear: both;} .left {float: left; margin: 0 10px 0 0;} .right {float: right; margin: 0 0 0 10px;} 
.rowclear {clear: both; border-top: 1px solid #CCC; padding-bottom: 10px;} a {color: #005fac; text-decoration: none;} a:hover {color: #005fac; text-decoration: underline;} .hide {display:none;}
#center h2, h3, h4 {font-size: 1.6em; position: relative;}
#center h2.title {color: #333; clear: both; font-size: 1.8em; font-weight: bold;} #center h2.title a {color: #333;}
#center h2.ltitle {color: #005FAC; font-size: 1.6em;}
#center h2.title a:hover {text-decoration: none; color: #666;}
#center h3.product {font-weight:bold;} #center h3.product a:hover {text-decoration: underline;}
#cart-wrap h2 {font-size: 1.4em; position: relative;margin-bottom:10px;}
#center h5 {color:#666666;font-size: 1.3em; margin: 0 0 10px 0;}
p {font-size:1.2em; margin: 0 0 15px 0;line-height:150%;}
p strong {font-weight: bold;}
ul li {font-size: 1.2em;line-height:150%;}
#footer p {font-size:1.1em;margin:0;}

p#bankholiday {background: url('message_right.jpg') top right no-repeat;padding:0;height:26px;width:100%;}
p#bankholiday span {background: url('message_left.jpg') top left no-repeat;line-height:26px;height:26px;padding:0 0 0 10px;display:block;}

/* Header Content */
#header {height:136px;margin:0 10px 10px 10px;padding-top:10px;position:relative;}
#cart-wrap #header {margin:0 0 10px 0;}
#header a, #header a:hover {text-decoration:none;}
#logo a {background: url('logo.gif') 0 0 no-repeat;display:block;float: left; margin: 0 10px 10px 10px;width:131px;height:67px;}
#storedetails {float:left;position:relative;width:600px;}
#storedetails img {display:none;} #storedetails span {display:none;}
#storedetails ul {position:absolute;bottom:10px;left:151px;}#storedetails ul li {float:left;font-size:1.4em;} #storedetails ul li, #storedetails ul li a {color:#555;} #storedetails ul li a:hover {color:#333;}
ul li.telephone {color:#555;background: url('bg_sd_telephone.jpg') 0 4px no-repeat; padding:1px 0 0 23px;margin-right:10px;}
ul li.email {background: url('bg_sd_email.jpg') 0 3px no-repeat; padding:1px 0 0 23px;}
#userarea {position: absolute; right:10px; bottom: 67px; width:250px;}
#userarea p {font-size:1.2em; color: #999; margin: 0 0 5px 0; padding:0; text-align: right;}
#userarea a { color: #000;} #userarea a:hover { color: #005FAC;} #userarea p strong {color: #005daa;}
#header #search {background: url('bg_search.gif') 0 0 no-repeat; display: block; width: 150px; height: 20px; margin-left: 100px;}
#header #search #searchbox {height: 14px; width: 115px; margin: 2px 0 0 8px; border: 0; background: white; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size:1.2em; color: #555;}

#linksbar {background: url('linksbar_right.gif') top right no-repeat; height: 32px; float: left; width: 100%;}
#linksbar ul {height: 32px; width: 875px;} #linksbar ul li {display: inline;} #linksbar ul li a {text-indent: -900%;} /* 659 */

#header #linksbar li#home a {float: left; width: 56px; height: 32px; background: url('linksbar.jpg') 0 0 no-repeat;}
#header #linksbar li#home a:hover {background-position: 0 -32px;}
#header #linksbar li#spacer01 {background: url('linksbar.jpg') -56px 0 no-repeat; float:left; width:6px; height: 32px;}
#header #linksbar li#bikes a {float: left; width: 41px; height: 32px; background: url('linksbar.jpg') -62px 0 no-repeat;}
#header #linksbar li#bikes a:hover {background-position: -62px -32px;}
#header #linksbar li#clothing a {float: left; width: 62px; height: 32px; background: url('linksbar.jpg') -103px 0 no-repeat;}
#header #linksbar li#clothing a:hover {background-position: -103px -32px;}
#header #linksbar li#boots a {float: left; width: 45px; height: 32px; background: url('linksbar.jpg') -165px 0 no-repeat;}
#header #linksbar li#boots a:hover {background-position: -165px -32px;}
#header #linksbar li#helmets a {float: left; width: 59px; height: 32px; background: url('linksbar.jpg') -210px 0 no-repeat;}
#header #linksbar li#helmets a:hover {background-position: -210px -32px;}
#header #linksbar li#gloves a {float: left; width: 51px; height: 32px; background: url('linksbar.jpg') -269px 0 no-repeat;}
#header #linksbar li#gloves a:hover {background-position: -269px -32px;}
#header #linksbar li#accessories a {float: left; width: 81px; height: 32px; background: url('linksbar.jpg') -320px 0 no-repeat;}
#header #linksbar li#accessories a:hover {background-position: -320px -32px;}
#header #linksbar li#newparts a {float: left; width: 72px; height: 32px; background: url('linksbar.jpg') -401px 0 no-repeat;}
#header #linksbar li#newparts a:hover {background-position: -401px -32px;}
#header #linksbar li#usedparts a {float: left; width: 75px; height: 32px; background: url('linksbar.jpg') -473px 0 no-repeat;}
#header #linksbar li#usedparts a:hover {background-position: -473px -32px;}
#header #linksbar li#spacer02 {background: url('linksbar.jpg') -548px 0 no-repeat; float:left; width:10px; height: 32px;}
#header #linksbar li#workshop a {float: left; width: 73px; height: 32px; background: url('linksbar.jpg') -558px 0 no-repeat;}
#header #linksbar li#workshop a:hover {background-position: -558px -32px;}
#header #linksbar li#finance a {float: left; width: 57px; height: 32px; background: url('linksbar.jpg') -631px 0 no-repeat;}
#header #linksbar li#finance a:hover {background-position: -631px -32px;}
#header #linksbar li#insurance a {float: left; width: 70px; height: 32px; background: url('linksbar.jpg') -688px 0 no-repeat;}
#header #linksbar li#insurance a:hover {background-position: -688px -32px;}
#header #linksbar li#spacer03 {background: url('linksbar.jpg') -758px 0 no-repeat; float:left; width:9px; height: 32px;}
#header #linksbar li#aboutus a {float: left; width: 67px; height: 32px; background: url('linksbar.jpg') -767px 0 no-repeat;}
#header #linksbar li#aboutus a:hover {background-position: -767px -32px;}
#header #linksbar li#links a {float: left; width: 41px; height: 32px; background: url('linksbar.jpg') -834px 0 no-repeat;}
#header #linksbar li#links a:hover {background-position: -834px -32px;}

#header #subbar {background: url('subbar.gif') top right no-repeat; clear: left; height:25px; float:left; width:100%;}
#header #subbar div#breadcrumb {background: url('youarehere.gif') 0 0 no-repeat; float:left;height:25px;line-height:24px;padding-left:80px;color:black;font-size:1.1em;}
#header #subbar div#breadcrumb h2 {border:0;padding:0;margin:0;}
#header #subbar a {color: #000;}
#header #subbar p {float:right;line-height:24px;padding-right:11px;font-size:1.1em;}
#header #subbar p a:hover, #header #subbar div a:hover {text-decoration: underline;}
/* Sidebar Content */
#left div.module, #right div.module {background: url('module_bbg.jpg') bottom left no-repeat;width:180px;margin:0 0 10px 10px;padding:0 0 9px 0;}
#right div.module {margin:0 0 10px 10px;}
#left div.module h4, #right div.module h4 {background: url('module_tbg.gif') 0 0 no-repeat; border-bottom: 1px solid #CCC; font-size: 1.2em; padding: 7px 10px 4px 10px;font-weight:bold;line-height:20px;}
#left div.module p, #right div.module p {margin:0 1px; padding: 9px 9px 0 9px;}
#left div.module ul, #right div.module ul {margin:0 1px; width:178px;}

#left div.module ul.topbrands li, #right div.module ul.topbrands li {text-align: center; padding: 10px 0 0 0;}
#left div.module ul.highlight li {float:left;}
#left div.module ul.highlight li a {color: #333; display: block; padding: 3px 9px; width: 160px;}
#left div.module ul.highlight li a:hover {background: #eee url('right.png') 154px 3px no-repeat; color: #005FAC;}
#left div.module ul.bestselling li {clear: both; padding: 9px 9px 0 9px;}
#left div.module ul.bestselling li a {font-weight: bold;}
.module ul.#left div.bestselling li img {border: 1px solid #999;padding:1px;width:48px;}
#left div.module ul.bestselling li span {color: #C7C72F; font-weight: bold;}

#left img.banner, #right img.banner {margin:0 0 10px 10px;}
div.openingtimes p span {color:#666;display:block;margin-bottom:5px;}
div.openingtimes p span strong {color:#333;font-weight:normal;}
div.xmasopeningtimes p span {color:#666;display:block;margin-bottom:5px;}
div.xmasopeningtimes p span strong {color:#333;font-weight:normal;}
p.mce {text-align:center;}

/* Center Content */
h2.title, h2.ltitle, h3.title, div.product_overview {margin: 0 0 10px 0;}
h2.title {padding-bottom: 5px; border-color: #999;}
h2.ltitle {border:0;}
#center h3.title {clear: both; color: #333; font-size: 1.8em; font-weight: bold;}
h3.product {font-size: 1.4em;}
h3.newproducts {color:#005FAC;font-size:1.8em;}
div.module ul.bestselling li {clear: both; padding: 9px 9px 0 9px;}
div.module ul.bestselling li a {font-weight: bold;}
div.module ul.bestselling li img {border: 1px solid #999;padding:1px;width:48px;}
div.module ul.bestselling li span {color: #C7C72F; font-weight: bold;}

div.product_overview {float: left; width: 31%; margin-right: 10px; }
div.product_overview div.image {display: table-cell; height: 110px; vertical-align: middle; width: 110px;}
div.product_overview h3 {margin: 0 0 3px 0; padding-top: 5px;}
div.product_overview h4 {font-size: 1.3em; margin-bottom: 3px;}
div#center div.product_overview h5 {font-size: 1.2em; margin: 0 0 3px 0;}
div.product_overview ul {margin:0 0 5px 0;}
div.product_overview ul li strong {font-weight: bold;}
div.product_overview p {padding:0;margin:0;}
div.product_overview a img {border:none;}
div.product_overview span.option {clear: left; color: #555; display: block; font-size: 1.1em;}
div.product_overview span.option strong {font-weight: bold;}

div#center ul li.telephone {margin-bottom: 5px;}

div#flashcontent {margin-bottom:10px;}

div#christmasspecial {margin-bottom:10px;}
div#christmasspecial img {margin:0 10px 5px 0;width:120px;float:left;}
div#christmasspecial div {float:left;}
div#christmasspecial div.clear {float:none;}
div#christmasspecial a {color:#005FAC;}
div#christmasspecial p {width:430px;}
div#christmasspecial ul {margin-bottom:10px;}
div#christmasspecial ul li {background:url('bullet.gif') 0 0 no-repeat;padding-left:17px;margin-bottom:3px;}
div#christmasspecial h3 {color:#005FAC;font-size:1.9em;margin-bottom:10px;}

div#bikeoftheweek {margin-bottom:10px;}
div#bikeoftheweek img, div#productoftheweek img {margin:0 10px 5px 0;width:120px;float:left;}
div#bikeoftheweek div, div#productoftheweek div {float:left;}
div#bikeoftheweek div.clear, div#productoftheweek div.clear {float:none;}
div#bikeoftheweek a, div#productoftheweek a {color:#005FAC;}
div#bikeoftheweek h3, div#productoftheweek h3 {position:relative;margin-bottom:15px;}
div#bikeoftheweek h4, div#productoftheweek h4, div#bikeoftheweek h5, div#productoftheweek h5 {margin-bottom:5px;}
div#bikeoftheweek h5, div#productoftheweek h5 {color: #000000;}
div#bikeoftheweek p, div#productoftheweek p {width:430px;}

div#latestbikes h3 {color:#005FAC;font-size:1.9em;position:relative;margin-bottom:0;}
div#bikeoftheweek h3, div#productoftheweek h3, div#newproducts h3 {color:#005FAC;font-size:1.9em;position:relative;margin-bottom:10px;}

/* Product */
#product_leftcol {background: #e5e5e5;float: left; margin: 0 10px 10px 0; width: 280px; padding:10px; -moz-border-radius: 8px;}
#product_leftcol a.main {display:block;margin-bottom:10px;}
#product_leftcol img {width:280px;}
#product_leftcol .thmb {width: 60px; margin: 0 10px 10px 0;}
#product_leftcol .end {margin-right: 0;}
#product_leftcol p {text-align:center;margin:0;padding:0;font-size:1.1em;}
a.printpage {background: url('printer.gif') 0 0 no-repeat; padding: 1px 0 3px 22px;}
a.emailafriend {background: url('email.gif') 0 0 no-repeat; margin-left: 10px; padding: 1px 0 3px 22px;}
#product_leftcol a {font-size: 1.1em; color: #333;}
#product_leftcol #email {background:#EEEEEE;padding:0 10px 10px 10px;width:280px;}
input.email_text {width:150px;margin:0 5px 0 0;}
input.email_submit {background:white;border:1px solid #AAA;}
#product_rightcol {float: left; width: 250px;}
#product_rightcol h3 {border: 0; font-size: 1.8em; font-weight: bold; margin-bottom: 5px; padding-bottom: 0;}
#product_rightcol h3 span {display: block; position: relative; font-size: 0.7em; font-weight: normal;}
#product_rightcol h4 {border: 0;font-size: 1.7em; font-weight: bold; padding-bottom: 0; margin-bottom: 5px;}
#product_rightcol h4.pew {color: #666; font-size: 1.4em;}
#product_rightcol h4 span {color: #005FAC;}
#product_rightcol ul {margin-top: 5px;}
#product_rightcol ul li span {display: block; float: left; font-weight: bold; margin-right:10px; width: 60px;}
#product_rightcol span.text_options {display:block;font-size:1.2em;}
#product_rightcol select {margin-bottom:5px;width:100px;}
body.prod_description div#center #product_rightcol ul li {margin-bottom: 2px;}
#product_rightcol p {font-size: 1.1em; width: 250px;}

ul.dotlist li, body.prod_description div#center ul li {margin: 0 0 5px 0; padding: 0 0 0 15px; background: url('bullet.gif') 0 0 no-repeat;}
body.prod_description div#center div#product_rightcol ul li {padding: 0; background: none; }
body.prod_description div#center div#product_rightcol ul li.includedd {padding: 0 0 0 15px; background: url('bullet.gif') 0 0 no-repeat; }
ul.dotlist li strong, body.prod_description div#center ul li strong {font-weight: bold;}

/* Welcome */
#welcome {width: 99%; background: #232d36 url('bg_welcome.jpg') top right no-repeat; height: 200px; margin: 0 auto 20px auto; position: relative;}
#welcome h2, #welcome h3 {border: 0!important; color: #FFF; width: 500px; font-size: 1.4em; padding: 0;} #welcome h3 {line-height: 1.7em;}
#welcome h2 {font-size:2.2em;margin: 0 0 5px 20px;position:relative;} #welcome h3 {color: #CCC; padding: 8px 0 0 20px;}
#welcome #leftside {background: url('leftside.gif') 0 0 no-repeat;position: absolute;top:0;left:0;width: 8px;height: 200px;padding: 0;}
#flashcontent {text-align: center;} h3.newproducts {margin-bottom: 0;}
#welcome h2.welcome {padding-top:20px;}
/* Footer Content */
#footer {clear:both;margin:20px 10px 0 10px;}
#footer p {text-align:center;} #footer p a {color: #333;} #footer p a:hover {color: #000;}


/* Shopping cart and checkout fields ------------------------------------------- */
table.checkout td {background-color: #eeeeee;}
table.checkout th {background-color: #678298;}
.cart {background-color: #eeeeee;}
.cartheading {background-color: #CCCCCC;font-size:1.2em;font-weight: bold;padding:4px;}
.cart-table-contents tr td {font-size:1.2em;padding:4px;}
.cart-table-contents tr td table tr td {font-size:1em;}
table.checkout {margin-bottom:15px;}
table.checkout tr td {font-size:1.2em;padding:4px;}
table.t-receipt tr td {font-size:1.2em;padding:4px;}
table.t-receipt tr td table tr td {font-size:1em;}
/* Checkout Progress Indicator  ------------------------------------------------ */
p.checkout-progress-heading {width: 300px;margin: 10px auto;}
#checkout-progress-indicator {width: 300px;height: 19px;background-image: url('cpi-background.gif');margin: 0 auto 20px auto;}
.checkout-progress-0 {width: 75px;height: 19px;background-color: #678298;background-image: url('cpi-main.gif');float: left;}
.checkout-progress-1 {width: 150px;height: 19px;background-color: #678298;background-image: url('cpi-main.gif');float: left;}
.checkout-progress-2 {width: 225px;height: 19px;background-color: #678298;background-image: url('cpi-main.gif');	float: left;}
.checkout-progress-3 {width: 300px;height: 19px;background-color: #678298;background-image: url('cpi-main.gif');float: left;}
#checkout-progress-indicator .cpi-end {width: 8px;padding: 0;margin: 0;border: 0;height: 19px;background-image: url('cpi-end.gif');
	background-position: right;background-repeat: no-repeat;float: left;}
/* Default formatting of all text boxes used in store pages ---------------- */
.form_input_general	{line-height: normal;font-size : 11px;word-spacing: normal;}
/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */
.form_main_search_box	{line-height: 13px;width: 76px;height: 16px;margin: 0px 1px 0px 1px;padding: 0px 0px 0px 2px;
font-size : 11px;background-color: #eeeeee;border: 1px solid #eeeeee;color: #000000;vertical-align: top;}
.form_main_search_box_td	{background-color: #828baa}
.form_button_quick_search	{line-height: 13px;height: 18px;width: 85px;margin: 1px 1px 1px 1px;padding: 0px 0px 0px 12px;
font-size : 11px;background-color: #828baa;border: 1px solid #678298;color: #ffffff;background-image: url('theme_icon_search.gif');word-spacing: normal;	}
div.row-cart_buttons {text-align:center;margin:20px 0;}
div.row-cart_buttons input {margin:0 5px;}
.btn_addtocart {height:21px;width:76px;background:white url('buyit.gif') 0 0 no-repeat;text-indent:-1000em;border:0;cursor:pointer;margin-top:5px;display:block;}

div#map {float:left; margin-right: 10px;}
div#localmap {float:left;}

div.sectionlink {float: left; margin:0 10px 0 0; padding-bottom:10px; text-align: center; width: 31%;}
div.sectionllink {float: left; margin:0 10px 0 0; padding-bottom:10px; text-align: center; width: 31%;}
div.sectionlink h2 {display:none;} div.sectionlink a {font-size:1.2em;}
div.sectionllink h2 {font-weight:bold; margin: 10px 0 2px 0;}
div.sectionlink p {margin: 0;}
div.nob {border-bottom:0;}
div.sectionlink div.logo {margin:auto;height:100px;}
div.sectionlink div.logo div {margin:auto;width:100px;}
div.sectionlink div.logo span {display:table-cell;height:100px;text-align:center;vertical-align:middle;width:100px;}
div.sectionllink div.logo {float:left;margin-right:10px;text-align:center;width:150px;display:inline;}
div.sectionlink div.info, div.sectionllink div.info {float:left;} div.sectionlink div.info p, div.sectionllink div.info p {padding:0;margin:0;}

/* Tell a Friend */
div.errorbox {background:#ffebe8; border:1px solid #dd3c10; font-size: 1.2em; padding:8px; margin-bottom:15px;}
div.tf_row {padding-bottom:10px;}
div.tf_row label {float: left; width: 250px; padding:0; font-size: 1.2em;}
div.tf_row label span {font-size: 1em; font-style: italic;}
div.tf_row input{ width: 230px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.2em; padding: 3px 5px; border: 1px solid #AFAFAF; background: #ffffff;}
div.tf_row input:focus {background: #FFF; border: 1px solid #999999;}
div.tf_row textarea{ width: 230px; height: 90px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.2em; padding: 5px; border: 1px solid #AFAFAF;}
div.tf_row textarea:focus {background: #FFF; border: 1px solid #999999; }
div.tf_submit { float: left; padding-left: 250px; width: 200px;}
div.tf_submit input {background:#7DACD6; color: #FFFFFF; width: 242px !important; margin: 0; padding: 0; height: 30px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.4em; padding: 5px 0 5px 0; border: 1px solid #005daa; border-top: 1px solid #007dcc;}

div#carterror table {background:#ffebe8;border: 1px solid #dd3c10;margin-bottom:10px;}
div#carterror table td {color:padding:4px;font-size: 1.2em;}

a.f-single {background:url('f-single.jpg') 0 0 no-repeat;display:block;line-height:24px;margin-bottom:10px;padding-left:29px;font-size:1.2em;}
a.f-joint {background:url('f-joint.jpg') 0 0 no-repeat;display:block;line-height:24px;padding-left:29px;font-size:1.2em;}

#left div.module div#navmenu {width:178px;padding:0 1px;}
#left div.module div#navmenu a {background: #f5f5f5; color: #333; display: block; padding: 3px 9px; width: 160px;}
#left div.module div#navmenu a:hover {background: #eee; color: #005FAC;}
#left div.module div#navmenu ul {margin:0;padding:0;width:178px;}
#left div.module div#navmenu ul li {border-top: 1px solid #fff; font-size: 1.3em; z-index: 97;}
#left div.module div#navmenu ul li ul li {z-index: 99;}
#left div.module div#navmenu li {position: relative;}
#left div.module div#navmenu ul ul {border: 1px solid #ccc; position: absolute; top: -1px; left: 178px; width: 128px; z-index: 99;}
#left div.module div#navmenu ul li ul li {font-size: 1em;}
#left div.module div#navmenu ul li ul li a {width: 110px;}
#left div.module div#navmenu ul li ul {display: none;}
#left div.module div#navmenu ul li:hover ul {display: block;}