/* 
-----------------------------------------------------------------------------
General
-----------------------------------------------------------------------------*/
#breadcrumb ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#breadcrumb ul li {
	display:inline;
}
#views {
	position:absolute;
	top:40px;
	right:15px;
	width:250px;
	text-align:right;
}
#views select {
	float:right;
	margin-left:5px;
}
#views option {
	padding-left:3px;
}
.item-added {
	position:relative;
	margin-bottom:15px;
	padding:2px;
	background-color:#7BC947;
	border:1px solid #548C31;
	color:#fff;
	height:16px;
}
.item-added img {
	float:left;
	margin:0px 3px;
}
.item-added a {
	color:#333;
}
/*
-----------------------------------------------------------------------------
Tips
-----------------------------------------------------------------------------*/
.tip {
	position: relative;
	cursor: pointer;
	padding-right: 10px;
}
.tip .popup {
	position: absolute;
	top: -12px;
	left: -999999px;
	display: block;
	background-color:#FFFF66;
	border:1px solid #FFDD00;
	color:#222;
	width: 200px;
	overflow: hidden;
	padding: 5px;
	z-index: 25;
}
.tip:hover .popup {
	left: 25px;
}
/*
-----------------------------------------------------------------------------
Forms
-----------------------------------------------------------------------------*/
.top-label,
.left-label {
	float: left;
}
.top-label li,
.left-label li {
	list-style: none;
	padding: 1px 0px;
	clear: both;
	float: left;
}
.left-label label {
	float: left;
	width: 80px;
	text-align: left;
	margin: 4px 0px;
}
.input {
	float: left;
	border:1px solid #999;
	border-bottom:1px solid #DADADA;
	background-image: url(../images/backgrounds/input.png);
	background-repeat: repeat-x;
	background-position: top;
	padding:2px;
	margin:2px 2px 2px 0px;
	color:#333;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}
.left-label .imagebutton {
	margin-left: 80px;
}
.imagebutton {
	margin-top: 3px;
}

/* 
-----------------------------------------------------------------------------
Gallery
-----------------------------------------------------------------------------*/
#galleryview {
	position:relative;
	width:539px;
	height:211px;
	padding:2px 0px;
	text-align:center;
	background-image:url(../images/backgrounds/gallerybg.png);
	background-repeat:no-repeat;
}
#gallerynav {
	position:relative;
	margin-top:9px;
	width:538px;
	height:20px;
	text-align:center;
}
#gallerynav a {
	font-weight:bold;
	text-decoration:none;
	color:#BFBFBF;
	font-size:10px;
	margin:0px 6px;
}
#gallerynav a:hover {
	color:#000;
}
#gallerynav #previous {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
}
#gallerynav #next {
	position:absolute;
	right:0px;
	top:0px;
	margin:0px;
}
#gallerythumbs {
	position:relative;
	float:left;
	margin-top:8px;
	width:536px;
	padding-left:2px;
	padding-bottom:10px;
	background-color:#F3F3F3;
	text-align:center;
}
#gallerythumbstop {
	position:absolute;
	left:0px;
	top:0px;
	width:538px;
	height:3px;
	background-image:url(../images/backgrounds/gallerythumbstop.png);
	background-repeat:no-repeat;
}
#gallerythumbsbottom {
	position:absolute;
	left:0px;
	bottom:0px;
	width:538px;
	height:3px;
	background-image:url(../images/backgrounds/gallerythumbsbottom.png);
	background-repeat:no-repeat;
}
.gallerythumb {
	position:relative;
	float:left;
	margin:9px 0px 0px 7px;
	width:125px;
	height:88px;
	background-image:url(../images/backgrounds/gallerythumbbg.png);
	background-repeat:no-repeat;
}
.gallerythumb img {
	margin-top:4px;
	cursor: -moz-zoom-in;
}
/* 
-----------------------------------------------------------------------------
Bikes
-----------------------------------------------------------------------------*/
.bike-column {
	position:relative;
	width:168px;
	float:left;
	margin-right:10px;
}
.bike-make {
	position:relative;
	float:left;
	width:168px;
	background-color:#e1e1e1;
	margin-bottom:15px;
}
.bike-make .top {
	position: relative;
	width:168px;
	height:5px;
	background-image:url(../images/backgrounds/3-col-top.png);
	background-repeat:no-repeat;
}
.bike-make .bottom {
	position: relative;
	width:168px;
	height:5px;
	background-image:url(../images/backgrounds/3-col-bottom.png);
	background-position: bottom;
	background-repeat:no-repeat;
}
.bike-logo {
	text-align:center;
	padding-bottom:5px;
}
.bike-make ul {
	margin:0px 0px 5px 0px;
	padding:0px;
}
.bike-models li {
	margin:0px;
	padding:2px;
	text-align:center;
	list-style:none;
	font-size:12px;
	letter-spacing:-0.5px;
}
.bike-models a {
	color:#111;
	text-decoration:none;
}
.bike-models a:hover {
	text-decoration:underline;
}
.end {
	margin-right:0px;
}
/* 
-----------------------------------------------------------------------------
Three Column Set up
-----------------------------------------------------------------------------*/
.three-col-row {
	clear:both;
}
.three-col-row .col {
	float:left;
	width:168px;
	background-color:#e1e1e1;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
}
.three-col-row .col .top {
	background-image:url(../images/backgrounds/3-col-top.png);
	height:5px;
}
.three-col-row .col .bottom {
	background-image:url(../images/backgrounds/3-col-bottom.png);
	height:5px;
}
.three-col-row .col:hover {
	background-color:#999;
}
.three-col-row .col:hover .top {
	background-image:url(../images/backgrounds/3-col-top-hover.png);
	height:5px;
}
.three-col-row .col:hover .bottom {
	background-image:url(../images/backgrounds/3-col-bottom-hover.png);
	height:5px;
}
.three-col-row .col img {
	margin:5px 10px;
}
.three-col-row .col a {
	text-decoration:none;
	letter-spacing:-0.5px;
	color:#333;
}
.three-col-row .col:hover a {
	color:#ffdd00;
}
.three-col-row .end {
	margin-right:0px;
}
.three-col-row h2 {
	font-size:12px;
	text-align:left;
	margin:0px 10px;
}
.three-col-row p {
	font-size:11px;
	text-align:left;
	margin:5px 10px 5px 10px;
}
/* 
-----------------------------------------------------------------------------
Four Column Set up
-----------------------------------------------------------------------------*/
.four-col-row {
	clear:both;
}
.four-col-row .col {
	float:left;
	width:122px;
	background-color:#e1e1e1;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
}
.four-col-row .col .top {
	background-image:url(../images/backgrounds/4-col-top.png);
	height:5px;
}
.four-col-row .col .bottom {
	background-image:url(../images/backgrounds/4-col-bottom.png);
	height:5px;
}
.four-col-row .col:hover {
	background-color:#999;
}
.four-col-row .col:hover .top {
	background-image:url(../images/backgrounds/4-col-top-hover.png);
	height:5px;
}
.four-col-row .col:hover .bottom {
	background-image:url(../images/backgrounds/4-col-bottom-hover.png);
	height:5px;
}
.four-col-row .col img {
	margin:5px 10px;
}
.four-col-row .col a {
	text-decoration:none;
	letter-spacing:-0.5px;
	color:#333;
}
.four-col-row .col:hover a {
	color:#ffdd00;
}
.four-col-row .end {
	margin-right:0px;
}
.four-col-row h2 {
	font-size:12px;
	text-align:left;
	margin:0px 10px;
}
.four-col-row p {
	font-size:11px;
	text-align:left;
	margin:5px 10px 5px 10px;
}
/* 
-----------------------------------------------------------------------------
List View
-----------------------------------------------------------------------------*/
.list-item {
	position:relative;
	width:536px;
	height:114px;
	margin-bottom:15px;
}
.list-item img {
	float:left;
	margin:0px 0px 5px 0px;
}
.list-item h2 {
	padding:0px;
	margin:0px 0px 0px 224px;
}
.list-item h2 a {
	font-size:13px;
	letter-spacing:-0.5px;
	color:#050505;
	text-decoration:none;
	font-weight:bold;
}
.list-item h2 a:hover {
	color:#0089cf;
}
.list-item .text {
	position:absolute;
	bottom:40px;
	left:214px;
	width:297px;
	height:41px;
	padding:5px 10px;
	background-image:url(../images/backgrounds/gallery-view-text.png);
	background-repeat:no-repeat;
	line-height: 1.2;
}
#content-mid .list-item p {
	padding:0px;
	margin:0px;
}
.list-item ul {
	padding-left:120px;
}
.list-item .buttons {
	position:absolute;
	bottom:10px;
	left:214px;
	width:199px;
}
.list-item .buttons .button {
	background:none;
	border:none;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
}
.list-item .buttons .button img {
	margin:0px;
}
.list-item .price {
	position:absolute;
	bottom:8px;
	right:10px;
	color:#0089cf;
	font-size:15px;
	letter-spacing:-1px;
	font-weight:bold;
}
.list-item .price span {
	color:#999;
	font-size:9px;
	letter-spacing:-0.5px;
}
.list-item .price .original-price {
	font-size:15px;
	letter-spacing:-1px;
	font-weight:bold;
}
.original-price {
	text-decoration: line-through;
}
/* 
-----------------------------------------------------------------------------
Categories
-----------------------------------------------------------------------------*/
.categories td {
	width:123px;
	height:123px;
}
.categories .category {
	border:1px solid #666;
	width:102px;
	height:102px;
	padding:5px;
	margin:6px;
}
.categories .category img {
	border:1px solid #666;
	width:100px;
	height:80px;
}
/* 
-----------------------------------------------------------------------------
Product
-----------------------------------------------------------------------------*/
#product {
	position:relative;
}
#product .image {
	position:absolute;
	top:0px;
	left:0px;
}
#product h1 {
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 6px 15px;
}
#product h2 {
	font-size:12px;
	margin-bottom:12px;
}
#product p {
	margin:8px 0px 5px;
}
#details {
	position:relative;
	margin-left:270px;
	width:268px;
	height:150px;
	margin-bottom:15px;
}
#details #short-desc-top {
	position:relative;
	background-image:url(../images/backgrounds/short-desc-top.png);
	height:2px;
	width:268px;
}
#details #short-desc-mid {
	position:relative;
	background-image:url(../images/backgrounds/short-desc-mid.png);
	background-repeat:repeat-y;
	width:238px;
	padding:3px 15px;
	height:52px;
}
#details #short-desc-mid p {
	padding:0px;
	margin:0px;
	font-size:10px;
	letter-spacing:-0.5px;
}
#details #short-desc-btm {
	position:relative;
	background-image:url(../images/backgrounds/short-desc-btm.png);
	height:2px;
	width:268px;
	margin-bottom:10px;
}
#details #buttons {
	position:absolute;
	bottom:30px;
	left:15px;
	width:267px;
}
#details #buttons img {
	margin:0px;
}
#details #buttons .button {
	float:left;
	border:none;
	background:none;
	margin:0px 5px 0px 0px;
	padding:0px;
}
#details #pricing {
	position:absolute;
	bottom:5px;
	left:0px;
	width:267px;
	height:20px;
	margin-left:15px;
}
#details #pricing #price {
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#0089cf;
}
#details #pricing #price .original-price {
	font-size:15px;
}
#details #pricing #price span {
	color:#999;
	font-size:9px;
	letter-spacing:-0.5px;
}
#details #pricing #callback {
	position:absolute;
	bottom:1px;
	right:25px;
}
#details #pricing #callback a {
	color:#005580;
	font-size:10px;
}
#details #pricing #callback a:hover {
	color:#0089cf;
}
#long-desc-top {
	position:relative;
	background-image:url(../images/backgrounds/long-desc-top.png);
	height:2px;
	width:538px;
	clear:both;
}
#long-desc-mid {
	position:relative;
	background-color:#f3f3f3;
	width:508px;
	padding:10px 15px;
}
#long-desc-mid ul,
#long-desc-mid ol {
	margin-left:10px;
}
#long-desc-mid li {
	margin-left:10px;
}
#long-desc-mid ol li {
	margin-left:40px;
}
#long-desc-btm {
	position:relative;
	background-image:url(../images/backgrounds/long-desc-btm.png);
	width:538px;
	height:2px;
}
.register ul {
	margin:0px;
	padding:0px;
}
.register li {
	list-style:none;
	clear:both;
}
.register label,
.register span {
	text-align:right;
	width:150px;
	float:left;
	padding:2px;
	margin:3px;
	color:#666;
}
.register p {
	padding:2px;
	margin:3px;
	color:#666;
	float:left;
	clear:none;
}
.register input, 
.register select, 
.register textarea {
	border:1px solid #999;
	padding:2px;
	margin:2px;
	float:left;
	color:#333;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size:11px;
}
.register select {
	width:auto;
}
.register select option {
	padding-right:10px;
}
.register .button {
	cursor:pointer;
	padding:2px 10px;
	margin:0px 0px 0px 162px;
	background-color:#F49D02;
	color:#FFF;
}
#content-mid .register .error {
	background-color:#FF6666;
	background-image:url(../images/login/error.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFF;
	border:1px solid #990000;
	float:left;
	padding:2px 2px 2px 18px;
	margin:2px 2px 2px 162px;
}
.register .nolabel input {
	margin-left:162px;
}
.register h2 {
	clear:both;
	padding-top:10px;
	margin-left:162px;
}
.register .checkbox label {
	width:200px;
	text-align:left;
}
.register .checkbox input {
	margin-left:162px;
}
.register .checkboxes label {
	text-align:left;
	width:auto;
}
/*
-----------------------------------------------------------------------------
Basket
-----------------------------------------------------------------------------*/
.basket {
	width:536px;
}
.basket th {
	padding:3px;
	background-color:#CCC;	
}
.basket td {
	padding: 3px;
}
.basket .inner td {
	padding: 0px;
}
.basket .price,
.basket .total {
	width:50px;
	text-align:right;
}
.basket .total {
	font-weight:bold;
}
.basket .update input {
	float:left;
}
.checkout-button {
	background-color:#FD0;
	cursor:pointer;
	padding:2px 10px;
	color:#222;
	border:1px solid #666;
}
/* 
-----------------------------------------------------------------------------
Checkout
-----------------------------------------------------------------------------*/
.checkout h2 {
	font-size:14px;
	letter-spacing:-0.5px;
	font-weight:normal;
	border-bottom:1px solid #666;
	margin:15px 0px;
	padding-bottom:5px;
	clear: both;
}
.checkout h3 {
	font-size:14px;
	letter-spacing:-0.5px;
	font-weight:normal;
	border-bottom:1px solid #666;
	margin:15px 0px;
	padding-bottom:5px;
}
.checkout ul {
	margin:0px;
	padding:0px;
}
.checkout li {
	list-style:none;
	clear:both;
}
.checkout label,
.checkout span {
	text-align:left;
	padding:2px ;
	margin:3px;
	color:#444;
}
.checkout .label {
	padding-top:5px;
}
#content-mid .checkout p {
	padding:2px;
	margin:3px;
	color:#666;
}
.checkout input, 
.checkout select, 
.checkout textarea {
	border:1px solid #999;
	padding:2px;
	margin:2px;
	color:#333;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size:11px;
}
.checkout .button {
	margin:10px 0px;
	background-image:url(../images/backgrounds/button.png);
	background-repeat:repeat-x;
	cursor:pointer;
	padding:2px 10px;
	color:#FFF;
}
.checkout select {
	width:120px;
}
#content-mid .checkout .error {
	background-color:#FF6666;
	color:#FFF;
	border:1px solid #990000;
	float:left;
	padding:2px;
	margin:0px 2px 15px 2px;
}
#content-mid .checkout ul .error {
	margin:2px;
}
.checkout .nolabel input {
	margin-left:162px;
}
.checkout .checkbox label {
	width:200px;
	text-align:left;
}
.checkout .checkbox input {
	margin-left:162px;
}
.checkout .checkboxes label {
	text-align:left;
	width:auto;
}
.checkout .location label {
	width:auto;
	text-align:left;
}
.checkout .location select {
	width:70px;
}
.checkout .hide {
	display:none;
	visibility:hidden;
}
.checkout .imagebutton {
	border:none;
	padding:0px;
}
#addaddress .label {
	font-weight:bold;
}
#addaddress ul {
	margin:0px;
	padding:0px;
}
#addaddress li {
	list-style:none;
	clear:both;
}
#addaddress label,
#addaddress span {
	text-align:right;
	width:150px;
	float:left;
	padding:2px;
	margin:3px;
	color:#666;
}
#addaddress p {
	padding:2px;
	margin:3px;
	color:#666;
	float:left;
	clear:none;
}
#addaddress input, 
#addaddress select, 
#addaddress textarea {
	border:1px solid #999;
	padding:2px;
	margin:2px;
	float:left;
	color:#333;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size:11px;
}
#addaddress select {
	width:auto;
}
#addaddress select option {
	padding-right:10px;
}
#addaddress .button {
	cursor:pointer;
	padding:2px 10px;
	margin:0px 0px 0px 162px;
	background-color:#F49D02;
	color:#FFF;
}
#addaddress .error {
	background-color:#F66;
	background-image:url(../images/login/error.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFF;
	border:1px solid #990000;
	float:left;
	padding:2px 2px 2px 18px;
	margin:2px 2px 2px 162px;
}
#addaddress .nolabel input {
	margin-left:162px;
}
#addaddress h2 {
	clear:both;
	padding-top:10px;
	margin-left:162px;
}
#addaddress .location label {
	width:auto;
	text-align:left;
}
#addaddress .location select {
	width:70px;
}
.small {
	float: left;
	font-size: 9px;
	padding: 5px;
	font-weight: normal;
}
/*
-----------------------------------------------------------------------------
Checkout
-----------------------------------------------------------------------------*/
.checkout-progress {
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 25px;
	margin: 10px 0px 15px 0px;
	font-size: 10px;
}
.checkout-progress .next {
	color: #666;
}
.checkout-progress-1 {
	background-image: url(../images/backgrounds/checkout-progress-1.png);
}
.checkout-progress-2 {
	background-image: url(../images/backgrounds/checkout-progress-2.png);
}
.checkout-progress-3 {
	background-image: url(../images/backgrounds/checkout-progress-3.png);
}
.checkout-progress-4 {
	background-image: url(../images/backgrounds/checkout-progress-4.png);
}
.checkout-progress-5 {
	background-image: url(../images/backgrounds/checkout-progress-5.png);
}
#your-details {
	position: absolute;
	left: 52px;
}
#delivery-address {
	position: absolute;
	left: 144px;
}
#billing-address {
	position: absolute;
	left: 252px;
}
#payment {
	position: absolute;
	left: 363px;
}
#complete {
	position: absolute;
	left: 460px;
}
.address {
	margin-bottom: 10px;
}
.address li {
	list-style: none;
}
.address input {
	margin-top: 5px;
}
.order-summary {
	border: 1px solid #e1e1e1;
}
.order-summary li {
	padding: 5px;
	list-style: none;
}
.grey {
	background-color: #f2f2f2;
}
/*
-----------------------------------------------------------------------------
Payment
-----------------------------------------------------------------------------*/
#loading {
	padding: 50px;
	text-align: center;
	font-size: 12px;
}
#loading img {
	margin: 50px 0px;
}
.text-button {
	border: none;
	background: none;
	border-bottom: 1px solid #0089CF;
	color:#0089CF;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
/*
-----------------------------------------------------------------------------
Customer Search
-----------------------------------------------------------------------------*/

.data td {
	border: 1px solid #CCC;
	border-width: 0px 0px 1px 1px;
	padding: 3px;
}
.data th {
	border: 1px solid #CCC;
	border-right: none;
	background-color: #e1e1e1;
	padding: 3px;
}
.data .end {
	border-right: 1px solid #CCC;
}
.data ul {
	margin: 0px;
	padding: 0px;
}
.data li {
	list-style: none;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
.data form {
	float: left;
	margin-right: 3px;
}
/*
-----------------------------------------------------------------------------
Choice Boxes
-----------------------------------------------------------------------------*/
.choice {
	position:relative;
	float:left;
	width:382px;
	margin:0px 0px 10px 154px;
}
.choice .choice-image {
	position:absolute;
	left:-154px;
	top:0px;
}
.choice .choice-top {
	position:relative;
	background-image:url(../images/backgrounds/choices-top.png);
	background-repeat:no-repeat;
	height:4px;
}
.choice .choice-summary {
	position:relative;
	background-image:url(../images/backgrounds/choice-summary.png);
	background-repeat:repeat-y;
	padding:5px 10px;
}
.choice .choicecontent,
.choice .choices {
	position:relative;
	background-image:url(../images/backgrounds/choices-content.png);
	background-repeat:repeat-y;
	padding:5px 10px;
}
.choice h2 {
	margin:0px;
	padding:0px;
	font-size:13px;
}
.choice .learnmore {
	position:absolute;
	top:5px;
	right:10px;
}
.choice .choice-summary p {
	width:240px;
}
#content-mid .choice p {
	padding:5px 0px;
	margin:0px;
	line-height:1.2;
	font-size:10px;
}
#content-mid .choice .info {
	padding-left: 30px;
}
.choicecontent h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
}
#content-mid .choice .choicecontent p {
	padding: 0px 0px 5px 0px;
}
.choice li {
	list-style:none;
	padding:5px 0px;
}
.choice label {
	padding-left:5px;
}
.choice label span {
	color:#666;
	font-size:10px;
}
.choice .choice-bottom {
	position:relative;
	background-image:url(../images/backgrounds/choices-bottom.png);
	background-repeat:no-repeat;
	height:4px;
}
.show {
	display:inline;
	visibility:visible;
}
.hide {
	display:none;
	visibility:hidden;
}
.choice-summary #price {
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#0089cf;
}
.choice-summary #price .vat {
	color:#999;
	font-size:9px;
	letter-spacing:-0.5px;
}
.choice-summary #callback {
	position:absolute;
	top:7px;
	right:25px;
}
.choice-summary #callback a {
	color:#005580;
	font-size:10px;
}
.choice-summary #callback a:hover {
	color:#0089cf;
}
.choices #buttons {
	height:26px;
}
.choices #buttons img {
	margin:0px;
}
.choices #buttons .button {
	float:left;
	border:none;
	background:none;
	margin:5px 5px 0px 0px;
	padding:0px;
}