/*

jonk
2006-05/06
range IV

*/

/* ----------------------------------------------------------------------------------- start generic styles */

form, select, option, input, textarea, body, table, tr, td, a, pre {
	text-decoration:none;
	color:#333;
	font-family:Verdana, sans-serif;
}

a, a:link, a:active, a:visited {
	color:#3399FD;
	text-decoration:none;
}

a:hover {
	color:#3399FD;
	text-decoration:underline;
}

body {
	margin:0px;
	padding:0px;
	border:0px;
	background-color: #F2F1E9; /*F2F1E9*/
	font-size:0.6em;
	text-align:center;
}

img {
	border:0px;
}

form {
	padding:0px;
	margin:0px;
	border:0px;
}

input, textarea {
	background-color:#fff;
}

select {
	font-size:1.15em;
	height:1.636em;
}

/* ----------------------------------------------------------------------------------- end generic styles */

/* ------------------------------------------------- New button layout - start ----- */

div.buttonContainer {
	position:relative;
	top:-1px;
	left:-1px;
	display:inline;
	height:22px;
}

div.buttonContainer a {
	cursor:pointer;
	text-decoration:none;
	font-size:1.15em;
	line-height:1.909em;
	white-space:nowrap;
}

div.buttonContainer a:hover, div.buttonContainer a.hover {
	text-decoration:none;
}	

div.buttonContainer a .buttonCaption {
	display:inline;
	background-repeat:repeat-x;
	background-image:url('../img/button/button_content.gif');
	padding:4px 0 5px 0;
	text-decoration:none;
	white-space:nowrap;
	color:#333;
}

div.buttonContainer a .buttonCaption input {
	color:#333;
}

div.buttonContainer a.disabledButton, div.buttonContainer a.disabledButton input {
	cursor:default;
}

div.buttonContainer a.blueButton .buttonCaption,
div.buttonContainer a.blueButton .buttonCaption input {
	color:#fff;
}

div.buttonContainer a.disabledButton .buttonCaption,
div.buttonContainer a.disabledButton .buttonCaption input {
	color:#999;
}

div.buttonContainer a .buttonLeft, div.buttonContainer a .buttonRight {
	display:inline;
	padding:4px 3px 5px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
}		

div.buttonContainer a .buttonLeft {
	background-image:url('../img/button/button_left.gif');
}

div.buttonContainer a .buttonRight {
	background-image:url('../img/button/button_right.gif');
}

div.buttonContainer a:hover .buttonLeft, div.buttonContainer a.hover .buttonLeft {
	background-image:url('../img/button/button_left_hover.gif');
	text-decoration:none;
}

div.buttonContainer a:hover .buttonRight, div.buttonContainer a.hover .buttonRight {
	background-image:url('../img/button/button_right_hover.gif');
	text-decoration:none;
}

div.buttonContainer a:hover .buttonCaption, div.buttonContainer a.hover .buttonCaption {
	background-image:url('../img/button/button_content_hover.gif');
	text-decoration:none;
}

div.buttonContainer a.blueButton .buttonLeft {
	background-image:url('../img/button/button_blue_left.gif');
}

div.buttonContainer a.blueButton .buttonRight {
	background-image:url('../img/button/button_blue_right.gif');
}

div.buttonContainer a.blueButton .buttonCaption {
	background-image:url('../img/button/button_blue_content.gif');
}

div.buttonContainer a.blueButton:hover .buttonLeft,
div.buttonContainer a.hover .buttonLeftBlue {
	background-image:url('../img/button/button_blue_left_hover.gif');
}

div.buttonContainer a.blueButton:hover .buttonRight,
div.buttonContainer a.hover .buttonRightBlue {
	background-image:url('../img/button/button_blue_right_hover.gif');
}

div.buttonContainer a.blueButton:hover .buttonCaption,
div.buttonContainer a.hover .buttonCaptionBlue {
	background-image:url('../img/button/button_blue_content_hover.gif');
}

div.buttonContainer a.disabledButton .buttonLeft {
	background-image:url('../img/button/button_left.gif');
}

div.buttonContainer a.disabledButton .buttonRight {
	background-image:url('../img/button/button_right.gif');
}

div.buttonContainer a.disabledButton .buttonCaption {
	background-image:url('../img/button/button_content.gif');
}

div.buttonContainer a.disabledButton:hover .buttonLeft {
	background-image:url('../img/button/button_left.gif');
}

div.buttonContainer a.disabledButton:hover .buttonRight {
	background-image:url('../img/button/button_right.gif');
}

div.buttonContainer a.disabledButton:hover .buttonCaption {
	background-image:url('../img/button/button_content.gif');
}

div.buttonContainer a input,
div.linkButtonContainer a input {
	padding:0;
	font-size:1em;
	background:none;
	border:0;
	margin:0 -3px;
	cursor:pointer;
}

div.buttonContainer a.blueButton input {
	color:#fff;
}

/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.buttonContainer a input { height:22px; margin:0; }
	div.linkButtonContainer a input { margin:0; }
}

div.linkButtonContainer {
	display:inline;
}

div.linkButtonContainer a input {
	color:#3399FD;
} 	

/* ------------------------------------------------- New button layout - end ------- */

/* ----------------------------------------------------------------------------------- start main container ids */

#allContent {
    font-family:Verdana,sans-serif;
	background-color:#FFFFFF;
	width:95.83em;
	padding:0px;
	margin:0px;
	border:0px;
    margin:7px auto;
    text-align:left; 
    margin-left:auto; 
    margin-right:auto;
}

/* white padding for the whole page, navigation included */
#allContent #mainPadding { 
    padding:0.63em 1.02em;
	background-color:#FFFFFF;
	width:93.79em; /* Changed from 900px */
}

/* the page itself without header and footer*/
#allContent #mainPadding #main {
	background-color:#FFFFFF;
    margin-top:0.21em;
	overflow:hidden;
	_overflow:none; /*Fix for IE 5.5*/
}

/* ----------------------------------------------------------------------------------- end main container ids */

/* ----------------------------------------------------------------------------------- start general styles */

a.arrowLink:link, a.arrowLink:visited, a.arrowLink:active {
    color:#3399FD;
    display:inline;
    float:none;
    text-decoration:none;
    font-size:1.15em;
}

a.arrowLink:hover {
    text-decoration:underline;
}

a.arrowLinkActive:link, a.arrowLinkActive:visited, a.arrowLinkActive:active, a.arrowLinkActive:hover {
    color:#FF6633;
    font-weight:normal;
}

/* ----------------------------------------------------------------------------------- end general styles */

a.skipToMainContent, a.skipToMainContent:link, a.skipToMainContent:visited {
	position:absolute;
	top:0px;
	left:0px;
	font-size:0em;
	background-color: #F2F1E9;
	color: #F2F1E9;
	z-index:501;
}


a.skipToMainContent:active, a.skipToMainContent:focus {
	top:0px;
	left:0px;
	font-size:1.5em;
	background-color:#FFFFFF;
	color: #000000;
	padding:1.5em;
}

.rightContent .horizontalBorder {
	clear:both;
	display:block;
	background-color:#EBE8D8;
	height:1px;
	overflow:hidden;
	margin:1.04em 0 1.04em 1.04em;/*10px;*/
	width:71.88em;
}

.linkImg {
    border:0 none;
    height:8px;
    width:6px;
    margin-right:0.21em;
}

.prodLinkImg {
    width:0.52em; /*5px;*/
    height:0.52em;
    border:0;
    margin:0.42em 0.42em 0 1.04em;
}

.newImg {
	width:3.65em;/*35px;*/
	height:2.19em;/*35px;*/
}

.goBtn {
	width:4.38em;/*42px*/
	height:2.08em;/*20px*/
}

/* class used to float an element */
.floatIt {
    float:left; 
    display:inline;
}

/* ----------------------------------------------------------------------------------- start Wide ad */
	
.rightContent .adsContainer .adWideContainer {
	width:35.93em; /*345px; Changed from 35.94em due to FF3 issue*/
	height:24.48em; /*235px;*/
	display:inline;
	float:left;
	clear:right;
    padding-top:1.04em; /*10px;*/
    padding-bottom:1.04em; /*10px;*/
    overflow:hidden;
}

.rightContent .adsContainer .adWideContainer .leftContent {
    float:left;
    width:16.67em; /*160px;*/
    overflow:hidden;
}

.rightContent .adsContainer .adWideContainer .wideHeaderContainer {
    padding-left:1.04em; /*10px;*/
}

.rightContent .adsContainer .adWideContainer .wideHeader {
	font-size:1.458em; /* 14px*/
    font-weight:bold;
    color:#333;
	line-height:1.15em;
}

.rightContent .adsContainer .adWideContainer .headerImg {
	width:15.94em; /*153px;*/
    height:2.19em; /*21px;*/
    position:relative;
    z-index:10;
    top:0;
    left:0.82em; /*10px;*/
}

.rightContent .adsContainer .adWideContainer .textContainer {
	font-size:1.15em;
    margin:1.8em 0 1.65em 1.45em;
	width:12.90em; /*143px;*/
	color:#333;
}

.rightContent .adsContainer .adWideContainer .textContainer .textHeader {
	font-weight:bold;
	display:block;
}

.rightContent .adsContainer .adWideContainer .textContainer .text {
	display:block;
}

.rightContent .adsContainer .adWideContainer .linkContainer {
	margin-left:1.66em; /*16px;*/
	padding-bottom:1.25em; /*12px;*/
}

.rightContent .adsContainer .adWideContainer .linkContainer a {
	font-size:1.15em;
}

.rightContent .adsContainer .leftBorder {
    border-left:1px solid #EBE8D8;
}

.rightContent .adsContainer .adWideContainer .rightContent {
    float:left;
    width:19.26em; /*19.27 = 185px; Fix for Firefox 3*/
    height:24.48em; /*235px;*/
    clear:right;    
    text-align:center;
    overflow:hidden;
}

/* ----------------------------------------------------------------------------------- end Wide ad */
/* ----------------------------------------------------------------------------------- start newsletterads */
.adWideContainer #newsletterFormContainer  {
	padding-left:10px;
}
.adWideContainer #newsletterFormContainer .rightContent {
	width:172px;
}

.adWideContainer #newsletterFormConfirmationContainer {
	padding-left:10px;
	padding-right:10px;
}
.sideModule #newsletterFormConfirmationContainer .subhead, .adWideContainer #newsletterFormConfirmationContainer .subhead {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	margin-bottom:14px;
}
.sideModule #newsletterFormConfirmationContainer .bread, .adWideContainer #newsletterFormConfirmationContainer .bread {
	font-size:10px;
	line-height:14px;
	color:#666666;
}
.adWideContainer #newsletterFormConfirmationContainer .wideHeader {
		text-align:center;
		margin-bottom:20px;
}
.sideModule #newsletterFormContainer #newsletterFormErrorContainer, .adWideContainer #newsletterFormContainer #newsletterFormErrorContainer {
	color:#FF5050;
	margin-top:5px;
	margin-bottom:5px;
}
.sideModule #newsletterFormContainer #newsletterFormErrorContainer ul, .adWideContainer #newsletterFormContainer #newsletterFormErrorContainer ul {
	list-style:none;
	margin:0px;
	margin-top:3px;
	padding:0px;
	font-weight:normal;
}
.sideModule #newsletterFormContainer label, .adWideContainer #newsletterFormContainer label {
	display:block;
}
.sideModule #newsletterFormContainer a, .adWideContainer #newsletterFormContainer a{
	display:block;
	margin-top:3px;
	margin-bottom:3px;
}
.sideModule #newsletterFormContainer a, .adWideContainer #newsletterFormContainer select {
	width:146px;
}
.sideModule #newsletterFormContainer #progressbar, .adWideContainer #newsletterFormContainer #progressbar{
	position:relative;
	z-index:2000px;
	top:-65px;
	text-align:center;
}
.adWideContainer #newsletterFormContainer #progressbar{
	top:-65px;
}
/* ----------------------------------------------------------------------------------- end newsletterads */

/* ----------------------------------------------------------------------------------- start FlashBar */
#main #flashBar {
    font-size:1.15em; /* 11px; */
    height:3.23em; /*36px; */
    width:81.3em; /* 900px */
    background:url(/ms/img/misc/filter_bot_bg.gif) bottom left repeat-x; 
    margin-top:0.52em; /*5px; */
    border-bottom:1px solid #BABABA; 
    border-top: 1px solid #F2F2F2; 
}

/* Position adjustment depending on what page it is displayed on  */
#main .rightContent #flashBar {
    width:62.35em; /* 690px */
}

#main #mainPreindex #flashBar {
    margin-left:0.9em; /* 10px */
}
/* Position adjustment depending on what page it is displayed on  */

#main #flashBar #flashAlertText {
    float:left; 
    margin-right:0.52em; /*5px; */
    margin-top:0.42em; /*4px; */
    vertical-align:middle;
    color:#444;
}

#main #flashBar #flashAlertImg {
    margin-top:0.52em; /*5px; */
    float:left; 
    margin-left:0.83em; /*8px; */
    margin-right:0.73em; /*7px;*/
}

#main #flashBar a {
    color:#3399fd;
}

#main #flashBar a:hover {
    text-decoration:underline;
}
/* ----------------------------------------------------------------------------------- end FlashBar */

/* ----------------------------------------------------------------------------------- start Add to shopping list popup */
.slPopup {
    position:absolute;
    width:17.71em; 
    border:1px solid #CCC; 
    background-color:#FFF; 
    z-index:10000;
}

.slPopup .content {
    margin:1.56em;
    text-align:left;
}

.slPopup a.link {
    color:#3399FD;
}

.slPopup a.link:hover {
    text-decoration:underline;
}

.slPopup a.link{
    display:block;
    margin-bottom:1.46em;
}

.slPopup .headline {
    font-size:1.46em; 
    color:#333;
    margin-bottom:0.36em;
}

.slPopup .buttonContainer {
    float:right;
}

/* ----------------------------------------------------------------------------------- end Add to shopping list popup */