/*----------------------------------------------
Basic Style Sheet

version: 2007.1
date: January 31, 2007
author: Daniel Miller
email: info@rcblake.com
website: http://rcblake.com/
----------------------------------------------*/

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Base
Color Sets
Page Structure
Column
Main Nav
Page Navs
Title Image Replacement
Content
--------------------------------------------------------------------


--------------------------------------------------------------------
                       BASE
--------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

html,body,div,p {font: normal 13px Georgia, Palatino, "Palatino Linotype", serif; color: #000;}

body {
	background: url(../images/pageBg.jpg) repeat-y 50% 0;
	background-attachment: fixed;
}
	
.clear {
	float: none;
	clear: both;
	}
.clearRight { clear:right;}
.clearLeft { clear:left;}
.right {
	float: right;
	}
.left {
	float: left;
	}

.invis { display:none}

body hr {clear:both;}

img { border: none; }

.top {padding-top: 10px;}

.bottom {margin-bottom: 50px;} 


/*------------------------------------------------------------
COLOR SETS ---- This is the list of colors

Dark Tan - #d4ccab
Light Tan - #e8e0bf
Red - #c20018
Dark Blue - #007ac2
Med Blue - #88e3e0
Light Blue - #aec8e9
Dark Grey - #666
Light Grey - #d7d7d7


----------------------------------------------------*/
.white { border: 0 #FFF; visibility:hidden; }





/*------------------------------------------------------------
PAGE STRUCTURE --- These structure the page
------------------------------------------------------------*/
#page {width: 761px; margin: 0 auto; position: relative; background-color:#FFF;}

.content {
	width: 760px; 
	clear: both;
	}

.footer {width: 760px; clear: both;}

#content, #footer {margin-top: 10px;}



/*------------------------------------------------------------ 
COLUMN --- These structure the columns
-------------------------------------------------------------*/


#fullCol {
	width: 760px; 
	}

#mainCol {
	width: 587px; 
	margin-right: 10px;
	}

#secCol {
	width: 147px;  
	margin-right: 10px;
	}



/*------------------------------------------------------------
MASTHEAD  --- These style the masthead
--------------------------------------------------------------*/

#masthead h1 { text-indent:-9000px; background: url(../images/LaSalleLogo.gif) no-repeat; width: 216px;}

#masthead h1 a{ height: 65px; background: url(../images/LaSalleLogo.gif) no-repeat; display: block;}

#masthead h2 {
	height: 65px;
	width: 203px;
	text-indent:-9000px;
	background: url(../images/firstSource.gif) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}


/*------------------------------------------------------------
MASTHEAD DEALER  --- These style the masthead in the dealer section
--------------------------------------------------------------*/

#mastheadDealer h1 { text-indent:-9000px; background: url(../images/LaSalleLogo.gif) no-repeat; width: 216px;}

#mastheadDealer h1 a{ height: 65px; background: url(../images/LaSalleLogo.gif) no-repeat; display: block;}

#mastheadDealer h2 {
	height: 65px;
	width: 203px;
	text-indent:-9000px;
	background: url(../images/ashleyLogo.gif) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}



/*------------------------------------------------------------
MAIN NAV --- These style the main nav
--------------------------------------------------------------*/
 #mainNav { 
   background: #666 url(../images/navBg.gif);  
   height:25px; 
   font: bold 1.1em Verdana, Helvetica, sans-serif; 
   color: #000; 
   padding: 0 100px;}

#mainNav li { list-style:none; 
			  background: #666 url(../images/navBg.gif) repeat-x left top; 
			  float:left; 
			  height: 25px;
			  }			  


 #mainNav a { 
             color: #ffffff; 
			 text-decoration: none; 
			 display: block; 
			 line-height: 25px; 
			 padding: 0 2em;} 
 #mainNav .at a {
                color: #000000; 
				text-decoration: none; 
				display: block; 
				line-height: 25px; 
				padding: 0 2em; 
				background: url(../images/navBgAt.gif) repeat-x left top;
				} 

 #mainNav a:hover {color: #000; background: url(../images/navBgHov.gif) repeat-x left top;}
  #mainNav .at a:hover {color: #000; background: url(../images/navBgAt.gif) repeat-x left top;}
  
  
  /*------------------------------------------------------------
MAIN NAV DEALER --- These style the main nav in the dealer secction
--------------------------------------------------------------*/
 #mainNavDealer { 
   background: #eae2cd;  
   height:25px; 
   font: 85% Verdana, Helvetica, sans-serif; 
   color: #000;
   margin: 3px;
   padding: 0px 100px;}

#mainNavDealer li { list-style:none; 
			  background: #eae2cd;
			  float:left; 
			  height: 25px;
			  }			  


 #mainNavDealer a { 
             color: #000000; 
			 text-decoration: none; 
			 display: block; 
			 line-height: 25px; 
			 padding: 0 2em;} 
 #mainNavDelaer .at a {
                color: #000000; 
				text-decoration: none; 
				display: block; 
				line-height: 25px; 
				padding: 0 2em; 
				background: #eae2cd; top;
				} 

 #mainNav a:hover {color: #000; background: url(../images/navBgHov.gif) repeat-x left top;}
  #mainNav .at a:hover {color: #000; background: url(../images/navBgAt.gif) repeat-x left top;}



/*------------------------------------------------------------
Sub NAV --- These style the individual page sub navs
--------------------------------------------------------------*/
 #subNav { 
   background: #e8e0bf url(../images/subNavBg.gif) repeat-x left bottom;  
   height:25px; 
   font: normal .8em Verdana, Helvetica, sans-serif; 
   color: #000; 
   }

#subNav li { list-style:none;
			  float:left; 
			  height: 25px;
			  }			  


#subNav ul a {
			color: #c20018;
			 text-decoration:none; 
			 display: block; 
			 line-height: 25px;
			 background: url(../images/subNavBgDiv.gif) no-repeat right bottom; 
			 padding: 0 2em; }
#subNav ul .at a {
			color: #000; }	
			
			
#subNav li.at a {
			 background: url(../images/subNavBgDiv.gif) no-repeat right bottom;  }		
			 
#subNav ul a:hover {
			color: #007ac2;
			 text-decoration:underline;}
#subNav ul .at a:hover {
			color: #0000; 
			text-decoration:none;}			 
			 
			 
   #subNav li.last a { background-image:none;}			 
   
   #subNav #prodSub {padding: 0 120px;}
   #subNav #compSub {padding: 0 220px;}      




/*------------------------------------------------------------
 CONTENT 
-------------------------------------------------------------*/


.contact { 
  background-color: #f7f2eb;
  border-top: 1px solid #000;
  margin-top: 20px;
}

.contact fieldset {
  border: none;
  padding: .5em;
  width: 48%;
}

#content .contact h3 {
  color: #000;
  background:none;
  font-size: 1.25em;
}

.contact label { /* float: left; */ width: 9em;}

.contact input { width: 150px; }
.contact input#submit { width: auto;}

.contact textarea {
 width: 250px;
 height: 100px;
}

.error {
  font: bold 1em Verdana, Helvetica, sans-serif; 
  color: #FF9900;
  text-align:center;
  line-height: 2em;
}

#content p#thankYou {
  font: bold 1em Verdana, Helvetica, sans-serif; 
  /* width: 40%;
   margin: 20px auto 0 auto; */
  margin-top: 20px;
  border-top: 1px solid #000;
}

#footer {background: #d7d7d7 url(../images/footerBg.gif) repeat-x left bottom; padding: 0 10px; height: 15px; }
#footer p { font: normal .8em Verdana, Helvetica, sans-serif;}
#footer a { color: #000;}
#footer a:hover { color: #007ac2;}


#intro {background: #abc8e8 url(../images/indexIntroBg.gif) repeat-x left bottom;}
/*next lines are for IE peekaboo bug */
#intro { line-height: 10px;} 
  #intro h2, #fullCol #intro h2, #mainCol #intro h2  { font: bold 1em Verdana, Helvetica, sans-serif; line-height: 39px; display:inline; padding-left: 10px; background:none;}
  #intro p { line-height: 19px; padding-left: 10px;}
  #intro p a {color:#c20018;}
  #intro p a:hover {color: #d7d7d7;}
   
img.left {
  padding-right: 10px;
}  
img.right{
  padding-left: 10px;
}

ul#introHome li {
 list-style:none;
 display: block;
    width: 33.3%;
    float: left;
}
ul#introHome li a { text-decoration:none; color: #c20018; font-weight: bold;
}
ul#introHome li a:hover { text-decoration: underline; color: #007ac2;
}
/* ---------------------visited link color comment out
ul#introHome li a:visited { color: #666;
}  */

#fullCol h2 {
  font: bold 1.5em Verdana, Helvetica, sans-serif;
  background: #abc8e8 url(../images/indexIntroBg.gif) repeat-x left bottom; 
  line-height: 40px;
  padding-left: .75em;  
}

#mainCol h2 {
 font: bold 1.5em Verdana, Helvetica, sans-serif;
 color: #000;
}
#mainCol h2 em {
 color: #999;
}

#mainCol p.date {
 font: bold 1em Verdana, Helvetica, sans-serif;
 text-indent: 0;
}

 .article a {
 font: bold 1em Verdana, Helvetica, sans-serif;
 text-decoration:none;
 color: #c20018;
}

 .article a:hover {
 text-decoration:underline;
 color: #007ac2;
}

/* ---------------------visited link color comment out 
.article a:visited {
 color: #666; 
}
*/
ul.noDec {
 list-style:none;
  font-family: Verdana, Helvetica, sans-serif;
}

ul.noDec li {
  padding: .5em 0 .5em 0;
}

.article p {
 text-indent: 1em;
}

.article ul, .article ol {
  padding-left: 2em;
}


#mainCol h3, #fullCol h3 { 
              color: #fff; 
			  font: bold 1em Verdana, Helvetica, sans-serif;  
			  background: #c20018 url(../images/sectionHeadBg.gif) repeat-x left bottom; 
			  margin: 10px 0;  
			  line-height: 25px;
			  padding-left: .75em;
			  }
/* ------------for h3 sub notes ---------*/
#mainCol h3 span, #fullCol h3 span {
			font-size: .8em;
}
			  
#mainCol h4 {  
			  font: normal 1em Verdana, Helvetica, sans-serif;   
			  margin-bottom: 10px;
			  }			  


#secCol h2, #secCol h3 {background-color:#d4ccab; font: bold 1em Verdana, Helvetica, sans-serif; padding: .5em .5em;}
#secCol h4, #secCol p, #secCol ul, #secCol ol {background-color:#e8e0bf;}
  #secCol h4 {padding: .25em .5em 0em .5em; font: bold 1.25em Verdana, Helvetica, sans-serif;}
  #secCol p {padding: 0em .5em 1em .5em; line-height: 1.5em;}
  body #secCol p.date {padding: 0em .5em 0em .5em; font: .85em Verdana, Helvetica, sans-serif;}
  #secCol ul, #secCol ol {padding: .5em .5em 1em .5em; list-style: none;}
  
  /***************  secCol Links **************************/
  #secCol h4 a {color: #c20018; font: bold .75em Verdana, Helvetica, sans-serif;}
  #secCol h2 a {color: #c20018; text-decoration: none;}
  #secCol ul a, #secCol ol a, #secCol p a { line-height: 2em; color:#c20018;}
 /* ---------------------visited link color comment out
  #secCol a:visited {color: #666; }  
  */
  #secCol a:hover {color: #007ac2; text-decoration: underline;}

  
 ul.prodList  {float:left;
   width:33%;
   }
 ol.articleList {list-style:none;}
 .articleList a {color: #c20018; text-decoration:none;}
 /* ---------------------visited link color comment out
 .articleList a:visited {color: #666;}
 */
 .articleList a:hover {color: #007ac2; text-decoration:underline;}
 
  #mainCol .articleList h3 {color:#000000; background-image:none; background: none; font-size: 1.25em; margin: 20px 0 0 0; padding: 0;}
  #mainCol .articleList p.date {line-height: 1.85em;; font: bold .85em Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; text-indent: 0;}
  li#showNew  { background: #d7d7d7;}
  #showNew img { margin-right: 10px;} 
  #mainCol .articleList #showNew h3 { background-color: #d7d7d7; font: bold 1.65em Verdana, Helvetica, sans-serif; color: #000000; line-height: 1.65em; margin: 0; }
  #mainCol .articleList #showNew p { background-color: #d7d7d7; font-size: 1.25em; line-height: 1.85em; text-indent: 1.5em; margin: 0 10px;}
  #mainCol .articleList #showNew p.date { background-color: #d7d7d7; line-height: 1.85em;; font: bold .85em Verdana, Helvetica, sans-serif; margin: 0 0 5px 0; text-indent: 0;}
  #mainCol .articleList p {text-indent: 1.5em; font-size: 1.25em; line-height: 1.5em;} 
  
  ul.prodList, .prodList ul { list-style: none; font-family: Verdana, Helvetica, sans-serif;}
  ul.prodList {border-left: 1px solid #999;}
  .prodList ul {padding-left: 30px;}
  .prodList h4 { font-size: 1em; font-weight: bold; padding-left: 10px;}
  .prodList a, .prodList a:hover, .prodList a:visited {font-size: .95em; font-weight: bold; } /*ORIGINAL FOR ALL PRODLIST LINKS HAVING EXTERNAL LINK ICON --- padding-right: 15px; background: url(../images/extLinkIcon.gif) no-repeat right center; */
  .prodList a { color: #c20018; text-decoration:none;}
  /* ---------------------visited link color comment out
  .prodList a:visited { color: #666; }  
  */
  .prodList a:hover { color: #007ac2; text-decoration:underline;}
  .prodList h4 a { font-size: 1em; font-weight: bold; text-decoration:underline; }
  .prodList h4 a:hover, ul.prodlist h4 a:visited {font-size: 1em; font-weight: bold;}
  a.extLink, a:hover.extLink, a:visited.extLink {padding-right: 15px; background: url(../images/extLinkIcon.gif) no-repeat right center;}
  
  #mainCol #video {
    margin-left: 40px;
  }