/****************************************************************************************************
  Customer website type 1 styles
 ****************************************************************************************************/
@charset "utf-8";

/****************************************************************************************************
  Base color definitions; these can be overriden through the interface (at least that's the plan)
 ****************************************************************************************************/

.pri-fg { color: #fff; }
.pri-bg { background-color: #4c1717; }
.sec-fg { color: #000; }
.sec-bg { background-color: #e4dacb; }
.side-fg { color: #000; }
.side-bg { background-color: #d6cabd; }
.foot-fg { color: #000; }
.foot-bg { background-color: #ccbdb0; }

.pri-bg a, .pri-bg a:visited, .pri-bg a:active, .pri-bg a:link { color: #fff; }
.foot-bg a, .foot-bg a:visited, .foot-bg a:active, .foot-bg a:link { color: #000; }

.side-border  { border: 1px solid #ccbdb0; }
.divider { margin-top: 10px; margin-bottom: 10px; height: 1px; width: 100%; border-bottom: 1px solid #999999; }

/****************************************************************************************************
  Tag overrides
 ****************************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-repeat: repeat;
	/*margin-top: 0;*/
	height: 100%;
}


form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.3em;
	margin-top: 0px;
	padding-top: 0px;
}

/****************************************************************************************************
  General styles
 ****************************************************************************************************/

.clear {
	clear: both;
}

/****************************************************************************************************
  Images
 ****************************************************************************************************/

.button-search {
	background-image: url(images/button-search.png);
	background-repeat: no-repeat;
}

.button-signin {
	background-image: url(images/button-signin.gif);
	background-repeat: no-repeat;
}

/****************************************************************************************************
  Base layout
 ****************************************************************************************************/

#page {
	width: 985px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-top: 10px;
	height: 100%;
}

#main-content {
	width: 685px;
	min-width: 685px;
	/*min-height: 200px;*/
	float: left;
	height: 100%;
	padding: 10px;
}
#main-content-noside {
	width: 600px;
	min-width: 685px;
	/*min-height: 200px;*/
	float: left;
	height: 100%;
	padding: 10px;
}
#sidebar {
	width: 260px;
	min-width: 260px;
	float: left;
	padding: 10px;
}
#class-list {
	height: 50px;
	width: 100%;
}

/****************************************************************************************************
  Header
 ****************************************************************************************************/

#header .logo {
	margin-left: 10px;
	background-image:url(images/logo-truck.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 124px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

#header .company-logo {
	display: table-cell;
	vertical-align: middle;
	width: 190px;
	height: 85px;
	line-height: 85px;
	text-align: center;
}

#header .contact {
	margin-right: 15px;
	padding-top: 10px;
	line-height: 1.5em;
	height: 119px;
	float: right;
}

.link-button a, .link-button a:hover, .link-button a:visited, .link-button a:active {
	text-decoration: none;
}

/****************************************************************************************************
  Search block
 ****************************************************************************************************/

#search {
	padding: 10px;
}

#search #keywords {
	border: 1px solid #421414;
	font-size: inherit;
	height: 20px;
	line-height: 20px;
	width: 185px;
}

#inline-search #search #keywords {
	width: 400px;
}

#inline-search #search .search-label {
	display: none;
}

/****************************************************************************************************
  Menu
 ****************************************************************************************************/

#menu2 {
	width: 290px;
	height: 185px;
	float: left;
	padding: 15px;
	padding-top: 10px;
}

#image {
	width: 665px;
	background-color: #fff;
	height: 205px;
	float: left;
}

#menu2 ul {
	margin: 5px;
	list-style: none;
	padding-left: 10px;
}

#menu2 ul li
{
	line-height: 2.2em;
}

#menu2 a, #menu a:visited {
	font-weight: bold;
	text-decoration: none;
}

#menu2 a:hover { text-decoration: underline; }

#menu2 .menu-left {
	width: 100px;
	float: left;
}

#menu2 .menu-right {
	width: 100px;
	float: left;
}

/****************************************************************************************************
  Footer
 ****************************************************************************************************/

#footer .links {
	padding-top: 5px;
	width: 100%;
	text-align: center;
}

#footer .company {
	padding: 5px;
	width: 100%;
	text-align: center;
}


/****************************************************************************************************
  Item listing tables
 ****************************************************************************************************/

#item-list table
{
	border-collapse: collapse;
}

#item-list table thead td {
	border: 0px solid #e4dacb;
}



/****************************************************************************************************
  Catalog Class List
 ****************************************************************************************************/

#class-list {
	text-align: center;
	height: 100%;
}

#class-list .block {
	float: left;
	text-align: center;
	width: 160px;
	height: 130px;
	margin: 5px;
}

#class-list .block .description {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
/****************************************************************************************************
  TagBrands 3 per row
 ****************************************************************************************************/

.brand-container {width: 100%; margin: 0 auto; clear: both; text-align: center;border-collapse: collapse;} 
.brand-third { float: left; width: 30%; }


/****************************************************************************************************
  Login
 ****************************************************************************************************/

#login {
	/*width: 240px;*/
	/*height: 200px;*/
	padding: 5px;
	padding-left: 10px;
	/*padding-top: 0px;*/
}

#login h3 { margin-top: 5px; }

#login .input {
	border: 1px solid #999999;
	line-height: 18px;
	height: 18px;
	/*font-size: 18px;*/
}

#login #submit-signin {
	color: #fff;
	margin-left: 5px;
	padding-left: 5px;
	width: 96px;
	height: 24px;
	float: left;
	padding-top: 4px;
	text-align: center;
}

/****************************************************************************************************
  News
 ****************************************************************************************************/
#news {
	margin: 5px;
}

/****************************************************************************************************
  Pager
 ****************************************************************************************************/

#pager {
}


.header {
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

/****************************************************************************************************
  Featured
 ****************************************************************************************************/

#featured {
	margin: 10px;
	width: 45%;
	float: left;
}

.button-wide {
	cursor: pointer;
	height: 24px;
	width: 156px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	background-image: url('images/button-wide.gif');
	background-repeat: no-repeat;
}


.button-narrow {
	cursor: pointer;
	height: 24px;
	width: 76px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	background-image: url('images/button-narrow.gif');
	background-repeat: no-repeat;
}

/****************************************************************************************************
  Social Icon Display
 ****************************************************************************************************/


#social {
	margin: 10px;
	width: 45%;
	float: left;
}

/****************************************************************************************************
  Sidebar Dropdown Minus Plus
 ****************************************************************************************************/

#jQ-menu ul {
	list-style-type: none;
		padding-left: 2px;
}

#jQ-menu a, #jQ-menu li {
	color: black;
	text-decoration: none;
	padding-bottom: 0px;
}



#contact-block {
	width: 320px;
	float: left;
	margin: 10px;
}

#contact-block img { margin-right: 10px; }
#contact-block div { margin-bottom: 4px; }
#contact-block .name { font-size: 1.2em; font-weight: bold; }
#contact-block .title { font-style: italic; font-weight: bold; }
#contact-block .bio { text-align: justify; }