body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;margin:0;position:relative;}
  *{ margin:0; padding:0; }
 
 div.bodyWrapper{ /*Not sure if this class name is used already in an interior page */
width:796px;
margin:11px auto;
position:relative;
}
 
strong {
font-size:1.1em;
}
 /* WELCOME BACK */ 
div.welcomeBack{
	width:60em;
	margin:.5em;
	}
div.welcomeBack p{
	font-size:1.0em;
	font-weight:normal;
	color:#333333;
	text-align:right;
	margin:0;
	padding:0
	}
div.welcomeBack p span{
	color:#EB7323;
	}
	



/* MAIN DIVS */
div#mainBGMiddle {
	width: 795px;
	background: url(/rccc08/FJ_home_bg_middle2.gif) repeat-y;
	}
div.mainBGBottom {
	background: url(/rccc08/FJ_home_bg_bottom.gif) bottom no-repeat;
	padding-bottom: 26px;
	_padding-bottom: 26px;
	}
div.mainBGTop {
	background: url(/rccc08/FJ_home_bg_top.gif) top no-repeat;
	min-height:13.7em;
	position:relative;
	_height:13.7em;
	}

/* UTILITY NAV */
ul#utilNav{margin: 0; padding: 0; position: absolute; top: 10px; right: 200px;z-index:2001;}
ul#utilNav li {display:inline; list-style: none; padding: 0 .6em 0 .6em; _padding: 0 .4em 0 .7em; font-size: 1.0em; line-height: 1.1em; font-weight:bold; border-right: 1px solid #CCCC99;}
ul#utilNav li.last {border: none; padding-right: 0;}
ul#utilNav li.top {z-index:2005;}
ul#utilNav li.top a {z-index:2005;}
ul#utilNav li a {color: #333; text-decoration: none;}


ul#utilNav li div.countrySelect {
	z-index:2000; /* on top of nav and other 'secondaryBkg' items */
	top:0px;
	left:-35px;
	width:45px;
	margin:0;
	padding:0;
	background: url("/rccc08/fj_transparent.gif") repeat; /* ie needs to see a bkg or it'll fire mouseout and rollup the dropdown */
	margin: 0 0 0 0;
	-margin:0 0 0 0;
	position:absolute;
}	




ul#utilNav li div.countrySelect ul.countrySelectHidden{
	display:none;
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:5px;
}

ul#utilNav li div.countrySelect ul.countrySelectHidden li
{	
	position:relative;
	display: block;
	margin:0;
	padding:2px;
	background-color:#FFFFFF;
	
}

ul#utilNav li div.countrySelect ul.countrySelectHidden a, 
ul#utilNav li div.countrySelect ul.countrySelectHidden a:hover,
ul#utilNav li div.countrySelect ul.countrySelectHidden a:visited,
ul#utilNav li div.countrySelect ul.countrySelectHidden a:active
{
	color:black;
	text-decoration:none;
}



/* HEADER PIECES */
div.searchForm{
	width: 160px;
	position: absolute; top: 7px; right: 4px;
	}
div.searchForm input{
position:absolute;

	width:80px;
	background-color:#E8E8E8;
	}
div.logo img{
	margin:0 0 0 5px;
	}
div.logo {
	/*
  margin:2px 0 -10px 25px;
  padding-top:1px;
  */

   margin: 5px 0pt -3px 15px;
   padding-top: 5px;

 	_padding-bottom:4px;
	}
div.mainNav{
	position:absolute;
	top:-2px;
	left:0;
	z-index:10; /*above features nav -- juniors menu product details */
	}
div.featuresAndCS {
	position:absolute;
	top:2px;
	left:600px;
	z-index:5; /*relative to main nav */
}

	
/* FOOTER ITEMS */
ul#footerNav {display:block; margin:0 8px 0 8px; padding: 4px 0 0 18px; height:1.3em;clear:left;border-top: 1px solid #C1C1C1;}
ul#footerNav li { vertical-align:middle;display:inline; list-style: none; padding: 0 .6em 0 .6em;_padding: 0 .4em 0 .7em; font-size: 1.0em; line-height: 1.1em; font-weight:bold; border-right: 1px solid #CCCC99; text-align:center;}
ul#footerNav li.last {border: none; padding-right: 0;}
ul#footerNav li a {color: #333; text-decoration: none; display:inline;margin:0;}

div.footerText{
	width:760px;
	margin:0 8px 10px 8px; 
	padding:0;
	}
div.footerText p{
	margin:0 0 0 18px;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.3em;
	color:#333333;
	padding:0 .5em 0 .5em;
	width:580px;
	}
div.footerText p span{
	font-size:1.1em;
	font-weight:bold;
	}
div.footerText a {
	color:#333333;
	text-decoration:none;
}
div.footerText img 
{
	margin:-10px 0 0 0;
	float:right;
}
div.dividerLine{
	clear:left;
	width:779px;
	margin:9px 0 0 9px;
	padding:0;
	border-top: 1px solid #C1C1C1;
	}


		/*
		* {border: 1px solid #000;}
		*/

div.pageContentWrapper{
	position:relative;
	z-index:900;
	width: 761px;
	margin:0;
	padding:0;
	margin-left:18px;
	margin-top:12px;
	margin-bottom:9px;
	background:url(/rccc08/pDetail_leftNav_middle.gif) repeat-y; /* background:leftNav faux column and far right border repeat-y*/
	/*
    Internal pages without a left nav (e.g. search results),
    should include an additional stylesheet in which this element's
    background does not include the brown faux column.
  */
}

div.pageContent{
  margin:0;
	padding:0;
  background:url(/rccc08/pDetail_blCorner.gif) bottom left no-repeat;  /* background:bottom left corner */
		min-height:50em;
		_height:50em;
  /*
    Internal pages without a left nav (e.g. search results),
    should include an additional stylesheet in which this element has
    a white bottom left corner instead of a brown one
  */
}

div.contentFooter{
  clear:both;
}


/* all of the below is new to this template */
div.internalContent{
margin:0;
padding:0;
float:right;
		min-height:50em;
		_height:50em;
		width:601px;
background: url(/rccc08/pDetail_brCorner.gif) bottom right no-repeat; /* bottom right corner with bottom and part of right border*/

}
div.internalText{
margin:9px 7px 9px 9px;
}

div.internalText h1{
margin:0 0 10px 0;
font-size:1.6em;
font-weight:bold;
color:#847A3E;
}
div.internalText h2{
margin:0 0 4px 0;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#333333;
}
div.internalText p{
margin:0 15px 5px 0;
font-size:1.1em;
font-weight:normal;
text-decoration:none;
color:#333333;
}
div.internalText a{
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
color:#847A3E;
}



/* START FLASH POLL HOLDER SAME AS DIALOG WINDOWS*/

.dialog {
display:inline;
float:left;
margin:0 0 9px 9px;
padding:0;
min-width:10em;
color:#fff;
}
.dialog.lastDialog{
_padding-bottom:18px;
}
.smallWidth{
width:147px;
}
.mediumSmallWidth{ /* dumb name I know */
width:218px;
}
.mediumWidth{
width:342px;/*354px;*/
}

.mediumWidth ul li
{
	width:320px;
}

.largeWidth{
width:566px; /*581px;*/
}
.dialog .hd .c,
.dialog .ft .c {
	height:25px;
}
.dialog .ft .c {
 height:10px;
 font-size:1px; /* ensure minimum height */
}

.dialog .hd {
position:relative;
 background:transparent url(/rccc08/box_tl2.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(/rccc08/box_tr2.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(/rccc08/box_ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(/rccc08/box_mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
height:auto;
 margin:0 1px 0 1px;
 background:#fff;
}

.dialog .ft {
 background:transparent url(/rccc08/box_bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(/rccc08/box_br.gif) no-repeat right 0px;
}

.dialog .hd .c h2{
 margin:0;
 padding:5px 5px 0 8px;
 font-weight:bold; color:#847A3E;
}



/* BEGIN MyFJ Home Page styles */

.dialog .hd .c h2 {
 /* header */
 margin:0;
 padding:5px 5px 0 8px;
	font-size: 1.2em;
	font-weight:bold;
	color:#847A3E;
}

.dialog div.s p {
 margin:0 0 0 1em;
	_margin-top:.2em;
 padding:0.5em 0 0 0;
 font-size:1.1em;
	font-weight:bold;
	color:#333333;
	}	
	.dialog div.sRegister p {
 margin:0 1em 0 1em;
	_margin-top:.2em;
 padding:0.5em 0 0 0;
 font-size:1.1em;
	color:#333333;
	}	
	.dialog div.s p a{
	 font-size:1.1em;
	font-weight:bold;
	color:#847A3E;
	text-decoration:underline;
	
	}
	.dialog ul{
	 margin:0;
		padding:1em;
		list-style:none;
	}
	.dialog ul li{
	position:relative;
	margin:0;
 padding:0;
margin-bottom:6px;
padding-bottom:10px;
border-bottom:1px solid #CCC;

}

.dialog ul li.lastItem{
	border:0;
}



	.dialog ul li a{
	display:block;
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
color:#847A3E;
}
	.dialog ul li span{
	display:inline;
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	color:#333333;
	padding:0;
	margin:0;
	}
.dialog ul li.lastItem {
margin:0;
padding:0;
border-bottom:none;
	}
.dialog ul li input {
position:absolute; top:0; right:0; _right:10px; 
/*absolute positioning of buttons Creates a problem with the top most item in IE 5 mac 
hopefully our button template will fix this */
		}
.dialog fieldset{
		border:none;
		margin:0;
		padding:0;
		}
.dialog form{
		margin:0;
		padding:0;
		}
		
.dialog legend{
		margin:0;
		padding:1em;
		_padding-left:2px;
		font-size:1.1em;
		font-weight:bold;
		color:#333333;

		}
.dialog div.courseInputRow{
		position:relative;
		margin:0;
		padding:0;
		margin-bottom:4px;
		_margin-bottom:2px;
		
		}
.dialog div.courseInputRow label{
 display:block; margin-top:1px; text-align:right; right:135px; position:absolute; width:125px;
		font-size:1.1em;
		font-weight:normal;
		color:#333333;
		
}
.dialog div.courseInputRow input{
clear:both;margin-top:1px; position:relative;left:85px;bottom:2px;width:110px;
}
.dialog div.courseInputRow select{
clear:both;margin-top:1px; position:relative;left:85px;bottom:2px;width:115px;
}
.dialog div.courseInputRow input.submitButton{
width:60px;
position:relative;
left:145px;
}


.dialog dl.TotalItems{
position:absolute;
top:5px;
right:20px;
margin:0;
padding:0;
}
.dialog dl.TotalItems dt{
display:inline;
margin:0;
padding:0;
font-size:1.1em; font-weight:bold; color:#333333;
}
.dialog dl.TotalItems dd{
display:inline;
margin:0;
padding:0;
font-size:1.1em; font-weight:bold; color:#847A3E;
}		
.dialog dl.TotalItems a {
margin:0;
margin-left:10px;
padding:0;
font-size:1.1em; font-weight:bold; color:#847A3E;
}
.dialog div.wishListContainer {
margin:0;
padding:0;
}
.dialog div.wishListContainer form{

}
.dialog div.wishListContainer ul{

}
.dialog div.wishListContainer ul li{
float:left;
list-style:none;
margin:0 0 10px 9px;
padding:0;
border-bottom:none;
width:120px;
}
.dialog div.wishListContainer ul li img{
display:block;
margin:0;
padding:0;
}
.dialog div.wishListContainer ul li input{
float:left;
margin:4px 8px 0 0;
_margin:0 4px 0 0;
padding:0;
border:none;
position:static;
}
.dialog div.wishListContainer ul label{
padding:0;
margin:0;
}
.dialog div.wishListContainer ul label a{
margin:0;
padding:0pt 0pt 0pt 30px;
font-size:1.0em; font-weight:bold; color:#847A3E;
text-decoration:underline;
}
/*
Hopefully the styles below wont be necessary with our button template
*/
.dialog div.buttons{
clear:left;
display:inline;
float:right;
margin-right:9px;
width:auto;
}
.dialog div.clearDiv{
clear:both;
margin:0 6px 0 6px;
_width:1px;


}
.dialog table{
margin:0 8px 0 8px;
padding:0;
width:550px;
border:none;
border-collapse:collapse; border-spacing:0;
empty-cells:show;
font-size:1.0em;
}


.dialog table th{
padding:6px 0 4px 4px;
margin:0;
text-align:left;
font-weight:bold; color:#333333;
border-bottom:1px solid #CCC;
font-size:1.1em;
}
.dialog table td{
vertical-align:top;
padding:4px 0 4px 4px;
font-weight:normal; color:#333333;
font-size:1.1em;
}
.dialog table th#orderNum{
width:111px;
}
.dialog table th#date{
width:97px;
}
.dialog table th#total{
width:78px;
}
.dialog table th#orderSummary{
width:161px;
}
.dialog table th#orderStatus{
width:109px;
}
.dialog table td span{
display:block;
}
.dialog table th#type{
width:114px;
}
.dialog table th#productName{
width:147px;
}
.dialog table th#styleSizez{
width:295px;
}
/* END Styles*/

/*These styles are for forms that use the dialog template, i.e. on myProfile page*/

div.formDialog{
display:block;
margin:12px 0 0 12px;
padding:0;
width:560px;
}

div.dialog div.formStyleInputRow p{ 
margin-top:2px; width:300px;
	font-size:1.1em; font-weight:bold; color:#847A3E;
}
div.dialog legend{
padding-bottom:10px;
		padding-top:5px;
		font-size:1.2em;
		font-weight:bold;
		color:#847A3E;
		}
div.dialog div.formStyleInputRow p#radiusLabel input {
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:30px;
}
div.dialog div.formStyleInputRow{
position:relative;
display:block;
padding:10px 0 10px 0;
}
div.dialog div.formStyleInputRow label{ 
text-align:right;
font-size:1.1em; font-weight:bold; color:#847A3E;
display:block;
width:330px;

}
div.dialog div.formStyleInputRow span{ 
width:200px;
position:absolute;top:9px;right:10px;left:none;
font-size:1.1em; font-weight:bold; color:#847A3E;
}
div.dialog div.formStyleInputRow input{
width:200px;
position:absolute;top:9px;right:10px;left:none;
}
div.dialog div.formStyleInputRow textarea{
width:200px;
position:absolute;top:9px;right:10px;left:none;
}
div.dialog div.formStyleInputRow select{
width:204px;
position:absolute;top:9px;right:10px;left:none;
}
div.dialog div.sRegister select{
 left:220px;
	}	
div.dialog div.sRegister input{
 left:220px;
	}	
div.dialog div.sRegister span{
 left:220px;
	}	
div.dialog div.formStyleInputRow select#registerSelect{
position:absolute;
width:204px;
left:-0px;
top:0;
}
div.dialog div.formStyleInputRow div.radioGroup{
width:200px;
position:absolute;top:9px;right:10px;left:none;
}
div.dialog div.formStyleInputRow div.radioGroup input.radioBtn{
float:left;
width:20px;
position:static;
margin-right:2px;
}
div.dialog div.formStyleInputRow div.radioGroup label{
font-size:1.1em; font-weight:normal; color:#333333;
float:left;
width:auto;
position:static;
margin-right:4px;
margin-top:1px;
}

div.dialog div.formStyleInputRow div.checkGroup{
margin:4px 0 0 200px;
}
div.dialog div.formStyleInputRow div.checkGroup input.checkBox{
float:left;
width:20px;
position:static;
margin-right:4px;
}
div.dialog div.formStyleInputRow div.checkGroup label{
font-size:1.1em; font-weight:normal; color:#333333;
float:left;
width:auto;
position:static;
}

div.dialog div.formStyleInputRow input.submitButton{
width:60px;
position:relative;
left:215px;
_left:220px;
}

/*End form styles that use dialog boxes*/


form#profile div.dialog
{
	display:block;
	margin:17px 0 0 0;
	
	padding:0;
}

form#registernow div.formStyleMiddle,
form#registernow div.formStyleBottom,
form#registernow div.formStyleTop
{
	width:570px
}

form#registernow div.formStyleInputRow label,
form#warranty_registration_form_1 div.formStyleInputRow label
{
	width:200px;
}

form#registernow div.formStyleInputRow input,
form#registernow div.formStyleInputRow div.radioGroup,
form#warranty_registration_form_1 div.formStyleInputRow select,
form#warranty_registration_form_1 div.formStyleInputRow div.radioGroup
{
	left:210px;
}

form#registernow div.formStyleInputRow div.radioGroup label,
form#warranty_registration_form_1 div.formStyleInputRow div.radioGroup label
{
    width: auto;
    
}



form#registernow div.formStyleInputRow div.checkGroup{
	width:20em;
	position:relative;
	top:-3em;
	left:10px;
}

form#registernow div.formStyleInputRow div.checkGroup input.checkBox{
	float:left;
	width:20px;
	position:static;
	margin-right:2px;
}
form#registernow div.formStyleInputRow div.checkGroup label{
	font-size:1.1em; font-weight:normal; color:#333333;
	text-align:left;
	float:left;
	width:6.5em;
	position:static;
	margin:1px 0 10px 0;
}

form#registernow div.formStyleInputRow input.submitButton
{
	margin:10px 0 20px 0;
	position:relative;
	left:522px;
}

form#wishlistemailer p
{
	color:Black;
	line-height:1.2em;
	font-size:1em;
	font-weight:normal;
	padding:15px 10px 5px 10px;
	margin:0;
}

form#wishlistemailer div.formStyleInputRow label,
form#wishlistemailer div.formStyleInputRow textarea
{
	text-align:left;
	clear:left;
	width:515px;
	position:relative;
	left:20px;
}



/*
Start Flash Poll Styles
*/
.flashDialog{
display:inline;
float:right;
margin:9px 4px 9px 0;
padding:0;
width:143px;
color:#fff;
}

ol.productList{
margin:0 10px 6px 10px;
list-style:none;
width:412px;
}
ol.productList li{
margin:0 0 11px 0;
min-height:10em;
_height:10em;
}

ol.productList img{
display:inline;
float:left;
margin: 0 10px 0 0;

}
ol.productList h3 {
margin:0;
padding:0;
font-size:1.2em; font-weight:bold; color:#847A3E;
margin-bottom:2px;
}
ol.productList p {
margin:0;
padding:0;
font-size:1.1em; font-weight:normal; color:#333333;
margin-bottom:10px;
}
ol.productList a {
margin:0;
padding:0;
font-size:1.0em; font-weight:normal; color:#847A3E; text-decoration:underline;
}
ol.productList a.home_link_learnmore {
margin:0;
padding:0;
font-size:1.1em; font-weight:bold; color:#847A3E; text-decoration:underline;
}
ol.productList li div.minHeight {
clear:left;
}
ol.productList li.last div.minHeight {
clear:left;
margin:0;
}

/* END PRODUCT LIST SPECIFIC STYLES */

div.internalContent h1{
margin:8px 0 10px 15px;
font-size:1.6em;
font-weight:bold;
color:#847A3E;
}
div.internalContent h2{
}

div.internalContent dl{
margin:8px 0 10px 15px;
}
div.internalContent dl dt{
float: left;
	padding-right: 0.2em;
font-size:1.1em; font-weight:bold; color:#333333;
}
div.internalContent dl dd{
margin-bottom:3px;
font-size:1.1em; font-weight:bold; color:#847A3E;
}
div.internalContent form{
clear:left;
margin-bottom:10px;
}
div.searchInputRow{
display:inline;
margin:0 0 0 15px;
}
div.searchInputRow label{
display:inline;
margin-right:4px;
font-size:1.1em; font-weight:bold; color:#333333;
}
div.searchInputRow input{
display:inline;
margin-right:4px;
width:100px;
}
div.searchButtonRow{
display:inline;
width:60px;
}
/* END KEYWORD SEARCH STYLES */
div.textContent {
	margin-left: 15px;
}
ul.genericList{
list-style:none;
margin:0 10px 6px 15px;
width:412px;
}
ul.genericList li{
	padding-bottom:3px;
}
ul.genericList a {
	font-size:1.1em; font-weight:bold; color:#333333;
	text-decoration:none;
}
ul.genericList a:hover {
	text-decoration:underline;
}



/* Contest Entry Form STYLES BEGIN */
div.entryForm div.formStyleInputRow label{ 
text-align:right;
font-size:1.1em; font-weight:bold; color:#847A3E;
display:block;
width:100px;
}
div.entryForm h4{ 
text-align:left;
font-size:1.1em; font-weight:bold; color:#847A3E;
display:block;
width:300px;
margin:10px;
}
div.entryForm div.formStyleInputRow span{ 
width:200px;
position:absolute;top:9px;right:10px;left:none;
}
div.entryForm div.formStyleInputRow input{
width:200px;
position:absolute;top:9px;left:110px;
}
div.entryForm div.formStyleInputRow select{
width:204px;
position:absolute;top:9px;left:110px;
}
div.entryForm div.formStyleInputRow div.checkGroup{
margin:0;
padding:0 0 0 106px;
float:none;

}
div.entryForm div.formStyleInputRow div.checkGroup a{
font-size:1.0em; font-weight:bold; color:#847A3E;
min-height:1.0em;
margin:0;
padding:0;
}
div.entryForm div.formStyleInputRow div.checkGroup input.checkBox{
height:20px;
float:left;
padding:0;
margin:0;

}
div.entryForm div.formStyleInputRow div.checkGroup label{
font-size:1.1em; font-weight:normal; color:#333333;
float:left;
padding:0;
margin:2px 0 0 4px;
text-align:left;

}
ol.entryList{
list-style:none;
margin:9px 0 0 40px;
padding:0;

}
ol.entryList li{
float:left;
width:160px;
margin:0 12px 6px 0;
}
ol.entryList li h4{
margin:0 0 0 5px;
font-size:1.1em; font-weight:bold; color:#847A3E;
}
ol.entryList li img{
border:none;
margin:0 0 2px 30px;

}
ol.entryList li select{
width:150px;
margin:0 0 0 5px;
}
/* Contest Entry Form STYLES END */

table.wishList {
	border-collapse: collapse;
	width: 565px;
	_width: 556px;
	font-size: 1.1em;
	padding:0px;
	padding-bottom:6px;
	margin-left:0;
}
table.wishList th {
	font-weight: bold;
	color:#333333;
	height: 24px;
	background-color: #E9E8DE;
	border-bottom:1px solid #CCCCCC;
	text-align: left;
	padding-left:6px;
}
span.wishListHeader {
	font-weight: bold;
	font-size:1.1em;
	line-height:24px;
	color:#333333;
	text-align: left;
}
table.wishList td {
	vertical-align:top;
	margin:0px;
	padding:0px;
	padding-left:6px;
	padding-top:20px;
	border-bottom:1px solid #CCCCCC;
}
table.wishList tr.last td {
	border:none;
}
table.wishList td.checkbox {
	padding-right:6px;
}