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

body{
margin:0;
padding:0 0 1em 0;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
background:url(../images/site-elements/mainBg.jpg) top center repeat-x #1d2122;
}

ul, li{
margin:0;
padding:0;
}
.clear {
clear:both;
font-size:0;
height:1px;
line-height:0;
margin:0;
overflow:hidden;
padding:0;
}
#wrapper{
width:942px;
height:auto;
overflow:hidden;
margin:0 auto 0 auto;
padding:2.5em 0 0 0;
overflow:hidden;
}
h1{
color:#1d2122;
border:0;
font-size:2em;
margin:0;
padding:0 0 0.1em 0;
overflow:hidden;
}
h3{
color:#000;
font-size:.8em;
font-weight:bold;
margin:0 0 .6em 0;
padding:0 0 .2em 0;
border-bottom:#fff 1px solid;
}

h3{
color:#000;
font-size:.8em;
font-weight:bold;
margin:0 0 .6em 0;
padding:0 0 .2em 0;
border-bottom:#fff 1px solid;
}
h4{
color:#930;
background-color:#fff;
padding:.2em .5em .2em .5em;
font-size:.75em;
}
h5{
padding:.2em .5em .2em .5em;
border:#930 1px solid;
}
h5, h6{
color:#fff;
font-size:.8em;
}

hr {
	color:#ccc;
}

p{
color:#000;
font-size:.875em;
line-height:1.3em;
font-weight:normal;
margin:0 0 2em 0;
}
a, a:visited{
color:#F2932F;
font-weight:bold;
text-decoration:none;
padding:0;
outline:none;
}
a:hover{
color:#F2932F;
text-decoration:underline;
outline:none;
}
#wrapper #search{
width:942px;
height:243px;
margin:0;
padding:0;
float:left;
position:relative;
background:url(../images/site-elements/searchBg.png) top center no-repeat;
_background:url(../images/site-elements/searchBg.gif) top center no-repeat;
}
#wrapper #search .logo{
width:440px;
float:left;
position:relative;
margin:0;
padding:3.55em 0 0 1.4em;
}
#wrapper #search .searchForm{
width:420px;
float:right;
position:relative;
margin:0;
padding:3.55em 0 0 .7em;
}
#wrapper #search .searchForm form{
width:360px;
margin:0;
padding:.2em 0 0 0;
}
#wrapper #search .searchForm form label{
width:60px;
float:left;
margin:0;
padding:.3em 1.5em .3em 0;
text-align:right;
color:#fff;
font-size:1em;
font-weight:bold;
}
#wrapper #search .searchForm form .formFieldBg{
padding:.29em;
background-color:#fff;
display:inline-block;
margin:0 0 .3em 0;
display:block;
float:left;
}
#wrapper #search .searchForm form input, #wrapper #search .searchForm form select{
border:#fff 1px solid;
}
#wrapper #search .searchForm form input.formField{
padding:0;
font-size:1em;
font-weight:bold;
color:#000;
width:257px;
margin:0;
}
#wrapper #search .searchForm form select.brandField{
padding:0;
font-size:1em;
color:#000;
width:259px;
font-weight:bold;
margin:0;
}
#wrapper #search .searchForm form select.sizeField{
padding:0;
font-size:1em;
color:#000;
font-weight:bold;
width:120px;
margin:0;
display:block;
float:left;
}

#wrapper #search .searchForm form input.searchButton{
padding:0;
display:block;
margin:0 0 8px 0;
font-size:1em;
color:#fff;
width:134px;
background:url(../images/site-elements/searchButton.jpg) left repeat-x;
border:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
cursor:pointer;
height:26px;
text-align:center;
padding-top:8px;
font-weight:bold;
float:right;
}
#wrapper #mainContent{
width:920px;
height:auto;
margin:0;
padding:0 0 0 .7em;
float:left;
position:relative;
overflow:hidden;
}
#wrapper #mainContent .leftColumn{
width:755px;
float:left;
position:relative;
margin:0;
padding:10px 0 0 0;
background:url(../images/site-elements/leftColTop.jpg) top left no-repeat #fff;
}
#wrapper #mainContent .leftColumn .colFoot{
width:755px;
height:10px;
background:url(../images/site-elements/leftColFoot.jpg) bottom left no-repeat;
margin:0;
padding:0;
}
#wrapper #mainContent .rightColumn{
width:150px;
height:auto;
float:right;
position:relative;
margin:0;
padding:0px 0 0 0;

}
#wrapper #mainContent .rightColumn .adsContainer{
background:url(../images/site-elements/rightColTop.jpg) top left no-repeat #fff;
width:140px;
margin:0;
padding:0 5px 0 5px;
}
#wrapper #mainContent .rightColumn .colFoot{
width:150px;
height:10px;
background:url(../images/site-elements/rightColFoot.jpg) bottom left no-repeat;
margin:0;
padding:0;
}
#wrapper #mainContent .leftColumn .listingWrap{
width:720px;
float:left;
position:relative;
margin:0;
padding:1em 0 0 1.3em;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox{
width:170px;
height:220px;
float:left;
position:relative;
margin:0 .5em .5em 0;
padding:1em 0 0 0;
border:#ccc 1px solid;
background:url(../images/site-elements/listingBoxBottom.jpg) bottom left repeat-x;
text-align:center;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox .image {
width:170px;
height:80px;
overflow:hidden;
display:block;
text-align:center;
margin:0;
padding-bottom:2px;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox .image img{
width:auto;
height:auto;
}
#wrapper #mainContent .leftColumn .listingWrap h2{
color:#1d2122;
font-size:1.4em;
border-bottom:1px solid #F2932F;
margin:0;
padding:0 0 1px 0;
margin-bottom:4px;
overflow:hidden;
}
#wrapper #mainContent .leftColumn .listingWrap h2 a:hover{
	color:#1D2122;
	text-decoration:none;
}
#wrapper #mainContent .leftColumn .listingWrap h2 .number{
color:#f2932f;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox h2{
font-size:1em;
border-bottom:#d6d6d6 1px solid;
color:#666f6d;
padding:1em 0 .2em 0;
width:140px;
line-height:1em;
margin:0 auto 0 auto;
font-weight:200;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox h2 a{
font-size:1em;
color:#666f6d;
padding:1.5em 0 .8em 0;
width:140px;
line-height:1em;
margin:0 auto 0 auto;
font-weight:bold;
text-decoration:none;
}
#wrapper #mainContent .leftColumn .listingWrap .listingBox h3{
color:#f2932f;
font-weight:600;
font-size:1.6em;
padding:.4em 0 0 0;
}
#wrapper #mainContent .leftColumn .paging{
width:720px;
float:left;
position:relative;
margin:0 0 .3em 0;
padding:.5em 0 0 0;
text-align:right;
border-left:1.3em #fff solid;
background:url(../images/site-elements/pagingBg.jpg) bottom left repeat-x;
}
.nextButton, .nextButton a:visited{
	color:#fff;
display:block;
float:right;
position:relative;
width:105px;
padding:.3em 0 .3em 0;
background:url(../images/site-elements/nextButtonBg.jpg) left repeat-x;
text-align:center;
border:#343839 1px solid;
text-decoration:none;
font-size:1em;
font-weight:200;
}
.nextButton:hover{
background:url(../images/site-elements/nextButtonBgHover.jpg) left repeat-x;
}
.previousButton, .previousButton a:visited{
color:#fff;
width:105px;
background:url(../images/site-elements/previousBtnBg.jpg) left repeat-x;
padding:.3em 0 .3em 0;
text-align:center;
border:#f2932f 1px solid;
display:block;
float:left;
position:relative;
text-decoration:none;
font-size:1em;
font-weight:200;
}
.previousButton:hover{
background:url(../images/site-elements/previousBtnBgHover.jpg) left repeat-x;
}


#wrapper #footer{
float:right;
text-align:right;
font-size:0.8em;
color:#fff;
font-weight:bold;
margin:0;
padding-top:5px;
padding-right:30px;
position:relative;
width:942px;
}


#wrapper #footer a{
text-decoration:none;
color:#F2932F;
font-weight:bold;
}

#wrapper #footer a:hover{
text-decoration:none;
color:#FFF;
font-weight:bold;
}


.tags {
	color:#1d2122;
border:0;
font-size:1.2em;
margin:0;
padding:0 0 .5em 0;
}

.tags a {
color:#F2932F;
}


#randProduct {
	height:120px;
		color:#1d2122;
	text-align:center;

}

#randProduct #imageHolder {
	width:75px;
	height:75px;
	overflow:hidden;
}


#randProduct #imageHolder img {
	width:auto;
	height:auto;
}

#randProduct a {
color:#F2932F;
}

#wrapper #mainContent .leftColumn #footerLinks{
width:680px;
float:left;
position:relative;
margin:20px 0 .3em 0;
padding:.10px;
border-left:1.3em #fff solid;
background-color:#eeeeee;
font-size:0.7em;
}


#wrapper #mainContent .leftColumn #footerLinks a{
	color:#000;
font-weight:bold;
}


#wrapper #mainContent .leftColumn #footerLinks .keyword a {
color:#F2932F;
  }



  ol
  {
    width: 720px;
  }

  ol li
  {
	
    float: left;
	list-style-type: none;
    width: 225px;
  }



	#brandHolder {
				background:transparent url(/media/images/site-elements/listingBoxBottom.jpg) repeat-x scroll left bottom;
				width:700px;
				height:300px;
				float:left;
			}
			.brand {
				float:left;
				width:300px;
				padding:10px;
			}
			.brandLogo {
				float:left;
				width:120px;
			}
			.brandInfo {
				float:left;
				width:180px;
				margin-top:20px;
			}
			.brandInfo span {
				color:#F2932F;
			}



.sidepanel{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}

.sidepanel li{
border-bottom: 0px solid white;
}

.sidepanel li a{
background: #333 no-repeat right top; 
font: bold 16px Trebuchet MS,Arial,Helvetica,sans-serif;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}

.sidepanel li a:visited, .sidepanel li a:active{
color: white;
}

.sidepanel li a:hover{
background-color: black;
color: white;
border-bottom: 1px solid black; 
}


#blog_intro {
		background-color:#eee;
		border:1px solid #ccc;
		padding:10px;
		text-align:center;
	}
	.blogListing {
	}
	.socialMediaRight {
		float:right;
		padding:10px;
		margin-right:10px;
		width:80px;
	}
	
	.blog-post-details {
		font-size:0.8em;
		font-weight:bold;
	}
	
	.right {
		float:right;
	}