@charset "utf-8";
/* CSS Document */


div#plannermenu{
	width:98%;
	float:left;
	padding:10px 0px 2px 10px;
	text-align:center;
	z-index:50;
	}
#plannermenu span.primary{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.primary a{
	display: block;
	background:url(../images/primaryicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
#plannermenu span.primary a:hover{
	text-decoration:none;
	background: url(../images/primaryicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		/*color:#282848; */
	}
div#plannermenu span.primary a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/primaryicon_hover.gif) center center no-repeat;
		height:20px;
		/*color:#282848;*/
}

#plannermenu span.elementary{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.elementary a{
	display: block;
	background:url(../images/elementaryicon.gif) center center no-repeat;
	text-decoration:none;
	width:100%;
	height:20px;
	}
#plannermenu span.elementary a:hover{
	text-decoration:none;
	background: url(../images/elementaryicon_hover-new.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#plannermenu span.elementary a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/elementaryicon_hover-new.gif) center center no-repeat;
		height:20px;
		
}
#plannermenu span.middle{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.middle a{
	display: block;
	background:url(../images/middleicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
#plannermenu span.middle a:hover{
	text-decoration:none;
	background: url(../images/middleicon_hover-new.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#plannermenu span.middle a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/middleicon_hover-new.gif) center center no-repeat;
		height:20px;
		
}

#plannermenu span.high{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.high a{
	display: block;
	background:url(../images/highicon.gif) center center no-repeat;
	text-decoration:none;
	width:100%;
	height:20px;
	}
#plannermenu span.high a:hover{
	text-decoration:none;
	background: url(../images/highicon_hover-new.gif) center center no-repeat;
	width:100%;
	height:20px;
	
	}
div#plannermenu span.high a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/highicon_hover-new.gif) center center no-repeat;
		height:20px;
	
}
#plannermenu span.teach{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.teach a{
	display: block;
	background:url(../images/teachericon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
#plannermenu span.teach a:hover{
	text-decoration:none;
	background: url(../images/teachericon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#plannermenu span.teach a.selected{
	display:block;
	text-decoration:none;
	background: url(../images/teachericon_hover.gif) center center no-repeat;
	height:20px;
}
#plannermenu span.custom{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.custom a{
	display: block;
	background:url(../images/customicon.gif) center center no-repeat;
	text-decoration:none;
	width:100%;
	height:20px;
	}
#plannermenu span.custom a:hover{
	text-decoration:none;
	background: url(../images/customicon_hover-new.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#plannermenu span.custom a.selected{
	display:block;
	text-decoration:none;
	background: url(../images/customicon_hover-new.gif) center center no-repeat;
	height:20px;
}
#plannermenu span.budget{
	height:20px;
	width:78px;
	padding:0px 1px 0px 1px;
	float:left;
}
#plannermenu span.budget a{
	display: block;
	background:url(../images/valueicon.gif) center center no-repeat;
	text-decoration:none;
	width:100%;
	height:20px;
	}
#plannermenu span.budget a:hover{
	text-decoration:none;
	background: url(../images/valueicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#plannermenu span.budget a.selected{
	display:block;
	text-decoration:none;
	background: url(../images/valueicon_hover.gif) center center no-repeat;
	height:20px;
		
}
div#coversmenu{
	width:98%;
	float:left;
	padding:10px 10px 2px 10px;
	text-align:center;
	z-index:50;
}
div#coversmenu span.cover3d{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.cover3d a{
	display: block;
	background:url(../images/3dicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.cover3d a:hover{
	text-decoration:none;
	background: url(../images/3dicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.cover3d a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/3dicon_hover.gif) center center no-repeat;
		height:20px;
		
}
div#coversmenu span.coversd{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.coversd a{
	display: block;
	background:url(../images/sdicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.coversd a:hover{
	text-decoration:none;
	background: url(../images/sdicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.coversd a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/sdicon_hover.gif) center center no-repeat;
		height:20px;
	
}
div#coversmenu span.cover2c{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.cover2c a{
	display: block;
	background: url(../images/2cicon.gif) left top no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.cover2c a:hover{
	text-decoration:none;
	background: url(../images/2cicon_hover.gif) left top no-repeat;
	width:100%;
	height:20px;
	}
div#coversmenu span.cover2c a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/2cicon_hover.gif) center center no-repeat;
		height:20px;
	
}
div#coversmenu span.covercs{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.covercs a{
	display: block;
	background:url(../images/csicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.covercs a:hover{
	text-decoration:none;
	background: url(../images/csicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.covercs a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/csicon_hover.gif) center center no-repeat;
		height:20px;	
}
div#coversmenu span.handbook{
	height:20px;
	width:182px;
	padding:0px 1px 0px 1px;
	float:left;
}
div#coversmenu span.handbook a{
	display: block;
	background:url(../images/customitemsicon1.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.handbook a:hover{
	text-decoration:none;
	background: url(../images/customitemsicon1_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.handbook a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/customitemsicon1_hover.gif) center center no-repeat;
		height:20px;
		
}
div#coversmenu span.coverart{
	height:20px;
	width:182px;
	padding:0px 1px 0px 1px;
	float:left;
}
div#coversmenu span.coverart a{
	display: block;
	background:url(../images/customitemsicon2.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.coverart a:hover{
	text-decoration:none;
	background: url(../images/customitemsicon2_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.coverart a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/customitemsicon2_hover.gif) center center no-repeat;
		height:20px;
	
}
div#coversmenu span.guide{
	height:20px;
	width:182px;
	padding:0px 1px 0px 1px;
	float:left;
}
div#coversmenu span.guide a{
	display: block;
	background:url(../images/customitemsicon3.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.guide a:hover{
	text-decoration:none;
	background: url(../images/customitemsicon3_hover.gif) left top no-repeat;
	width:100%;
	height:20px;
	}
div#coversmenu span.guide a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/customitemsicon3_hover.gif) center center no-repeat;
		height:20px;
	
}
div#coversmenu span.coverimprint{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.coverimprint a{
	display: block;
	background:url(../images/imprinticon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.coverimprint a:hover{
	text-decoration:none;
	background: url(../images/imprinticon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.coverimprint a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/imprinticon_hover.gif) center center no-repeat;
		height:20px;	
}

div#coversmenu span.coveroption{
	height:20px;
	width:120px;
	padding:0px 5px 0px 5px;
	float:left;
}
div#coversmenu span.coveroption a{
	display: block;
	background:url(../images/cvoptionicon.gif) center center no-repeat;
	text-decoration: none;
	width:100%;
	height:20px;
	}
div#coversmenu span.coveroption a:hover{
	text-decoration:none;
	background: url(../images/cvoptionicon_hover.gif) center center no-repeat;
	width:100%;
	height:20px;
		
	}
div#coversmenu span.coveroption a.selected{
	display:block;
		text-decoration:none;
		background: url(../images/cvoptionicon_hover.gif) center center no-repeat;
		height:20px;	
}

div#primarycovers{
	width:98%;
	text-align:center;
	padding-left:15px;
	padding-bottom:20px;
}
.primaryfreecover{
	width:162px;
	float:left;
	text-align:center;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
}
.primaryfreecovercustom{
	width:120px;
	float:left;
	text-align:center;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
}
.threeDcover{
	width:220px;
	float:left;
	text-align:center;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#282848;
}
.standardcover{
	width:175px;
	float:left;
	text-align:center;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#282848;
	}
.twocolorleft{
	width:155px;
	float:left;
	text-align:center;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#282848;
}
.twocolorright{
	float:left;
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#282848;
}
.twocolorsmall{
	width:120px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	}		
.elemsubjecttext{
	color:#4c4b4b;
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	text-align:left;
	padding:0px 0px 5px 150px;
}	

div#plannerprice{
	width:98%;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:5px 0px 15px 5px;
}

/*define right panel height*/
div#primaryright{
	width:180px;
	float:left;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	text-align:left;
}

div#primaryrightcustom{
	width:180px;
	float:left;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	text-align:left;
}

div#coverright{
	width:180px;
	float:left;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	text-align:left;
}
div#optionright{
	width:180px;
	float:left;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	text-align:left;
}