* { /*border: 1px dotted #333; */}
html, body { margin: 0px auto 15px; font-size: 100%; text-align:center;
background-color:#aaffff; font-family: "Trebuchet MS", Tahoma, Arial; }
/* Layout */
#frame { width: 100%; margin:0 auto; text-align:left; padding: 0; }
/* Main Page */
#maincontent { margin:0; text-align:center; width: 100%; font-size: 1.0em; }
#navigation { width: 100%; height: auto; margin: 0; position: fixed; z-index:1000; left: 0; }
#divider { background-image:url(../images/site_specific/header_gradient.png); background-repeat:repeat-x; background-position:bottom; height: 65px; width: 100%; z-index:1000;}
#address_details{ font-size: 70%; margin: 0; float: right; bottom: 0; left: 0; }
#address_details p{ margin: 0 5px; padding: 0;}
#sp_logo { width: 170px; position:absolute; font-size: 80%; margin-right: 20px; background-color:#FFFFFF; left: 0; top: 0y}
#sp_logo p { margin: 0; padding: 0; line-height: 12px;}
#site_logo { margin: 5px 6px 5px; }
#sales_hotline { width: 100%; height: 65px; background-image:url(../images/site_specific/sales.png);
background-position:center bottom; background-repeat:no-repeat; position:relative;}
#emailus { display: block; height: 44px; position:relative; left:176px; top:8px; }
#cc_cards { float: left; margin: 2px 0 0 30px;}
.category_item { background:url(../images/site_specific/home_page/hp_box.jpg) no-repeat; width: 304px; height: 114px;
float: left; margin: 5px;}
.category_item_new { background:url(../images/site_specific/home_page/hp_box_new.jpg) no-repeat; width: 304px; height: 114px;
float: left; margin: 5px;}
.category_image { float: left; margin: 10px;}
.category_summary { padding: 10px 5px; text-align:left;}
.category_summary h1 { color: #fff; font-size: 1.3em; font-weight: bold; margin: 5px 5px 5px 0;}
.category_summary h2 { color: #fff; font-size: 1.0em; font-weight: bold; margin: 5px 0 ;}
.category_item_new .category_summary h1 {margin: 5px 40px 5px 0;}
#bodytext { padding: 210px 0 0 0; width: 980px; margin: 0 auto;
text-align:center; font-size:70%; color: #999; font-weight:normal; text-align:justify;
position: relative; z-index:0; }
* html #bodytext { padding: 0px 0 0 0; }
#bodytext ul { margin: 3px 0 10px 0; padding: 0 10px 0 23px; }
#bodytext li { list-style:none; padding:0; margin:0;}
#bodytext li a { display: block;padding: 2px 0 2px 15px; margin:0; color: #AAA;
text-decoration:none; font-weight:bold; font-style:italic;}
#bodytext li a:hover { background-image:url(../images/site_specific/bullet_image.jpg); background-repeat:no-repeat;
background-position:left; color:#CCC;}
#bodytext p { margin: 3px 0 10px 0; padding: 0 0px 0 3px; }
#bodytext li p { padding: 5px 0 5px 25px; font-style: italic; width: 98%;}
.quotetext { font-weight:normal; font-style:italic; padding: 0 ; margin: 0 auto; text-align:center!important;}
.quotename { font-weight:bold!important; padding: 0; margin: -7px 0 20px 0!important; color:#CCC; text-align:right;}
#footer { text-align:center; color:#333333; height:70px;
display:block; width: auto; margin: 0px auto 0; position: relative; z-index:0;
padding: 4px 5px 0; background: url(../images/site_specific/footer_bg.jpg) repeat-x bottom;}
a { color: #333; text-decoration:underline; font-weight:bold; cursor:hand!important;}
a:hover { color: #c00; text-decoration:underline;}
#nav_wrapper { background:#fff;}
#topmenu { margin: 0 170px 0 170px; padding: 0; font-size:100%; text-align:center; color:#333333; width: auto; background-color:#fff;}
#bottom_menu { margin: 0 auto 0px; padding: 10px 0 0 0; font-size:110%; text-align:left; color:#333333; width: 805px; float: none; background-color:#fff;}
/* bottom nav */
#bottom_nav { margin: 0 0 0 0 ; padding: 0px 0 0 0; text-align:left; font-size:60%; font-family: "Arial Narrow", "Trebuchet MS", Arial; }
#bottom_nav ul { margin: 0; padding: 0px 0 0 0 ; list-style: none; width: auto; position:relative; z-index:2000; }
#bottom_nav li { margin: 0 0px 1px 1px!important;; width: 200px; text-align:left!important; padding: 0 0 0 0px;
list-style:none; list-style-image:none; height: 16px; float: left; white-space:nowrap;}
#bottom_nav li.short { margin: 0 0px 1px 1px!important;; width: 200px; text-align:left!important; padding: 0 0 0 0px;
list-style:none; list-style-image:none; height: 16px;}
#bottom_nav a { color: #666; font-weight:normal; text-decoration: none;
background-image:url(../images/site_specific/bullet_image_short_on.jpg);
background-repeat:no-repeat; background-position:left;
position:relative; z-index:2000; display: block; min-height: 16px;
padding: 1px 3px 1px 10px; margin: 0; }
#bottom_nav a:hover { color: #fff; background:#990000 ; text-decoration:underline; /*color: #990000; background-image:url(../images/site_specific/bullet_image_short.jpg); */ }
#bottom_nav a.on { color: #990000; background:#fff url(../images/site_specific/bullet_image_short.jpg) no-repeat; }
#bottom_nav a.on:hover { color: #990000; background:#fff url(../images/site_specific/bullet_image_short.jpg) no-repeat; text-decoration:underline; }
#bottom_nav a.short { color: #666; font-weight:normal; text-decoration: none;
background-image:url(../images/site_specific/bullet_image_short_on.jpg);
background-repeat:no-repeat; background-position:left;
position:relative; z-index:2000; display: block; min-height: 16px;
padding: 1px 3px 1px 10px; margin: 0; }
#bottom_nav a.short:hover { color: #000033; background-image:url(../images/site_specific/bullet_image_short.jpg); }
#bottom_nav a.highlite { color: #900!important; font-weight:bold;}
#bottom_nav a.highlite:hover { color: #fff!important; background:#990000 ; text-decoration:underline; font-weight:bold;}
h1 { font-size:180%; color: #F9F3E3;
margin: 0 0 20px 0; font-weight:bold; text-transform:capitalize; }
h2 { font-size:140%; color: #F9F3E3; text-transform:capitalize;
margin: 0 0 10px 0px;}
h3 { font-size:120%; color: #F9F3E3; font-weight:bold; text-transform:capitalize;}
h4 { font-size:100%; color: #F9F3E3; font-weight:bold; text-transform:capitalize;}
h5 { font-size:1.1em; color: #F9F3E3; font-weight:bold; text-transform:capitalize; margin: 3px auto; padding:0;}
strong em { color: #660000;}
#copywrite { padding: 0px; font-size:60%; color:#ccc; text-align: left;
position:relative; bottom: 0px; left: 5px; z-index:0; float: left;}
#designedby { padding: 0px; text-align:right; color:#ccc; font-size:60%; float: right;
position:relative; bottom: 0px; right: 5px; z-index:0;}
#toolTipLayer { background:#EDEDDC; border: 2px #000000 solid; }
#toolTipLayer div { font-size: .7em!important; text-align:left; color:#333; margin: 0 2px; }
#toolTipLayer div h5 { background: #A9863D!important; color:#fff!important; font-size: 1.1em; text-align:left;
display:block; text-transform:uppercase; line-height: 22px; padding: 0 5px; }
#validation { margin: 20px auto; text-align:center;}
#validation img { border:none;}
/* Rules to force containers to expand with content */
.clear_right { clear:right; }
.clear { clear:both; }
.clear_left { clear:left; }
/* HELPER STYLES */
.floatright { float: right;}
.floatleft { float: left;}
/* TEXT FORMATING */
.left { text-align:left!important;}
.right { text-align:right!important;}
.center { text-align:center!important;}
.white { color: #FFFFFF; font-weight: bold; font-size: 4.0em;}
#datatable { font-size: 1.0em;}
.row_dark { background-color:#F5F5EB;}
.row_light { background-color:#FFF;}
.row_home { background-color: #E8FFE8;}
.row_away { background-color: #FFF2F9;}
table { font-size: 1.0em; color: #333;}
td { font-size: 1.0em; color: #333;}
th { background-color: #CC0000; font-size: 1.1em; color: #fff; font-weight:bold;
border: 1px solid #111;border-collapse: collapse;}
table.data { border: 1px solid #111;border-collapse: collapse;}
table.data td { background-color:#FFFFFF;border: 1px solid #111;border-collapse: collapse;}
h1 { font-size: 2.4em; color:#f00; margin: 5px auto;}
h2 { font-size: 1.8em; color:#f00; margin: 5px auto;}
h3 { font-size: 1.6em; color:#f00; margin: 5px auto;}
h4 { font-size: 1.4em; color:#f00; margin: 5px auto;}
h5 { font-size: 1.2em; color:#f00; margin: 5px auto;}
h6 { font-size: 1.1em; color:#900; margin: 5px auto;}
strong, b { color:#000;}
a { color:#009; font-weight:bold!important;}
a:hover { color:#00f; font-weight:bold;}
td li { list-style-image:inherit!important; list-style:circle!important; margin: 0 0 10px 0;}
td li a { color:#009!important; text-decoration:underline!important; padding:0!important; display:inline!important;}
td li a:hover { color:#00f; background-image:none!important;}
.highlite { color:#900!important;}
.dark { color:#300!important;}
hr { color:#f00;}
.clearleft { clear:left;}