/*******************

START - Structure Components

*******************/
body{
	background:url(http://www.landsend.com/IMAGES/OTHER/110208_gn_bkgrd.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

.page{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:990px;
	color:#444444;
}

#header,
#base,
#footer{
	float:none;
	clear:both;
}

#header{
	margin-bottom:15px;
}

#header a{
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}

#footer{
	margin-top:15px;
}

/*******************

END - Sturcture Components

*******************/

/*******************

START - Alerts and Error Messaging

*******************/

/***Notification Defaults***/
.noticeBorderOrange,
.alertSolidOrange,
.warnBorderRed,
.errorSolidRed,
.completionBorderGreen,
.completionSolidGreen{
	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,
.completionBorderGreen p,
.completionSolidGreen p{
	margin:0;
}
/***Notifices & Alerts***/
.noticeBorderOrange{
	background-image: url(../images/notifications/noticeBorderOrange.gif);
	border:1px solid #FF6600;
	color:#FF6600;
}
.alertSolidOrange{
	background-image: url(../images/notifications/alertSolidOrange.gif);
	background-color: #FF6600;
	color:#FFFFFF;
}

/***Warnings And Errors***/
.warnBorderRed {
	background-image: url(../images/notifications/warnBorderRed.gif);
	border:1px solid #CC0000;
	color:#CC0000;
}
.errorSolidRed{
	background-image: url(../images/notifications/errorSolidRed.gif);
	background-color: #CC0000;
	color:#FFFFFF;
}
/***Warnings And Errors***/
.completionBorderGreen {
	background-image: url(../images/notifications/completionBorderGreen.gif);
	border:1px solid #009900;
	color:#009900;
}
.completionSolidGreen{
	background-image: url(../images/notifications/completionSolidGreen.gif);
	background-color: #009900;
	color:#FFFFFF;
}
/*******************

END - Alerts and Error Messaging

*******************/
/*******************

START - Buttons

*******************/
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(../images/form_elements/ppa.gif);	
}

/* Secondary Page Action - Light Blue*/
.btn_spa{
	background:#DBE4ED;
	background-image:url(../images/form_elements/spa.gif);
	color:#05173D;
}
/* Other Page Action - Dark Blue*/
.btn_opa{
	background:#05173D;
	background-image:url(../images/form_elements/opa.gif);
}

/*******************

END - Buttons

*******************/
/*******************

START - Form Elements

*******************/

input.input_txt,
input.input_txt_focus,
input.input_txt_disabled,
input.input_3digit_txt,
input.input_3digit_txt_focus,
input.input_3digit_txt_disabled,
input.input_4digit_txt,
input.input_4digit_txt_focus,
input.input_4digit_txt_disabled,
textarea.input_txt,
textarea.input_txt_focus{
	border:1px solid #CCCCCC;
	background-image:url(../images/form_elements/input_bg_default.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:#444444;
	padding:3px 5px 2px 5px;
	font-size:.80em;
	vertical-align:middle;
	width:15em;
}
textarea.input_txt,
textarea.input_txt_focus{
	font-family:Arial, Helvetica, sans-serif;
}

input.input_3digit_txt,
input.input_3digit_txt_focus,
input.input_3digit_txt_disabled{
	width:3.25em;
	text-align:center;
	margin-right:8px;
}
input.input_4digit_txt,
input.input_4digit_txt_focus,
input.input_4digit_txt_disabled{
	width:4.5em;
	text-align:center;
}

input.input_txt_focus,
textarea.input_txt_focus,
input.input_3digit_txt_focus,
input.input_4digit_txt_focus{
	background-image:url(../images/form_elements/input_bg_focus.gif);
	color: #000000; 
	background-color: #f8f8b2;
	border-color:#444444;
}

input.input_txt_disabled,
textarea.input_txt_disabled,
input.input_3digit_txt_disabled,
input.input_4digit_txt_disabled{
	background-image:url(../images/form_elements/input_bg_disabled.gif);
	color:#666666;
	cursor:not-allowed;
}

/*******************

END - 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;
}

#ghNavigation div{
	padding:6px 0px 0px 0px;
}

#ghNavigation a:link,
#ghNavigation a:visited,
#ghNavigation a:hover{
	color:#666666;
	padding-left:18px;
}


a#phoneNumber:link, a#phoneNumber:visited, a#phoneNumber:hover{
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}

#shoppingBag{
	background-image:url(../images/010609_shopping_bag.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:15px;
}

/* Tab Navigation */
#tabNavigation{
	clear:both;
	float:none;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF;
	*height:34px;
}
#tabNavLinks{
	float:left;
}

#global_search_form{
	padding:5px 0px 0px 0px;
	float:right;
}

#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 25px 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;
}

#gfCopyright{
	padding:8px 0px;
	text-align:right;
	font-size:.70em;
	color:#464646;
}
/*******************

END - Footer - Content

*******************/