/* CSS Document */

hr{noshade:true; color:#003366; height:1px;}
body {margin: 0; padding: 0; height: 100%; background: #ccefff url(images/bkg_page.jpg) repeat-x; font-family: 'Verdana'; color: #777; font-size: 11px;}

.bodyText {
	FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#003366;
}
.cartForm {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; COLOR: #333333; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A:link
{
    COLOR: #003366;
    FONT-FAMILY: tahoma, arial
}
A:visited
{
    COLOR: #003366;
    FONT-FAMILY: tahoma, arial
}
A:active
{
    COLOR: #003366;
    FONT-FAMILY: tahoma, arial
}
A:hover
{
    COLOR: blue;
    FONT-FAMILY: tahoma, arial
}
FONT
{
    FONT-FAMILY: tahoma, arial;
    COLOR:#003366;
}
.left
{
    FONT-FAMILY: tahoma, arial;
    COLOR: BLACK;
}
.data
{
	FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	}
.border
{
	border-style: solid; border-width: 1px; border-color: #000000;
}
.HeaderText
{
font-family:Tahoma; size:16px;font-weight:bold;color:#003366;
}
.CategoryText
{
font-family:Tahoma; size:16px;font-weight:bold;color:red;
}
.HeaderCol{background-color:#F0F9FF;}

#background {
	background: #FFFCE6;
	width: 90%;
	padding: 10px;
}

#background img {
	align: left;
}
.LogoText {float: left; clear: both; font-weight: bold; color:#003366; text-decoration: none; padding: 5px 0px; margin: 0px; font-size: 20px; line-height: 14px; font-weight: bold; }

.MenuFont {float: left; clear: both; font-weight: bold; color:#003366; text-decoration: none; padding: 5px 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; }
.MenuFont a { color:#003366;}
.MenuFont a:hover { color:#ffffcc; text-decoration: none;}
.MenuFont a:visited { color: #003366;}
/*.newtemplates li p { padding: 0px; margin: 0px; font-size: 9px; line-height: 10px;  }
/*.newtemplates li p strong { padding: 5px 0px; margin: 0px; font-size: 9px; line-height: 14px; font-weight: bold;  }
/*.newtemplates li p strong a { color:#0099ff; text-decoration: none;}
/*.newtemplates li p strong a:hover { background:#0099ff; color:#fff; text-decoration: none;}*/


.newtemplates { color: #a1a1a1; float: left; clear: both; width:720px; }
.newtemplates li p { padding: 0px; margin: 0px; font-size: 9px; line-height: 10px;  }
.newtemplates li p strong { padding: 5px 0px; margin: 0px; font-size: 9px; line-height: 14px; font-weight: bold;  }
.newtemplates li p strong a { color:#0099ff; text-decoration: none;}
.newtemplates li p strong a:hover { background:#0099ff; color:#fff; text-decoration: none;}

.newtemplates span { padding: 0px; margin: 0px; }
.newtemplates em { display: none;}
.newtemplates ul { padding: 0px; margin: 0px;}
.newtemplates ul li { display: inline; float: left; margin: 0px; padding: 0px 0px 10px 0px; LIST-STYLE-TYPE: none }
.newtemplates span img { border: solid 1px #c8c8c8; float: left; margin: 0px 10px 0px 0px; padding: 1px;}
.newtemplates small { border-top: solid 1px #c8c8c8; padding: 10px 0px;}

.newtemplates .temp { background: url(images/temp_bkg_off.gif) no-repeat; float: left; border: none; width: 350px; height: 130px; padding: 10px; margin: 0px 10px 0px 0px; }
.newtemplates .temp .view { background: url(images/temp_view.png); width: 63px; height: 19px; float: left; margin-right: 3px;}

.newtemplates .tempON { background: url(images/temp_bkg_on.gif) no-repeat; float: left; border: none; width: 350px; height: 130px; padding: 10px; margin: 0px 10px 0px 0px; color: #003366;}
.newtemplates .tempON .view { background: url(images/tempON_view.png); width: 63px; height: 19px; float: left; margin-right: 3px;}
.newtemplates .tempON img { border: solid 1px #cc9900; }

.menu { float: left; width: 100%; background: url(images/bkg_menu.gif) repeat-x left top; padding: 0px; margin: 0px; clear: both;}
.menu ul { float: left; padding: 0px 0px 0px 6px; margin: 0px; background: url(images/bkg_menu_ul1.gif) no-repeat left top;}
.menu li { DISPLAY: inline; PADDING: 0px; MARGIN: 0px 1px 0px 0px; float: left; FONT-SIZE: 11px; font-weight: bold;}
.menu a { BACKGROUND: url(images/bkg_menu_left.gif) no-repeat left top; FLOAT: left; color: #003366;}
.menu a:visited { color: #003366;}
.menu a:hover { BACKGROUND-POSITION: 0% -53px; color: #003366; cursor: hand; text-decoration: none;}
.menu a span { padding: 25px 10px 16px 6px; margin: 0px 2px 0px 6px; DISPLAY: block; BACKGROUND: url(images/bkg_menu_right.gif) no-repeat right top; }
.menu a:hover span { color: #003366; BACKGROUND-POSITION: 100% -53px; }
.menu .active a { color: #ca9930; BACKGROUND-POSITION: 0% -53px; }
.menu .active a span { color: #ca9930; BACKGROUND-POSITION: 100% -53px; }

.submenu { background: #fff284; float: left; width: 793px; padding: 0px 0px 6px 0px;}
.submenu ul { padding: 5px; background: #ffde30; margin: 0px 6px 0px 6px; width: 770px; }
.submenu li { padding: 0px 5px 0px 5px; margin: 0px; list-style-type: none; display: inline; font-size: 9px; font-weight: bold; border-right: solid 1px #333;}
.submenu li a { color: #996600; }
.submenu li a:visited { color: #996600; }

.MessageBoard
{
	color:#FFF284;
	border: solid 1px #c8c8c8;
	width:100%;
	background-color:#FFF284;
	}

.FormEL {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; COLOR: #333333; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}