/* ----------------------------------------------------

	SCREEN - * default browser CSS for the screen.
	
---------------------------------------------------- */
	
/* ----------------------------------------------------
	Reset - * Resets default browser CSS.
---------------------------------------------------- */

	/* Setting defaults on all the below tags */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
	p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, 
	em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, 
	legend, table, caption, tbody, tfoot, thead, tr, th, td 
		{
		margin: 0;
		padding: 0;
		border: 0;
		}
	
	/* Remove possible quote marks (") from <q>, <blockquote>. */
	blockquote:before, blockquote:after, q:before, q:after 
		{
		content: "";
		}
		
	/*  */
	blockquote, q 
		{
		quotes: "" "";
		}
	
	/* Remove annoying border on linked images. */
	a img 
		{
		border: none;
		}
		
	/* IE PNG Transparency Fix */
	img
		{
		behavior: url(/iepngfix.htc);
		outline: none;
		}
	
	
/* ----------------------------------------------------
	Global Styling
---------------------------------------------------- */
	
	/* Set the default html tag for the entire site */
	html 
		{ 
		height: 100%; 
		margin: 0 auto; 
		color: #fff; 
		text-align: center;
		background-color: #000;
		}

	/* Set the default body tag for the entire site */
	body 
		{ 
		margin: 0 auto; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%; /* Sets the default font size to 10px by using a percentage of the global size of 16px */
		text-align: left;
		background-image: url(/img/bg-outter-tile.png);
		background-repeat: repeat-x;
		background-color: #333;
		}
		
		
/* ----------------------------------------------------
	Wrapper
---------------------------------------------------- */
	
	/* Set the wrapper for the entire site */
	div#wrapper
		{
		margin: 0 auto; 
		padding: 0;
		overflow: auto;
		overflow: hidden;
		}
		
		
/* ----------------------------------------------------
	Page Header
---------------------------------------------------- */
		
	/* Page Header Background */
	div#pageHeader
		{
		margin: 0 auto;
		padding: 0;
		height: 328px;
		}
		
		
/* ----------------------------------------------------
	Main Navigation
---------------------------------------------------- */
	
	/* Main Navigation Background */
	div#mainNavigation
		{
		margin: 0 auto;
		width: 955px;
		height: 64px;
		}
		
	/* Main Navigation list */
	div#mainNavigation ul 
		{
		display: inline;
		} 

	/* Main Navigation Unordered list */
	div#mainNavigation ul li 
		{
		list-style: none;
		display: inline;
		}
		
	
/* ----------------------------------------------------
	Middle
---------------------------------------------------- */
	
	/* Middle */
	div#middle
		{
		margin: 0 auto;
		width: 955px;
		}
		
	/* Middle Col */
	div#col
		{
		padding-top: 57px;
		width: 297px;
		float: left;
		}
		
	/* Middle Content */
	div#middleContent
		{
		width: 635px;
		margin-left: 6px;
		background-image: url(/img/bg-main-content.png);
		background-repeat: repeat-y;
		overflow: auto;
		float: left;
		border-bottom: #686868 3px solid;
		}
		
	/* Middle Content Gradient */
	div#mainContentGradient
		{
		min-height: 260px;
		background-image: url(/img/bg-main-content-gradient.png);
		background-repeat: no-repeat;
		}
		
	/* Main Content Text */
	div#mainContentText
		{
		margin: 0 auto;
		padding-top: 73px;
		padding-bottom: 50px;
		width: 455px;
		font-size: 1.2em;
		text-align: left;
		}
		

/* ----------------------------------------------------
	Header 
---------------------------------------------------- */

	.textDisappear
		{
		display: none;
		}
	
		
/* ----------------------------------------------------
	Footer
---------------------------------------------------- */
	
	/* Footer */
	div#footer
		{
		clear: both;
		min-height: 54px;
		background-image: url(/img/bg-footer.png);
		background-repeat: repeat-x;
		background-color: #000;
		}
		
	/* Footer Content */
	div#footerContent
		{
		margin: 0 auto;
		width: 955px;
		}
		
	/* Footer Copyright */
	div#footerCopyright
		{
		padding-top: 30px;
		float: left;
		}
		
	/* Footer Nav */
	div#footerNav
		{
		padding-top: 30px;
		float: right;
		}
		
	/* Footer Nav list */
	div#footerNav ul 
		{
		display: inline;
		} 

	/* Footer Nav Unordered list */
	div#footerNav ul li 
		{
		list-style: none;
		display: inline;
		}
		
		
/* ----------------------------------------------------
	Typography
---------------------------------------------------- */


	/*---- Headings ----*/
	
	/* H1 Tag */
	h1
		{
		font-size: 1.6em;
		margin-bottom: 1.5em;
		}
		
	/* H2 Tag */
	h2
		{
		font-size: 1.4em; 
		}
		
	/* H3 Tag */
	h3
		{
		font-size: 1.2em;
		}
		
	/* H4 Tag */
	h4 
		{
		font-size: 1em;
		}
		
	/* H5 Tag */
	h5
		{
		font-size: 0.8em; 
		}
		
	/* H6 Tag */
	h6 
		{
		font-size: 0.6em; 
		}
	
	/* Heading tags with images set margin on image to zero */
	h1 img, h2 img, h3 img, 
	h4 img, h5 img, h6 img 
		{
		 margin: 0;
		}
	
	
	/*---- Text elements ----*/
	
	/* Default paragraph tags */
	p
		{
		margin: 0 0 1.5em;
		}
		
	/* Default paragraph tags */
	p img
		{
		float: left; 
		margin: 1.5em 1.5em 1.5em 0; 
		padding: 0;
		}
	
	/* Formats long quotes */
	blockquote
		{
		margin: 1.5em; 
		font-style: italic;
		}
		
	/* Customize the strong tag */
	strong
		{
		}
		
	/* Customize the definition tag */
	dfn
		{
		}
		
	/* Customize the superscript tag */
	sup
		{
		}
	
	/* Customize the subscript tag */
	sub
		{
		}
	
	/* Customize the abbreviation tag */
	abbr
		{
		}
		
	/* Customize the acronym tag */
	acronym
		{
		}
		
	/* Customize the address tag */
	address
		{
		margin: 0 0 1.5em; 
		font-style: italic;
		}
		
	/* Customize the deleted tag (put a line through the text) */
	del
		{
		}
	
	
	/*---- List elements ----*/
	
	/* Default styles */
	li ul, li ol
		{
		margin: 0 1.5em;
		}
		
	/* Default styles */
	ul, ol
		{
		margin: 0 1.5em 1.5em 1.5em;
		}
	
	/* Default ul styles */
	ul
		{
		list-style-type: disc;
		}
		
	/* Default ol styles */
	ol
		{
		list-style-type: decimal;
		}
	
	/* Defaults for definition list tag */
	dl
		{
		margin: 0 0 1.5em 0;
		}
		
	/* Defaults for definition term tag */
	dt
		{
		margin: 0 0 1.5em 0;
		}
		
	/* Defaults for definition term description tag */
	dd
		{
		margin-left: 1.5em;
		}		
		
		
/* ----------------------------------------------------	
	Buttons
---------------------------------------------------- */
	
	/* Home */
	a.menuHome
		{
		margin-top: 11px;
		float: left;
		display: block;
		width: 106px;
		height: 42px;
		background-image: url(/img/b-home.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/* Home */
	a.menuHome:hover 
		{ 
		background-position: bottom left;
		}
		
	/* Product Applications */
	a.menuProductApplications
		{
		margin-top: 11px;
		float: left;
		display: block;
		width: 263px;
		height: 42px;
		background-image: url(/img/b-product-applications.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/* Product Applications */
	a.menuProductApplications:hover 
		{ 
		background-position: bottom left;
		}
		
	/* Brands We Carry */
	a.menuBrandsWeCarry
		{
		margin-top: 11px;
		float: left;
		display: block;
		width: 213px;
		height: 42px;
		background-image: url(/img/b-brands-we-carry.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/* Brands We Carry */
	a.menuBrandsWeCarry:hover 
		{ 
		background-position: bottom left;
		}
		
	/* Service Policies */
	a.menuServicePolicies
		{
		margin-top: 11px;
		float: left;
		display: block;
		width: 208px;
		height: 42px;
		background-image: url(/img/b-service-policies.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/* Service Policies */
	a.menuServicePolicies:hover 
		{ 
		background-position: bottom left;
		}
		
	/* Contact Us */
	a.menuContactUs
		{
		margin-top: 11px;
		float: left;
		display: block;
		width: 165px;
		height: 42px;
		background-image: url(/img/b-contact-us.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/* Contact Us */
	a.menuContactUs:hover 
		{ 
		background-position: bottom left;
		}
		
		
/* ----------------------------------------------------
	Links
---------------------------------------------------- */
	
	/*---- default link style ----*/
		
	/* Default link style */
	a:link 
		{
		color: #ef3f34;
		background-color: transparent;
		text-decoration: underline;
		}

	/* Default visited link style */
	a:visited
		{
		color: #ef3f34;
		background-color: transparent;
		text-decoration: underline;
		}

	/* Default hover link style */
	a:hover
		{
		color: #ef3f34;
		background-color: transparent;
		text-decoration: none;
		}
		
	/* Default active link style */
	a:active
		{
		}
		
	/* Default focus link style */
	a:focus 
		{
		}
		
	/* Default focus hover link style */
	a:focus:hover
		{
		}	
		
		
/* ----------------------------------------------------
	Forms
---------------------------------------------------- */

	/* Defaults for the form tags */
	/*form div
		{
		margin-bottom: 20px; 
		padding: 10px 20px; 
		border: 1px solid #ffa100; 
		text-align: center;
		}*/
		
	/* Defaults for the form tag on hover */
	/*form div input:hover 
		{
		background-color: #e591b9;
		}*/
	
	/* Defaults for the fieldset tag */
	/*fieldset
		{
		margin-bottom: 10px; 
		padding-top: 10px;
		padding-left: 20px; 
		padding-right: 20px; 
		padding-bottom: 10px; 
		border: 1px solid #ffa100; 
		overflow: hidden;
		}*/
		
	/* Defaults for the fieldset tag on hover */
	/*fieldset:hover
		{
		border: 1px solid #ffa100;
		background-color: #418736;
		}*/
		
	/* Defaults for the fieldset input tag */
	/*fieldset input
		{
		width: 45%; 
		border: 1px solid #000;
		margin-left: 15px;
		}*/
		
	/* Defaults for the fieldset select tag */
	/*fieldset select
		{
		width: 45%; 
		border: 1px solid #000;
		margin-left: 15px;
		}*/
		
	/* Defaults for the fieldset input hover tag */
	/*fieldset input:hover
		{
		border-color: #ffa100;
		}*/
		
	/* Defaults for the fieldset select hover tag */
	/*fieldset select:hover
		{
		border-color: #000;
		}*/
		
	/* Defaults for the fieldset input active/focus tag */
	/*fieldset input:active, input:focus 
		{
		border-color: #900;
		}*/
	
	/*  */
	/*label, label span 
		{
		display: block; 
		padding-bottom: .25em;
		}*/
		
	/*  */
	/*label
		{
		float: left; 
		width: 100%;
		}*/
		
	/*  */
	/*label span 
		{
		float: left; 
		width: 45%; 
		text-align: right;
		}*/
		
	/*  */
	/*form div input
		{
		padding: 0 .25em;
		}*/
		
	/*  */
	/*form div input:hover 
		{
		color: #fff;
		background-color : #ffa100;
		}*/
		
	/*  */
	.button
		{
		border: 2px double #ffa100; 
		border-top-color: #c97f00;
		}
		
	/*  */
	div#button
		{
		border: 0;
		}
		
/* ----------------------------------------------------
	Tables
---------------------------------------------------- */
	
	/*  */
	table
		{
		margin-bottom: 1.4em; 
		width:100%;
		}
		
	/*  */
	th
		{
		font-weight: bold; 
		background: #C3D9FF;
		}
		
	/*  */
	th,td
		{
		padding: 4px 10px 4px 5px;
		}
		
	/*  */
	tr.even td
		{
		background: #E5ECF9;
		}
		
	/*  */
	tfoot
		{
		font-style: italic;
		}
		
	/*  */
	caption
		{
		background: #eee;
		}
	
	/*  */
	table /* Tables still need 'cellspacing="0"' in the markup. */
		{
		border-collapse: separate; 
		border-spacing: 0;
		}
		
	/*  */
	caption, th, td 
		{
		text-align: left; 
		font-weight: normal;
		}
		
	/*  */
	table, td, th
		{
		vertical-align: middle;
		}

	body#home a.menuHome {
	background-image: url('../img/b-home.png');
	background-position: top right;
	background-repeat: no-repeat;
	}

	body#product-applications a.menuProductApplications {
	background-image: url('../img/b-product-applications.png');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	body#brands-we-carry a.menuBrandsWeCarry {
	background-image: url('../img/b-brands-we-carry.png');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	body#service-policies a.menuServicePolicies {
	background-image: url('../img/b-service-policies.png');
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	body#contact-us a.menuContactUs {
	background-image: url('../img/b-contact-us.png');
	background-position: top right;
	background-repeat: no-repeat;
	}