/*******************



START - Structure Components



*******************/

body{

	font-family:Arial, Helvetica, sans-serif;

	background-color:#FFFFFF;

}



.page{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1000px;
	color:#444444;
}



#hd,

#bd,

#ft{

	float:none;

	clear:both;

}



#hd{

	margin-bottom:15px;
	background:#FFF;
}



#hd a{

	text-decoration:none;

}

#hd a:hover{

	text-decoration:underline;

}



#ft{

	margin-top:15px;

}



/*******************



END - Sturcture Components



*******************/



/*******************



START - Alerts and Error Messaging



*******************/



/***Notification Defaults***/

.noticeBorderOrange, .alertSolidOrange, .warnBorderRed, .errorSolidRed {

	background-repeat: no-repeat;

	background-position: left;

	padding: 10px 10px 10px 35px;

	margin:10px 0px 10px 0px;

	font-size:.83em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align: justify;

}

.noticeBorderOrange p, .alertSolidOrange p, .warnBorderRed p, .errorSolidRed p{

	font-size:1em;

	font-weight:bold;

	margin:0;

	padding:0;

}



/***Notifices & Alerts***/

.noticeBorderOrange{

	background-image: url(/static/webcontent/images/notifications/noticeBorderOrange.gif);

	border:1px solid #FF6600;

	color:#FF6600;

}

.alertSolidOrange{

	background-image: url(/static/webcontent/images/notifications/alertSolidOrange.gif);

	background-color: #FF6600;

	color:#FFFFFF;

}



/***Warnings And Errors***/

.warnBorderRed {

	background-image: url(/static/webcontent/images/notifications/warnBorderRed.gif);

	border:1px solid #CC0000;

	color:#CC0000;

}

.errorSolidRed{

	background-image: url(/static/webcontent/images/notifications/errorSolidRed.gif);

	background-color: #CC0000;

	color:#FFFFFF;

}

/*******************



END - Alerts and Error Messaging



*******************/

/*******************



START - Button and Form Element Components



*******************/

button, input {

	width: auto;

	overflow: visible;

	vertical-align:middle;

	cursor:pointer;

	white-space:nowrap;

	margin:0;

	padding:0;

}



.btn_ppa, .btn_spa, .btn_opa{

	padding:3px 5px 2px 5px;

	background:#FFFFFF;

	border:0;

	background-position:bottom;

	background-repeat:repeat-x;

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:.75em;

	font-weight:bold;

}

/* Primary Page Action - Orange*/

.btn_ppa{

	background:#FF6600;

	background-image:url(/static/webcontent/images/form_elements/ppa.gif);	

}



/* Secondary Page Action - Light Blue*/

.btn_spa{

	background:#DBE4ED;

	background-image:url(/static/webcontent/images/form_elements/spa.gif);

	color:#05173D;

}

/* Other Page Action - Dark Blue*/

.btn_opa{

	background:#05173D;

	background-image:url(/static/webcontent/images/form_elements/opa.gif);

}





input.input_txt, textarea.input_txt{

	border:1px solid #CCCCCC;

	background-image:url(/static/webcontent/images/form_elements/inputBG.gif);

	background-repeat:repeat-x;

	background-position:top;

	color:#444444;

	padding:3px 5px 2px 5px;

	font-size:.70em;

	vertical-align:middle;

	width:12em;

}

textarea.input_txt{

	width:24em;

	font-family:Arial, Helvetica, sans-serif;

}



input#phoneAreaCode, input#phone3Digit{

	width:2.25em;

	text-align:center;

}

input#phone4Digit{

	width:3.5em;

	text-align:center;

}



/*******************



END - Button and Form Element Components



*******************/



/*******************



START - HEADER - Content



*******************/


.logoLarge{
	width:275px;
	height:57px;
	float:left;
}


#ghNavigation{
	font-size:.70em;
	text-align:right;
	float:right;
	padding-top:6px;
	color:#666;
}



#ghNavigation div{
	/*padding:6px 10px 0px 0px;*/
	padding:6px 0 0 0;
}



#ghNavigation a:link,
#ghNavigation a:visited,
#ghNavigation a:hover{
	color:#666;
	padding-left:18px;
}

#sb-search-row {
	float:right;
}


a#phoneNumber:link, a#phoneNumber:visited, a#phoneNumber:hover{

	font-weight:bold;

	text-decoration:none;

	cursor:default;

}


 #shoppingBag{
	 background:url(/static/webcontent/images/040609_le_int_shopping_bag.gif) no-repeat scroll 0px 1px transparent;
	 padding-top:5px;
	 padding-right:12px;
	 display:inline-block;
	 float:left;
 }
 
/* Tab Navigation */

#tabNavigation {
	clear:both;
	float:none;
	border-top:0;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCC;
	background:#FFFFFF;
}

#tabNavLinks{

	float:left;

}



 #global_search_form{
	 font-size:1.35em;
	 padding:0px;
	 float:left;
 }



#global_search_form span{

	padding:0px 0px 0px 3px;

}





/*** Global Tab Navigation ***/



/*** ESSENTIAL STYLES ***/

.gn_menu, .gn_menu * {

	

	margin:			0;

	padding:		0;

	list-style:		none;

	z-index:		10;

	font-weight:	normal;

}

.gn_menu {

	line-height:	1.0;

}

.gn_menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.gn_menu ul li {

	width:			100%;

}

.gn_menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.gn_menu li {

	float:			left;

	position:		relative;

}

.gn_menu a {

	display:		block;

	position:		relative;

}

.gn_menu li:hover ul,

.gn_menu li.sfHover ul {

	left:			0;

	top:			35px; /* match top ul list item height */

	z-index:		99;

}

ul.gn_menu li:hover li ul,

ul.gn_menu li.sfHover li ul {

	top:			-999em;

}

ul.gn_menu li li:hover ul,

ul.gn_menu li li.sfHover ul {

	left:			35px; /* match ul width */

	top:			0;

}

ul.gn_menu li li:hover li ul,

ul.gn_menu li li.sfHover li ul {

	top:			-999em;

}

ul.gn_menu li li li:hover ul,

ul.gn_menu li li li.sfHover ul {

	left:			33px; /* match ul width */

	top:			0;

}



/*** SKIN ***/

.gn_menu {

	float:			left;

}

.gn_menu a {

	padding: 		10px 10px 10px 10px;

	text-decoration:none;

}

.gn_menu a, .gn_menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#464646;

}

.gn_menu ul{

		border:none;

}

.gn_menu ul li ul{

		border:none;

}

.gn_menu li {

	background:		#FFFFFF;

}

.gn_menu li h2 a, .gn_menu li h2 a:visited,

.gn_menu li h2 a.selected, .gn_menu li h2 a.selected:visited{

	font-size:		14px;

	/*font-weight:	bold;*/

	color:	#05173D;

	font-family:Helvetica, sans-serif;

	border-right:1px solid #FFFFFF;

}

.gn_menu li h2 a.selected, .gn_menu li h2 a.selected:visited{

	background:#DBE4ED;

}.gn_menu li li {

	background:		#FFFFFF;

}

.gn_menu li li h4{

	font-size:		12px;

	border-left:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;

}

.gn_menu li li li {

	background:		#FFFFFF;

}

.gn_menu li li li h6{

	font-size:		12px;

	border-left:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;	

}

.gn_menu li:hover, .gn_menu li.sfHover,

.gn_menu a:focus, .gn_menu a:hover, .gn_menu a:active {

	background:		#DBE4ED;

	outline:		0;

}



/*** arrows - These are not currently used but built in ***/

.gn_menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('/static/webcontent/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.gn_menu ul .sf-sub-indicator { background-position:  -10px 0; }

.gn_menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.gn_menu ul a:focus > .sf-sub-indicator,

.gn_menu ul a:hover > .sf-sub-indicator,

.gn_menu ul a:active > .sf-sub-indicator,

.gn_menu ul li:hover > a > .sf-sub-indicator,

.gn_menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('/static/webcontent/images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}





/*** END Global Navigation ***/





/*******************



END - HEADER - Content



*******************/





/*******************



START - Footer - Content



*******************/

#gfNavigation{

	border:1px solid #CCCCCC;

	border-right:0;

	border-left:0;

	padding:8px 0px 8px 0px;	

	font-size:.70em;

}

#gfNavigation h6{

	margin:0;

	padding:0;

}



#gfNavigation ul {

	margin:0;

	padding:0px 70px 0px 0px;

	float:left;

}





.gfSectionHeading{

	font-weight:bold;

}



#gfNavigation ul li{

	list-style:none;

	padding:1px 0px 1px 0px;

}



#gfNavigation ul li a:link,

#gfNavigation ul li a:visited,

#gfNavigation ul li a:hover{

	color:#464646;

	text-decoration:none;

}

#gfNavigation ul li a:hover{

	text-decoration:underline;

}

#gfNavigation ul li h6 a:link,

#gfNavigation ul li h6 a:visited,

#gfNavigation ul li h6 a:hover{

	color:#444444;

}



#gfNavigation ul#verisign{

	padding:0px;

	float:right;

}


#gfDisclaimer {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 8px;
        FONT-SIZE: 0.7em;
        PADDING-BOTTOM: 8px;
        COLOR: #464646;
        PADDING-TOP: 8px;
        TEXT-ALIGN: left;
        width: 500px;
        float: left;
}

#gfCopyright{

	padding:8px 0px;

	text-align:right;

	font-size:.70em;

	color:#464646;

}

#gfNavigation ul#social-media{
	float:left;
	padding:0px;
}
#gfNavigation ul li.social-media{
	padding-left:20px;
	margin-bottom:4px;
	background:transparent url(/static/webcontent/images/social_media/social_media.gif) no-repeat scroll 0 0;
	line-height:14px;
	font-weight:bold;
}
#gfNavigation ul li#twitter{
	background-position:0px -16px;
}
#gfNavigation ul li#blog{
	background-position:0px -32px;
}
#gfNavigation ul#verisign {
	float:none;
}
#gfNavigation ul#verisign img{
	margin-left:32px;	
}

/*******************



END - Footer - Content



*******************/

