/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for a new site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
html {}
 
body {
	background:#fff url('/include/site/multimedia/images/bodyBk.gif');
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height:1.25em;
	margin:0;
	padding:0 0 50px 0;
	}

a {color:#913710;}

a:hover {color:#5b2209;}

a:active {}

a:visited {}

h1,h2,h3,h4,h5,h6,p {margin:0;}

form {margin:0; padding:0;}

td {}

hr {}
	
img {border:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
 .alert {color:#f00; background:#fff; font-size:1em; font-weight:bold; text-transform:none; margin:.5em 0; padding:5px 10px; border:1px solid #f00;}

 .info {						/* Used for informing customers of important info etc. */
 	color:green;
 	font-weight:bold;
	}

.alignRight {					/* Right aligns text on any element */
	text-align:right;
	}

.alignCenter {					/* Right aligns text on any element */
	text-align:center;
	}

.alignLeft {
	text-align:left;
	}

.borderTop {					/* adds a border along the top of any element */
	border-top:1px solid #ccc;
	}
	
.borderBot {					/* Adds a border along the bottom of any element */
	border-bottom:1px solid #ccc;
	}


.formRow		{clear:both;}
.formRow .label {float:left;}
.formRow .field {float:right;}

.fieldNote {
	clear:both;
	padding:5px 3px;
	}

.color1 {						/* Backgrounds used for alternating lines on item listings */
	color:inherit;
	background-color:#fff;
	}
	
.color2 {						/* Backgrounds used for alternating lines on item listings */
	color:inherit;
	background-color:#f8ecd7;
	}

.infoBox ul {				/* Styles for <ul> lists in any .infoBox */
	list-style-image:    url("/include/commerce/multimedia/rightArrowBullet.gif");
	margin:0em 1em 0 2.25em;
	padding:0;
	}

.infoBox li {					/* See above */
	margin:0;
	padding:.1em 0;
	}

.clear {						/* Used to clear the current line and move to the next */
	display:block;	
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:-1px 0 0 0;
	padding:0;
	}
	
input.submitBtn {
	color:#5b2209;
	font-weight:bold;
	background:#f8ecd7;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #5b2209;
	border-right:1px solid #5b2209;
}

input.textBox,
select.textBox {
	color:#5b2209;
	padding:1px;
	border-top:1px solid #5b2209;
	border-left:1px solid #5b2209;
	border-bottom:1px solid #c97246;
	border-right:1px solid #c97246;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {
	color:#5b2209;
	background:#fff;
	width:825px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	padding:0 15px 15px 15px;
}

#innerWrap	{position:relative; padding:65px 0 0 124px; height:1%;}

#innerWrap div#nav {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:190px;
	font-size:.9em;
	_background:transparent url('/include/site/multimedia/images/navBk.gif') repeat-y;
}

#innerWrap div.navBk[class]	{background:transparent url('/include/site/multimedia/images/navBk.png') repeat-y;}

#innerWrap div#nav ul {
	list-style:none;
	margin:0 0 9px 15px;
	padding:0;
	line-height:1.3;
}

#innerWrap div#nav ul li			{margin:1em 0; text-indent:-12px;}
#innerWrap div#nav ul li a			{color:#fff; text-decoration:none;}
#innerWrap div#nav ul li a:hover	{color:#f5a177; text-decoration:underline;}

#innerWrap div#nav ul#priNav			{margin:95px 45px 0 25px; padding:0; font-weight:bold; border:1px solid transparent; _margin-left:0; _padding:0 0 0 25px; _height:150px; _border:none;}
#innerWrap div#nav ul#priNav li ul		{margin:.3em 0 0 .5em; padding:0; font-weight:normal; display:none;}
#innerWrap div#nav ul#priNav li ul li	{margin:0; padding:0 0 2px 0; text-indent:0;}

#innerWrap div#nav ul li#adBox4			{margin:-10px 0 0 -10px; _margin:0 0 0 -16px;}
#innerWrap div#nav ul li#adBox4 a		{cursor:pointer;}

#innerWrap div#nav ul li#velaro table	{margin-top:10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			HEADER AND FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#masthead {						/* Site Header */
	color:#fff;
	width:825px;
	height:100px;
	position:absolute;
	z-index:3;
	
}

.mastBk[class]	{background:transparent url('/include/site/multimedia/images/mastBk.png') no-repeat;}
.mastFix		{width:100%; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod=image src='/include/site/multimedia/images/mastBk.png');}

#masthead h2	{float:left; position:relative; margin:3px 0 0 -7px; cursor:pointer; z-index:5;}
#masthead h2 a	{cursor:pointer;}

#masthead ul {
	float:right;
	position:relative;
	min-width:580px;
	font-size:.9em;
	font-weight:bold;
	margin:0;
	padding:4px 2px 5px 2px;
	z-index:5;
	background:transparent url('/include/site/multimedia/images/mastNavBk.gif') repeat-x;
}

#masthead ul li			{display:inline; padding:0 6px; border-right:1px solid #fff; white-space:nowrap;}
#masthead ul li.last	{border:none;}
#masthead ul li a		{color:#fff; text-decoration:none;}
#masthead ul li a:hover {color:#f5a177;}

#masthead form			{float:right; position:relative; display:inline; clear:right; width:18em; text-align:right; margin:5px 7px; z-index:5;}
#masthead form input	{font-size:.9em;}

#masthead div#mastBanner {position:absolute; bottom:0; left:-11px; z-index:5;}

#footer {
	color:#b6826a;
	background:transparent;
	width:825px;
	margin-right:auto;
	margin-left:auto;
	margin-top:.5em;
}

#footer h1		{font-size:.8em; font-weight:normal;}
#footer h5		{font-size:.8em; font-weight:normal;}
#footer a		{color:#986750; text-decoration:none;}
#footer a:hover	{color:#b6826a; text-decoration:underline;}

#footer #socNets	{margin:1em 0; padding:0; list-style:none;}
#footer #socNets li	{list-style:none; display:inline; margin:0 .5em; padding:0; }

#breadcrumbs {
	position:absolute;
	top:130px;
	left:130px;
	z-index:1;
	width:625px;
	height:16px;
	font-size:.8em;
	overflow:hidden;
	padding:2px 5px 1px 65px;
	background:url('/include/site/multimedia/images/breadcrumbsBk.png') repeat-x;
}

#breadcrumbs span.title {font-weight:normal;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			INDEX LAYOUT STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#innerWrap #mainAd {margin:0 0 -18px 0; height:368px;}

#innerWrap .titleBk {position:absolute; width:701px; height:18px; right:0; background:transparent url('/include/site/multimedia/images/homeTitleBack.png') no-repeat;}

#innerWrap #adBox2 {
	float:left;
	display:inline;
	position:relative;
	width:326px;
	font-size:.9em;
	z-index:1;
}

#innerWrap #adBox2 h3 {
	text-transform:uppercase;
	font-size:11px;
	margin:0 0 0 65px;
	padding:3px 3px 1px 5px;
}

#innerWrap #adBox2 div {background:#f5e2c3;	height:113px; padding:5px 0 0 0;}

#innerWrap #adBox2 div p {
	margin:0 0 .5em 70px;
	padding:
}

#innerWrap #adBox3 {
	float:left;
	display:inline;
	position:relative;
	width:247px;
	height:138px;
	margin:0 1px;
	font-size:.9em;
	z-index:1;
	background:url('/include/site/multimedia/images/indexSignInBk.jpg') 0 19px no-repeat;
}

#innerWrap #adBox3 h3 {
	text-transform:uppercase;
	font-size:11px;
	padding:3px 0px 1px 5px;
}

#innerWrap #adBox3 p {float:left; display:inline; width:80px; color:#fff; margin:3px 5px;}

#innerWrap #adBox3 div#loginForm						{float:right; display:inline; width:150px;}
#innerWrap #adBox3 div#loginForm h3						{padding-left:0;}
#innerWrap #adBox3 div#loginForm form div.formRow		{float:left; width:140px; margin:0; padding:3px 0 0 0;}
#innerWrap #adBox3 div#loginForm form span.label		{width:75px;}
#innerWrap #adBox3 div#loginForm form span.field		{float:left;}
#innerWrap #adBox3 div#loginForm form span.field input	{width:140px; font-size:.9em; margin:0;}
#innerWrap #adBox3 div#loginForm form .submitBtn		{font-size:1em;}

#innerWrap #adBox3 div#loginForm form ul {margin:.25em 0; padding:0 0 0 2em;}

#innerWrap #adBox3 div#loginForm form .submitBtn {
	color:#5b2209;
	font-weight:bold;
	background:#f8ecd7;
	border-top:1px solid #f7bea2;
	border-left:1px solid #f7bea2;
	border-bottom:1px solid #c97246;
	border-right:1px solid #c97246;
}

#innerWrap #adBox3 div#loginForm form .textBox {
	color:#5b2209;
	padding:1px;
	border-top:1px solid #c97246;
	border-left:1px solid #c97246;
	border-bottom:1px solid #f5e2c3;
	border-right:1px solid #f5e2c3;
}

#innerWrap #memberships {
	float:left;
	display:inline;
	position:relative;
	width:125px;
	margin:19px 0 0 0;
}

#innerWrap #adBox5 {
	position:absolute;
	top:110px;
	right:0;
	_right:-1px;
	width:15px;
	height:294px;
	overflow:hidden;
	z-index:4;
}

#innerWrap #adBox5 a {cursor:pointer;}
#innerWrap #adBox5 div.products {
	position:absolute;
	top:10px;
	left:18px;
	z-index:5;
	width:220px;
	height:266px;
}

#innerWrap #adBox5 div.products div.prodListing {
	color:inherit;
	background:transparent;
	width:95px;
	margin:5px 5px 10px 0;
	padding:0 5px;
	float:left;
	display:inline;
	position:relative;
	height:120px;
	overflow:hidden;
}

#innerWrap #adBox5 div.products div.prodListing h3 {color:#fff; font-size:.9em; position:absolute; top:1px; left:8px; z-index:99;}
#innerWrap #adBox5 div.products div.prodListing h2 {font-size:.9em;}



#chat {margin:0 0 5px 14px;}

#jdcAd {margin-left:10px;}

#trkldPriceAd		{margin:5px 0 0 10px; color:#fffce7; font-size:12px; font-weight:bold; font-style:italic;}
#trkldPriceAd h4	{font-size:12px;}
#trkldPriceAd  p	{margin:2px 0; padding:2px; background:transparent url('/include/site/multimedia/images/truckloadPricing.gif') no-repeat;}