/* CSS Document */
html { height:101%; }
form { padding:0; margin:0 }
body { background: url(/img/bg.gif) #404040; margin: 0px; behavior:url("/css/csshover.htc") /* make anything a hover in IE with this code */ }
table, td { border: 0px solid #ffffff; border-spacing: 0px; border-collapse: collapse; padding: 0px; empty-cells: show; }
td { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#4d4d4d; margin: 0px; }
#wrapper { background:url(/img/bg-wrapper.gif) repeat-y center top; width:778px; }
#edge-lft { background: url(/img/bg_edge-lft.gif) repeat-y right; width:9px; }
#middle { width:760px; }
#edge-rt { background:url(/img/bg_edge-rt.gif) repeat-y left; width:9px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; letter-spacing: -1px; text-transform:uppercase; line-height:20px; color:#0060a8; margin:0px 0 6px 0; }
h1.home { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform: none; font-weight:normal; line-height: normal; color:#000000; margin:14px 0 7px 0; letter-spacing:normal; }
span.h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; letter-spacing: -1px; text-transform:uppercase; line-height:20px; color:#0060a8; margin:0px 0 6px 0; display:block; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; line-height: normal; color:#000000; margin:12px 0 0 0; }
span.h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; line-height: normal; color:#000000; margin:12px 0 0 0; display:block }
h2.title { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform: none; font-weight:normal; line-height: normal; color:#000000; margin:14px 0 7px 0; }
span.h2-title { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform: none; font-weight:normal; line-height: normal; color:#000000; margin:14px 0 7px 0; display:block }
h3 .prod-name { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:18px; color:#0060a8; margin:12px 0 6px 0; }
span.h3-prod-name { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:18px; color:#0060a8; margin:12px 0 6px 0; display:block }
h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; line-height:15px; font-weight:normal; color:#000000; margin:0; }
span.h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; line-height:15px; font-weight:normal; color:#000000; margin:0; display:block }
h5 { font-family: Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#0060a8; margin:0px 0 7px 0; }
h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing: -1px; text-transform: none; line-height:18px; color:#0060a8; margin:0; }
.bigblue { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; letter-spacing: -1px; text-transform: none; line-height:18px; color:#0060a8; }
.biggerblue { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing: -1px; text-transform: none; line-height:22px; color:#0060a8; }
img.left { float:left; padding-right:10px; border:solid 0px; }
img.right { float:right; padding-left:10px; border:solid 0px; }
img { border:solid 0px; }
a:link, a:visited, a:active { color:#005ea4; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
/* Begin Top Navigation Styles */
#topnav { font-size:11px; float:left; text-align:right; width:487px; height:58px; color: #dedede; }
#topnav a { color: #dedede; }
#topnav a:hover { color:#3fa5f1; }
input { margin:0; padding:0; }
#header { font-size:11px; height:99px; float:left; background: url(/img/bg_topnav.gif) top right no-repeat; position:relative; z-index:10 }
#search { position:relative; float:right; padding:5px 6px 12px 0; margin:0 0 -1px !important; margin:0; }
#search input { float:left }
#search img { margin:8px 0 0 }
#cart_link { float:left; display:inline; padding:12px 0 0 90px; font-size:12px; font-weight: bold; width:120px; }
.search-list { list-style:none; margin:0px; padding:0; }
.search-list li { padding:3px 10px; border-bottom: dotted 1px #CCCCCC }
#topnav input { font-size:11px; height:11px; margin-top:10px; }
.lft { float:left; }
/* Begin Main Navigation Styles */
#navList { background:url(/img/bg-navListOff.gif) 0 0 repeat-x; float:left; width:487px; padding:0; margin:0 }
#navList ul { float:right; background:url(/img/bg-navListLeft.gif) 0 0 no-repeat; list-style:none; margin:0; padding:0 0 0 0px; }
#navList li { float:left; background:url(/img/bg-navListDivider.gif) 100% 0 no-repeat; padding:0 1px 0 0 }
#navList .end { background:none; padding:0 }
#navList a { float:left; display:block; height:26px; font-size:12px; text-transform:uppercase; letter-spacing: normal; color:#fff; background:url(/img/bg-navListOff.gif) 0 0 repeat-x; text-decoration:none; padding:13px 9px 0 10px; margin:0; }
#navList a:hover { background: url(/img/bg-navListOn.gif) 0 0 repeat-x; color:#fff; text-decoration:none }
/* Home Page Only Styles */
#splash { width:758px; overflow:hidden; border:solid #FFFFFF 1px; height: 208px; float:left; position: relative; z-index:0;}
/*(background:url(/img/splash_home.jpg) no-repeat #FFFFFF;
width:335px;
height:154px;
padding:44px 400px 10px 25px;
margin:0;
float:left;
font-size:13px;
line-height:20px;
color:#FFFFFF;
}*/
#splash h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; letter-spacing:-1pt; text-transform:uppercase; color:#ffffff; margin:0 0 10px 0; }
#splash span.h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; letter-spacing:-1pt; text-transform:uppercase; color:#ffffff; margin:0 0 10px 0; display:block }
#prod-home { background:url(/img/div-vert.gif) left top repeat-y #FFFFFF; vertical-align:top; width:298px; min-height:235px; margin: 0; padding:10px 25px 16px 25px; float:left; }
.prod-desc { width:298px; font-size:11px; float:left; margin-bottom:10px; }
/* Home page feature boxes at bottom */
#content-home { /* total width is 536 */ width:368px; padding:12px 22px 12px 22px; vertical-align:top; float:left; }
#content-rt #content-home h2 { margin-bottom:0; }
#feature { background:url(/img/bg_bottom-home.gif) no-repeat top #FFFFFF; width:760px; height:175px; float:left; color:#000000; }
#feat-1 { font-size:11px; width:219px; padding:15px 10px 5px 20px; color:#000000; float:left; }
#feat-2 { font-size:11px; width:233px; padding:15px 10px 5px 15px; color:#000000; float:left; }
#feat-3 { font-size:11px; width:215px; padding:15px 20px 5px 15px; color:#000000; float:left; }
#all-1 { width:219px; padding:15px 10px 5px 20px; float:left; }
#all-2 { width:233px; padding:15px 10px 5px 15px; float:left; }
#all-3 { width:215px; padding:15px 20px 5px 15px; float:left; }
#feature h1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; letter-spacing: normal; text-transform:uppercase; color:#000000; margin:0px 0 8px 0; }
#feature span.h1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:15px; letter-spacing: normal; text-transform:uppercase; color:#000000; margin:0px 0 8px 0; display:block }
#feature h2 { font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#1c425e; margin:0px; }
#feature span.h2 { font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#1c425e; margin:0px; display:block }
#feature a { text-transform:uppercase; font-weight:bold; }
#feature a:hover { text-transform:uppercase; font-weight:bold; }
#all-1 a, #all-2 a, #all-3 a, .store a { text-transform:uppercase; font-weight:bold; background:url(/img/arrow.gif) no-repeat left; padding-left:14px; }
#all-1 a:hover, #all-2 a:hover, #all-3 a:hover, .store a:hover { text-transform:uppercase; font-weight:bold; background:url(/img/arrow.gif) no-repeat left; padding-left:14px; }
/* Site Map Styles */
#site-map { width:503px; padding:14px 14px 0 14px; margin-bottom:35px; vertical-align:top; float:left; }
#site-map ul { margin:0 0 0 30px; padding:0 }
#site-map ul ul { margin:0 0 0 15px; padding:0; list-style:circle; }
#site-map ul ul.list { margin:0 0 0 0px; padding:0; list-style:circle; }
#site-map ul ul ul { margin:0 0 0 15px; padding:0; list-style:circle; }
#site-map ul ul.list ul { margin:0 0 0 0px; padding:0; list-style: square; }
#content-rt { background: url(/img/bg_content.gif) repeat-y top #FFFFFF; width:760px; float:left; }
/* Internal Page styles */
#content-lft { background: url(/img/bg_content-l.gif) top repeat-y #FFFFFF; width:760px; float:left; }
.splash-int { width:335px; height:70px; padding:26px 394px 13px 31px; margin:0; float:left; font-size:13px; line-height:20px; color:#FFFFFF; }
#splash-int0 { background:url(/img/splash_internal.jpg) no-repeat #FFFFFF; }
#splash-int1 { background:url(/img/splash_internal1.jpg) no-repeat #FFFFFF; }
#splash-int2 { background:url(/img/splash_internal2.jpg) no-repeat #FFFFFF; }
#splash-int3 { background:url(/img/splash_internal3.jpg) no-repeat #FFFFFF; }
#splash-int4 { background:url(/img/splash_internal4.jpg) no-repeat #FFFFFF; }
#splash-int5 { background:url(/img/splash_internal5.jpg) no-repeat #FFFFFF; }
#splash-int6 { background:url(/img/splash_internal6.jpg) no-repeat #FFFFFF; }
.splash-int h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; letter-spacing:-1pt; text-transform:uppercase; color:#ffffff; margin:0 0 10px 0; }
#content-int { width:531px; float:left; }
#hdr-lft { background:url(/img/bg_hdr-leftcol.jpg) top no-repeat; height:30px; width:517px; padding:11px 0 0 14px; }
#hdr-rgt { background:url(/img/bg_hdr-rightcol.jpg) top no-repeat; height:30px; width:517px; padding:11px 0 0 14px; }
#text-int { width:503px; padding:14px 14px 0 14px; margin-bottom:35px; vertical-align:top; float:left; }
.emailimg { vertical-align:bottom; height:22px; }
#leftcol { /* actual width 229 */ background:url(/img/bg_lftcol.jpg) top right no-repeat; float:left; padding:0 0 0 2px; width:227px; min-height:547px; height:auto !important; height:547px; vertical-align:top; }
#rightcol { /* actual width 229 */ background:url(/img/bg_rtcol.jpg) top left no-repeat; float:left; width:229px; min-height:547px; height:auto !important; height:547px; vertical-align:top; }
.action-rt { width:194px; padding:13px 16px 0 19px; border-bottom:1px solid #e1e0e0; }
.action-rt a { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 7px 0; }
.action-rt a:hover { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 7px 0; }
.action-rt a.reg { text-transform: none; text-decoration:none; font-weight: normal; display: inline; margin:0; }
.action-rt a.reg:hover { text-transform: none; text-decoration:none; font-weight: normal; display: inline; margin:0; }
#bottom { background:url(/img/bg_page-bottom.gif) right bottom no-repeat; width:760px; height:35px; clear:both; }
#blueHdr { background: url(/img/bg_hdr_bluebox.jpg) bottom repeat-x #d9edfc; height:32px; width:468px; padding:14px 13px 0 13px; margin-top:12px; }
#blueHdr h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#005ea4 }
#blueHdr span.h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#005ea4; display:block; }
#blueBox { background:#d9edfc; width:468px; min-height:103px; padding:13px; }
#blueBox a { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
#blueBox a:hover { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
#blueBox h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; }
#blueBox span.h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; display:block }
.article, .product { background:url(/img/bg_article.jpg) bottom no-repeat; width:494px; }
.articledetails { background:url(/img/bg_article.jpg) bottom no-repeat; width:474px; padding:10px 10px 20px 10px; }
.product2 { background:url(/img/bg_article.jpg) bottom no-repeat; width:494px; }
.article h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:none; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; }
.article span.h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:none; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; display:block; }
.archive { background:none; }
.archive li a { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; color:#005ea4; }
.archive li a:hover { color:#000000; }
.article a { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
.article a:hover { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
/* Left Navigation Styles */
#leftnav { width:227px; }
#leftnav h1 { display:block; padding:12px 0 8px 10px; line-height:normal; }
#leftnav span.h1 { display:block; padding:12px 0 8px 10px; line-height:normal; display:block; }
#leftnav ul, #leftnav li { list-style:none; padding:0; margin:0; display:block; }
#leftnav li { border:solid #e1e0e0; border-width:1px 1px 0px 1px; padding:0px 12px 0px 12px; }
#leftnav li.end { border:solid #e1e0e0; border-width:1px 1px 1px 1px; padding:0px 12px 0px 12px; }
#leftnav li:hover { background: url(/img/bg_leftnav-hover.jpg) top #eeeeee repeat-y; }
#leftnav a:link, #leftnav a:visited, #leftnav a:active { color:#0060a8; text-transform:uppercase; display:block; min-height:16px !important; background:url(/img/arrow-blue.gif) 100% 50% no-repeat; padding:5px 15px 5px 0; }
#leftnav a:hover { color:#6b6c6c; text-transform:uppercase; display:block; min-height:16px !important; background:url(/img/arrow-gray.gif) 100% 50% no-repeat; padding:5px 15px 5px 0; }
#faq a { font-family: Arial, Helvetica, sans-serif; font-size:13px; text-transform:none; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; }
#faq a:hover { font-family: Arial, Helvetica, sans-serif; font-size:13px; text-transform:none; font-weight:normal; line-height: normal; color:#0060a8; margin:0 0 7px 0; }
/* Data Table Styles for client use */
.cur_row { color: #000; background:#d9edfc; cursor:default; }
.cur_col { color: #000; background:#d9edfc; cursor:default; }
.cur_cell { color: #000; background: #0061aa; color:#FFF; cursor:default; }
#highlight { text-align:center; border:1px #0061aa; }
#highlight td { height:22px; border:1px #0061aa; text-align:right; padding-right:2px; }
#highlight .hdrcol { height:22px; border:1px #6d6c6c; text-align:right; padding-right:2px; font-weight:bold; color:#005ea4; background:#d9edfc; }
#highlight tr.headrow td { text-align:center; vertical-align:bottom; font-weight:bold; color:#005ea4; background:#d9edfc; }
table.bluetop td.lft { background: url(/img/bg-tbl-left-top.gif) no-repeat left top #0061aa; empty-cells:show; width:7px; height:15px; }
table.bluetop td.top { empty-cells:show; background:#0061aa; width:466px; height:15px; }
table.bluetop td.rt { background:url(/img/bg-tbl-right-top.gif) no-repeat right top #0061aa; width:7px; height:15px; empty-cells:show; }
#grid { text-align:center; border:0 }
#grid td { height:22px; border:1px solid #6d6c6c; color:#000; text-align:right; padding:2px 2px 2px 0; }
#grid tr.top { background:#0061aa }
#grid tr.top td { color:#000; text-align:right; padding:2px; border:0px #6d6c6c; }
#grid .hdrcol { height:22px; text-align:right; color:#005493; padding-right:2px; font-weight:bold; }
#grid tr.headrow td { text-align:center; color:#005493; vertical-align:bottom; font-weight:bold; background:#d9edfc; }
#grid tr.hlite td { background:#d9edfc; }
#grid tr.top td.lft { background: url(/img/bg-tbl-left-top.gif) no-repeat left top #0061aa; width:auto; }
#grid tr.top td.top { width:auto; background:#0061aa; height:10px; }
#grid tr.top td.rt { width:auto; background:url(/img/bg-tbl-right-top.gif) no-repeat right top #0061aa; }
#simple { text-align:center; border:0px; }
#simple td { color:#000; text-align:right; padding:2px; border:1px #6d6c6c; }
#simple tr.top td { color:#000; text-align:right; padding:2px; border:0px #6d6c6c; }
#simple .hdrcol { text-align:right; color:#005493; padding-right:2px; font-weight:bold; }
#simple tr.headrow td { text-align:center; color:#005493; vertical-align:bottom; font-weight:bold; background:#d9edfc; }
#simple tr.hlite td { background:#d9edfc; }
#plain { text-align:center; border:0px; }
#plain td { height:22px; border:1px #6d6c6c; color:#000; padding:2px 2px 2px 0; }
#plain tr.top td { color:#000; padding:2px; border:0px #6d6c6c; }
#plain .hdrcol { height:22px; color:#005493; padding-right:2px; font-weight:bold; }
#plain tr.headrow td { color:#005493; vertical-align:bottom; font-weight:bold; background:#d9edfc; }
#plain tr.hlite td { background:#d9edfc; }
/*-- Products Pages Styles --*/
.product h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform: uppercase; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; }
.product span.h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform: uppercase; font-weight:normal; line-height: normal; color:#000000; margin:0 0 7px 0; display:block }
.product a { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
.product a:hover { text-transform:uppercase; font-weight:bold; display:block; margin:3px 0 0 0; }
#cat { width:350px; margin-bottom:5px; }
#cat h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:normal; line-height: normal; color:#005ea4; margin-left:14px; }
#back { text-align:right; width:130px; }
#text-prod { width:503px; padding:14px 14px 0 14px; margin-bottom:35px; vertical-align:top; float:left; }
#text-prod .paging { width:503px; height:30px; vertical-align:bottom; float:left; }
#text-prod .paging .page {float:right; text-align:right; width:120px; height:30px; line-height:15px; color:#2273b4; font-weight:bold;}
#text-prod ul { margin-top:10px; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod .imgbox {float:right; width:250px; }
#text-prod .imgbox img { position:relative; z-index:110; border:none;}
#content-int #text-prod .add-product { width:266px; margin:0 0 25px 0; padding:0; float:left; position:relative; z-index:110; border:none; vertical-align:bottom;}
#text-prod .add-product input { float:left; margin-right:5px;}
#text-prod .add-product input#qty { width:100px; text-align:center;}
#text-prod .clearall { clear:both;}
#text-prod #price { width:200px; font-size:1.2em; font-weight:bold; color:#005ea4; }
#text-prod #discount { width:235px; height:67px; float:left; cursor:pointer;border:none; border-collapse:collapse; margin:10px 0 10px 0; position:relative; z-index:200;}
#text-prod .stock { color:#00bc33; font-weight:bold;}
#text-prod ul li { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod ul ul { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod ul ul li { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod #prod-body ul { margin-top:0px; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod #prod-body ul li { padding-bottom:5px; }
#text-prod #prod-list ul { margin-top:0px; margin-bottom:0; padding-top:0; padding-bottom:0; }
#text-prod #prod-list ul ul { margin: 0 0 0 16px; padding:0; font-weight:bold; font-style:italic; list-style: circle }
#text-prod #prod-list ul ul ul { margin: 0 0 0 16px; padding:0; font-weight:bold; font-style:normal; list-style: square }
#text-prod #prod-list ul ul ul ul { margin: 0 0 0 16px; padding:0; font-weight:bold; font-style:italic; list-style: disc }
#text-prod #prod-list li { padding-bottom: 4px; }
#text-prod #desc { float:left; clear:both; }
#prod-txt { border:solid #e1e0e0; border-width:1px 0 0 0; width:470px; padding:15px 16px 0 15px; }
.prod-category { background: url(/img/bg_prod-category.jpg) no-repeat; width: 126px; height:136px; padding:10px 15px; margin-bottom:15px; float:left; text-align:center; }
.cat-title { height:35px; font-weight:bold; font-size:13px; line-height:16px; padding:10px 15px; text-align:center; }
#text-prod h1, .articledetails h1, #text-int h1, #content-rt #news h1 { font-family: Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; font-weight:bold; line-height: normal; letter-spacing:.001em; color:#005ea4; margin:12px 0 7px 0; }
#text-prod span.h1, .articledetails span.h1, #text-int span.h1, #content-rt #news span.h1 { font-family: Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; font-weight:normal; line-height: normal; letter-spacing:.001em; color:#005ea4; margin:12px 0 7px 0; display:block }
#prod-txt h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:normal; line-height: normal; color:#000000; margin:12px 0 7px 0; }
#prod-txt span.h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:normal; line-height: normal; color:#000000; margin:12px 0 7px 0; display:block; }
#prod-txt h3 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; font-weight:normal; line-height: normal; color:#000000; margin:0 0 0 0; }
#prod-txt span.h3 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; font-weight:normal; line-height: normal; color:#000000; margin:0 0 0 0; display:block }
#prod-txt h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; line-height:15px; font-weight:normal; color:#6d6c6c; margin:7px 0 7px 0; }
#prod-txt ol, #prod-txt ul, .servicelist { margin:0; padding:10px 0 7px 28px; font-weight:bold; }
.pic-cell { width: 100px; padding:20px 13px 15px 13px; vertical-align:top; }
.txt-cell { padding:20px 13px 20px 0; text-align: left; vertical-align:top; }
.txt-cell h2.archivelink { font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:none; font-weight:normal; line-height: normal; color:#0060a8; margin:0 0 7px 7px; }
.txt-cell h2.archivelink:hover { color:#000;}
table.product { width:453px; float:none; clear:both; }
.pic-cell-art { padding:20px 13px 15px 13px; vertical-align:top; }
#simple { float:right; border:solid 1px #ccc; margin:0 0 0 5px; text-align:center; }
.attributeTable { float:left; }
.attributeTable th, .attributeTable td { padding:5px; }
/* Footer Styles */
#footer { background:url(/img/bg.gif); width:760px; margin:0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #dedede; }
#foot1 { float:left; width:180px; padding:6px 0 6px 0; }
#foot2 { float:left; width:580px; padding:6px 0 6px 0; text-align:right; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { font-size: 10px; color: #dedede; text-decoration: none; }
#footer a.rci:link, #footer a.rci:visited, #footer a.rci:active, #footer a.rci:hover { color:#3fa5f1; }
/* Contact Form Extra Styles */
#cx, .cx { margin-left:80px; }
.cx-text { margin-left:80px; width:365px; }
#cx td { padding: 0px; }
#cx td.space { width: 15px; }
#cx th { text-align:left; font-weight:bold; color:#393838; padding:5px 0 0 0; }
#cx.calculator { width:194px; margin:5px auto }
#cx.calculator th { width:130px; padding:0 0 5px }
#cx.calculator th.result { color:#0060a8; }
#cx.calculator input.cx { width:55px; margin-bottom: 3px }
.req { padding: 0px; border: 0px solid white; border-left: 5px solid #0060a8; float: left; }
input.cx, select.cx { margin: 0px; font-size: 12px; height: 18px; width: 160px; border: 1px solid #cccccc; background-color: #f6f6f6; }
input.cx-up { margin: 0px; font-size: 12px; height: 18px; width: 350px; border: 1px solid #cccccc; background-color: #f6f6f6; }
input.blue { border: 2px solid #0060a8; }
.cxBtn { margin:5px 0 0 }
/*OnSubmit required fields will change to this class by js*/
input.error { border: 2px solid #c00e11; background-color: #fff6f6; }
input#x_state { width: 40px; margin-right: 10px; }
input#x_zip { width: 105px; }
textarea#x_comments { width: 350px; height: 80px; border: 1px solid #cccccc; background-color: #f6f6f6; }
/* event_drop styles */
div#event_drop { position:relative; padding:0px; }
div#event_drop h1 { margin: 0px; padding: 0px; font-size: 18px; }
div#event_drop div#dropdown { padding: 10px; }
div#event_drop div#dropdown select { width: 250px; }
/* event list */
div#event_drop table#list { width: 350px; }
div#event_drop div#event_cat div#name { border-bottom: 1px dotted #cccccc; }
div#event_drop table#event { margin-bottom: 10px; vertical-align: top; }
td.left { vertical-align: top; padding:0 10px 0 0; }
/* Gallery styles */
table#gallery_a { width: 500px; margin:3px; }
table#gallery_a div.gallery { float:left; width:175px; text-align: center; }
table#gallery_a div.gallery div.desc { width: 150px; }
/* news styles */
div#news { padding:0px; }
div#news h1 { margin: 0px; padding: 0px; font-size: 18px; }
div#news div#hdr { padding-bottom: 10px; }
div#news-item { padding-bottom: 10px; }
div#news div#ftr { padding-bottom: 10px; }
div#news div#detail { padding-bottom: 15px; }
div#news div#link { padding-bottom: 15px; }
/*******PHOTO GALLERY STYLES ****************/
/*-- Photo Gallery Styles LIST PAGE --*/
#GalleryTable { width:auto !important; width:100%; text-align:center; }
#GalleryTable td { margin:0 auto; padding:0 !important; padding:0 0 0 17px }
.galleryList { float:left; width:140px; text-align:center; border-bottom:1px dashed #aaa69f; padding:0 0 5px; margin:20px 10px 0 }
.galleryList .gallery .listPhoto { min-height:142px; margin:0; padding:0; }
.galleryList img { width:140px; padding:0 0 5px }
.galleryTitle { height:28px; margin:2px; }
/*-- Photo Gallery Detail Styles DETAIL PAGE--*/
.LargeImage { width:295px; padding:0 0 7px; margin:6px 0 0 10px }
.LargeImage img { width:289px; border:1px solid #CCC; padding:5px }
.SmallImages { float:right; padding:9px 9px 0 0 }
.SmallImages img { width:60px; height:45px; border:3px solid #FFF }
.SmallImages img:hover { border:3px solid #0060a8 }
.PhotoCaption { width:295px; font-size:13px; color:#333; text-align:center; margin:0 0 0 10px; padding:0 3px; font-style:italic; }
.PhotoDescription { width:500px; margin:10px 0 0 10px }
.PhotoDescription b { display:block }
#rcicart { clear:both; }
/*-- ACFM Calculator --*/
.tooltip { cursor:help }
#dhtmltooltip { position: absolute; width: 150px; color:#000; font-size:11px; font-family: Arial, Helvetica, sans-serif; border: 2px solid #0060a8; padding: 3px 5px; background: #f2f2f2; visibility: hidden; z-index: 100 }
.articles-products { list-style-type: none; padding: 0; }
.articles-products li { padding: 0 0 10px 0; }
/*-- State Pages --*/
.statemap { float:right; padding:15px 0 15px 0; }
img.statemap { width:250px; border:#0060a8 solid 1px; }
/*
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Insignificant stuff, for demo purposes
body { padding: 20px }
.panel h2.title { margin-bottom: 10px }
noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px } */
/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding:0; width:758px; overflow:hidden; }
.coda-slider { width:758px; margin-top:-22px; overflow: hidden; position: relative; z-index:0; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { overflow: auto !important; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {width:758px; height:208px; position: relative; z-index:0; }
.coda-slider .slide1 { background:url(/img/hp-splash/slide1.jpg) no-repeat;}
.coda-slider .slide2 { background:url(/img/hp-splash/slide2.jpg) no-repeat;}
.coda-slider .slide3 { background:url(/img/hp-splash/slide3.jpg) no-repeat;}
.coda-slider .slide4 { background:url(/img/hp-splash/slide4.jpg) no-repeat;}
.coda-slider .slide5 { background:url(/img/hp-splash/slide5.jpg) no-repeat;}
.coda-slider .panel p { margin:0; padding:0; }
.coda-slider .panel .title { font-size:20px; line-height:normal; padding:0; margin:0; text-transform:uppercase;}
/* Change margin and width of the slider (with dynamic arrows) */
/* Tab nav */
/* Panel padding */
.coda-slider .panel-wrapper { width:330px; height:118px; color:#fff; font-size:13px; line-height:20px; padding:41px 405px 49px 25px; }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */
/* Arrow styling */
.coda-nav { position:relative; z-index:20; top:172px; left:269px; }
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
/* Tabbed nav */
.coda-nav ul { display:block; width:93px!important; height:22px; padding:0 0 0 15px; clear: both; background: url(/img/hp-splash/bkg_coda-nav.gif) no-repeat; margin:0; overflow: hidden }
.coda-nav ul li { display:inline; float:left; width:17px; height:22px; position:relative; }
.coda-nav ul li a { width:17px; height:22px; background: url(/img/hp-splash/bg_coda-nav_btn.gif) 17px 0; display: block; text-decoration: none }
.coda-nav ul li a.current { background: url(/img/hp-splash/bg_coda-nav_btn.gif) 0 0; }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto; }
.coda-slider {}
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { display:none; float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }