/* GLOBAL */

body {
	margin: 20px;
	font-size: 62.8%;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #E4E2DD; 
	color: #8E8C8A;
	}	

#clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

#sizeFix {
	float: left;
	height: 600px;
	width: 5px;
	}
		
ul#menuItems a {
	color: #8E8C8A;
	}
	
ul#menuItems a:hover {
	color: #43403C;
	}
	
a {
	border: none;
	text-decoration: none;
	color: #43403C;
	}
	
a img  {
	border: none;
	}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0;
	padding: 6px 0 0 0;
	font-size-adjust: none;
	}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #43403C;
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	color: #43403C;
	}

h6 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #43403C;
	}

.black {
	color: #43403C;
	}
	
.blackBold {
	color: #43403C;
	font-weight: bold;
	}
	
.red {
	color: #CC0000;
	}
	
#containerSizer {
	margin: 20px auto;
	padding:50px;
	width: 800px;
	background-color: #FFFFFF;
	}
	
input {
	font-size: 1.0em;
	}
	

/* STRUCTURE */

#container {
	margin: 20px auto;
	padding:50px 50px 30px 50px;
	width: 800px;
	background-color: #FFFFFF;
	}

#mainNavigation { /* for details refer to navigation.css */
	display: none;
	}
	
#content {
	float: right;
	width: 640px;
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 0;
	}
	


/* DROP DOWN LISTS & PRODUCT LIST HEADER */

select {
	font-size: 1.1em;
	color: #8E8C8A;
	border: 1px solid #D9D9D8;
	padding: 1px;
	margin: 0;
	}

#productListHeader {
	width: 628px;
	margin: 35px 0 15px 0;
	padding: 5px;
	text-align: left;
	border: 1px dotted #D9D9D8;
	}
	
#pageNumber {
	float: right;
	width: 628px;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
	border: 1px dotted #D9D9D8;
	}

form#displayOption {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	}

form#displayOptionRight {
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
	}

#installationsList {
	margin: 0;
	padding: 0;
	width: auto;
	float: right;
	text-align: right;
	}

#installationsListDrop {
	width: 195px;
	}		

.pageNumberDisplay {
	float: left;
	margin: 0;
	padding: 3px 10px 0 0;
	}
	
#pageNumberNav {
	float: left;
	padding: 0;
	margin: 0;
	
	}

#pageNumberLabel {
	float: left;
	padding: 4px 10px 0 0;
	text-transform: uppercase;
	margin: 0;
	}
	
#searchFilter {
	float: right;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: right;	
	}

#searchFilter li {	
	display: inline;
	list-style: none;
	}

#displayOptionLabel {
	margin: 0 0 0 5px;
	padding: 0;
	}	
	
#displayOptionDrop {
	margin: 0;
	}

/* MAIN PAGE */

#mainFlash {
	width: 640px;
	height: 240px;
	margin: 0;
	padding: 0 0 20px 0;
	}
	
#bannerWrapper {
	width: 640px;
	padding: 0 0 10px 0;
	}

#smallBannerLeft, #smallBannerRight {
	float: left;
	width: 315px;
	}
	
#smallBannerLeft {
	margin: 0 10px 10px 0;
	}
	
#smallBannerRight {
	margin: 0 0 10px 0;
	}

#newsWrapper {
	clear: both; 
	width: 640px;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #D9D9D8;
	}

#newsHeader {
	float: left;
	width: 105px;
	height: 105px;
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	background-image: url(../images/newsHeader.jpg);
	background-repeat: no-repeat;
	}

#newsContentColumn {
	float: right;
	width: 515px;
	margin: 0;
	padding: 0 0 20px 0;
	}

#newsContentColumn img {
	float: left;
	width: 200px;
	height: 150px;
	border: 1px solid #D9D9D8;
	}
	
#newsContent {
	float: right;
	width: 295px;
	}


/* BREADCRUMBS */

#breadcrumbs {
	height: 75px;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 2.1em;
	text-transform: uppercase;
	text-align: right;
	}
	
#breadcrumbs ol {
	margin: 0;
	padding: 0;
	}

#breadcrumbs ol li {
	list-style: none;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
#breadcrumbs ol li.root a {
	color: #43403C;
	}
	
#breadcrumbs ol li.root a:hover {
	border-bottom: 1px dotted #43403C;
	}

#breadcrumbs ol li.level0 a {
	color: #696663;
	}
	
#breadcrumbs ol li.level0 a:hover {
	border-bottom: 1px dotted #696663;
	}

#breadcrumbs ol li.level1 a {
	color: #8E8C8A;
	}
	
#breadcrumbs ol li.level1 a:hover {
	border-bottom: 1px dotted #8E8C8A;
	}
	
#breadcrumbs ol li.level2 a {
	color: #B4B3B1;
	}
	
#breadcrumbs ol li.level2 a:hover {
	border-bottom: 1px dotted #B4B3B;
	}
	
#breadcrumbs ol li.level3 a {
	color: #D9D9D8;
	}
	
#breadcrumbs ol li.level3 a:hover {
	border-bottom: 1px dotted #D9D9D8;
	}
	



/* BRANDS */

#brandInfo {
	width: 640px;
	margin: 35px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #D9D9D8;
	}
	
#brandInfoText {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
	}
	
#brandLogo img {
	float: right;
	margin: 0;
	}

#brandInfoText h3 {
	margin: 0;
	padding: 0;
	}
	
#brandInfoText a {
	padding: 10px 0 0 0;
	}











/* THUMBNAILS */

#products {
	width: 640px;
	margin: 0;
	padding: 0;
	}

#thumbWrapper {
	float: left;
	width: 202px;
	margin: 0;
	padding: 0 17px 20px 0;
	}
	
#thumbWrapperThree {
	float: left;
	width: 202px;
	margin: 0;
	padding: 0 0 20px 0;
	}
		
.thumb {
	text-align: center;
	width: 200px;
	height: 150px;
	margin:0;
	padding: 0;
	border: 1px solid #D9D9D8;
	background-image: url(../images/pattern04.gif);
	}

.thumb img {
	width: 200px;
	height: 150px;
	}

#thumbDescription {
	width: 191px;
	margin: 0;
	padding: 10px 0 5px 10px;
	border-left: 1px solid #D9D9D8;
	}
	
h6#productNameSmall  {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	}
	
p#productBrandSmall  {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}




/* PRODUCT DETAIL */

#slideShow {
	width: 640px;
	margin: 0;
	padding: 0 0 10px 0;
	}

#productDetail {
	width: 628px;
	margin: 0;
	padding: 10px 5px;
	border: 1px dotted #D9D9D8;
	background-color: #FFFFFF;
	}
	
#detail {
	float: left;
	width: 388px;
	margin: 0;
	padding: 15px 30px 15px 15px;
	border-right: 1px dotted #D9D9D8;
	}
	
#pageFunction {
	float: right;
	width: 139px;
	margin: 0;
	padding: 15px 25px 15px 30px;
	}

h3.productName {
	margin: 0;
	padding: 0 0 15px 0;
	}

p.productDescription {
	margin: 0;
	padding: 0;
	}
	
img.divider {
	padding: 0;
	margin: 3px 0 0 0;
	}

form#installations {
	width: 139px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #D9D9D8;
	}

select#installationsDrop {
	width: 139px;
	border: 1px solid #D9D9D8;
	}

p#download {
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.6em;
	color: #43403C;
	}

#downloadList {
	margin: 0;
	padding: 0 0 10px 0;
	}

#downloadList li {
	list-style: none;
	line-height: 1.6em;
	}

ul#functions {
	width: 139px;
	margin: 0;
	padding: 0;
	}

#functions li {
	display: block;
	width: 139px;
	margin: 0;
	padding: 8px 0;
	border-top: 1px dotted #D9D9D8;
	list-style: none;
	text-indent: 25px;
	}
	
li#email {
	background-image: url(../images/icon_email.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}
	
li#print {
	background-image: url(../images/icon_print.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}

li#infolist {
	background-image: url(../images/icon_infolist.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}

	
	
/* THUMBNAIL HEADINGS */	
	
#thumbsHeader {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 639px;
	border-top: 1px dotted #D9D9D8;
	border-bottom: 1px dotted #D9D9D8;
	border-left: 1px dotted #D9D9D8;
	}
	
h2#thumbsHeading {
	margin: 0;
	padding: 11px 0 11px 20px;
	text-transform: none;
	}
	
	
/* LOGIN FORM */

h6#login  {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 15px 0;
	}

#loginEmail {
	width: 194px;
	background-color: #ECECEB;
	border: none;
	padding: 3px 2px;
	margin: 1px 0 8px 0;
	}
	
#loginPass {
	width: 194px;
	background-color: #ECECEB;
	border: none;
	padding: 3px 2px;
	margin: 1px 0 8px 0;
	}
	
#lostPass {
	margin: 12px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px dotted #D9D9D8;
	}
	
#loginButton {
	padding-bottom: 10px;
	}	

#requestPassword, #LoginForm {
	padding: 0 0 10px 0;
	}

/* INFOLIST */

#infolistWrapper {
	float: right;
	width: 370px;
	padding: 35px 0 20px 0;
	}
	
h6#emptyList  {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	}

#personalInfo {
	float: left;
	width: 198px;
	padding: 10px 10px 0 10px;
	margin: 35px 0 0 0;
	border: 1px dotted #D9D9D8;
	}
	
#personalInfo p {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	}
	
#personalInfo .blackBold {
	padding: 7px 0 0 0;
	margin: 0;
	}
	
#personalInfo .personalInfoHeader {
	margin: 0 0 5px 0;
	padding: 5px 0 15px 0;
	border-bottom: 1px dotted #D9D9D8;
	color: #7C7A77;
	}
	
#personalInfo .personalInfoFooter {
	margin: 13px 0 0 0;
	padding: 15px 0 15px 0;
	border-top: 1px dotted #D9D9D8;
	background-image: url(../images/icon_edit_left.gif);
	background-position: center left;
	background-repeat: no-repeat;
	text-indent: 22px;
	}
	
form#myInfolist {
	margin: 0;
	padding: 0;
	width: 370px;
	}

.infolistInfo p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	}
	
.infolistThumb {
	float: left;
	width: 100px;
	height: 75px;
	padding: 0;
	margin: 0;
	border: 1px solid #D9D9D8;
	}

.infolistThumb img {
	width: 100px;
	height: 75px;
	}
	
.infolistInfo {
	float: left;
	width: 225px;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
.checkBox {
	float: right;
	width: 20px;
	text-align: right;
	}
	
#infolistItem {
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px dotted #D9D9D8;
	}
	
#infolistItemLast {
	padding: 15px 0;
	margin: 0;
	}

#deleteButton {
	margin: 0 0 0 11px;
	}

li#infolistDelete a, li#infolistPrint a, li#infolistEmail a {
	color: #B6B8C1;
	}
	
li#infolistSubmit a {
	color: #FFFFFF;
	}
	
li#infolistDelete a:hover, li#infolistPrint a:hover, li#infolistEmail a:hover {
	color: #868998;
	}
	
li#infolistSubmit:hover {
	color: #FFFFFF;
	background-color: #868998;
	}
	
.remarks {
	display: none;
	}

#infolistFunctions {
	padding: 15px 0 0 0;
	}


/* INFOLIST EMAIL FORM */

#emailInfolist {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #D9D9D8;
	}

p#emailInfolistHeader {
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #D9D9D8;
	line-height: 1.3em;
	}

input.infolistFormSmall {
	width: 176px;
	background-color: #ECECEB;
	border: none;
	padding: 3px 2px;
	margin: 0;
	}
	
input.infolistFormLarge {
	width: 366px;
	background-color: #ECECEB;
	border: none;
	padding: 3px 2px;
	margin: 0;
	}
	
.infolistFormMessage {
	width: 366px;
	background-color: #ECECEB;
	border: none;
	padding: 3px 2px;
	}
	
#infolistLeft {
	float: left;
	width: 180px;
	padding: 0 0 6px 0;
	margin: 0;
	}
	
#infolistRight {
	float: right;
	width: 180px;
	padding: 0 0 6px 0;
	margin: 0;
	}
	
#infolistEmail {
	width: 370px;
	padding: 0 0 6px 0;
	margin: 0;
	}

#infolistMessage {
	width: 370px;
	padding: 0 0 6px 0;
	margin: 0;
	}

.infolistFormSmall, .infolistFormLarge, .infolistFormMessage {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #696663;
	padding: 3px 2px;
	}

#emailMyInfolist {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
	}

/* CATEGORIES */

#categories {
	width: 640px;
	margin: 0;
	padding: 35px 0 0 0;
	}
	
#catHeader {
	margin: 0 0 10px 0;
	padding: 12px 0;
	width: 639px;
	border-top: 1px dotted #D9D9D8;
	border-bottom: 1px dotted #D9D9D8;
	border-left: 1px dotted #D9D9D8;
	}
	
h2#catHeading {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	text-transform: none;
	}
	
p#allCat {
	float: right;
	display: block;
	text-transform: uppercase;

	padding: 3px 0 0 0;
	margin: 0;
	}
	
	
	
/* ABOUT US */

#aboutUs {
	margin: 0;
	padding: 350px 0 20px 0;
	font-size: 1.1em;
	}
	
#aboutUs h2 {
	margin: 0;
	padding: 15px 0 3px 0;
	}
	
#aboutUs p {
	margin: 0;
	padding: 0 0 6px 0;
	}

#aboutUs ul {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
#aboutUs ul li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
	}


/* CONTACT US */

img.headerImage {
	margin: 35px 0 0 0;
	padding: 0;
	}

form#contactUs {
	width: 370px;
	float: left;
	padding: 35px 0 20px 0;
	margin: 0;
	font-size: 1.0em;
	}



#contactInfo {
	width: 220px;
	float: right;
	}

p#left {
	float: left;
	}

p#right, p#checkbox {
	float: right;
	}

p#left, p#right {
	margin: 0;
	padding: 0 0 6px 0;
	width: 176px;
	display: block;
	}

#contactUs07 {
	width: 380px;
	margin: 0;
	padding: 0 0 6px 0;
	}

.contactForm {
	width: 176px;
	border: none;
	background-color: #ECECEB;
	}

.message {
	width: 370px;
	border: none;
	background-color: #ECECEB;
	}

#contactInfo {
	padding: 35px 0 0 0;
	}

#contactInfo p {
	margin: 0;
	padding: 0 0 6px 0;
	}

.contactForm, .message {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #696663;
	padding: 3px 2px;
	}

p#checkbox {
	margin: 0;
	padding: 15px 0 0 0;
	width: 176px;
	display: block;
	}

input#contactFormCheckBox {
	margin: 3px 5px 0 0;
	}

#contactInfo ul {
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#contactInfo ul li {
	display: block;
	padding: 8px 0;
	border-top: 1px dotted #D9D9D8;
	list-style: none;
	background-image: url(../images/icon_map.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-indent: 25px;
	}



/* DISTRIBUTOR */

#distributor {
	margin: 0;
	padding: 0 0 20px 0;
	}

#distributorsList {
	display: block;
	height: 20px;
	margin: 0;
	padding: 35px 0 0 0;
	}
	
select#stateListDrop {
	width: 150px;
	margin: 0 3px 0 0;
	padding: 1px 2px 2px 2px;
	}

select#distributorBrandListDrop {
	width: 150px;
	margin: 0 6px 0 0;
	padding: 1px 2px 2px 2px;
	}
	

input#distributorSearch {
	margin: 0 0 0 0;
	padding: 0;
	}

#distributorText {
	width: 370px;
	padding: 10px 0 15px 0;
	}
	
.distributorResult {
	width: 370px;
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px dotted #D9D9D8;
	}

.resultHeader {
	width: 370px;
	margin: 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #D9D9D8;
	color: #43403C;
	}



/* JOBS */

#jobsLeft {
	float: left;
	width: 370px;
	margin: 0;
	padding: 35px 0 530px 0;
	}
	
#jobsRight {
	float: right;
	width: 220px;
	margin: 0;
	padding: 35px 0 20px 0;
	}
	
h6#currentJobs {
	display: block;
	padding: 12px 10px;
	margin: 0;
	border: 1px dotted #D9D9D8;
	background-image: url(../images/transparent60.png);
	}
	
#jobPost {
	padding: 7px 10px 12px 10px;
	margin: 5px 0 0 0;
	border: 1px dotted #D9D9D8;
	background-image: url(../images/transparent60.png);
	}
	
	
/* REGISTRATION FORM */	
	
	
form#editProfile {
	width: 370px;
	padding: 125px 0 30px 0;
	}	
	
form#editProfile h6 {
	padding: 10px 0 5px 0;
	margin: 0;
	}	
	
#editProfile p {
	padding: 0 0 6px 0;
	margin: 0;
	}
	
p#centre {
	margin: 0;
	padding: 0 0 6px 0;
	width: 370px;
	display: block;
	}
	
.contactFormLong {
	width: 370px;
	border: none;
	background-color: #ECECEB;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #696663;
	padding: 3px 2px;
	}	
	
#userInfoDrop {
	width: 180px;
	}
	
#ecard {
	margin: 10px 0;
	padding: 20px 0 5px 0;
	}
	
#submitInfo {
	margin: 15px 0 30px 0;
	}

#register {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #43403C;
	}

/* EMAIL PAGE */

#emailTo {
	margin: 83px 0 5px 0;
	text-transform: uppercase;
	}
	
#emailFrom {
	margin: 10px 0 5px 0;
	text-transform: uppercase;
	}