/* 

	- AAA Electrical Supply, Inc. -
	
	This is the main css file for the website, where 
	all the design is defined.


@import url('roundcorners.css');
@import url('ads.css');
@import url('misc.css');
*/


body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	background: #333333;
}

#wrap {/* Page area with with background */
	width: 860px;
	margin: 30px auto 0 auto; /* Top 30px, left auto, bottom 0 cause it doesn't work, and right auto, the auto is to put it into center. */
	background: #ffffff url(../images/wrap_corner_left.jpg) top left no-repeat;
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial;
}
.wrap_corner_right {/* rounds the right corner of the main page */
	background: url(../images/wrap_corner_right.jpg) top right no-repeat;
}
.bottom_space {/* sets the space to allow at the bottom of the page */
	margin-bottom: 30px;
}
#topcontent {/* sets the space to allow the content. shows as a white border around the page */
padding: 3px 3px 0 3px;
}
#header { /* sets the header background to blue and rounds the left corner of the header (by the logo) */
	background: #336699 url(../images/header_corner_left.jpg) top left no-repeat;
}
#top_header {/* rounds the right side of the header */
	background: url(../images/header_corner_right.jpg) top right no-repeat;
}

#header #logo { /* sets the space and location of the logo */
	padding: 10px 0px 0px 10px;
	width: 130px;
	float: Left;
	height: 135px;
}

#header #CompanyName {/* sets the space for the company name */
	padding: 10px 0px 0px 10px;
	float: left;
	width: 300px;
	height: 135px;
}
#header #CompanyName p {/* setting for the slogan */
	margin: 0;
	color: #FFFF9B;
	font-size: 1.3em;
	font-style: italic;
}

/* Address box
--------------------------------*/
#header #Address {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 225px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 15px;
	height: 135px;
}
DIV.Address_rtop {DISPLAY: block; BACKGROUND: #336699}
DIV.Address_rbottom {DISPLAY: block; BACKGROUND: #336699}
DIV.Address_rtop DIV {DISPLAY: block; BACKGROUND: #2171BD; HEIGHT: 2px; OVERFLOW: hidden}
DIV.Address_rbottom DIV {DISPLAY: block; BACKGROUND: #5C97CE; HEIGHT: 2px; OVERFLOW: hidden}
DIV.Address_r1 {MARGIN: 0px 5px}
DIV.Address_r2 {MARGIN: 0px 3px}
DIV.Address_r3 {MARGIN: 0px 2px}
DIV.Address_rtop DIV.Address_r4 {MARGIN: 0px 1px; HEIGHT: 0px}
DIV.Address_rbottom DIV.Address_r4 {MARGIN: 0px 1px; HEIGHT: 0px}
.Address_box {
	PADDING-BOTTOM: 6px;
	BACKGROUND-COLOR: #336699;
	Background: url(../images/background1.jpg) top left repeat-x;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
	COLOR: #ffffff;
	height: 100px;
	PADDING-TOP: 6px
}
.Address_box P {
       MARGIN: 5px;
	   color: #ffffff;
	   font-size: 1.2em;
	   font-family: Tahoma, Verdana, Arial;}
.Address_box a { text-decoration: underline; color: #FFFFFF; }
.Address_box a:hover { text-decoration: underline; color: #FF9900;}
/* Address box*/

/* Hours box
--------------------------------*/
#header #hours {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 5px;
	WIDTH: 155px;
	PADDING-RIGHT: 10px;
	FLOAT: right;
	PADDING-TOP: 15px;
	height: 135px;
}
DIV.hours_rtop {DISPLAY: block; BACKGROUND: #336699}
DIV.hours_rbottom {DISPLAY: block; BACKGROUND: #336699}
DIV.hours_rtop DIV {DISPLAY: block; BACKGROUND: #2171BD; HEIGHT: 2px; OVERFLOW: hidden}
DIV.hours_rbottom DIV {DISPLAY: block; BACKGROUND: #5C97CE; HEIGHT: 2px; OVERFLOW: hidden}
DIV.hours_r1 {MARGIN: 0px 5px}
DIV.hours_r2 {MARGIN: 0px 3px}
DIV.hours_r3 {MARGIN: 0px 2px}
DIV.hours_rtop DIV.hours_r4 {MARGIN: 0px 1px; HEIGHT: 0px}
DIV.hours_rbottom DIV.hours_r4 {MARGIN: 0px 1px; HEIGHT: 0px}
.hours_box {
	PADDING-BOTTOM: 6px;
	BACKGROUND-COLOR: #D6D6D6;
	Background: url(../images/background1.jpg) top left repeat-x;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	COLOR: #ffffff;
	height: 100px;
	PADDING-TOP: 6px
}
.hours_box H3 {
	   TEXT-ALIGN: Center;
	   height: 20px;
	   MARGIN: 0px;
	   color: #FDC600;
	   border-bottom: solid 2px #ffffff;
	   font-family: Tahoma, Verdana, Arial;}
.hours_box P {
       MARGIN: 5px;
	   text-align:center;
	   color: #ffffff;
	   font-size: 1.2em;
	   font-family: Tahoma, Verdana, Arial;}
/* Hours box*/

/* start of menu settings*/
#header #menu_container {
	width: 135px;
	padding: 0px 20px 0px 20px;
}
#header #menu {
	height: 30px;
	background: #264E75 url(../images/menu_bg.jpg) top right no-repeat;
	font-size: 1.3em;
}
#header #menu ul {
	list-style: none;
	height: 30px;
	margin: 0;
	padding: 0;
}
#header #menu ul li {
	display: inline;
}
#header #menu ul li a {
	display: block;
	float: left;
	color: #ffffff;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	background: url(../images/menu_bg_separator.jpg) top left no-repeat;
	padding: 0 10px;
}
#header #menu ul li a.active {
	text-decoration: none; color: #990000;
	background: #204264 url(../images/menu_bg_separator.jpg) top left no-repeat;
}
#header #menu ul li a.first {
	background: url(../images/menu_bg_leftcorner.jpg) top left no-repeat;
}
#header #menu ul li a:hover {
	text-decoration: None; color: #FF9900;
}
/* end of menu settings*/

#header #GetQuote_Container {
	width: 415px;	
	Background: url(../images/footer.jpg) bottom left repeat-x; 
	float: right;
}
#header #GetQuote {
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}
#header .GetQuote a {
	color: #FFFFFF;
	text-decoration: Underline;
}

#header .GetQuote a:hover {color: #FF9900;}

#body {
	background: url(../images/bg_body_top.jpg) top left repeat-x;
	padding: 25px 20px 0 20px;
}
#body .body_left {
	float: left;
	width: 405px;
}
#body .body_right {
	float: right;
	width: 405px;
}
#body.maintenance {
	background: url(../images/maintenance.jpg) bottom right no-repeat;
}
#body h1 {
	font-size: 1.8em;
	color: #264E75;
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Arial;
}
#body p {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	margin: 0 0 15px 0;
	padding: 0;
}

#body p a,
ul.asterix a {
	color: #336699;
	text-decoration: underline;
}
#body p a:hover {
}

#body ul.asterix {
	padding: 0 20px;
	margin: 0 0 15px 0;
	list-style: none;
	font-size: 1.4em;
}
#body ul.asterix li {
	padding: 0 0 5px 15px;
	background: url(../images/bullet1.gif) 1px 3px no-repeat;
}
#body ul.asterix li.green {
	background: url(../images/ul_asterix_li_green.jpg) 1px 3px no-repeat;
	color: #00CC00;
}
#body #body_left {
	width: 350px;
	float: left;
}
#body #body_left p.title {
}
#body #body_left p.title span {
	font-weight: normal;
	color: #950065;
}
#body #body_right {
	width: 440px;
	padding-left: 20px;
	float: right;
}

.bottomshadow {
	background: url(../images/bg_body_bottom.jpg) bottom left repeat-x;
}	

#bottomcontent {
	background: url(../images/bottomcontent_corner_left.jpg) bottom left no-repeat;
}
#bottomcontent .bottomcontent_right {
	background: url(../images/bottomcontent_corner_right.jpg) bottom right no-repeat;
	padding: 3px;
}
#footer {
	background: #336699 url(../images/footer_corner_left.jpg) bottom left no-repeat;
	border-top: 1px solid #264E75;
	color: #FFFFFF;
	font-size: 1.1em;
}
#footer .footer_corner_right {
	background: url(../images/footer_corner_right.jpg) bottom right no-repeat;
}
#footer .copyright {
	padding-bottom: 10px;
	padding-top: 10px;
	width: 400px;
	float: left;
	padding-left: 10px;
	text-align:left;
	valign: bottom;	
}
#footer .copyright a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .feedback {
	padding-bottom: 10px;
	padding-top: 10px;
	width: 400px;
	float: right;
	text-align:right;
	Padding-right: 10px;
}
#footer .feedback a {
	color: #FFFFFF;
	text-decoration: Underline;
}

#footer .feedback a:hover { text-decoration: underline; color: #FF9900;}

.clearer {clear: both;}


/* left side Boxes */

.boxed {
	float: left;
	clear: left;
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
	background: #EFF3F9;
}

.boxed .heading {
	margin-top: 0;
	padding: 8px 15px;
	background: #5E80BD url(images/img3.gif) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.boxed .content {
	margin: 0;
	padding: 5px 14px 10px 14px;
}

.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.boxed li {
	padding: 3px 0;
	border-top: 1px dotted #1F1F21;
}

.boxed li.first {
	border: none;
}

.boxed a {
	padding-left: 10px;
	background: url(images/img4.gif) no-repeat left center;
	text-decoration: none;
}

/* end of left side Boxes */