/*RESET ALL ELEMENTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,sub,sup,fieldset,form,label,legend,th,ul,ol,li{
    font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;
    text-align: left;vertical-align: baseline;margin:0;padding:0;border:0;
}

a img,:link img,:visited img{
    border:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}

q:before,q:after,blockquote:before,blockquote:after{
    content:"";
}

a:link, a:visited{
	color:#72c5ff;
}

a:hover{
	color:#FFF;
}

/*GENERAL SETTINGS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body{
	text-align:center;
	margin:0;
	font: 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/*color: #37302a;*/
	color: #999;
	font: normal 100%/1.4 sans-serif;
	background: #0c0809 url(../m/background.png) repeat-x center top;
}

h1#pagetitle{
    display:block;width:88%;
    background-color:transparent;color:#FFF;
    /*font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size:34px;line-height:38px;*/
    font:italic 36px/48px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-align:left;
	margin:0 auto 20px auto;padding:30px 0 20px 0;
	border-bottom:5px solid #262730;
}

/*DIV CLEAR~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clearfix:after {
    content:".";
    display:block;clear:both;visibility:hidden;
    height:0;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*RESPONSIVE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (min-width: 800px) and (max-width: 1280px) {


}




@media screen and (max-width: 2000px) {


}


div.wrapper{
	width:93%;
	max-width:1240px;
	min-width:980px;
	margin:0 auto 0 auto;
	padding:0;
}

/*HEADER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#header{
	
}

a#logo:link, a#logo:visited{
	max-width:342px;
	display:block;
	float:left;
	width:33%;
	margin-top:42px;

}

a#logo img{
	width:100%;
}

@media screen and (max-width: 1024px) {
	a#logo img{
		margin-left:10px;
	}
}

div#headerMiddle{
	width:28%;
	float:left;
	text-align:center;
	margin-left:70px;
}

@media screen and (max-width: 1310px) {

	div#headerMiddle{
		width:25%;
		margin-left:30px;
	}
}

div#social{
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top:30px;
}

div#social span{
	display:inline-block;
	
}

div#social a{
	width:32px;
	display:inline-block;
	margin:-10px 0 0 5px;
	vertical-align: top;
}

div#search form{
	text-align:center;
	padding:12px 0 0 0;
	margin:0;
}

div#search form input#inputSearch{
	max-width:264px;
	width:90%;
	border-radius:3px;
	border:none;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	height:29px;
	padding:0 0 0 30px;
	background: #FFF url(../m/search.png) no-repeat 4px center;
	vertical-align: middle;
}

@media screen and (max-width: 1330px) {
	div#search form input#inputSearch{
		max-width:180px;
	}
}

input#searchBtn{
	vertical-align: middle;
	margin:0 0 0 -20px;
	height:29px;
}


div#headerRight{
	float:right;
	width:36%;
	text-align:right;
}

/*TOP NAVIGATION~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


ul#topNavigation{
	display:block;
	text-align:right;
	margin:15px 0 0 0;
	padding:0;
}

ul#topNavigation li{
	display:inline-block;
	margin:0 0 0 7px;
	padding:0 0 0 7px;
	border-left:1px solid #CCC;
	list-style:none;
}

@media screen and (max-width: 1330px) {
	ul#topNavigation li{
	display:inline-block;
	margin:0 0 0 4px;
	padding:0 0 0 4px;
	border-left:1px solid #CCC;
	list-style:none;
}
}

ul#topNavigation li#start{
	border-left:0px solid #CCC;
}

ul#topNavigation li a:link, ul#topNavigation li a:visited{
	font: 14px/14px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration:none;
	margin:0;
	padding:0;
	vertical-align:middle;
}

ul#topNavigation li a:hover{
	text-decoration:underline;
}

div#telephone{
	font-family: 'Roboto', sans-serif;
	font-size:30.4px;
	color: #FFF;	
	text-align:right;
	margin:20px 0 0 0;
	padding:0;
}

div#telephone span{
	color:#ffd800;
}

/*BASKET~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#basket{
	font: 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:15px 0 0 0;
	padding:0;	
}

.basketHighlight{
	color:#ffd800;
}

/*MAIN NAVIGATION~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mainNavigation{
	min-height:41px;
	background: #CCC url(../m/main-nav.gif) repeat center top;
	margin-top:15px;
}



/*MEGA MENU~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.megamenu {
	list-style:none;
	padding:0;
	position:relative; /* For IE7 */
	margin:0;
	font: 14px/1 "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.megamenu > li {
	float:left;
	margin:0;
	border:none;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
	background: url(../m/nav-seperator.gif) no-repeat left top;
}
	
.megamenu > li > a {
	font-size:14px;
	outline:0;
	text-decoration:none;
	display:block;
	padding:14px 21px 9px 21px;
	color:#000;
	line-height: 18px;	
}

@media screen and (max-width: 1400px) {
	.megamenu > li > a {
		font-size:14px;
		padding:14px 20px 9px 20px;
	}
}



@media screen and (max-width: 1350px) {
	.megamenu > li > a {
		font-size:14px;
		padding:14px 19px 9px 19px;
	}
}

@media screen and (max-width: 1300px) {
	.megamenu > li > a {
		font-size:14px;
		padding:14px 15px 9px 15px;
	}
}

@media screen and (max-width: 1200px) {
	.megamenu > li > a {
		font-size:14px;
		padding:14px 8px 9px 8px;
	}
}
		
		
.megamenu > li > a:hover{
	background: url(../m/nav-item-hover.png) repeat-x center top;
	color:#FFF;			
}
		
		
.megamenu > li .megamenu_drop {
	padding-right:30px;
}

.megamenu li.megamenu_button {
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

/* Right aligned menu item */
		
.megamenu li.megamenu_right {
	float:right;
	margin-right:-1px;
}

.megamenu li.megamenu_right a {
	margin-right:5px;
}

		

/*MEGA MENU CONTAINERS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0 0 0 1px;
	padding-top:24px;
	padding-bottom:10px;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background-color:#5d5d5d;
}
.megamenu li .dropdown_first {
	margin-left:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top:45px;
	left:auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:41px;
	left:0;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:45px;
	left:auto;
	right:0;
}


/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.megamenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.megamenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.megamenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.megamenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.megamenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.megamenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.megamenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.megamenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.megamenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.megamenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}

/*MENU ITEMS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.menuHeading{
	font: 36px/40px 'Roboto', Arial, Helvetica, sans-serif;
	color: #ffd800;
	margin:0 0 30px 0;
}

div.itemMenu{
	margin:0 auto 12px auto;
	width:93%;
	padding:20px 20px 0px 20px;
	background: #272727 url(../m/main-background.jpg) repeat-x center center;
	border:1px solid #666;
}

div.itemMenu ul{
	margin:0;
	padding:0;
}

div.itemMenu ul li{
	float:left;
	display:block;
	width:33%;
	margin:0 0 30px 0;
}

div.itemMenu ul li a:link, div.itemMenu ul li a:visited{
	color:#9c9c9c;
	font: 15px/18px  Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
}

div.itemMenu ul li a span{
	width:85%;
	float:right;
	display:block;
	margin:14px 0 0 0;
}

@media screen and (max-width: 1340px) {
	div.itemMenu ul li a:link, div.itemMenu ul li a:visited{
		font: 18px/1.3 Arial, Helvetica, sans-serif;
	}
}

div.itemMenu ul li a:hover{
	color:#FFF;
}

div.itemMenu ul li a img{
	vertical-align:middle;
	width:12%;
	border:1px solid #000;
	float:left;
}

/*FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#footerContainer{
	background: #000 url(../m/footer-back.png) repeat-x center top;
	padding:40px 0 30px 0;
}

div#footerContainer, 
div#footerContainer a:link, 
div#footerContainer a:visited{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;	
	text-decoration:none;
}

div#footerContainer a:hover{
	text-decoration:underline;
}

div#footerInfo{	
	
}

div.footerList{
	display:inline-block;
	vertical-align:top;
	width:22%;
	padding-right:30px;
}

@media screen and (max-width: 1340px) {
div.footerList{
	display:inline-block;
	vertical-align:top;
	width:22%;
	padding-right:10px;
}
}


div.footerList h5{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

div.footerList p{
	margin:0 0 5px 0;
	color:#999;	
	font: 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}



div.footerList ul{
	margin:0 0 0 0;
	padding:0;
}

div.footerList ul li{
	list-style:none;
	margin:0 0 5px 0;
}


div#footerEnd{
	border-top:1px solid #1f1f1f;
	padding:20px 0 0 0;
	margin-top:20px;
}

div#copyright{
	width:50%;
	float:left;
	text-align:left;
}

div#blackpoppy{
	width:50%;
	float:right;
	text-align:right;
}





/*FEATURE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#backgroundOne{
	clear:both;
	background: url(../m/banner-background.jpg) repeat-x fixed center top;

}

div#container{
	margin:0 auto 0 auto;
	max-width:1325px;
	width:94%;
}


/*GENERAL PANEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div.generalPanel{
	padding:24px 0 10px 0;
	border:1px solid #353130;
	background-color:#1c1817;
}


/*COLUMN LEFT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#columnLeft{
	max-width:314px;
	display:inline-block;
	min-height:200px;
	margin:20px 0 20px 0;
	vertical-align:top;
	width:26%;
	float:left;
}



div#columnRight{
	max-width:902px;
	width:73%;
	display:inline-block;
	min-height:200px;
	margin:20px 0 20px 0;
	vertical-align:top;
	float:right;
	padding-bottom:20px;
}

@media screen and (max-width: 1340px) {
	div#columnRight{
		width:72%;
	}
}

/*HOME CATS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h2.home{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:30.4px;
	color: #FFF;	
	margin:0 0 0 24px;
	padding:0;
	
}

ul#toplevelcats{
	margin:0 0 0 16px;
	padding:0;
	display:block;
	width:97%;
}

ul#toplevelcats li{
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin:7px 0 7px 0;
}

@media screen and (max-width: 1340px) {
	ul#toplevelcats li{
		margin:17px 0 17px 5px;
		width:24%
	}
}

ul#toplevelcats li a{
	display:block;
	border-radius:10px;
}

ul#toplevelcats li a:link, ul#toplevelcats li a:visited{
	text-decoration:none;
	color:#FFF;
	padding:10px;
	border:1px solid #1c1817;
}

ul#toplevelcats li a:hover{
	background-color:#100d0d;
	border:1px solid #353130;
}

ul#toplevelcats li a img{
	width:36%;
	display:block;
	margin:0 0 0 0;
	border:1px solid #000;
	display:block;
	float:left;
	max-width:100px;
	border-radius:5px;
}

@media screen and (max-width: 1340px) {
	ul#toplevelcats li a img{
		width:30%;
	}
}

ul#toplevelcats li a div.categoryListHeading{
	font: 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffb400;
	margin:0 0 5px 0;
	display:block;
	float:right;
	width:60%;
}

@media screen and (max-width: 1340px) {
	ul#toplevelcats li a div.categoryListHeading{
		font: 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin:0 0 2px 0;
		width:66%;
	}
}

ul#toplevelcats li a p{
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #c6c5c5;
	display:block;
	float:right;	
	width:60%
}

@media screen and (max-width: 1340px) {
	ul#toplevelcats li a p{	
		width:66%;
		font: 12px/14px Arial, Helvetica, sans-serif;
	}
}


div#contentAreaContainer{
	min-height:600px;
	clear:both;
}

/*LATEST PRODUCTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#latestProductsPanel{
	min-height:308px;
}

@media screen and (max-width: 1340px) {
	div#latestProductsPanel{
		min-height:inherit;
	}
}

ul#latestProducts{
	margin:0 0 0 16px;
	padding:0;
	display:block;
	width:97%;
}

ul#latestProducts li{
	display:inline-block;
	vertical-align:top;
	width:32.5%;
	margin:7px 0 7px 0;
}

@media screen and (max-width: 1340px) {
	ul#latestProducts li{
		margin:17px 0 17px 5px;
		width:30%
	}
}

ul#latestProducts li a{
	display:block;
	border-radius:10px;
}

ul#latestProducts li a:link, ul#latestProducts li a:visited{
	text-decoration:none;
	color:#FFF;
	padding:10px;
	border:1px solid #1c1817;
}

ul#latestProducts li a:hover{
	background-color:#100d0d;
	border:1px solid #353130;
}

ul#latestProducts li a img{
	width:36%;
	display:block;
	margin:0 0 0 0;
	border:1px solid #000;
	display:block;
	float:left;
	max-width:100px;
	border-radius:5px;
}

@media screen and (max-width: 1340px) {
	ul#latestProducts li a img{
		width:30%;
	}
}

ul#latestProducts li a div.productListHeading{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0 0 5px 0;
	display:block;
	float:right;
	width:60%;
}

@media screen and (max-width: 1340px) {
	ul#latestProducts li a div.productListHeading{
		font: 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin:0 0 2px 0;
		width:66%;
	}
}

ul#latestProducts li a p.price{
	font: 20px/24px Arial, Helvetica, sans-serif;
	color: #ffb400;
	display:block;
	float:right;	
	width:60%
}

@media screen and (max-width: 1340px) {
	ul#latestProducts li a p.price{	
		width:66%;
		font: 16px/18px Arial, Helvetica, sans-serif;
	}
}



/*BENTLLERY ADVERT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a#dccUkLondon{
	background: url(../m/bentley-background.jpg) no-repeat center center;
	border:1px solid #292525;
	display:block;
	text-decoration:none;
	min-height:340px;
	margin-bottom:20px;
}

@media screen and (max-width: 1340px) {
	a#dccUkLondon{
		min-height:inherit;
		padding-bottom:10px;
	}
}

a#dccUkLondon div#bentleyHeading{
	color:#FFF;
	text-align:center;
	font: 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}

a#dccUkLondon img#showCar{
	display:block;
	width:90%;
	max-width:265px;
	margin:20px auto 0 auto;
}

a#dccUkLondon img#dcccUKlogo{
	display:block;
	width:90%;
	max-width:258px;
	margin:10px auto 0 auto;
}


/*EBAY ADVERT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a#ebay{
	display:block;
	text-decoration:none;
}

a#ebay div#ebayHeading{
	color:#bab9b9;
	text-align:center;
	font: 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 23px 0;
}

a#ebay img#ebayLogo{
	display:block;
	width:90%;
	max-width:234px;
	margin:0 auto 0 auto;
}

a#ebay div#ebayText{
	color:#bab9b9;
	text-align:center;
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:30px 0 15px 0;
}

/*CAR IMAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#imageHeading{
	color:#bab9b9;
	text-align:center;
	font: 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 23px 0;
}

img#imageImage{
	display:block;
	width:90%;
	max-width:234px;
	margin:10px auto 0 auto;
}

div#imageText{
	color:#bab9b9;
	text-align:center;
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:30px 0 15px 0;
}

/*HOME ABOUT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#homeAbout{
	
}

div#homeAbout div#aboutTxt{
	float:left;
	width:59%;
}

div#homeAbout div#aboutTxt p{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #cdcccc;
	margin:20px 0 5px 26px;
}

@media screen and (max-width: 1100px) {
	div#homeAbout div#aboutTxt p{
		font: 13px/16px Arial, Helvetica, sans-serif;
		margin:20px 0 15px 26px;
	}
}

div#aboutImages{
	float:left;
	width:38%;
	height:100px;
	text-align:right;

}

a#hawke:link, a#hawke:visited{
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0;
	width:100%;
	max-width:290px;
	float:right;

}

@media screen and (max-width: 1100px) {
	a#hawke:link, a#hawke:visited{
		margin:0 -30px 30px 0;
	}
}

a#hawke img{
	float:left;
	width:68px;
	margin-right:10px;

}

a#hawke p{
	float:left;
	width:60%;
	font: 18px/24px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:6px 0 0 0;

}

a#hawke p span{
	display:block;
	font: 24px/26px Arial, Helvetica, sans-serif;
}

/*HOME SLIDES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.slide{
	margin-top:10px;
}

div.slide img{
	max-width:317px;
	width:100%;
}

@media screen and (max-width: 1100px) {
	div.slide img{
	max-width:250px;
	width:100%;
}

div.slide{
	margin-top:0px;
}

}


/*BREADCRUMBS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div#bread{
	background: #111532 url(../m/bread-crumbs-panel.jpg) no-repeat center center;
	border-top:1px solid #40455f;
	border-left:1px solid #40455f;
	border-right:1px solid #40455f;
	padding:14px 0 14px 0;
}

div#bread p{
	font: 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0 0 0 20px;	
}

div#bread p a:link, div#bread p a:visited{
	color:#ffb600;
	text-decoration:none;
}


/*CONTENT PANEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#contentPanel{
	border:1px solid #40455f;
	background: url(../m/content-panel-shade.png) repeat;
	padding-bottom:40px;
}


/*GRID LISTING~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#gridListing{
	width:88%;
	margin:0 auto 0 auto;
	text-align:left;
}

div#gridListing p{
	color: #CCC;	
	text-align:left;
	margin-bottom:10px;
	line-height:20px;
}

div#gridListing a{
	display:inline-block;
	width:140px;
	padding:20px 15px 10px 15px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	margin:0 13px 5px 13px;
	color:#a4a4a4;
	font: 17px/21px  Arial, Helvetica, sans-serif;
	border-radius:10px;
	border:1px solid transparent;
}

div#gridListing a:hover{
	background-color:#100d0d;
	border:1px solid #353130;
}

div#gridListing a img{
	width:100px;
	height:100px;
	margin:0 auto 10px auto;
	border-radius:5px;
	border:2px solid #6a6a6a;
	display:block;
	background: #333;
}

div#gridListing a p.price{
	text-align:center;
	font: 20px/24px Arial, Helvetica, sans-serif;
	color: #ffb400;
	margin-top:5px;
}


/*BASKET~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table#itemlist{
	width:100%;
	border-right:1px solid #6d6c6c;
	border-top:1px solid #6d6c6c;
	color:#999;
	margin:30px 0 30px 0;
}

table#itemlist tr td{
	background: url(../m/content-panel-shade.png);
	border-left:1px solid #6d6c6c;
	border-bottom:1px solid #6d6c6c;
	text-align:right;
	padding:10px;
}

table#itemlist tr.itemlistheader td{
	background-color:#3c3c3f;
}

table#itemlist tr.itemlistheader td{
	text-align:center;
}

p#alert{
	width:86%;
	margin:0 auto 20px auto;
	color:#FFFFFF;
	display:inline-block;
	background-color:#3b7598;
	padding:15px 10px;
	border-radius:5px;
	font: 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.basketBtns{
	margin:20px auto 20px auto;
	text-align:right;
	width:88%;
}

table#itemlist tr td a.productDetails{
	text-align:left;	
}

a.productDetails:link, a.productDetails:visited{
	color:#FFF;
}

table#itemlist tr td.productDetailsColumn{
	text-align:left;
}



/*CHECKOUT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.checkout{
	width:88%;
	margin:0 auto 0 auto;
	text-align:left;
}

div.checkout p{
	text-align:left;
	color:#FFF;
	font: 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
}

div#proceed{
	font: 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 20px 0;
	color:#FFF;
}

input.updatebox{
	font: 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:6px 0 5px 0;
	border-radius:4px;
	border:0;
	text-align:center;
	vertical-align:top;
	margin:0 5px 0 0;
}

/*INFORMATION PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#infoPages{
	width:88%;
	margin:0 auto 0 auto;
	text-align:left;
}


div#infoPages h2{
	font: normal 24px/28px 'Roboto', Arial, Helvetica, sans-serif;
	color: #ffb600;
	margin:20px 0 5px 0;
}

div#infoPages p{
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	margin:0 0 10px 0;
}

/*BUTTONS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a.largeBtn:link, a.largeBtn:visited{
	display:inline-block;
	width:178px;
	background: url(../m/btn-a.gif) repeat-x center top;
	border-radius:3px;
	border:1px solid #FFF;
	height:17px;
	padding:15px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	color:#333333;
	margin:0;
	font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.largeBtn:hover{
	background: url(../m/btn-a.gif) repeat-x center bottom;
}

a.btncheckout:link, a.btncheckout:visited{
	color:#FF0000;
}

a.smallBtn:link, a.smallBtn:visited{
	font: 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block;
	width:56px;
	background: url(../m/btn-a.gif) repeat-x center top;
	border-radius:3px;
	border:1px solid #FFF;
	height:22px;
	padding-top:11px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	color:#333333;
	margin:0;
}

a.btnDelete:link, a.btnDelete:visited{
	color:#FF0000;
}


a.smallBtn:hover{
	background: url(../m/btn-a.gif) repeat-x center bottom;
}

input.smallInput{
	font: 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block;
	width:58px;
	background: url(../m/btn-a.gif) repeat-x center top;
	border-radius:3px;
	border:1px solid #FFF;
	height:33px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	color:#333333;
	margin:0;
	cursor:pointer;
}

input.smallInput:hover{
	background: url(../m/btn-a.gif) repeat-x center bottom;
}

input.largeInput{
	font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline-block;
	width:208px;
	background: url(../m/btn-a.gif) repeat-x center top;
	border-radius:3px;
	border:1px solid #FFF;
	height:49px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	color:#333333;
	margin:0;
	cursor:pointer;
}

input.largeInput:hover{
	background: url(../m/btn-a.gif) repeat-x center bottom;
}


input.colorOne{
	color:#F00;
}

div.continue{
	margin:10px 0 10px 0;
}

/*SHOP CATEGORIES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#leftCategories{
	border: 1px solid #40455f;
	background: url(../m/content-panel-shade.png) repeat;
	margin-bottom:20px;
}

div#leftCategories h2{
	background: #111532 url(../m/bread-crumbs-panel.jpg) no-repeat center left;
	padding: 14px 0 14px 20px;	
	font: 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0;
}

div#leftCategories ul{
	display:block;
	margin:;
	padding:0;
}

div#leftCategories ul li{
	display:block;
	margin:;
	padding:0;
	list-style:none;
}

div#leftCategories ul li a:link,
div#leftCategories ul li a:visited{
	display:block;
	text-decoration:none;
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 20px 10px 20px;
	border-top:1px solid #40455f;
}

div#leftCategories ul li a:hover{
	background-color:#000000;
}


@media screen and (max-width: 1200px) {
	div#leftCategories ul li a:link,
	div#leftCategories ul li a:visited{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
}
/*HOME PROMOTIONAL BANNER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#homePromoBanner{
	background: url(../m/banner-background.jpg) center top;
	clear:both;
	max-height:400px;
	margin-top:20px;
	overflow:hidden;
}

a.homePromotions{
	display:block;
	text-decoration:none;
	color:#FFF;
	margin:0;padding:0;
	max-height:400px;
	overflow:hidden;
}


a.homePromotions div.hPromoTxt{
	width:47%;
	float:left;
	margin:40px 0 0 20px;
}

a.homePromotions div.hPromoImg{
	width:50%;
	float:right;
}

a.homePromotions div.hPromoImg{
	
}

a.homePromotions div.hPromoImg img{
	max-width:615px;
	display:block;
	width:100%;
}


a.homePromotions div.hPromoTxt h1,
a.homePromotions div.hPromoTxt h2{
	font: 48px/56px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffb400;	
	margin:0 0 20px 0;
}

a.homePromotions div.hPromoTxt p{
	font: 30px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;	
	margin:0 0 10px 0;
}

@media screen and (max-width: 1230px) {
	a.homePromotions div.hPromoTxt h1,
	a.homePromotions div.hPromoTxt h2{
	font: 40px/44px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 20px 20px;
	}

	a.homePromotions div.hPromoTxt p{
	font: 26px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0 0 10px 20px;
	}
}


/*HOME PROMOTIONAL BANNER UPGRADES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#promoUpgrades{
	position:relative;
}

div#promoUpgrades img{
	width:100%;
	display:block;
}

div#upgradesOptions{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

div#upgradesOptions h2{
	font: 48px/56px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffb400;	
	margin:40px 0 10px 20px;
}

div#upgradesOptions p{
	font: 30px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;	
	margin:0 0 20px 20px;
}


@media screen and (max-width: 1230px) {
	div#upgradesOptions h2{
		font: 40px/44px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin:20px 0 10px 10px;
		}
		
	div#upgradesOptions p{
		font: 26px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;	
		margin:0 0 20px 10px;
	}
}


div#upgradeOptions{
	clear:both;
}

div#upgradeOptions a{
	display:inline-block;
	width:30%;
	border:2px solid #ffb400;
	border-radius:10px;
	background: url(../m/content-panel-shade.png);
	text-decoration:none;
	margin:20px 15px 0 15px;
	vertical-align:top;
}

div#upgradeOptions a div{
	padding:20px;
}

div#promoUpgrades div#upgradeOptions a img{
	display:block;
	max-width:134px;
	float:left;
	border:2px solid #FFF;
	width:39%;
	border-radius:5px;
}

div#upgradeOptions a p{
	font: 21px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	display:block;
	float:right;
	width:53%;
}

div#upgradeOptions a p:hover{
	color:#ffb400;
}

div#upgradeOptions a p.moreInformation{
	font: 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffb400;
}

@media screen and (max-width: 1400px) {
	div#upgradeOptions a{
	margin:0 10px 0 10px;
}

div#upgradeOptions a div{
	padding:15px;
}

div#promoUpgrades div#upgradeOptions a img{

}

div#upgradeOptions a p{
	font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#upgradeOptions a p:hover{
	
}

div#upgradeOptions a p.moreInformation{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

}