/*------------- [ GLOBAL SETTINGS ] -------------*/

* { padding: 0px; margin: 0px; }
img { border: 0px; }
a { outline: none; }


/*------------- [ LAYOUT ] -------------*/

body { margin: 2px 2px 2px 2px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
	#container { width: 100%; }
		#logo { width: 100%; background: #FFFFFF; }
			#logo img.logo { float: left; padding: 10px 0px 12px 10px; }
			
			#logo div.brands { width: 690px; float: right; margin: 10px 10px 0px 0px; }
				#logo div.brands span { width: 500px; float: right; margin: 0px 0px 10px 0px; color: #777777; font-size: 14px; font-family: Arial; font-style: italic; text-align: right; }
				#logo div.brands div { clear: both; background: url(../layout/brands.png); }
					#logo div.brands div a { float: left; }


/* Main Menu */
#menu_main {
	width: 100%;
	height: 27px;
	
	background-color: #FFCC00;
}

.menu_main_li {
	width: 14%;
	height: 20px;

	padding-top: 5px;
	
	border-top: solid 2px #FFCC00; 
	
	float: left;
	list-style: none;
	
	background-image: url(../layout/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #323232;
	
	text-align: center;
	
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

.menu_main_li_hover {
	width: 14%;
	height: 20px;

	padding-top: 5px;
	
	border-top: solid 2px #FFCC00; 
	
	float: left;
	list-style: none;
	
	background-color: #FFCC00;
	
	text-align: center;
	
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	
	cursor: pointer;
}

/* Sub Menu Main */
#menu_sub_main {
	width: 100%;
	height: 19px;
	
	padding-top: 6px;
	
	background-image: url(../layout/menu_shadow.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #999999;
}

#menu_sub_main span {
	padding-left: 12px;

	color: #000000;
	font-size: 11px;
}

#menu_sub_main a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#menu_sub_main a:hover {
	text-decoration: underline;
}

/* Sub Menu Left */
#middle {
	margin-top: 2px;
	background-color: #DDDDDD;
}

#menu_sub_left {
	width: 168px;
	
	float: left;
}

.menu_sub_left_ul_li, .menu_sub_left_ul_li_selected {
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	background-color: #DDDDDD;
}

.menu_sub_left_ul_li_selected {
	background-color: #EEEEEE;
}

.menu_sub_left_ul_li_hover {
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	
	text-decoration: underline;
	background-color: #EEEEEE;
	cursor: pointer;
}

.menu_sub_left_ul_ul_li, .menu_sub_left_ul_ul_li_selected {
	padding: 4px 10px 4px 28px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	
	background-image: url(../layout/menu_tip.gif);
	background-position: 18px;
	background-repeat: no-repeat;
	background-color: #DDDDDD;
}

.menu_sub_left_ul_ul_li_selected{
	background-color: #EEEEEE;
}

.menu_sub_left_ul_ul_li_hover {
	padding: 4px 10px 4px 28px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	
	background-image: url(../layout/menu_tip.gif);
	background-position: 18px;
	background-repeat: no-repeat;
	
	text-decoration: underline;
	background-color: #EEEEEE;
	cursor: pointer;
}

.menu_sub_left_ul_ul_ul_li, .menu_sub_left_ul_ul_ul_li_selected {
	padding: 4px 10px 4px 38px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	
	background-image: url(../layout/menu_tip.gif);
	background-position: 28px;
	background-repeat: no-repeat;
	background-color: #DDDDDD;
}

.menu_sub_left_ul_ul_ul_li_selected {
	background-color: #EEEEEE;
}

.menu_sub_left_ul_ul_ul_li_hover {
	padding: 4px 10px 4px 38px;
	border-bottom: 1px solid #BBBBBB;
	
	list-style: none;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	
	background-image: url(../layout/menu_tip.gif);
	background-position: 28px;
	background-repeat: no-repeat;
	
	text-decoration: underline;
	background-color: #EEEEEE;
	cursor: pointer;
}

/* Middle Left */
#middle_left {
	position: relative;
	margin-left: 168px;
	padding-left: 3px;

	background-color: #FFFFFF;
}

/* Content Header */
#header {
	height: 166px;
	
	background-image: url(../layout/header_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

#header_pic {
	float: left;
	border-right: 10px solid #FFCC00;
}

#header_content {
	position: relative;
	padding: 26px 10px 0px 10px;
	margin-left: 260px;
	_left: 174px;
	
	background-image: url(../layout/header_tip.gif);
	background-repeat: no-repeat;
	background-position: left 50px;
}

#header_content h1 {
	margin-top: 17px;
	padding: 0px 10px 8px 0px;
	
	font-family: "Arial Narrow";
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#header_content p {
	padding: 0px 10px 10px 0px;
	
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Inner Sections Header */
#header_inner {
	background-image: url(../layout/header_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	
	border-left: 10px solid #FFCC00;
}

#header_inner h1 {
	padding: 12px 10px 8px 10px;
	
	font-family: "Arial Narrow";
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	
	background-image: url(../layout/header_tip.gif);
	background-repeat: no-repeat;
	background-position: left 19px;;
}

#header_inner p {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	
	padding: 0px 10px 10px 10px;
}

/* Content */
#content {
	padding: 10px;
	min-height: 350px;
	_height: 350px;
}

/* Footer */
#footer {
	margin-top: 10px;
	border-top: 1px solid #BBBBBB;
	padding-top: 2px;
	color: #777777;
	font-size: 11px;
	text-align: right; 
}

#footer a, #footer a:visited {
	font-size: 11px;
	color: #777777;
}

#footer a:hover {
	color: #006699;
	text-decoration: underline;
}


/*------------- [ FLOAT CONTAINERS FIX ] -------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Holly Hack */