body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;margin:0;position:relative;}
  *{ margin:0; padding:0; }

embed
{
	z-index:1;
}

.currentPage
{
	font-size:11px;margin-left:10; padding:0;
} 
 div.bodyWrapper{ /*Not sure if this class name is used already in an interior page */
width:796px;
margin:30px auto 11px auto;
position:relative;
}

strong {
font-size:11px;
}
 /* WELCOME BACK */ 
div.welcomeBack{/*
  height:15px;
  margin:0.5em 0.5em 0.5em 30px;
  width:58em;*/
  
	display:none;
	}
div.welcomeBack p{
	/*font-size:1.0em;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:0*/
	display:none;
	}
div.welcomeBack p span{
	color:#2971A7;
	}
	



/* MAIN DIVS */
.font11{font-family:Arial,helvetica,sans-serif; font-size:11px;}
div#mainBGMiddle {
	width: 795px;	
	}
font.error{color:Red;}
div.mainBGBottom {	
	padding-bottom: 16px;
	_padding-bottom: 16px;
	}
div.mainBGTop {
	min-height:80px;
	position:relative;
	_height:80px;
	margin-left:12;
	}
  
  div.secondaryBGTop {
		/*margin-top:16px;*/
	background-repeat:repeat-x;
	background-color:Transparent;
	background-image:url(/images/header/header_repeatbg.gif) ;
	background-position:0px 0px;
	margin-left:12px;
	/*width:746px;*/
    min-height:55px;
    _height:55px;
    }

/* UTILITY NAV */
ul#utilNav{margin: 0; padding: 0; position: absolute; top: -2em; right: 20px;z-index:2001;}
ul#utilNav li {display:inline; list-style: none; padding: 0 .6em 0 .6em; _padding: 0 .4em 0 .7em; font-size: 11px; line-height: 1.1em; font-weight:bold; border-right: 1px solid #666;}
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;}


div.countrySelect {
	z-index:1980; /* on top of nav and other 'secondaryBkg' items */
  left:290px;
  top:31px;
  _top:35px;
	width:45px;
	margin:0;
	padding:0;
	background: url("/images_new/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;
}	




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

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

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



/* HEADER PIECES */
div.searchForm{
	width: 225px;
	position: absolute; 
  right:14px;
  top:12px;
	}
div.searchForm input{
position:absolute;

	width:145px;
	background-color:#E8E8E8;
	}

div.searchForm div.fixedButtonWhiteSmall{
  display:inline; 
  position:absolute; 
  left:155px;
  top:1px;
  }
  
div.logo img{
	margin:0 0 0 5px;
	}
div.logo {
	/*
  margin:2px 0 -10px 25px;
  padding-top:1px;
  */
   margin: 0px 0pt -3px 30px;
   padding: 13px 0pt 0px 0pt; 	
   z-index:1;
	}
  
div.mainNav{
  float:left;
	position:relative;
	z-index:10; /*above features nav -- juniors menu product details */
	
	}
div.featuresAndCSNav {
	float:left;
	position:relative;
	z-index:15; /*relative to main nav */
	left: -1px;
	_left: -2px;
}
	
/* FOOTER ITEMS */
ul#footerNav {display:block; margin:0 auto ; padding: 7px 0 2px 0; height:20px;clear:left; text-align:center; background:url('/images_new/FJ_home_footer.jpg') top left no-repeat; width:760px;}
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:normal; border-right: 1px solid #b4b4b4; text-align:center;}
ul#footerNav li.last {border: none; padding-right: 0;}
ul#footerNav li a {color:#2971A7; text-decoration: none; display:inline;margin:0;}

div#myjoys div#footer{margin-top:10px; width:770px; background:#FFFFFF url('/images_new/myjoys_footer_bubbleLeft.jpg') top left no-repeat;}
div#myjoys ul#footerNav{width:auto; background:transparent url('/images_new/myjoys_footer_bubbleRight.jpg') top right no-repeat; text-align:center; margin:0; }
div#myjoys ul#footerNav li a {color:#296eaf;}
div#myjoys ul#footerNav li.img {margin-top:-5px; position:absolute; right:30px;}
div#myjoys div.footerText{padding: 10px 0; margin:0; color:#999999;}
div#myjoys div.footerText p {margin:0; padding:0;}
div#myjoys div.footerText img { margin:-25px 0 0;}



div.footerText{
	width:760px;
	margin: 13px 0px 20px 0px; 
	padding:0;
	}
div.footerText p{
	margin: 0px 0px 0px 0px;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.3em;
	color:#999;
	padding: 0px 0px 0px 0px;
	width:580px;
	}
div.footerText p span{
	color: #333;
	font-size:1.0em;
	font-weight: normal;
	}
div.footerText a {
	color:#333;
	text-decoration:none;
}
div.footerText img 
{
	margin:-38px 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:4;
	width: 761px;
	margin:0;
	padding:0;
	margin-left:17px;
	margin-top:12px;
	margin-bottom:9px;
	background:url(/images_new/product_details_images/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;
	margin-bottom:31px;
  background:url(/images_new/product_details_images/pDetail_blCorner.gif) bottom left no-repeat;  /* background:bottom left corner */
		min-height:250px;
		_height:250px;
  /*
    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
{
	color:#333333;
font-weight:normal;
margin:0;
padding:0;
float:right;
		min-height:250px;
		_height:250px;
background: url(/images_new/product_details_images/pDetail_brCorner.gif) bottom right no-repeat;
width:600px;


 /* bottom right corner with bottom and part of right border*/

}
div.internalContent div#createScreenName,
div.internalContent strong,
div.internalContent p
{
	font-size:12px;
}

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

div.internalText h1{
margin:0 0 10px 0;
font-size:1.6em;
font-weight:bold;
color:#2971A7;
}
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:#2971A7;
}



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

.dialog {
display:inline;
float:left;
margin:0 0 9px 9px;
padding:0;
min-width:10em;
color:#cccccc;
}
.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(/images_new/box_tl2.gif) no-repeat 0px 0px;
}

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

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

.dialog .bd .c {
 background:transparent url(/images_new/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(/images_new/box_bl.gif) no-repeat 0px 0px;
}

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

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



/* 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:#333;
}

.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:#2971A7;
	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:#2971A7;
}
	.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.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;
}
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:#2971A7;
}
div.dialog legend{
padding-bottom:10px;
		padding-top:5px;
		font-size:1.2em;
		font-weight:bold;
		color:#2971A7;
		}
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:#333;
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:#2971A7;
}
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*/


/*
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:#2971A7;
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:#2971A7; text-decoration:underline;
}
ol.productList a.home_link_learnmore {
margin:0;
padding:0;
font-size:1.1em; font-weight:bold; color:#2971A7; 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:#2971A7;
}
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:#2971A7;
}
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:#2971A7;
display:block;
width:100px;
}
div.entryForm h4{ 
text-align:left;
font-size:1.1em; font-weight:bold; color:#2971A7;
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:#2971A7;
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:#2971A7;
}
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 */


div.view-all
{
	background: url(../_ui/images/button-left.png) no-repeat top left;
	padding-left: 7px;
	height: 19px;
	line-height: 19px;
	float: left;
	margin-top: 5px;
	font-size: 10px;
	position:relative;
	left:0px;
	z-index:10;
	
}
div.view-all a
{
	background: url(../_ui/images/button-right.png) no-repeat top right;
	padding-right: 7px;
	display: block;
	font-size: 10px;
	text-decoration: none; 
	white-space:nowrap;
}
div.view-all a:hover
{
	color: #999;
	text-decoration: none;
}


div.internalContent div#bottomLeft
{
	z-index:1;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height:10px;
    background: transparent url(/images_new/product_details_images/pDetail_brCorner.gif) no-repeat right bottom;
}
 div.internalContent div#bottomLeft div#bottomRight
{
	z-index:2;
	position:absolute;
    left: 0px;
    bottom: 0px;
    height:10px;
    background: transparent url(/images_new/product_details_images/pDetail_blCorner.gif)  no-repeat left bottom;
    width: 159px;
    border-right:solid 1px #cccccc;
}


/* MyJoys Footer */

div#mjMainFooter
{
	width: 770px; 
	margin: 11px auto 0 auto; 
	position: relative; 
	background-image: url(/images/header/footer_repeatbg.gif);
    background-position: left top; 
    background-repeat: repeat-x; 
    clear:left;
    left:-10px;
}

div#mjMainFooter div.hd
{
	background: transparent url(/images/header/footer_topleftcorner.gif) no-repeat scroll 0 0;
}


div#mjMainFooter div.hd div.c
{
	background: transparent url(/images/header/footer_toprightcorner.gif) no-repeat scroll right top;
	height: 23px; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	font-size: 11px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px -1px 0px -1px;
}

div#mjFooterlinks
{
	background: transparent url(/images/header/mjleftright.gif) repeat-y scroll left top;
	z-index:0;
}

div#mjFooterlinksBottomRight
{
	margin: 0px 0px 0px 0px;
	z-index:101; 
	background: transparent url(/images/header/footer_border.gif) no-repeat scroll 1px bottom;
}


div#mjFooterlinksBottomRight div.s
{
	min-height: 43px;
	padding: 0px 0px 8px 0px; 
	margin: 0px -1px 0px -1px; 
	background: transparent url(/images/header/footer_bottomLeftcorner.gif) no-repeat scroll 1px bottom; 
	z-index:102
}

div#mjFooterlinks,div#mjMainFooter
{
	text-align:left;
}

div#mjFooterlinks a:link,div.mjFooterlinks a:visited
{
	color:#666666;
	text-decoration:none;
}

div#mjFooterlinks
{
	 min-height: 33px; 
}

div#mjFooterlinks a:hover,div.mjFooterlinks a:active
{
	text-decoration:underline;
}

div#mjFooterlinks ul
{
	list-style-type:none;
	line-height:15px;
}

div#mjFooterlinks div#mjFooterlinksBottomRight div.mjFooterCell
{
	 width: 250px; 
	 min-height: 33px; 
	 padding: inherit; 
	 margin: inherit; 
	 padding-top:5px;
	 display:inline-table;
	 text-decoration:none;
	 color:#666666;
	 vertical-align:top;
}

div#mjFooterlinks div#mjFooterlinksBottomRight div.mjFooterCell a:link,
div#mjFooterlinks div#mjFooterlinksBottomRight div.mjFooterCell a:visited
{
	 text-decoration:none;
	 color:#666666;
}

div#mjFooterlinks div#mjFooterlinksBottomRight div.mjFooterCell a:hover,
div#mjFooterlinks div#mjFooterlinksBottomRight div.mjFooterCell a:active
{
	 text-decoration:underline;
}

div#mjFooterlinks div#mjFooterlinksBottomRight
{
	min-height: 43px;
	background: transparent url(/images/header/mjfooter_border.gif) no-repeat scroll left bottom;
	z-index:100;
}

div.mjFooterCell img.flag
{
	width: 20px; 
	height: 13px;
    border: none; 
    padding:0; 
    margin: 0px 3px 3px 0px;
}

div.mjFooterHeaderCell
{
	padding: inherit;
	margin: inherit;
	display: inline-table;
	margin-top: 5px;
}


div.pageContent div.internalContent ul.breadcrumb
{
  position:relative;
	margin:-20px 0 0 0;
	padding:6px 0 0 0;
	
	float:right;
	height:18px;
	width:770px;
}