@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	overflow-y: scroll;
}

body{
    background: url(../images/mainBG.jpg) repeat-x #fff top center ;
    margin: 0 0 0 0;
    text-align:center;
   	font-family: 'Carrois Gothic', sans-serif;
	font-size: 16px;
    color: #333;
	line-height: 20px;
	height: 100%;
}
img{    border: none;}

a {color:#069; text-decoration: none; font-weight:bold;}
a:hover {color:#333; }

h1{ font-size: 18px;	font-weight:bold;	line-height: 30px; }
h2{ font-size: 16px;  font-weight:600;line-height: 30px; }
h3{ font-size: 16px; font-weight:bold;}
h4 {font-size: 18px; 		margin:0; padding: 0; color: #333; font-weight: bold;}

hr{ background:#ccc; height: 1px; color: #ccc; border:none;}

.red{color:#8F002D; text-decoration:line-through;}
.clearboth{clear:both;}
.floatleft{ float: left;}
.floatright{ float: right;}
.spacer5{ clear: both; margin: 5px; height: 5px;}
.spacer10{ clear: both; margin: 10px; height: 10px;}
.spacer20{ clear: both; margin: 20px; height: 20px;}
.spacer30{ clear: both; margin: 30px; height: 30px;}
.padding5{ padding: 5px;}
.padding10{padding: 10px;}
.margin5{ margin:5px;}


.cellleft{ width: 210px;}
.cellright {width:745px;margin-left:10px;}
.cellrightHP {width:730px; }

.cellhalf{width: 48%;}
.cellthird{ width: 30%;}
.cell2third{ width: 70%;}

.ie7 #footer .footercontact .cellhalf {
	padding-top: 20px;
}


#container {
    width: 980px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: table;
}

#header{
    height:120px;
    padding-top: 0px;
	background:url(../images/mainnavshadow.png) bottom center no-repeat;
	margin-bottom: 50px;
}

.threefeaturedproducts{
	width: 323px;
	float:left;
	background: #fff;
	height: 103px;
	position:relative;
}

.ie7 .threefeaturedproducts {
	margin-left: 1px;
	margin-right: 2px;
}

#hybrid{
	background: url(../images/hybridbikes.jpg) no-repeat;
	margin: 6px 3px 6px 0px;

}

#competition {background: url(../images/competition.jpg) no-repeat;
	margin: 6px 3px 6px 2px ;}

#sports{
	background: url(../images/sportsbikes.jpg) no-repeat;
	margin: 6px 3px 6px 2px ;
}
#racing{
	background: url(../images/racingbikes.jpg) no-repeat;
	margin: 6px 0px 6px 2px
}



#content{
    padding: 0 5px;
    text-align: left;
	background: #ffffff;
	float: left;
	margin: 0;
	width: 980px;
}

.ie7 #content{
	padding-bottom: 20px;
}

#footer{
    width: 100%;
	min-width: 980px;
	display: table;
    background-image: linear-gradient(top, #333333 29%, #6D6D6D 100%);
	background-image: -o-linear-gradient(top, #333333 29%, #6D6D6D 100%);
	background-image: -moz-linear-gradient(top, #333333 29%, #6D6D6D 100%);
	background-image: -webkit-linear-gradient(top, #333333 29%, #6D6D6D 100%);
	background-image: -ms-linear-gradient(top, #333333 29%, #6D6D6D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D6D6D', endColorstr='#333333');
    min-height:498px;
    clear:both;
    overflow:visible;
	bottom:0;
	color: #fff;
	margin: 0 auto -498px;

}
#search{
	width: 430px;
	float:left;
	text-align: right;
	margin-top: 60px;
}

#currency{
	width: 110px;
	float:left;
	margin-top: 40px;
}
#currency p{
	font-size: 12px;
	color: #fff;
	text-align:left;
	margin:0;
}

#basket{
	width: 220px;
	margin: 50px 0 0 0;
	padding:0;
	color: #666;
	float:left;
	text-align:right;
}
#basket p{
	width: 120px;
	margin:0;
	padding:0;
	float: left;
}

#basketlinks{
	text-align: left;
	float: left;
	margin-top: 10px;
}
#basketlinks a{
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	}
#basketlinks img{
	float:left;
}
#logo{
	text-align:center;
	float:left;
	margin-top: 0;
	height: 120px;
}
	
.pageheading{font-size: 18px;	font-weight:bold;	line-height: 30px;}

/*********** TOP NAV  ***********/

#topnav{
    width:100%;
    font-weight: bold;
	height:30px;
	padding: 0;
	margin:0;
	clear:both;
}

#topnav ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
	text-align: right;
	float:right;
}

#topnav li{
    padding:0px 20px;
	font-size: 14px;
	display: block;
    position: relative;
    float: left;
	text-transform: uppercase;
}
#topnav li a{
	color: #fff;
}
#topnav li a:hover{
	color: #069;
}
#topnav li.arrow{
 	background: url(../images/smallarrow.gif) no-repeat 110px 8px;
}

.ie7 #topnav li.arrow ul {
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 999;
	margin: 5px 0 0 0;
}

.ie7 #topnav li.arrow ul li {
	width: 130px;
	float: left;
	padding: 5px;
	margin: -2px 0 0 0;
}

#topnav li ul {
   display: none; 
   width: 100%;

  }
#topnav li:hover ul, #topnav li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#topnav li:hover li, #topnav li.hover li {
   float: none;
   text-align: left;
      background: #fff;
	 
   padding:6px;}

#topnav li li a:hover {
   color: #ccc; 
}
#topnav li li a {
   color: #333; 
}

.register ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 14px 0 0 0;

}

.register li{
    padding:0 36px 0px 36px;
    display:block;
	text-transform: uppercase;
	text-align: left;
}

/*********** SUB NAV  ***********/

.catnav ul {
	font-size:16px;
	margin: 5px 0 0 0;
    padding: 0;
    border: none;
	list-style-type: none;
	width: 100%;
	
}

.catnav li a {
	list-style: none;
	font-weight: bold;
	background:#E5BF07;
   	background-image: linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -o-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -moz-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -webkit-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -ms-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAE601', endColorstr='#E5BF07');
	color:#996600;
	display:block;
	padding: 7px 7px 7px 20px;
	
}
.catnav li ul a{
	margin-left: 20px;
	background: none;
	font-weight: bold;
	color: #333;
	padding: 0;
	font-size: 15px;
		background:none;
	filter: none;
}
.catnav li ul a:hover{
	color: #069;
}
.catnav li ul li a{
	margin-left: 10px;
	background-image:none;
	font-weight: normal;
}




.listone ul{
    margin: 0;
    padding: 0;
    border: none;
	list-style-type: none;

}

.listone li{
    margin: 0;
    text-transform: capitalize;
	border-bottom: 1px solid #ccc;
	float:left;

}
.listone img{ 
	padding: 5px;
	background: #f1f1f1;
	margin: 10px;
}
.listone a {
    text-decoration: none;
}
.listone a:hover{
    color:#666;
}

.listtwo ul{
    margin: 0;
    padding: 0;
    border: none;
	list-style-type: none;

}

.listtwo li{
    margin: 0;
    text-transform: capitalize;
	float:left;

}
.listtwo img{ 
	padding: 5px;
	background: #f1f1f1;
	margin: 10px;
}
.listtwo a {
    text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	clear: both;
	width: 100%;
	min-height: 20px;
	display: block;

}
.listtwo a:hover{
    color:#666;
}

.spacerline{
	border-bottom: 1px dotted #ccc;
	height: 1px;
	clear:both;
}


/*********** RIGHTNAV LIST  ***********/

.greybox{
	width: 92%;
	border: 1px solid #ccc;
	padding:10px;
	text-align: left;
	background: #DFDFDF;
	margin-left: auto;
	margin-right: auto;
	display:table;
}

.greybox img{
	margin: 0 10px 0 0;
}
.greybox input[type=checkbox], .greybox label{
	display:inline;
	margin:10px 0 5px 5px;
	color: #666666;
}


ul#specialoffers {
	width: 230px;
	text-align: center;
	list-style-type: none;
	padding:0 0 0 5px;
}
#specialoffers li{
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
	
}

.categoriesheader{
	width:100%;
	font-size: 16px;
    font-weight: bold;
   background-image: linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -o-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -moz-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -webkit-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -ms-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAE601', endColorstr='#E5BF07');
	color:#996600;
	height:20px;
	padding: 10px 0;
	margin: 15px 0 0 0;

	text-align: center;
	text-transform: uppercase;
  }

.slide, .slide2, .slide3, .slide4{
	cursor: pointer;
}




/*********** FOOTER LIST  ***********/

.footerlist {
    width: 980px;
    margin-left:auto;
    margin-right:auto;
    color: #fff;
    text-align: left;
    padding:16px 10px 20px 10px;
	font-size: 14px;
}
.list {
    width:24%;
    float:left;
    margin:4px;
	min-height: 260px;
	}
	
.ie7 .list {
    width:28%;
}

.ie7 .ie7list {
	width: 20%;
}

.footerlist p{
	border-bottom: 2px solid #666;
    text-transform: uppercase;
    padding-bottom: 5px;
	font-size: 18px;
}
.footerlist  a {
    text-decoration: none;
    display:block;
    color: #fff;
    padding: 1px;
	font-weight: normal;
}

.footerlist a:hover {
	color: #CCC;
}

.footerlist  img{
    margin: 1px 1px 10px 0;
    padding-right: 5px;
    clear:both;
	
}

.footerlist  ul{
  	width: 100%;  /* room for 3 columns */
	margin: 0;
	padding: 0;
}
.footerlist  ul li{
  float: left;
  width: 50%;  /* accommodate the widest item */
  list-style-type: none;
}
.footerlist br{
  clear: left;
}

.footersep{
	border-top: 1px solid #333;
	border-bottom: 1px solid #999;
	width: 100%;
	height: 1px;
	clear:both;
	display:block;
}

.footercontact{
	 width: 980px;
    margin-left:auto;
    margin-right:auto;
    color: #fff;
    text-align: left;
	font-size: 18px;
	text-transform:uppercase;
}


.product-image{
	float:left;
	height: 131px;
	width: 180px;		
}

.product-image img{
	margin-left: auto;
	margin-right: auto;
	max-width: 160px;	
	max-height: 121px;		
}


.featuredproducttitle{
	width: 100%;
	height:48px;
	text-align: center;
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
}
.featuredproduct{
	float: left;
	width: 232px;
	margin: 5px;
	margin-top: 25px;
	height: 280px;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	position: relative;
}

.ie7 .featuredproduct{
	margin-top: 35px;
}

.featuredproductbox{
	border: 1px solid #ccc;
}

.featuredproduct img{
	margin-left: auto;
	margin-right: auto;
	max-width: 160px;	
	max-height: 120px;
}

.featuredproductprice{
	font-size: 16px;
	color: #666;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	height: 15px;
	clear:both;
}
.featuredproductdescription{
	font-size: 14px;
	font-weight: bold;
	color: #069;
	min-height: 40px;
}
.imgholder{height:130px;}
.featuredbutton {
    margin:0 5px 5px 0;
    text-decoration:none;
    display: inline-block;
    padding: 5px;
    text-transform:uppercase;
    color:#fff;
    cursor:pointer;
	border: none;
	background: #069;
	width: 99%;
}
.featuredbutton:hover {
    background: #999;
	color: #fff;
}

#brandimgholder {width:65px;
				 height:65px;
				 float:right; 
				 	 margin-right:50px;
				 text-align: center;
				 margin-bottom:10px;
				}

#brandimgholder img {height:75%;}


.mainproducttitle{
	width: 100%;
	height:28px;
	text-align: center;
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;

}
.mainproduct{
	float: left;
	width: 232px;
	margin: 5px;
	height: 300px;
	text-align: center;
	border-top: 1px dotted #ccc;
	position: relative;
	padding-top:20px;
}
.mainproductbox{
	border: 1px solid #ccc;
}


.mainproduct img{
	max-width: 220px;	
	max-height: 130px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.mainproductprice{
	font-size: 16px;
	color: #666;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	height: 15px;
	clear: both;
	margin: 0;
}
.mainproductdescription{
	font-size: 14px;
	font-weight: bold;
	color: #069;
	min-height: 40px;
	margin: 0;
}
.imgcontainer{
	width: 220px;	
	height: 130px;
		margin-left: auto;
	margin-right: auto;
	text-align:center;
}



.salespot{
	position: absolute;
	width: 62px;
	height: 62px;
	background: url(../images/salespot.png) no-repeat top center;
	right:0px;
	top:-30px;

}
.salespot p{
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin:0;
	padding: 10px;
	font-weight:bold;
}


.productaBG{
	background: #000;
	height: 22px;
	padding: 8px;
}

.productborder{
	border-bottom: 1px dotted #ccc;
	padding: 5px 15px;
	width: 200px;
	float:left;
	margin: 5px 6px;
	position: relative;
	height: 260px;
}

.productbordercol{
	border-right: 1px dotted #ccc;
	float:left;
	height:277px;
	margin: 0 0 0 0;
}

.productborder p{
	font-size: 24px; 
	font-weight: bold;
	margin:0;
	padding:15px 0;
	line-height: 26px;
	height: 50px;
}


.productimg{
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	z-index: 0;
	overflow:hidden; /* this is important */
	width: 180px;
	height:140px;
	clear: both;
	border:1px solid #fff;
}

.productimg img{
	margin:0 0 0 0;
	width: 70%;
	}
.productimg:hover{
	border: 1px dotted #ccc;
}


.shopnowimg{
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.column{
	width: 33%;
	border-right: 2px dashed #ccc;
	float:left;
}
.columnnoborder{
	width: 33%;
	border: none;
	float:left;
}

.breadcrumbs{
	width: 96%;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	padding: 5px 0;
	margin-top: 10px;
}
#paging{
	width: 96%;
	border-bottom: 1px dotted #ccc;
	clear:both;
	height:90px;
	margin-bottom:10px;
}
#paging ul{
	padding: 0 5px 20px 0;
	margin-top: 10px;
	list-style: none;
	text-align: center;
}

#paging li{
    padding:40px 20px 0px 20px;
	font-size: 17px;
	display: block;
    float: left;
	font-weight: bold;
}
#paging li.selected{
	background: url(../images/selected.png) no-repeat top center;
	text-align:center;
	color: #069;
}

.productimages{
	width: 100%;
	float:left;
	margin: 5px;
}
.productimages img{
	border: 1px solid #ccc;
}
.mainprodimg{
	width:90%;
	padding: 10px;
	text-align:center;
	
}
.mainprodimg:hover{
	padding: 9px;	
	border: 1px solid #990000;
}
.mainprodimg img{
	max-width:100%;
	max-height:400px;
}

.productdetails{
	width:420px;
	float:left;
}

.productprice{
	font-size: 30px;
	color:#6C001C;
	width: 35%;
	float:left;
	margin: 0;
	text-align:right;
}
.productcode{
	float:left;
	width: 65%;
	margin:0;
}
#quantity{
	float:left;
	font-size: 14px;
	width: 60%;
	margin: 0;
}
#quantity label{
	width: 40%;
	float:left;
}
#quantity br{
	clear:both;
}
#quantity select{
	width: 120px;
}
.buynow{
	float:right;
	width: 18%;
}
.button {
    margin:0 5px 5px 0;
    text-decoration:none;
    display: inline-block;
    padding: 5px;
    text-transform:uppercase;
    color:#960;
    cursor:pointer;
	border: none;

    background-image: linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -o-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -moz-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -webkit-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -ms-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAE601', endColorstr='#E5BF07');
}

.ie7 .button, .ie7 #search .button, .ie7 .formcontactusfooter .button, .ie7 .mailinglist .button, .ie7 #left-signin form .button, .ie7 #right-signin a .button, .ie7 #register, .ie7 #contact form .button {
	background: #E5BF07;
	padding: 3px 0;
}

.ie7 .mailinglist .button {
	padding: 9px 0;
}

.button:hover {
    background: #069;
    color: white;
}

.shopnowbutton {
	position:absolute;
    margin:0 5px 5px 0;
    text-decoration:none;
    background: url(../images/shopnowbtn.jpg) no-repeat 0px 0px;
	height:25px;
	width:118px;
    cursor:pointer;
	border: none;
    top: 70px;
	right: 7px;
	color: #960;
	text-transform: uppercase;
	padding:  5px 0 0 4px;
	text-align:left;
}

.shopnowbutton:hover {
     background: url(../images/shopnowbtn.jpg) no-repeat  0px -30px;
	color:#FFF;
}


.buttonredsmalltext {
    margin:0 2px 2px 0;
    text-decoration:none;
    display: inline-block;
    padding: 5px;
    text-transform:uppercase;
    color:#fff;
    cursor:pointer;
	border: none;
    background-image: linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -o-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -moz-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -webkit-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -ms-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAE601', endColorstr='#E5BF07');
	
	font-size: 14px;
}

.buttonredsmalltext:hover {
    background: #666;
    color: white;
}



.rightnav_greybox{
    width: 240px;
    border: 1px solid #ccc;
    text-align: left;
	margin:0;
	padding:0;
}

.rightnav_greybox p{
    font-size: 14px;
	padding: 10px;
    color: #fff;
    margin: 0;
    text-align: left;
	background-image: -moz-linear-gradient(100% 100% 90deg, #242424, #727272);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#727272));

}



/*********** FORMS  ***********/

#contact {
	float: left;
	margin: 0 10px;
}

.form1 {
	margin: 0;
	padding:0;
	width: 377px;
	
	font-size: 16px;
}
.form1 input[type=text], .form1 input[type=password] {
	width: 365px;
	height: 20px;
	margin: 2px 0;
	padding:6px;
	
	font-size: 16px;
	color: #666666;
	border: 2px solid #ccc;
	
}
.form1 select {
	width: 99%;
	height: 40px;
	margin: 2px;
	padding:6px;
	
	font-size: 16px;
	color: #666666;
	border: 2px solid #ccc;
	
}
.form1 textarea {
	
	font-size: 16px;
	color: #666666;
	width: 365px;
	height: 58px;
	margin: 2px 0;
	padding: 6px;
	border: 2px solid #ccc;
}
.form1 label{
	font-weight: bold;
	text-align: left;
	color: #666666;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	width:99%;
	
	font-size: 16px;
}

#email_address {
	display: none;
}

.mailinglist {
	width: 100%;
	margin: 0 0 10px 0;
}

.mailinglist input[type=text] {
	width: 371px;
	color: #666666;
}

.mailinglist input[type=submit] {
	margin: 0;
	color: #666666;
}

.formcontactusfooter {
	margin: 0 0 0 5px;
	padding:0;
	width: 250px;
	font-size: 16px;
}
.formcontactusfooter input[type=text], .formcontactusfooter input[type=password], .formcontactusfooter textarea {
	width: 238px;
	height: 20px;
	margin: 2px 0;
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	border: 2px solid #ccc;
	
}

.formcontactusfooter textarea {
	height: 58px;
}

.formcontactusfooter label{
	font-weight: bold;
	text-align: left;
	color: #666666;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	width:40%;
	font-size: 16px;
}



#header input[type=text] {
    border: 2px solid #0072AB;
    min-width:270px;
    margin:0 2px 0 30px;
	font-size:16px;
	text-transform: uppercase;
	color: #666666;
	padding: 1px 2px;
	float:left;
}

.smalltext input[type=text] {
	 border: 2px solid #ccc;
    margin:10px;
	font-size: 16px;
	width: 25px;
	color: #666666;
}
   
select {
    color: #666666;
    min-width: 50px;
   
}

#styled-select, .styled-select {
   width: 87px;
   height: 23px;
   margin: 0;
   padding: 0;
   border: none;
}

#styled-select select, .styled-select select {
   width: 104px;
   height: 23px;
   font-size: 12px;
   border: none;
   margin: 0;
   padding: 2px;
   color: #666666;
}

.ie7 #styled-select select, .styled-select select {
   width: 87px;
   height: 31px;
}

.styled-select-large{
   width: 107px;
   height: 33px;
   margin: 0;
   padding: 0;
   
}

.styled-select-large select{
   width: 134px;
   height: 33px;
   font-size: 14px;
   border: 1px solid #f1f1f1;
   margin: 0 0 0 5px;
   padding: 5px 2px;
}

.ie7 .styled-select-large select {
   width: 107px;
}

.contactform label{
    clear:both;
    margin-bottom: 10px;
}
.contactform input[type=text]{
    width: 90%;
    height: 20px;
	color: #666666;


}
.contactform textarea{
    Clear:both;
    font-size: 12px;
	color: #666666;
}

.formheading{
	font-size: 18px;
	padding:0 5px 20px 5px;
	font-weight: bold;
	margin:5px 0;
}
.formbgs{
	background: #eeeeee;
	float: left;
	margin: 10px;
	width: 45%;
	padding: 10px;
	border-bottom: 4px solid #666;
	border-right: 4px solid #666;
	display: table;
}

.form2 {
	margin: 0;
	padding:10px;
	text-align: left;
	width: 90%;
	
}
.form2 br {
	clear:both;
}
.form2 label {
	font-weight: bold;
	text-align: left;
	color: #666666;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	width:100%;
	font-size: 16px;
}
label.smalllabel {
	font-weight: bold;
	text-align: left;
	color: #666666;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	float:left;
	width:48%;
	
	font-size: 16px;
}
.form2 input.small {
	float:left;
	width:44%;
	margin: 0 5px 0 0;
	padding:6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	color: #666666;
}
.form2 input {
	width: 93%;
	margin: 0 5px 0 0;
	padding:6px;
	color: #666666;
	font-size: 16px;
	border: 2px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.form2 select {
	font-size: 16px;
	float:left;
	width:97%;
	color: #666666;
	border: 2px solid #ccc;
	margin: 0 5px 0 0;
	padding:6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.form2 textarea {
	clear:both;
	float:left;
	font-size: 16px;
	color: #666666;
	height:50px;
	width:550px;
	margin: 10px;
}

.form2 br{
	clear:both;
}

input[type=radio]{
	width: 20%;	
	float: left;
	display: block;
	height: 30px;
	color: #666666;
}
.form2 p > label 
{ 
	float: left; 
	width: 70%;
	display: block;
	height: 30px;
}

#comments2{
	display:none;
}

/*********** END OF FORMS  ***********/





.table-a {
    border-collapse: collapse;
    margin: 20px;
    text-align: left;
	font-size:14px;
}
.table-a th {
   	font-size: 18px;
    font-weight: bold;
    background-image: linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -o-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -moz-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -webkit-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	background-image: -ms-linear-gradient(top, #FAE601 29%, #E5BF07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAE601', endColorstr='#E5BF07');
    color:#960;
    padding: 8px;
	vertical-align: top;
}
.table-a td {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #333;
    padding: 8px;
	vertical-align:top;
}
.table-a td.dark {
    background-color: #151515;
	border: none;
	color: #fff;
	font-size: 16px;
}
.table-a td.aligncenter {
    text-align: center;
}
.table-a td.grey {
    background-color: #E8E8E8;
}
.table-a td.topborder {
	border-top: 4px solid #ccc;
	font-size: 16px;
}

.table-a tr {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.imgborder{
	border: 1px solid #ccc;
	margin: 2px;
}
.table-a a{
	text-decoration: underline;
}
.table-a a:hover{
	color:#603;
}
.table p{
	width: 50%;
	margin: 0;
	padding:0;
}
.strikethrough{
	background:url(../images/strikethrough.png) no-repeat center center;
	
}
/*.table-a tr:hover td {
    background: none repeat scroll 0 0 #F2F0E8;
    color: #666;
}
*/

#checkout ul{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	
}
#checkout ul li{
	margin: 0 0 0 10px;
	list-style-type: none;
}


#gmap {
	border: 1px solid #ccc; height:300px;
}



/************** category nav ******************/

.acc{
	font-size: 16px;
	margin:0;
	padding:0;
	width: 196px;
	list-style-type: none;
}
.acc a{
	font-weight: normal;
	text-transform: capitalize;
}
.acc a:hover{
	color:#6C001C;
}
.acc ul{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	
}
.acc ul li{
	margin: 0 0 0 10px;
}

.acc h5{
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	padding: 6px 0;
	margin: 0;
}

.ie7 .acc h5{
	width: 100%;
}

#popularsearchesBG{
	background-image: -moz-linear-gradient(100% 100% 90deg, #E1E1E1, #F9F9F9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% at100%, from(#E1E1E1), to(#F9F9F9));
	border: 1px solid #e1e1e1;
	padding: 10px;
	display:block;
}
#popularsearchesBG img{
	clear:both;
	text-align:left;
	padding: 0 0 10px 0;
}

#popularsearchesBG ul{
  width: 730px;  /* room for 3 columns */
	margin: 0;
	padding: 0;
}
#popularsearchesBG ul li{
  float: left;
  width: 115px;  /* accommodate the widest item */
  list-style-type: none;
}
#popularsearchesBG a{
	font-weight: normal;
}

/* stop the floating after the list */
#popularsearchesBG br{
  clear: left;
}

.imgalign {
	margin-top: 10px;
	margin-bottom: 0;
	 display: block;
    margin-left: auto;
    margin-right: auto;
}

.pricealign {
	margin-top: 10px;
	margin-bottom: 10px;
	 display: block;
    margin-left: auto;
    margin-right: auto;
	color: #6C001C;
	font-size: 16px;
	font-weight: bold;
	
}

.linkalign {
	margin-top: 5px;
	margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

/*Menu Arrow*/
.downarrow {
	height: 11px;
	width: 11px;
	background: url(../images/menuarrowfull2.jpg) no-repeat top left;
	float: left;
	margin: 13px 10px 0 0;
	
}

.uparrow, .uparrow1, .uparrow2, .uparrow3 {
	height: 11px;
	width: 11px;
	background: url(../images/menuarrowfull2.jpg) no-repeat top right;
	float: left;
	margin: 13px 10px 0 0;

}

.downarrow2 { /*Don't move this or it breaks the arrows change (no idea why), working on fixing this*/
    height: 11px;
	width: 11px;
	background: url(../images/menuarrowfull2.jpg) no-repeat top left;
	float: left;
	margin: 13px 10px 0 0;
}

#ourbrandsbutton{
	position:absolute;
	top:77px;
	left:100px;
	width: 135px;
	height: 25px;
	background: #999;
	border-radius: 0 0 5px 5px;
	text-align: center;	
	color: #fff;
}
#ourbrandsbutton a{
	color: #fff;
}

#ourbrandsbutton:hover{
	
	background:#7F0025;
	border-radius: 0 0 5px 5px;
}
.ourbrandstitle{
	background:url(../images/dottedline100.jpg) no-repeat 2px 7px;
	width: 100%;
	height:14px;
	text-align: center;
	color:#770021;
	text-transform: uppercase;
	font-weight: bold;

}

.imggallery{
	position: relative;
	background: url(../images/brandBG.jpg) no-repeat top center;
	height: 85px;
}
	
#reccommendeditems ul{
	margin:  0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	
}
#reccommendeditems li{
	margin: 0 5px;
	float:left;
	list-style-type: none;
	width: 160px;
	text-align:center;
	min-height: 450px;
}

/*******************	
sign up
*******************/


#left-signin{
	float: left;
	width: 450px;
	margin: 20px 0;
	background-color:#efefef;
	padding: 20px 10px 10px 20px;
}

#right-signin{
	float: left;
	width: 440px;
	margin: 20px 0 0 10px;
	padding: 10px;
	display:inline;
}	
	
	
#errormessage{
	background-color: #eee; 
	border: 1px solid #900; 
	padding: 20px; 
	color:#000;	
	width:400px;
}

#errormessage2{
	background-color: #eee; 
	border: 1px solid #900; 
	padding: 20px; 
	color:#000;	
	width:322px;
}

#tabs{
	float:left;
	width:930px;
	z-index:0;
}

#tabs a{
	font-size:12px;
}

#tabs th, #tabs td{
	font-size:14px;
	vertical-align: text-top;
	padding: 0 5px;
}

#tabs td {
	font-size: 12px;
}

/*
	Checkout stage 1
*/

#cart_stage ul{ 
	font-weight:bold;
	margin: 30px 0 30px 15px; 
	padding: 0;
}

#cart_stage ul li{
	background: #EBCB06; 
	display: inline; 
	padding: 10px 15px;
	color: #8C002B;
}

#cart_stage ul li.selected{
	background: #006699;
	color: #ffffff;
}

#order_note{
	width:96%;
	height:96px;	
}

.brands-banner{
	 max-width: 150px;
   max-height: 53px;
}

#sort{
	float: left;
	width: 200px;
	margin: 0 0 0 0;
}



#loading-payment{
	float:left;
	width:500px;
	height:200px;
	margin-left:200px;
	padding-top:100px;
	border: 1px solid #CCC;
	text-align:center;
}

.page-counter{
	float: right;
	width: 580px;
	margin: -35px 10px -10px 0;
	text-align:right;
	font-size: 14px;
}

.page-counter a{border: 1px solid #ccc; padding: 7px 10px; font-size: 14px; text-decoration:none; color:#666; margin: 0 3px;}
.page-counter a:hover{ text-decoration:none; color: #333;}
.page-counter .selected{ font-size: 16px; font-weight:bold; text-decoration:none; color: #069;border: 1px solid #069; padding: 6px 10px;  }

.filter-sub li{
	padding-left:10px;
}

#tabmenu { padding: 0; }
#tabmenu li { display: inline;  }
#tabmenu li a { background: #ccc; padding: 10px; float:left; border-right: 1px solid #fff; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
#tabmenu li.active a { background: #f1f1f1; }
.tabcontent {float: left; clear: both; border: 1px solid #ccc;  background: #fff; padding: 10px 20px 20px; width: 98%; min-height: 205px; }

.tabcontent ul li{ margin-left:-30px;}
#map {
    float:left;
    width:600px;
    height:400px;
    margin:20px 0 0 20px;
}

#map_hide { width:665px; 
            height:20px;
            background:#F9F9F9;
            color:#333;
            font-weight:bold;
            padding:4px 0px 2px 5px;
            margin: 20px 0 0px 30px;
            border:1px solid #CFCFCF;
			}
			
.product-desc-discount{font-weight:bold; text-align:right;}			
#product_rrp{font-size:16px;}
#forgot-password{float:right;}


.testimonials-img{
	float: left;
	width: 30px;
	height: 30px;
	margin:15px 10px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#paging li{
	    padding:40px 10px 0px 10px;
	}

	#topnav li.arrow{
		width: 110px;
		text-align: left;
		background-position: 120px 8px;
	}
}

/* Blog css */
.left-content,
.right-content {float:left;}

.left-content { width:750px;
				padding:5px;
				margin-right:10px;
				min-height:200px;
				overflow: hidden;}
.past-post a,
.left-content a {color:#1794DC;}

.left-content img {max-width:100%;
					height:auto;}

.right-content {width:200px;
				overflow: hidden;
				height:auto;}
				
div.comment{
    padding: 0 5px;
    text-align: left;
	color:#666;
	background-color: #F0F0F0;
	padding-left:1cm; 
	padding-right:1cm; 
	width:730px;
	margin-right:20px;
	clear:both;

}

.blog-img-heading {width:100%;
				   height:150px;
				   margin-top:20px;
				   overflow: hidden;}

.blog-img-heading img {width:100%;}

span.post-info {color:#333; 
				font-weight:bold;}

.blog-content h2 {text-decoration: underline;}

/** post seo tags **/
.post-tags {margin-bottom: 10px; clear:both;}
.post-tags a {  float:left;
				background: #d6d6d6; /* Old browsers */
				background: -moz-linear-gradient(45deg,  #d6d6d6 0%, #e8e8e8 50%, #d8d8d8 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d6d6d6), color-stop(50%,#e8e8e8), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(45deg,  #d6d6d6 0%,#e8e8e8 50%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(45deg,  #d6d6d6 0%,#e8e8e8 50%,#d8d8d8 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(45deg,  #d6d6d6 0%,#e8e8e8 50%,#d8d8d8 100%); /* IE10+ */
				background: linear-gradient(45deg,  #d6d6d6 0%,#e8e8e8 50%,#d8d8d8 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d8d8d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				color:#666;
				font-size: 14px;
				margin:5px 5px 10px 0;
				padding:3px 8px 3px 8px;
				border-radius: 2px;
				box-shadow: 0 0 3px #999; 
			 }

.post-tags a:hover {color:#333;}


/* Blog css right col */




h5 {font-weight:bold; 
	text-decoration: underline;}


.right-content  h3 {font-size:18px;}

.right-content h5 + p {font-size:4px; 
					   margin-bottom:5px;}

.right-col-text {font-size:14px; 
				float:left;
				 line-height: 16px;}

.right-col-text + a {font-size: 14px;
					 margin-bottom:5px;}

.right-col-text + a:hover {text-decoration: underline;}

.past-post {width:100%;
			min-height:100px;
			float:left;
			margin-bottom:20px;}

.past-post h5 a {font-size: 20px; color:#333;}			

.post-info {	font-size: 16px;}

.past-post .blog-img-heading { height:50px;
							margin:0;}

.author-details  {
   font-size: 16px;
   color:#333;
}


/* tag cloud */
.tag {
		float:left;
		background-color:#CCC;
		font-family: monospace;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		padding: 2px 4px;
		color:#333;
			
		-webkit-text-shadow: #999 1px 1px;
		-moz-text-shadow: #999 1px 1px; 
		-o-text-shadow: #999 1px 1px;
		text-shadow:  #999 1px 1px;

			
		-webkit-box-shadow: 0 0 10px  #333;;
		-moz-box-shadow: 0 0 10px  #333;;
		-o-box-shadow: 0 0 10px  #333;;
				box-shadow: 0 0 10px #333;

		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
		
		-webkit-transition: -webkit-transform 0.1s ease-in;
		-moz-transition: -moz-transform 0.1s ease-in;
		-o-transition: -o-transform 0.1s ease-in;
		transition: transform 0.1s ease-in;	
			}

.tag:hover {
		color:#333;
		background-color:#CCC;
	    z-index:10000;
		-webkit-box-shadow: 0 0 20px #999;
		-moz-box-shadow: 0 0 20px #999;
		-o-box-shadow: 0 0 20px #999;
		box-shadow: 0 0 10px #999; 
		-webkit-transform: rotate(2deg) scale(1.2);
		-moz-transform: rotate(2deg) scale(1.2);
		-o-transform: rotate(2deg) scale(1.2);
		transform: rotate(2deg) scale(1.2);
		}


.tag:nth-child(2n) {
		background-color:#333;
		font-size:14px;
		z-index:10000;
		color:#FFF;
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		transform: rotate(2deg);
		-webkit-text-shadow: none;
		-moz-text-shadow: none;
		-o-text-shadow: none;
		text-shadow:  none;


			}

.tag:nth-child(4n) {
	z-index:10000;
	background-color:#333;
	font-size:12px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	}

	.tag:nth-child(5n) {
			z-index:10000;
		background-color:#333;
		font-size:15px;
		color:#FFF;
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}


.tag:nth-child(2n):hover {
		z-index:10000;
	-webkit-transform: rotate(-3deg) scale(1.2);
	-moz-transform: rotate(-3deg) scale(1.2);
	-o-transform: rotate(-3deg) scale(1.2);
	transform: rotate(-3deg) scale(1.2);
}

.tag:nth-child(4n):hover {
		z-index:10000;
	-webkit-transform: rotate(3deg) scale(1.2);
	-moz-transform: rotate(3deg) scale(1.2);
	-o-transform: rotate(3deg) scale(1.2);
	transform: rotate(3deg) scale(1.2);
}

.tag:nth-child(5n):hover {
		z-index:10000;
	-webkit-transform: rotate(2deg) scale(1.2);
	-moz-transform: rotate(2deg) scale(1.2);
	-o-transform: rotate(2deg) scale(1.2);
	transform: rotate(2deg) scale(1.2);
}


.blog-content h2 a {font-size:32px; color:#333;}


.utube {float:left;
	margin: 5px 10px 5px 0;}

textarea.commentbox{ width:720px;
					height:100px;
					border-radius:3px;
					border:1px solid #ccc;}

input#name {padding:5px;
			border:1px solid #ccc;}

.form3{ background:#F0F0F0;
	    width:740px;
	    padding:10px;
}

.blog-text-image {margin:20px 5px 5px 5px;
	width:96%;
	float:left;
}

.blog-image-holder {
margin:20px 5px 5px 5px;
max-width: 100%;
float:left; 

}


.featured-square {

	width:314px;
	height:293px;
	float:left;
	border:1px solid #CCC;
	margin: 5px 5px 5px 5px;
	opacity: 1;
}

.featured-square:hover {opacity:0.7;}
.featured-square img {width:100%;}


#sortable .item{
	width: 314px;
	height: 293px;
	border:1px solid #CCC;
	background: #fff;
	margin: 5px 5px 5px 5px;
	display:block;
	float: left;
}

#sortable .item-long{
	width: 314px;
	height: 621px;
	border:1px solid #CCC;
	background: #fff;
	margin: 5px 5px 5px 5px;
	display:block;
}

.onecolbox{
	width: 314px;
	min-height: 293px;
	border:1px solid #CCC;
	background: #fff;
	margin: 5px 5px 5px 5px;
	display:block;
}

.addonecolbox {	
	width:314px;
	height:293px;
	border:1px solid #CCC;
	background:#990000;
	margin: 5px 5px 5px 5px;
	display:block;
	float:left;
	
	
	}

.box_image_placeholder{
	width: 309px;
	min-height: 209px;	
	max-height: 249px;		
	text-align: center;
}

.box_image_placeholder img{
	max-width: 309px;	
	clear:both;
}

.image_min{
	max-height: 209px;
}

.image_mid{
	max-height: 229px;
}

.image_full{
	max-height: 249px;
}

#sortable .item{
	width: 309px;
	height: 301px;
	border-top: 2px solid #333;
	background: #fff;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	margin: 2px;
	padding: 5px;
	display:block;
	float: left;
}

#sortable .item-long{
	width: 309px;
	height: 621px;
	border-top: 2px solid #333;
	background: #fff;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	margin: 2px;
	padding: 5px;
	display:block;
}


.addnewbox, .addonecolbox a {color:#FFF;
				 font-size:80px; 
				 line-height:70px;
				 text-align:right;}



.editbutton { float:right;
			  color:#333;
			  text-transform:capitalize;
			  font-size:14px; 
			  margin-right:10px;
			  text-decoration:underline;
			}