/* Main Stylesheet for Guidepoint Dealer Website */

/* ================ GLOBAL STYLING FOR ALL PAGES ========================*/

* {
	margin:0; padding:0;
}

body{
	/*background:#343434 url(images/page_bg.jpg) repeat-x;  THIS WAS THE DARK BACKGROUND */
	background-color:#EFF2F3; /* was EFF2F3 or a bit darker with #EAEDEE*/
}

/* links ----------- */
a {color:#3d6f92;}

a:hover{text-decoration:none;}

a img { border:0; }


/* images -----------------*/

img {vertical-align:top;}
.frame {border:3px solid #E4E9EC; padding:4px;}
.space {margin:10px 10px 10px 0px;}


/* lists -----------------*/

ul { list-style:none; line-height:1.2em;} /* don't change height-affects nav bar */
li { padding-bottom:8px;}  /* color was 3D6F92 */
li a {color:#3d6f92;} /* nice blue */
ol {line-height:1.5em;}


/* headings -----------------------*/

h1 {
	font-size:16px;
	color:#426399; 
	line-height:22px;
	padding:6px 0px 10px 0px;
	text-transform:uppercase;
} 
h2 {
	font-size:16px;
	color:#CC3300; /* nice red B23B30 */
	font-weight:200;
	line-height:1.3em;
	padding:10px 0px 10px 0px;
}
h3{
	font-size:13px;
	color:#426399; /* was orange FF6633 */
	text-transform:uppercase;
	font-weight:200;
	padding-top:5px;
	padding-bottom:10px;

}
h4 {
	font-size:12px;
	color:#CC3300; /* was orange FF6633 */
	text-transform:uppercase;
	font-weight:100;
	padding-top:5px;
	padding-bottom:10px;
}

/* forms -------------- */

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}
form label {font-size:1.1em;}
form input {margin-bottom:8px;}
form select {width:180px;}


#wrapper { margin:0 auto;width:940px; background:transparent;} /* was 800, f9f9f9 - EEEDE7*/

/* save previous version - #header {height:80px;background-color:#333333; background:url(images/bg-hdr3.gif) top repeat-x;}  */
#header {height:80px;background:transparent;} /* was 1B1B1B */

#header .left {padding:13px 0 0 0;} /* top padding influences placement of logo - was 26 */

#header .right {
	float:right; padding:10px 20px 0 0px; width:330px;} /* top sub-navigation items if used */

#header .right ul {
	list-style:none; margin:0; padding:7px 0px 0px 0px;
}
#header .right li {
	float:left; /* do not remove this */
	display:inline;
	margin-left:2px;
	padding:0px 10px 0px 10px;
}
#header .right a {
	color:#666666; /* was aeaeae */
	font-family:arial; 
	font-size:95%; 
	padding:0 5px 2px 0;
	display:block;

} 
.h_logo{ height:90px; width:100%; padding:5px 0px 0px 20px;} /* this positions the top sub-nav elements */

/* main menu --------------------- */

#menu { width:100%; margin:0 auto; }

#menu .rightbg {background:url(images/menu-right.gif) top right no-repeat;}

#menu .leftbg {background:url(images/menu-left.gif) top left no-repeat; width:100%; height:39px;}

#menu ul {margin-right:9; margin-left:9px;} 

#menu li {float:left; width:153px; background:url(images/menu_tall.gif) top repeat-x; font-size:12px; text-align:center; display:block; border-right:1px solid #3d3d3d;}

#menu li a {color:#eaeaea; text-decoration:none; font-weight:normal;  font-size:12px; display:block; padding:12px 0 5px 0;}

#menu li span{ display:block; padding:8px 0 5px 0;}

#menu li a:hover {color:#EB443B; text-decoration:underline;}

#menu li span {color:#EB443B; text-decoration:underline;}

#menu .last {border:none;}



#content { width:99%; margin:10 auto; } /* background-color:#EFF2F3;  */


/* ------- footer attributes ------------------*/

#footer {
	margin-top:20px;
	height:61px; 
	background-image:url(images/bg-footer.gif);
	background-repeat: no-repeat;
}  
#footer p {padding:20px 0 0 25px;}
#footer a {color:#aeaeae; font-weight:bold; font-size:90%;}


/*========== liquid rounded corner boxes ================*/
.liquid_round {
	width:100%;
	margin:0px auto;
	background:#FFF url(images/leftside.gif) repeat-y left top;
}
.top {
      width:100%;
      height:20px;
      background:url(images/top.gif) no-repeat left top;
      }
.top span {
      display:block;
      position:relative;
      height:20px;
      background:url(images/top-right.gif) no-repeat right top;
    }

.center_content {
      position:relative;
      background:url(images/rightside.gif) repeat-y right top;
      padding:1px 20px 1px 30px;
      margin:-1px 0 -50px 0; 
}

.bottom {
      height:60px;
      background:url(images/bottom.gif) no-repeat left bottom;
}
   .bottom span {
      display:block;
      position:relative;
      height:60px;
      background:url(images/bottom-right.gif) no-repeat right top;
    }
	
/* other -------------------------- */

html, input, textarea
	{
		font-family:"Lucida Grande", Helvetica, Arial, san-serif;
		font-size:11px;
		line-height:17px;
		color:#666666;	/* was 868686 - too light */	
	}

p {padding-bottom:10px;}

input, select { vertical-align:middle; font-weight:normal;}

.link3 { display:block; float:left; background:url(images/link3-bg.gif) left top repeat-x; color:#fff; text-decoration:none; margin-left:12px;}
.link3 em { display:block; background:url(images/link3-left.gif) no-repeat left top;}
.link3 b { display:block; background:url(images/link3-right.gif) no-repeat right top; padding:3px 9px 4px 10px; font-weight:normal; font-style:normal;}
.link3:hover { text-decoration:underline;}

strong {font-size:12px; } /* color:#444444; */

.floatl { float:left;}
.floatr {float:right;}

.clear  { clear:both;}
.quote {color:#3d6f92; font-style:italic;}

.dotted_line {border-bottom:2px dotted #aeaeae;  margin-bottom:15px;} 


.b_text {color:#3d6f92;} /* blue text */
.r_text {color:#CC3300;}  /* red text #EB443B*/



/* ============ HOME PAGE FORMATTING ================= */

#home_feature {
	margin:10px auto;
	height:280px; /* was 287 */
	background-color:#3F6197; /* squares teal = 007175 - websafe teal 336666 */
	border:1px solid #C7C7C7; /*eaeaea */
	border-bottom:2px solid #666666;
}
#home_feature img {float:center; margin:0;}


#left_side {
	/*width:460px;background-color:#FFFFFF;	border:1px dotted #aeaeae;
*/
	width:580px; /* was 64% */
	margin:0px;
	/*padding:0px 20px 0px 20px; */
}

#right_section { 
	float:right;
	margin-right:10px;
	width:33%;
	/*width:305px;*/
}

/* tabbed content area */

#tabbed_container {
	margin-top:10px;
	width:500px;
	min-height:260px;
	float:right;
	margin-right:35px;
	/*height:230px; */
	background: #FFFFFF url(images/bg-hometabs2.jpg) no-repeat;
	border-bottom:1px dotted #aeaeae;  margin-bottom:15px;
}
.tabbed_box {
	margin: 0px auto 0px auto;
	width:300px;
	
}
/* not used but could be */
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	padding:8px;
}

ul.tabs {
		float:right;
		list-style:none;
		margin:14px 0 0 0;
		padding:0;
}
/* li for positioning - a for styling */
ul.tabs li { 
	display:inline;
	
}

ul.tabs li a {
	padding:8px 15px 8px 15px;
	color:#333333;
	background:url(images/hometab-tab.gif) 0 0 no-repeat;
	text-decoration:none;
	font-size:11px;
	text-align:center;
}

ul.tabs li a:hover {
	background-position:0 -33px;
	color:#F1F1F1; 
	text-decoration:none;

}

ul.tabs li a.active {
	background-position:0 -33px;
	color:#F1F1F1; 
	text-decoration:none;

}

.content {
	margin:60px 0px 0px 30px;
}
#content_2, #content_3 { display:none; } /* makes them vanish */

/* ============ SUB PAGE FORMATTING ================= */

#sub_header {
	min-height:280px;
	margin:0; padding:0;
}
	#sub_left {
		float:left;
		width:280px;
		
	}
	#sub_left h1 {font-size:1.3em;}
	
	#sub_nav {
		width:210px;
	}
	
	#sub_nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#sub_nav li {border-bottom:1px solid #ED9f9f; margin-bottom:1px; padding-bottom:1px; background:url(images/nav-l2-bg.jpg); }
	
	#sub_nav li a {
		font-size:1.1em;
		display:block;
		padding:7px 5px 8px 10px; /* SAVE padding:10px 5px 10px 10px; */
		border-left:12px solid #711515;
		/*background-color:#B51032; */
		color:#F1F1F1;
		text-decoration:none;
	}
	#sub_nav li a:hover { font-size:1.2em;} 
	
	#sub_nav li .breadcrumb {
		color:#474747;
		background:url(images/nav-white.jpg);
		font-size:1.2em;
	}	
	#sub_feature {
		margin:10px 0px 0px 300px;
		/*height:175px;
		width:775px; */
		background-color:#3F6197; /* squares teal = 007175 - websafe teal 336666 */
		border:3px solid #eaeaea;
	}
	#sub_feature .message {
		font-family:'Lucinda Grande', Helvetica, Arial;
		width:200px;
		float:right;
		margin-top:20px;
		font-size:18px;
		line-height:1.4em;
		color:#F1F1F1;
		text-align:left;
	}
	

#sub_content_block {
	margin:0; padding:0;
	margin-top:-5px;
}


	#content_right {
		width:630px;
		margin:15px 0px 0px 295px;
		/*padding:0px 20px 20px 20px;  */
	}
	#content_left {
		width:640px;
		margin:15px 0px 0px 0px;
		/*padding:0px 20px 20px 20px;  */
	}
	#right_sidebar {
		float:right;
		width:280px;
		/*margin-top:15px;
		padding:10px 10px 10px 10px; 
		border-right:1px dotted #aeaeae;*/
	}


	.pd {margin-top:20px; padding:10px 10px 10px 14px; border:1px solid #cccccc; background-color:#FFFFFF;}