html { overflow: hidden; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}

body { color: #333; font-family: Times, Times New Roman, serif; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden;
}

div.container1 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }

div.container2 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center; overflow: auto; }

div.container3 {
	display: block;
    width: 974px;
    margin: 0px auto;
    position: relative;
    text-align: left;
	padding: 10px 10px 10px 10px;
}

div.banner { width: 974px; height: 86px; background: url("graphics/banner_new.jpg") no-repeat left top; position: relative; }

div.options { position: absolute; right: 10px; top: 6px; font-size: 90%; font-weight: bold; color: #FFF; text-align: right; }

div.tag_line { position: absolute; right: 10px; bottom: 10px; font-size: 100%; font-weight: bold; font-style: italic; color: #FFF; }

div.search { position: absolute; right: 10px; top: 55px; font-size: 100%; font-weight: bold; color: #FFF; }

div.search  label { color: #FFF; }

div.search  input { border: 0px solid #1B2884; padding: 1px; }

#nav { width: 972px; border-bottom: 1px solid #C9B7B6; border-left: 1px solid #C9B7B6; border-right: 1px solid #C9B7B6; background: url("graphics/bar_bkg_new.gif") repeat-x left bottom; text-align: center; padding: 1px 0px 2px 0px; }
#nav div { width: 972px; }
#nav ul { padding: 0px; margin: 0px; list-style: none; font-size: 90%; }
#nav li { display: inline; padding: 2px 0px 2px 0px; margin: 0px; position: relative; }
#nav li.left { display: inline; padding: 2px 0px 2px 0px; margin: 0px; position: relative; background: url("graphics/link_divider_new.gif") repeat-y left top; }
#nav a:link { display: inline; text-decoration: none; color: #444; padding: 2px 16px 2px 14px; line-height: 16px; background: url("graphics/link_divider_new.gif") repeat-y right top; }
#nav a:visited { display: inline; text-decoration: none; color: #444; padding: 2px 16px 2px 14px; line-height: 16px; background: url("graphics/link_divider_new.gif") repeat-y right top; }
#nav a:hover { display: inline; text-decoration: none; color: #777; padding: 2px 16px 2px 14px; line-height: 16px; background: url("graphics/link_divider_new.gif") repeat-y right top; }
#nav a:active { display: inline; text-decoration: none; color: #777; padding: 2px 16px 2px 14px; line-height: 16px; background: url("graphics/link_divider_new.gif") repeat-y right top; }

div.main_container { float: left; width: 974px; background: url("graphics/menu_bkg_new.jpg") repeat-y left top; margin-top: 10px; }

div.left_col { float: left; width: 200px; margin: 0px 10px 0px 0px; }

#menu { float: left; width: 200px; }
#menu ul { padding: 0px; margin: 0px; list-style: none; font-size: 90%; border-top: 1px solid #E0D7D6; }
#menu li { font-weight: bold; padding: 0px; margin: 0px; position: relative; border-bottom: 1px solid #E0D7D6; }
#menu a:link { display: block; text-decoration: none; color: #444; padding: 3px 0px 3px 16px; line-height: 16px; background: none; }
#menu a:visited { display: block; text-decoration: none; color: #444; padding: 3px 0px 3px 16px; line-height: 16px; background: none; }
#menu a:hover { display: block; text-decoration: none; color: #777; padding: 3px 0px 3px 16px; line-height: 16px; background: url("graphics/sub_cat.gif") no-repeat 7px 8px; }
#menu a:active { display: block; text-decoration: none; color: #777; padding: 3px 0px 3px 16px; line-height: 16px; background: url("graphics/sub_cat.gif") no-repeat 7px 8px; }
#menu ul li ul { font-size: 100%; border-top: 0px solid #FFF; background-color: #E0D7D6; }
#menu ul li ul li { border-bottom: 0px solid #FFF; border-top: 1px solid #F4F0F0; font-weight: normal; }
#menu ul li ul li ul { font-size: 100%; border-top: 0px solid #FFF; background-color: #F4F0F0; padding-left: 3px; }
#menu ul li ul li ul li { border-bottom: 0px solid #FFF; border-top: 1px solid #F4F0F0; }

#menu a.selected:link { background: url("graphics/sub_cat.gif") no-repeat 7px 8px; }
#menu a.selected:visited { background: url("graphics/sub_cat.gif") no-repeat 7px 8px; }

div.content { float: left; width: 764px; }

div.int_des_link { float: left; width: 179px; height: 57px; font-size: 100%; font-weight: bold; text-align: center; line-height: 18px; border: 1px solid #C9B7B6; background: url("graphics/main_link_bkg_new.jpg") no-repeat left top; margin: 0px; }

div.right_box_title { clear: right; float: right; width: 200px; background-color: #C9B7B6; font-size: 100%; font-weight: bold; text-align: center; color: #000066; margin: 12px 0px 1px 10px; padding: 2px 0px 2px 0px; }

div.right_box { clear: right; float: right; width: 178px; padding: 0px 10px 0px 10px; font-size: 90%; border: 1px solid #B0CBE0; background: #E8F0F5 url("graphics/box_bkg.gif") repeat-x left top; }

div.footer1 { float: left; width: 974px; background: #C9B7B6 url("graphics/bkg_pattern.jpg") repeat left top; text-align: center; font-size: 90%; padding: 2px 0px 2px 0px; margin: 12px 0px 0px 0px; }

#bot_nav { margin: 0px; list-style: none; padding: 2px 0px 2px 0px; }
#bot_nav li { padding: 0px; margin: 0px; display: inline; padding: 0px 8px 0px 6px; border-right: 1px solid #444; }
#bot_nav a:link { text-decoration: none; color: #444 }
#bot_nav a:visited { text-decoration: none; color: #444; }
#bot_nav a:hover { text-decoration: none; color: #777; }
#bot_nav a:active { text-decoration: none; color: #777; }

div.footer2 { float: left; width: 974px; background-color: #FFF; text-align: center; font-size: 80%; line-height: 15px; padding: 2px 0px 2px 0px; margin: 12px 0px 0px 0px; }

div.sub_cat_container1 { float: left; padding: 5px; margin: 0px; }
div.sub_cat_container2 { float: left; width: 181px; padding: 0px 0px 5px 0px; margin: 0px; background-color: #F4F0F0; position: relative; }
div.sub_cat_title { float: left; width: 179px; padding: 2px 1px 4px 1px; text-align: center; font-weight: bold; font-size: 90%; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: #F4F0F0; }
div.sub_cat_image { float: left; width: 171px; height: 171px; padding: 0px; text-align: center; overflow: hidden; position: relative; left: 5px; margin-top: 26px; z-index: 1; }

#boxes_container { float: left; width: 764px; background: url("graphics/prod_divider_new.gif") repeat-y left top; position: relative; }

div.p_container { float: left; width: 382px; }

div.p_container2 { padding: 10px; }

div.prod_spacer {  clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 0px; height: 0px; font-size: 0px; border-top: 1px solid #C9B7B6;}

div.clearer { clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 0px; height: 0px; font-size: 0px; }

div.center { text-align: center; }

div.box_link_faq { margin: 7px 15px 7px 15px; padding: 2px 4px 2px 4px; border: 1px solid #FFF; background: #FFF url("graphics/faq_bkg.jpg") no-repeat right top; font-size: 80%; }
div.box_link_test { margin: 7px 15px 7px 15px; padding: 2px 4px 2px 4px; border: 1px solid #FFF; background: #FFF url("graphics/test_bkg.jpg") no-repeat right top; font-size: 80%; }
div.box_link_trade { margin: 7px 15px 7px 15px; padding: 2px 4px 2px 4px; border: 1px solid #FFF; background: #FFF url("graphics/trade_bkg.jpg") no-repeat right top; font-size: 80%; }
div.box_link { margin: 7px 15px 7px 15px; padding: 2px 4px 2px 4px; border: 1px solid #FFF; background-color: #FFF; font-size: 80%; text-align: center;}
div.box_link img { padding: 4px 0px 4px 0px; }

#flashcontent { float: left; width: 764px; height: 200px; overflow: hidden; margin: 10px 0px 10px 0px; }

h1 { font-size: 130%; color: #333; margin: 12px 0px 12px 0px; }
h1.large { font-size: 160%; color: #333; margin: 12px 0px 12px 0px; }
h1.home { font-size: 160%; color: #333; margin: 12px 0px 12px 0px; text-align: center; }

h2 { font-size: 110%; color: #333; margin: 12px 0px 12px 0px; }

p { font-size: 90%; margin: 12px 0px 12px 0px;}
p.breadcrumb { font-size: 90%; }

span.left { float: left; }
span.right { float: right; }
span.small { font-size: 90%; }
span.small2 { font-size: 70%; font-weight: normal; }

ul { font-size: 100%; margin-left: 15px; padding-left: 15px; }
ul.hp_services { width: 220px; margin-left: 305px; }
ul.hp_services li { padding: 5px 0px 5px 0px; font-weight: bold; }

img { border: 0px; }
img.example { clear: right; float: right; display: block; width: 200px; height: 133px; margin: 10px 0px 10px 10px; }
img.right { float: right; }
img.left { float: left; margin-right: 5px; }
img.cards { margin: 14px 0px 7px 15px; }

a:link { text-decoration: none; color: #888; }
a:visited { text-decoration: none; color: #888; }
a:hover { text-decoration: underline; color: #BBB; }
a:active { text-decoration: underline; color: #BBB; }

a.white:link { text-decoration: none; color: #FFF; }
a.white:visited { text-decoration: none; color: #FFF; }
a.white:hover { text-decoration: underline; color: #EEE; }
a.white:active { text-decoration: underline; color: #EEE; }

table.articles {width: 100%; text-align: center;}
table.articles td {width: 50%; vertical-align: top; font-size: 100%; font-family: Times,Times New Roman,serif;}

input.buy { background-color: #E0D7D6; font-weight: bold; font-size: 100%; padding: 2px; font-family: Times,Times New Roman,serif; border-top: 1px solid #F4F0F0; border-left: 1px solid #F4F0F0; border-right: 1px solid #C9B7B6; border-bottom: 1px solid #C9B7B6; }

/* Homepage Right Column */
div.right_col {
	float: right;
	width: 181px;
	height: 1355px;
/*	height: 962px;  */
	background-color: #F4F0F0;
	position: relative;
	right: 5px;
	margin-bottom: 5px;
}
#flashcontent2 { float: left; width: 563px; height: 352px; overflow: hidden; margin: 10px 0px 10px 0px; text-align: center; }
p.home { font-size: 90%; width: 563px; margin: 12px 0px 12px 0px; line-height: 17px;}
p.caption { font-size: 80%; margin: 0px 0px 0px 0px; font-weight: bold; padding: 0px 10px 0px 10px; line-height: 15px; }
p.heading { font-size: 110%; margin: 0px 0px 2px 0px; font-weight: bold; color: #C00; }
p.heading2 { font-size: 110%; margin: 3px 0px 3px 0px; font-weight: bold; text-align: center; }
p.link1 { font-size: 90%; margin: 0px 0px 2px 0px; font-weight: bold; line-height: 16px; }
p.link2 { font-size: 80%; margin: 3px 0px 3px 0px; font-weight: bold; }
p.info { font-size: 90%; margin: 2px 0px 0px 0px; line-height: 16px; }
div.info_box { padding: 5px 5px 5px 5px; text-align: center; }
div.right_col_spacer { float: left; width: 181px; height: 10px; font-size: 60%; background-color: #FFF; }
div.featured_heading { width: 181px; text-align: center; font-size: 90%; font-weight: bold; background: #C9B7B6 url("graphics/bkg_pattern.jpg") repeat left top; padding: 2px 0px 2px 0px; }
div.featured_heading a:link { text-decoration: none; color: #444; }
div.featured_heading a:visited { text-decoration: none; color: #444; }
div.featured_heading a:hover { text-decoration: none; color: #777; }
div.featured_heading a:active { text-decoration: none; color: #777; }
div.featured_image { width: 171px; text-align: center; position: relative; left: 5px; background-color: #FFF; margin: 5px 0px 0px 0px; }
div.featured_content { width: 181px; text-align: center; margin: 0px 0px 5px 0px; }

/* TinyMCE Specific CSS */
body.mceContentBody {
    background: #FFF;
    background-image: none;
    font-size: 100%;
    width: auto;
    height: 165px;
    position: relative;
	overflow: auto;
}