/* CSS Document */

body {	background: url(../images/general/back.gif);margin: auto;	font-family: Arial,Helvetica,sans-serif;width: 950px;color: white;}

fieldset {border: 0; display: inline}

* {margin: 0; padding: 0; text-indent: 0}


a, a:visited, a:hover, a:active {color: #FFCC00; text-decoration: none}

ul {list-style-type: none}

img {border: 0}

.header { background-color: black;height: auto}
.header .logo span {display: none}
.header .logo {margin-top: 30px; float: left; width: 150px; height: 113px; background-image: url(../images/general/oyblogo.gif); }
.header .banner{clear: right; margin-left: auto; margin-right: 0; background-image: url(http://onyerbike.net/images/headers/alpinestars.jpg); width: 770px; height: 114px;}
.header .banner span {display: none}
.header .phone { float: right; height: 30px; font-weight: bold; width: auto}

.left {width: 170px; float: left; background-color: black}

.mid {float: left; width: 628px; padding: 10px}

.basket { position: relative; border: 2px solid #FECB00 ;text-align: center; padding: 0; display: block; width: 125px; padding-top: 3px; text-decoration:none; float: right; height: 61px; background-color: #000; color: white;  font-size: 16px;}
.basket h3 {color: white; font-size: 12px; font-weight: bold; text-align: left; padding-left: 5px}
.basket div {font-size: 12px; margin-top: 5px; font-weight: normal; text-align: left; padding-left: 5px;}
.basket a {margin-top: 5px; background-image: url(../images/general/greybutback.gif); float: right; padding: 3px; font-size: 12px}
.navtop {display: block; padding-top: 7px; text-transform: uppercase; padding-left: 20px;  background-image: url(../images/general/redbutback.gif); height: 28px; font-size: 18px; font-weight: bold; color: white }



.searchby {font-size: 12px; border: 2px solid red; width: 115px; float: right; background-color: black; position: absolute; margin-left: 641px; padding: 5px; margin-top: 75px}
.searchby h3 {color: red; display: block; text-align: center; font-size: 16px}
.searchby h4 {color: red; display: block; text-align: center; color: #FECB00; font-size: 14px}
.searchby select {width: 100%; display: block; margin-top: 3px}

.nav {color: white; margin-top: 10px}


.nav ul ul {text-indent: 0; padding-left: 20px; list-style-type: circle;}
.nav ul ul ul {padding-left: 0px}


.highres {display: none; border: 1px solid rgb(102, 102, 102); width: 300px; height: 300px; position: absolute; margin-left: 310px; margin-top:4px; cursor: crosshair; background-color: white; background-repeat: no-repeat;}


.nav div a {font-weight: bold; color: White}
.nav .manufacturer {font-weight: normal; color: #FFCC00}
/*.nav ul ul li {margin-left: 0px; }*/
.nav > ul > li {background-color: #222;}
.nav > ul ul li {color: white; font-size: 12px}

.nav > ul ul li span {color: #aaa; font-size: 12px} 


.nav > ul > li > div {display: block; height: 22px;  background-image: url(../images/general/greybutback.gif); padding-top: 7px; padding-left: 20px; font-weight: bold; font-size: 14px}
.nav ul div {display: inline}

.nav li ul {margin-left: 0px; background-color: #222; list-style-type: none; font-size: 14px; padding-bottom:5px;
padding-top:5px; line-height: 1.4em}

.nav li ul li { margin-left: 20px; }

.breadcrumbs {font-size: 12px}

.left img {display: block; margin-bottom:40px; margin-top: 40px}


hr {color: #666; background-color: #555; margin-top: 10px; margin-bottom: 10px; height: 1px; border: 0}


.main {background-color: black}


.left .text { font-size: 11px}


.title {color: #FFCC00}

.leftblock {width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 20px}
.main {background-color: black; width: 950px; height: auto; overflow: auto}


.right {width: 124px;; float: right; padding-right: 5px; margin-top: 70px; border: 1px solid #666}
.right img {display: block; margin-top: 10px}

.product {border: 1px solid #666;  background-color: #222; }
.product {font-size: 14px; line-height: 1.2em; color: #fff}
.product img {border: 1px solid #666}
.product h2 {background-image: url(../images/general/greybutback.gif); height: 19px; font-size: 14px; padding: 5px}
.product h2 a {float: left}
.product h2 span {color: white; float: right; color: #FFCC00; font-size: 16px}
.product form {float: right; margin-top: 10px;}
.product select {width: 150px}
.product .description  {overflow: hidden; font-size: 12px; padding-left: 20px; display: block}
.product .description ul {list-style-type: disc; list-style-image: url(http://www.onyerbike.net/images/bullet.gif); margin-left: 20px}

/*select, input {background-color: #555; color: white; border: 1px solid #999}*/
input[type="submit"] {-moz-border-radius: 10px; -webkit-border-radius: 10px;  background-color: #FFCC00; width: 60px; padding-left: 4px; padding-right: 4px; border: 0;  color: black; font-weight: bold}



.item {overflow: auto; font-size: 12px; line-height: 1.4em}
.item .description {float: none; width: 100%; padding-top: 20px; display: block; clear: both}
.item img {cursor: link; margin-left: 5px; margin-top: 5px; width: 97px; height: 97px; float: left; border: 0px solid #666}
.item select {width: 150px}
.item .buy {float: right; height: auto; clear: both; width: 600px; text-align: right}
.item hr {display: none}
.item p {margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding: 0; clear: both; display: block; float: none;}
.item ul {list-style-image: url(http://www.onyerbike.net/images/bullet.gif); list-style-type: square; list-style-position: outside; margin-left: 25px}
.itemmain {overflow: auto; height: auto}

.selector {background-image: url(../images/general/redbutback.gif); height: 19px; padding: 7px; font-size: 14px}
.selector .pages {float: left}
.selector .sort {float:right}
.selector select {width: 200px}
.selector a, .selector a:visited, .selector a:active {font-weight: bold; color: white}
.selector .current:before { content: "[";}
.selector .current:after { content: "]";}
.selector form {display: inline}

.related {clear: both; width: 100%;}
.related h4 {margin-top: 25px; background-image: url(../images/general/greybutback.gif);  height: 14px; padding: 7px; display: block}
                                                                                               
.featured {float: left; width: 127px; height: 220px; background-color: white; margin: 5px; text-align: center; padding: 10px; padding-top: 15px}
.featured h3 {text-align: left; color: red; font-size: 12px; height: 30px}
.featured p {font-size: 10px; color: black; height: 60px; text-align: left}
.featured .price {float: left; color: red; font-weight: bold}
.featured .more {float: right}

.checkout {display: block; margin-top: 20px; color: #CCCCCC; font-size: 12px}
.checkout label {margin-top: 10px; width: 200px; float: left; clear: left; text-align: right; padding-right: 20px}
.checkout input, .checkout textarea, .checkout select {margin-top: 10px; float: left; clear: right; width: 300px;}
.checkout textarea {height: 100px}
.checkout p {clear: both; padding-top: 10px; margin-left: 220px}
.checkout .postcode {width: 75px}
.checkout .check {width: auto; margin-left: 220px; clear: left;} 
.checkout .labelcheck {clear: right; padding-left: 10px; width: auto}
.checkout .date {width: auto; float: left; margin-right: 10px} 


.errors {color: red}
.errors ul {list-style-type: disc; margin-left: 20px;}
.thumbnail {cursor: pointer}