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;
}


/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}


/* Saracen main stylesheet */

/* Font sizes 
10pt 77%
11pt 85%
12pt 93%
13pt 100%
14pt 108%
15pt 116%
16pt 123.1%
17pt 131%
18pt 138.5%

*/

/* Positioning */

body {font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:77%; background:url(../img/background2.jpg) top center repeat-y;}

h1 {margin:0 0 6px 0; padding:0; color:#f6c500;}
h2 {margin:0; padding:0; color:#f6c500;}
h3 {text-align:left; background:url(../img/bikes-name-bg.png) no-repeat; padding:8px; margin:0 0 15px 0; color:#000000;}
h3 a {color:#000000; text-decoration:none;}

input:focus {outline: none; }
input.blur {color: #999;}
input {font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;}

#holder {width:1114px; position:relative; margin:0 auto 0 auto;}
#logo {position:absolute; top:53px; left:10px;}
#dealer {position:absolute; top:86px; left:545px; width:343px; height:48px; background:url(../img/saracen-dealer-search.png) no-repeat; z-index:6; padding:10px 0 0 180px;}
#df-postcode-input {background:none; border:none; width:200px; height:25px; vertical-align:middle; position:absolute; top:16px; left:180px;}
#df-postcode-submit {position:absolute; top:10px; left:380px;}
#facebook {position:absolute; top:470px; left:0; height:269px; width:180px; z-index:7;}

#content-holder {position:absolute; top:103px; padding:5px; padding-bottom:100px; width:1100px;}

#content-inner {position:relative; padding-bottom:20px;}

#home-flash {position:absolute; top:104px; left:0px; z-index:5; background:url(../swf/pictures/pic4.png) no-repeat;}
#home-content {position:absolute; top:479px; left:180px; height:258px; width:929px; background:url(../img/home-content-holder.png) no-repeat;}
#home-content-inner {position:relative;}
#home-content-inner .feed {position:absolute; top:33px; left:279px; width:17px; height:16px; background:url(../img/rss-feed-black.png);}
#home-content-inner .feed:hover {background:url(../img/rss-feed-white.png);}
#home-content-inner .blog1, #home-content-inner .blog2, #home-content-inner .blog3 {position:absolute; width:240px; color:#bababa; line-height:12px; word-spacing:-1px; overflow:hidden;}
#home-content-inner .blog1 {top:75px; left:43px;}
#home-content-inner .blog2 {top:127px; left:43px;}
#home-content-inner .blog3 {top:179px; left:43px;}
#home-content-inner #promo-spot {position:absolute; top:28px; left:324px;}
#home-content-inner #newsletter {position:absolute; top:150px; left:324px; height:33px; width:268px; background:url(../img/newsletter-background.png) no-repeat; padding:37px 0 0 16px;}
#home-content-inner #newsletter-input {height:24px; width:209px; vertical-align:top; background:none; border:none;}
#home-content-inner #event-main {position:absolute; top:17px; left:625px;}
#home-content-inner #bookmarks {position:absolute; top:220px; left:625px; width:280px; color:#ffffff; font-weight:bold; text-align:right;}
#home-content-inner .event1, #home-content-inner .event2, #home-content-inner .event3 {position:absolute; width:260px; font-weight:bold;}
#home-content-inner .event1 {top:134px; left:635px;}
#home-content-inner .event2 {top:162px; left:635px;}
#home-content-inner .event3 {top:190px; left:635px;}
#home-content-inner .event-date {float:right; color:#413400; font-size:93%;}
#home-footer {position:absolute; top:780px; left:0;}
.footer {width:1100px;}

#col1, #col2, #col3, #col4, #col5, #col6 {float:left; padding:40px 10px 40px; color:#bababa; text-align:center;}
#col1 p, #col2 p, #col3 p, #col4 p, #col5 p, #col6 p {text-align:left; font-size:93%;}

#col1 {width:197px; margin:0 6px 0 0; background:url(../img/bikes-background-sprite.png) -0px -0px;}
#col2 {width:190px; margin:0 6px 0 0; background:url(../img/bikes-background-sprite.png) -223px -0px;}
#col3 {width:190px; margin:0 6px 0 0; background:url(../img/bikes-background-sprite.png) -439px -0px;}
#col4 {width:189px; margin:0 6px 0 0; background:url(../img/bikes-background-sprite.png) -655px -0px;}
#col5 {width:208px; margin:0 0 0 0; background:url(../img/bikes-background-sprite.png) -870px -0px;}
#col6 {width:422px; margin:0; background:url(../img/bikes-character-box.png);}

#bike-holder {position:relative; background:url(../img/bike-holder-bg.png) no-repeat; width:1100px; height:465px;}
#bike-holder #range-box {position:absolute; top:42px; left:29px; color:#FFFFFF; font-size:85%;}
#bike-holder #model-box {position:absolute; top:102px; left:29px; color:#999999; font-size:85%;}
#bike-holder .bike {position:absolute; bottom:25px; left:220px; z-index:8888;}
#bike-holder #name-box {position:absolute; top:51px; right:39px; text-align:right;}
#bike-holder .price {color:#ffffff; font-size:85%; font-weight:normal;}
#bike-holder #links-box {position:absolute; bottom:50px; right:39px; text-align:right;}
#info-holder {background:url(../img/info-holder-bg.png) repeat-y; padding:20px 20px 20px 20px; width:802px; position:relative;}
#info-holder-top {position:absolute; top:0; left:0;}

#map_canvas {position:absolute; top:139px; left:27px; background:#ffffff; width:1046px; height:623px;}
#map_controls {position:absolute; top:50px; left:300px; height:70px; width:773px; color:#ffffff;}
#post-it {position:absolute; top:470px; right:0; width:239px;}

.dropdown-box {background:#000000; border:solid 3px #4d4b4b; padding:3px; width:190px; margin:0 0 5px 0; height:20px; position:relative; z-index:9999;}
.models-box {background:#000000; border:solid 3px #4d4b4b; padding:3px; width:190px; margin:0 0 5px 0; z-index:9998;}
.dropdown-arrow {position:absolute; top:3px; right:3px; z-index:9999;}
.bike-dropdown-content {position:absolute; top:85px; left:29px; background:#000; z-index:50; padding:5px; width:186px; border:3px solid #4d4b4b; border-top:1px solid #333333; color:#FFFFFF; font-size:85%;}

#paypal {text-align:center; background:#ffffff; width:202px; margin-top:2px; border:solid 1px #163664;}
#shop-left {background:url(../img/shop-left-bg.png) no-repeat; width:218px; padding:45px 5px 20px 8px; margin:0; min-height:487px; position:absolute; top:0; left:0;}
#shop-left #item-box {width:194px; padding:5px; background:#282828; margin-bottom:3px; line-height:12px; color:#ebebeb; position:relative;}
#shop-left #shop-total-box {width:194px; height:18px; background:url(../img/shop-total-box.gif) no-repeat; padding:5px; text-align:right; margin-bottom:10px;}
#shop-left .shop-del-button {position:absolute; top:5px; right:5px;}

#shop-right {background:url(../img/shop-front-bg.png) no-repeat; width:873px; height:550px; margin-left:auto; position:relative;}
#shop-flash {position:absolute; top:30px; left:20px; z-index:5;}
#shop-promo-small {position:absolute; top:400px; left:20px;}
#shop-promo-small .promo2 {margin:0 15px;}

#shop-cat-right {width:873px; top:0; right:0; margin-left:auto; position:relative;}
#shop-cat-top {width:873px; height:42px;}
#shop-cat-content {background:url(../img/content-bg.png) repeat-y; padding:20px; min-height:550px; width:833px;}
.product {width:147px; border-right:solid 1px #e1e1e1; float:left; padding-right:10px; margin-right:10px; padding-bottom:30px; text-align:center;}
.noborder {border:none; margin-right:0;}
.product-info {float:left; width:300px;}
.product-image {width:490px; border-right:solid 1px #e1e1e1; float:left; margin-right:20px; text-align:center;}

#about-content {background:url(../img/about-bg.png) no-repeat; padding:20px; color:#fff;}
.about-title {background:url(../img/about-title.png) no-repeat; width:163px; height:66px; overflow:hidden; text-indent:-9999px;}
#about-content .col1 {width:500px; float:left; margin:50px 40px 40px 0;}
#about-content .col2 {width:500px; float:left; margin:50px 0 40px 0;}
#character1 {position:absolute; top:0; left:450px;}
#character2 {position:absolute; top:200px; left:1000px;}
#character3 {position:absolute; top:250px; left:50px;}
#charactergroup {position:absolute; top:520px; right:50px;}

#tech-content {background:url(../img/content-bg.png) repeat-y; padding:20px; min-height:550px; width:833px;}
#tech-content .content {width:830px; float:left; text-align:left;}

/* link specific */

.footer a:link, .footer a:visited {color:#000000; text-decoration:none;}
.footer a:hover, .footer a:active {color:#000000; text-decoration:none; background:#f6c500;}

#home-content-inner .blog1 a, #home-content-inner .blog2 a, #home-content-inner .blog3 a {color:#bababa; text-decoration:none;}
#home-content-inner .blog1 a:hover, #home-content-inner .blog2 a:hover, #home-content-inner .blog3 a:hover {color:#ffffff; text-decoration:none;}

#home-content-inner .event1 a, #home-content-inner .event2 a, #home-content-inner .event3 a {color:#000000; text-decoration:none;}
#home-content-inner .event1 a:hover, #home-content-inner .event2 a:hover, #home-content-inner .event3 a:hover {padding-left:3px;}

#shop-cat-content .product a {color:#000000; text-decoration:none;}
#shop-cat-content .product a:hover {color:#f6c500; text-decoration:none;}

#bike-holder a {color:#f6c500; text-decoration:none;}
#bike-holder a:hover {color:#ffffff;}
#bike-holder .models-box a:hover {background:#f6c500; color:#000000;}
#bike-holder .models-box .selected {color:#ffffff; font-weight:bold;}

#bike-holder .dropdown-box .bike-dropdown-content a:hover {background:#f6c500; color:#000000;}

#bike-holder #links-box .white {color:#ffffff;}

/* Colours */

.yellow {color:#f6c500;}
.white {color:#ffffff;}
.midgrey {color:#a6a6a6;}
.black {color:#000000;}

/* table styles */
.cell-highlight {background:#DDDDDD;}
.bike-geometry td, .bike-geometry th {padding:2px 5px;}
.bike-geometry td, .bike-geometry th, .bike-geometry table {border-color:#BBBBBB; border-style:solid;}
.bike-geometry table {border-width:1px; border-color:#000; margin-top:20px;}
.th-left {text-align:left;}
.geometry-table-head {background:#000000; color:#f6c500; padding:5px; border:solid 1px #000;}

.bike-specs td, .bike-specs th {padding:2px 5px;}
.bike-specs td, .bike-specs th, .bike-specs table {border-color:#BBBBBB; border-style:solid;}
.bike-specs table {border-width:1px; border-color:#000; margin-top:20px;}

/* nav */
#nav {
left:0px;
	width: 614px;
	height: 35px;
	background: url(../img/nav-sprite.png);
	padding: 0;
	position: absolute;
	top:50px;
	left:492px;
	margin:0px;
	margin-bottom:30px;
}

#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav a {display: block; text-align:center; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden;}

#nav1 {left: 0px; top: 0px; width: 74px; height: 35px;}
#nav2 {left: 74px; top: 0px; width: 97px; height: 35px;}
#nav3 {left: 171px; top: 0px; width: 74px; height: 35px;}
#nav4 {left: 245px; top: 0px; width: 91px; height: 35px;}
#nav5 {left: 336px; top: 0px; width: 78px; height: 35px;}
#nav6 {left: 414px; top: 0px; width: 72px; height: 35px;}
#nav7 {left: 486px; top: 0px; width: 128px; height: 35px;}

#nav1 a {height: 35px;}
#nav2 a {height: 35px;}
#nav3 a {height: 35px;}
#nav4 a {height: 35px;}
#nav5 a {height: 35px;}
#nav6 a {height: 35px;}
#nav7 a {height: 35px;}

#nav1 a:hover {background: url(../img/nav-sprite.png) -0px -35px no-repeat;}
#nav2 a:hover {background: url(../img/nav-sprite.png) -74px -35px no-repeat;}
#nav3 a:hover {background: url(../img/nav-sprite.png) -171px -35px no-repeat;}
#nav4 a:hover {background: url(../img/nav-sprite.png) -245px -35px no-repeat;}
#nav5 a:hover {background: url(../img/nav-sprite.png) -336px -35px no-repeat;}
#nav6 a:hover {background: url(../img/nav-sprite.png) -414px -35px no-repeat;}
#nav7 a:hover {background: url(../img/nav-sprite.png) -486px -35px no-repeat;}

/* specs nav */
#specs {
left:0px;
	width: 350px;
	height: 42px;
	padding: 0;
	position: relative;
	margin:0px;
	margin-bottom:30px;
}

#specs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#specs a {display: block; text-align:center; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden;}

#specs1 {left: 0px; top: 0px; width: 116px; height: 42px; background: url(../img/bike-spec-nav-sprite.png) -0px -0px no-repeat;}
#specs2 {left: 116px; top: 0px; width: 95px; height: 42px; background: url(../img/bike-spec-nav-sprite.png) -116px -42px no-repeat;}
#specs3 {left: 211px; top: 0px; width: 139px; height: 42px; background: url(../img/bike-spec-nav-sprite.png) -211px -42px no-repeat;}

#specs1 a {height: 42px;}
#specs2 a {height: 42px;}
#specs3 a {height: 42px;}

#specs1 a:hover {background: url(../img/bike-spec-nav-sprite.png) -0px -0px no-repeat;}
#specs2 a:hover {background: url(../img/bike-spec-nav-sprite.png) -116px -0px no-repeat;}
#specs3 a:hover {background: url(../img/bike-spec-nav-sprite.png) -211px -0px no-repeat;}

/* shop nav */
#shopnav {
left:0px;
	width: 205px;
	height: 60px;
	background: url(../img/shop-nav-sprite.gif);
	padding: 0;
	position: relative;
	margin:0px;
	margin-bottom:30px;
}

#shopnav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#shopnav a {display: block; text-align:center; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden;}

#shopnav1 {left: 0px; top: 0px; width: 205px; height: 30px;}
#shopnav2 {left: 0px; top: 30px; width: 205px; height: 28px;}
#shopnav3 {left: 0px; top: 58px; width: 205px; height: 27px;}
#shopnav4 {left: 0px; top: 85px; width: 205px; height: 26px;}
#shopnav5 {left: 0px; top: 111px; width: 205px; height: 31px;}

#shopnav1 a {height: 30px;}
#shopnav2 a {height: 28px;}
#shopnav3 a {height: 27px;}
#shopnav4 a {height: 26px;}
#shopnav5 a {height: 31px;}

#shopnav1 a:hover {background: url(../img/shop-nav-sprite.gif) -205px -0px no-repeat;}
#shopnav2 a:hover {background: url(../img/shop-nav-sprite.gif) -205px -30px no-repeat;}
#shopnav3 a:hover {background: url(../img/shop-nav-sprite.gif) -205px -58px no-repeat;}
#shopnav4 a:hover {background: url(../img/shop-nav-sprite.gif) -205px -85px no-repeat;}
#shopnav5 a:hover {background: url(../img/shop-nav-sprite.gif) -205px -111px no-repeat;}

/* tech nav */
#technav {
left:0px;
	width: 205px;
	height: 86px;
	background: url(../img/tech-nav-sprite.gif);
	padding: 0;
	position: relative;
	margin:0px;
	margin-bottom:30px;
}

#technav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#technav a {display: block; text-align:center; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden;}

#technav1 {left: 0px; top: 0px; width: 205px; height: 30px;}
#technav2 {left: 0px; top: 30px; width: 205px; height: 28px;}
#technav3 {left: 0px; top: 58px; width: 205px; height: 27px;}

#technav1 a {height: 30px;}
#technav2 a {height: 28px;}
#technav3 a {height: 27px;}

#technav1 a:hover {background: url(../img/tech-nav-sprite.gif) -205px -0px no-repeat;}
#technav2 a:hover {background: url(../img/tech-nav-sprite.gif) -205px -30px no-repeat;}
#technav3 a:hover {background: url(../img/tech-nav-sprite.gif) -205px -58px no-repeat;}

.cart-number-count {position:absolute; top:144px; left:48px; text-align:center; font-weight:bold; width:25px;}

.competition-title {background:url(../img/competition/title.png) no-repeat; width:980px; height:96px; overflow:hidden; text-indent:-9999px; margin:10px 30px 0;}