body {

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	background-color: #FF9900;

}



h1 {

    font-family: Helvetica, Arial, sans-serif;

    color:#999999;

    font-size: 40px;

    font-weight: lighter;

    margin-right: 15px;

    padding: 0;
	
	float:right;

} 



h2 {	

    font-family: Helvetica, Arial, sans-serif;

    color: #999999;

    font-size: 24px;

    font-weight: normal;

    margin: 0;

    padding: 0;
	
	text-align:left;

}



h2.nav {

    font-family: Helvetica, Arial, sans-serif;

    color: #5F6062;

    font-size: 18px;

    font-weight: lighter;

    margin: 0;

    padding: 0;

}



h3 {

    font-family: Helvetica, Arial, sans-serif;

    color: #5F6062;

    font-size: 14px;

    font-weight: normal;

    margin: 0;

    padding: 0;

}


form { margin: 0; padding: 0; }



/*margin;*/

p { margin-bottom: 10px; padding: 0; }

table { border-collapse: collapse; }

td {

	margin: 0px;

	padding: 0px;

	vertical-align: 10px;

}

img { border: 0px; }



input.hdrinput {

    font-family: Verdana, Arial, sans-serif;

    font-size: 10px;

    line-height: 10px;

    border: 0;

    padding: 4px 2px;

    color: #B2B2B2;

    background-color: #E9E9EA;

}



input.text {

    font-family: Verdana, Arial, sans-serif;

    font-size: 10px;

    line-height: 10px;

    border: 0;

    padding: 4px 2px;

    color: #B2B2B2;

    background-color: #E9E9EA;

}



.bodytextbold{ 

	font-family:  Verdana, Arial, sans-serif;

	color: #96989B;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

}



.bodytextitalic{ 

	font-family:  Verdana, Arial, sans-serif;

	color: #96989B;

	font-size: 11px;

	font-style: italic;

	font-weight: normal;

	text-decoration: none;

}



.bodytext {

	font-family:  Verdana, Arial, sans-serif;

	color: #96989B;

	font-size: 11px;

    line-height:17px;

	font-style: normal;

	text-decoration: none;

}



.caption {

	font-family:  Verdana, Arial, sans-serif;

	color: #96989B;

	font-size: 10px;

	font-style: normal;

	text-decoration: none;

}



textarea {

	background: #F4F4F4;

	font-family: Verdana, Arial, sans-serif; 

	color: #96989B; 

	border-color: #000000;

	border-width: 0px; 

	font-size: 11px;

}



select { 

    font-family: Verdana, Arial, sans-serif; 

    font-size: 11px; 

    color: #B2B2B2;

    line-height: 11px;

    border: 0;

    padding: 1px 2px;

    color: #B2B2B2;

    background-color: #E9E9EA;

} 





.pad15 {padding-left:15px; padding-top:15px;}



.bold { font-weight: bold; }

.italic { font-style: italic; }

.normal { font-style: normal; font-weight: normal; }



.error { color: #F5241A; }







#header {

	background-color: #FFFFFF;

	color: #FFFFFF;

	font-size: 9px;

	line-height: 9px;

	padding-bottom: 10px;

}



#head_cont {

    width: 950px;

    text-align: left;

}



#crumb {

    width: 950px;

    font-family: Verdana, Arial, sans-serif;

    text-align: left;

    padding: 10px 10px 0px 10px;

    font-size: 9px;

    color: #F5A01A;

    background-color: #FFFFFF;    

}



#pagebody {

	width: 850px;

	padding: 0px;

	background-color: #FFFFFF;

	text-align:center;

}





.prevnext{

    margin-right:33px;

}

.prevnext img{margin-bottom:-3px;}

.prevnext2 img{margin-bottom:-3px;}



.menutd { background-color: #A6A6A6; }

.menubg { background-color: #B6B7B9; }

.menutd div.menudiv {

    font-family: Helvetica Heue, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 11px;

    line-height: 13px;

    color: #F4F4F4;

    padding: 8px;

}

.menutd div.menurel {

    position: relative;

    top: 8px;

    left: -8px;

}

.menutd div.menuab {

    position: absolute;

    width: 184px;

    z-index: 100;

    background-color: #969696;

    border-top: 1px solid #B6B7B9;

}

.menutd div.menucont {

    font-family: Comic Sans MS, sans-serif;

    font-size: 10px;

    font-weight: normal;

    color: #F5A01A;

    padding: 15px 0px 25px 0px;

}

.menutd div.menucont div.off {

    padding: 5px 0px 3px 8px;

}

.menutd div.menucont div.on {

    padding: 5px 0px 3px 8px;

    background-color: #828282;

}

.menurel div.submenurel {

    position: relative;

    top: -18px;

    left: 176px;

}

.menurel div.submenuab {

    position: absolute;

    width: 180px;

    z-index: 200;

    background-color: #828282;

    border-left: 1px solid #B6B7B9;

}

.menurel div.submenucont {

    color: #F5A01A;

    line-height: 18px;

    padding: 10px 8px;

}



.leftmenu { font-size: 10px; }

.leftmenubg { background-color: #F4F4F4; }

.leftmenubglt { background-color: #FFFFFF; }



.border  { border: 1px solid #D5D6D7; }

.borderl { border: 1px solid #E3E3E4; border-width: 0px 0px 0px 1px; }

.borderbottom  { border-bottom: 1px solid #D5D6D7; }

.borderbottomsel { border-bottom: 1px solid #F5A01A; }

.bordertop { border-top: 1px solid #D5D6D7; }

.ltbordertop {

	border-top: 4px solid #E9E9EA;

}



.menuborder { border-top: 1px solid #E3E3E4; }



table.intl td img { border: 1px solid #D5D6D7; }



table.button td {

    background: url(../cosmo/images/arrows/button_bg.gif) no-repeat #F5A01A;

    color: #FFFFFF;

    font-size: 9px;

    font-weight: bold;

    line-height: 11px;

    padding: 3px 8px;

    cursor: pointer;

}





button {

  color: #FFF;

  background-color: #900;

  font-weight: bold;

}

	 

	 

	<input type="button" value="Submit" class="btn" 

	  onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 



table.vmid td { vertical-align: middle; 





}



.ycpopup {

    background-color: #F4F4F4;

    border: 1px solid #D5D6D7;

}



.callout {

    font-family: Comic Sans MS, sans-serif;

    font-size: 10px;

    color: #F5A01A;

}



.pgsel { color: #F5A01A; }



.smsize { font-size: 10px; }

.smrsize { font-size: 9px; }



.portpopup {

    font-size: 10px;

    color: #E9E9EA;

    background-color: #5F6062;

}



.calloutsel {

    font-family: Comic Sans MS, sans-serif;

    font-size: 10px;

    color: #B6B7B9;

}



.prodtab{width:94px; 

    color:#FFF; 

    padding:8px 8px 7px 8px;

}

.selected {background-color: #888;}

.selected a:link{ color: #FFF; text-decoration: none; cursor: pointer;}

.selected a:hover{ color: #FFF; text-decoration: none; cursor: pointer;}

.selected a:visited{ color: #FFF; text-decoration: none; cursor: pointer;}



.unselected {background-color: #F4F4F4;}

.unselected a:link{ color: #888; text-decoration: none; cursor: pointer;}

.unselected a:hover{ color: #888; text-decoration: none; cursor: pointer;}

.unselected a:visited{ color: #888; text-decoration: none; cursor: pointer;}



.contrborder    { border: 1px solid #E9E9EA; }

.contrbg    { background-color: #A6A6A6; }

.white {color: #FFFFFF;}

.white a:link    { color: #FFFFFF; text-decoration: none; cursor: pointer; }

.white a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }

.white a:hover   { color: #000000; text-decoration: none; cursor: pointer; }

.shapes		{ font-size: 11px; line-height: 18px; }



.bgcolor { background-color: #E9E9EA; }



a:link    { color: #F5A01A; text-decoration: none; cursor: pointer; }

a:visited { color: #F5A01A; text-decoration: none; cursor: pointer; }

a:hover   { color: #F5A01A; text-decoration: underline; cursor: pointer; }



.callout a:link    { font-family: Verdana, Arial, sans-serif; color: #96989B; text-decoration: none; cursor: pointer; }

.callout a:visited { font-family: Verdana, Arial, sans-serif; color: #96989B; text-decoration: none; cursor: pointer; }

.callout a:hover   { font-family: Verdana, Arial, sans-serif; color: #F5A01A; text-decoration: none; cursor: pointer; }



.menutd div.menucont a:link    { font-family: Verdana, Arial, sans-serif; color: #E9E9EA; text-decoration: none; cursor: pointer; }

.menutd div.menucont a:visited { font-family: Verdana, Arial, sans-serif; color: #E9E9EA; text-decoration: none; cursor: pointer; }

.menutd div.menucont a:hover   { font-family: Verdana, Arial, sans-serif; color: #F5A01A; text-decoration: none; cursor: pointer; }



#crumb a:link    { color: #96989B; text-decoration: none; cursor: pointer; }

#crumb a:visited { color: #96989B; text-decoration: none; cursor: pointer; }

#crumb a:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }



.leftmenu a:link    { color: #96989B; text-decoration: none; cursor: pointer; }

.leftmenu a:visited { color: #96989B; text-decoration: none; cursor: pointer; }

.leftmenu a:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }



.leftmenu a.sel:link    { color: #B6B7B9; text-decoration: none; cursor: pointer; }

.leftmenu a.sel:visited { color: #B6B7B9; text-decoration: none; cursor: pointer; }

.leftmenu a.sel:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }



table.button td a:link    { color: #FFFFFF; text-decoration: none; cursor: pointer; }

table.button td a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }

table.button td a:hover   { color: #FFFFFF; text-decoration: none; cursor: pointer; }



#footer a:link    { color: #96989B; text-decoration: none; cursor: pointer; }

#footer a:visited { color: #96989B; text-decoration: none; cursor: pointer; }

#footer a:hover   { color: #96989B; text-decoration: underline; cursor: pointer;}



/* by evol */

.red    { color: #ef4a34; }

.black  { color: #000000; }

.dkgray   { color: #4d4d4d; }



.whitebg    { background-color: #FFFFFF; }



.wide { width: 100%; }

.introtitle      { 

  color: #998B7D;

  font-size: 21px;

  font-weight: normal;

  padding-bottom: 5px;

}



.pad5 td { padding: 5px; }

.pad5x10 { padding: 5px 10px; }

.pad1 td { padding: 1px; }

.pad1 { padding: 1px; }

.pad5nl { padding: 5px 0px; }

table.pad5nl { padding: 0px; margin: 5px 0px; }

.pad5nl td { padding: 5px 10px 5px 0px; }

.pad3 td { padding: 3px; }

.pad3nl td { padding: 3px 6px 3px 0px; }



.giant   { font-size: 38px; }

.largest { font-size: 24px; }

.larger  { font-size: 20px; }

.large   { font-size: 16px; }

.medium	 { font-size: 13px; }

.small   { font-size: 12px; }

.smaller { font-size: 11px; }

.smallest{ font-size: 10px; }

.mini    { font-size: 9px; }

.tiny    { font-size: 8px; }



.fl { float: left; }

.fr { float: right; }



.left   { text-align: left; }

.right  { text-align: right; }

.center { text-align: center; }



.ltrgrayborderbot  { border-bottom: 1px dash #cccccc; }

.ltrgrayborder2    { border: 1px dash #cccccc; border-width: 1px 1px 0px 0px;}

.ltrgrayborder2 td { border: 1px dash #cccccc; border-width: 0px 0px 1px 1px;}

.dkgrayborder   { border: 1px solid #4d4d4d; }

.ltgrayborderbot   { border-bottom: 1px dash #999999; }



.ltrgraybordertop  { border-top: 1px dash #cccccc; }





.vbot td  { vertical-align: bottom; }

.vbot   { vertical-align: bottom; }



.bold   { font-weight: bold; }



.shop		{ font-size: 10px; letter-spacing: 2pt; }



.reptools a:link    { color: #F5A01A; text-decoration: none; }    

.reptools a:visited { color: #F5A01A; text-decoration: none; }

.reptools a:hover   { color: #4d4d4d; text-decoration: none; }

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top:   0px;
	left:  108px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 4px;
	vertical-align: top;
	width: 105px;
	height: 110px;
}

.hoverbox li
{
	border-color: #eee;
	border-style: none;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 8px;
	padding: 1px;
	position: relative;
	background-color: #eeeeee;
}

.hoverbox .preview
{
	background: #fff;
	border-width: 2px;
	border-color: #eee;
	width: 330px;
	height: 396px;
	margin-bottom: 20px;
	padding-bottom: 0px;
}	
	
#blanket {
 background-color:#111;
 opacity: 0.65;
 filter:alpha(opacity=65);
 position:absolute;
 z-index: 9001;
 top:0px;
 left:0px;
 width:100%;
 }
 
 #popUpDiv {
	position:absolute;
	background-color:#eeeeee;
 	width:300px;
	height:300px;
 	z-index: 9002;