* { margin: 0px; padding: 0px; }
html { min-height: 100%; }
body { text-align: center; font-family:"Arial", Helvetica, Sans-serif; font-size: 12px; color: #000; background:#FFF url(../images/bg_s_page2.gif) repeat-x 50% 0; line-height:18px; }
p { padding:2px 6px 8px; }
ol, ul, dl, h1, h2, h3, ol, ul, dl { padding:8px 6px 3px; }
ol, ul, dir, menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
blockquote { width:90%; margin:10px auto; }
#skip { display: none; }
a img, :link img, :visited img { border: none; }
img { }
a:link { color: #000; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { color: #666; }
small { font-size:9px; }
.floatright { float: right; }
.floatleft { float:left; }
img.floatleft { padding:5px; }
.alignleft { text-align:left !important; }
.alignright { text-align: right !important; }
.inline { display: inline; }
.clear { clear: both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/ .clearfix { display:block; } /**/
h1, h2, h3 { font-size: 18px; line-height: 16px; margin:0 0 10px 0; padding-left:0; border-bottom:1px solid #efefef; }
h2 { font-size: 16px; color:#333; }
h3 { font-size: 12px; color:#4b4b4b; }
.printranet h1 , .printranet h2, .printranet h3 { border:none; }
hr { height:1px; color:#666; background:#666; border:0; width:98%; margin:0 auto 5px; }
input, select { font-size:12px; padding:2px; }
.entry h2 { font-size:14px; }
#container { background: url(../images/bg_s_sidebars.gif) no-repeat 50% 220px; }
#wrapper { background:url(../images/bg_s_page.gif) no-repeat 50% 0; }
#wrapper2 { width: 760px; margin:0 auto; text-align:left; }
#home { background:#FFF url(../images/bg_page.gif) repeat-x 50% 0; }
#home #container { background:url(../images/bg_sidebars.gif) no-repeat 50% 444px; }
#home #wrapper { background:url(../images/bg_h_page.gif) no-repeat 50% 0; }
#home #content { background:url(../images/bg_watermark.gif) no-repeat bottom right; }
#header { position:relative; display:block; width:760px; height:118px; background:#FFF url(../images/bg_header.gif) repeat-x; }
#header #logo { position:absolute; top:32px; left:49px; width: 125px; height: 74px; }
#header .topnav { position:absolute; top:60px; right:0px; }
#header .topnav img { margin-right:40px; float:left; }
/* navigation
-------------------------------------------- */
#nav { width:760px; text-align:center; background: url(../images/bg_nav.gif) repeat-x top right; }
#nav ul { width:684px; position:relative; height: 54px; z-index: 50; list-style:none; margin:0 auto; padding:0; }
#nav li { position: relative; height: 54px; float: left }
#nav li a { position: relative; height: 54px; display:block; text-decoration:none; cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 54px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }
#home #nav a:hover { text-decoration: none;}
#nav li.home, #nav li.home a, #nav li.home a strong { background-position: 0 0; width: 108px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: -108px 0px; width: 108px; }
#nav li.products, #nav li.products a, #nav li.products a strong { background-position: -216px 0px; width: 111px; }
#nav li.order, #nav li.order a, #nav li.order a strong { background-position: -327px 0px; width: 126px; }
#nav li.brokerage, #nav li.brokerage a, #nav li.brokerage a strong { background-position: -453px 0px; width: 117px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -570px 0px; width: 114px;}
/* HOVER STATE */
#nav li.home, #nav li.home a:hover strong { background-position: 0 -108px; width: 108px; }
#nav li.about, #nav li.about a:hover strong { background-position: -108px -108px; width: 108px; }
#nav li.products, #nav li.products a:hover strong { background-position: -216px -108px; width: 111px; }
#nav li.order, #nav li.order a:hover strong { background-position: -327px -108px; width: 126px; }
#nav li.brokerage, #nav li.brokerage a:hover strong { background-position: -453px -108px; width: 117px; }
#nav li.contact, #nav li.contact a:hover strong { background-position: -570px -108px; width: 114px;}
/* ON STATE */
#nav li.homeon, #nav li.homeon strong { background-position: 0 -54px; width: 108px; }
#nav li.abouton, #nav li.abouton strong { background-position: -108px -54px; width: 108px; }
#nav li.productson, #nav li.productson strong { background-position: -216px -54px; width: 111px; }
#nav li.orderon, #nav li.orderon strong { background-position: -327px -54px; width: 126px; }
#nav li.brokerageon, #nav li.brokerageon strong { background-position: -453px -54px; width: 117px; }
#nav li.contacton, #nav li.contacton strong { background-position: -570px -54px; width: 114px; }
#content { background:#FFF; position:relative; min-height:543px; text-align:left; }
* html #content, * html #content #col_1 { height:543px; }
#content #col_1, #s_col_1 { width:304px; padding:0 25px; float:left; min-height:543px; background:url(../images/bg_h_col1.gif) no-repeat 0 0; }
* html #content #col_1 { width:354px; w\idth:304px; }
#content #col_1 h2 { font-size:14px; }
#content #col_2, #s_col_2 { width:403px; float:left; }
#content #col_2 .title { float:right; text-align:right; font-size:26px; margin:20px 0 0; line-height:24px; }
#content #col_2 .subtitle { float:right; clear:right; text-align:right; font-size:14px; color:#4b4b4b; margin: -10px 0 20px; }
.breadcrumb { background:#dcdcdc; padding:5px 10px; margin:0; }
.breadcrumb a { color:#333; }
#content #col_2 ul { margin:0; padding:0; list-style:none; }
#content #col_2 li { margin-top:10px; border-bottom:1px solid #dcdcdc; }
#content #col_2 li img { display:inline; }
#content #col_2 li h3, #content #s_col_2 li h3 { display:inline; border:none; padding:0; margin:0; }
#content #col_2 li.last { border-bottom:none; }
#content #col_2 h3 { margin:0; padding:0; }
#content form { margin:10px; }
#content form fieldset { padding:10px; border:1px solid #dcdcdc; }
table.results { border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
table.results th { background-color:#D5EAFF; color:#004080; }
table.results td, table.results th { padding:2px; font-size:12px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
#copy { display:block; width:50%; margin:0 auto; }
#copy div { background:#FAFFEE; border:1px solid #A49544; padding:3px; text-align:center; }
#s_col_1 { width:180px; padding:0; min-height:550px; background:url(../images/bg_subnav.gif) no-repeat 100% 0; }
* html #s_col_1 { width:180px; height:550px; w\idth:180px; }
#s_col_2 { width:580px; margin:0; }
#content #s_col_2 h2, #content #s_col_2 h1 { font-size:16px; margin:0 5px; }
#content #h_col2 { }
textarea { border:1px solid #666; }
#content .entry { padding-top:10px; }
#home #content .entry p { padding-left:0; }
.subnav { width:100%; margin:0; padding:0; list-style:none; }
.subnav li { width:100%; }
.subnav li a:hover { background:#efefef; }
.subnav li a, .subnav li.on { display:block; padding:5px; background:#dcdcdc url(../images/bg_subnav_cap.gif) no-repeat top right; border-bottom:1px solid #FFFFFF; }
* html .subnav li a, * html .subnav li.on { height:1%; }
.subnav li.on { background:#efefef; width:auto; }
#footer { position:relative; display:block; width:760px; height:60px; padding:0; background:#232323; color:#FFF; text-align:left; font-size:11px; }
#footer p { position:absolute; top:10px; left:10px; }
#footer p a { color:#EFEFEF; }
.t_form { margin:20px; }
.t_form th { background:#efefef; }
.t_form td, .t_form th { padding:5px; border-bottom:1px solid #dcdcdc; }
.t_form input, .t_form select { font-size:12px; padding: 2px; border:1px solid #666; background:#FFF; }
.l_form { width:50%; background:#EFEFEF; float:right; margin:30px 10px; border:1px solid #dcdcdc; }
.l_form td { font-size:11px; }
.how_info { position: absolute; left:395px; top:210px; width:300px; }
.how_info p { color:#333; }
.how_info h2 { color:#666666; }
.smallinfobox { min-height:50px; margin-bottom:1px; }
.smallinfobox .more { padding: 1px 5px; text-align:right; width:220px; display:block; }
img.floatleft { margin:0 5px 5px 0; }
.logo { float:right; margin: 10px 10px 0 0; }
.box { width:400px; }
.box.wide { width:100%; }
.box.thin { }
address { background:#efefef; border-left:1px solid #333; padding:10px; margin-left:20px; }
.warning { float:right; display:inline; background-color:#FFD5D5; border:1px solid red; color:red; }