body, html {
margin: 0;
padding: 0px;
border: 0;
font-family: Arial, Helvetica, sans-serif;
}
body {background: #000 url('../images/bgr_page.jpg') repeat-x; font-size: 75%;}
a {text-decoration: none; color: #0995dc;}
a:hover {color: #0090ff; text-decoration: underline;}
p {margin: 0 0 1.1em 0; padding: 0;}
td {vertical-align: top;}
b, strong {font-weight : bold;}
img {
border: 0;
}
.clear {clear: both;}
.redText {color: #ae0b00;}
h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #b6070e;}
h1 {font-size : 18px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 16px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 14px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 12px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
/* Images */
.imgLeft {float: left; margin: 0 20px 15px 0;}
.imgRight {float: right; margin: 0 0 15px 20px;}
.imgRight2 {
float: right;
margin: 0 0 15px 20px;
border: thin solid #000000;
}
#logoPrint {display: none;}
/* Basic layout */
#header,
#topNav,
#pageContent,
#footer {
width: 1150px;
margin: 0 auto 0 auto;
clear: both;
}
/* Backgrounds */
#bgr01 {background: url('../images/bgr_01.jpg') no-repeat center top; z-index: 3; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#bgr02 {background: no-repeat center top; z-index: 2; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#bgrLongHeader {background: url('../images/bgr_header_long.png') repeat-x 0 0; position: relative; z-index: 99 !important;}
.bgrClass {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#bgrService {background: url('../images/bgr_services.jpg') no-repeat center top;}
#bgrPhoto {background: url('../images/bgr_photo.jpg') no-repeat center top;}
#bgrVideo {background: url('../images/bgr_videos.jpg') no-repeat center top;}
#bgrEvent {background: url('../images/bgr_events.jpg') no-repeat center top;}
#bgrAbout {background: url('../images/bgr_about.jpg') no-repeat center top;}
#bgrContact {background: url('../images/bgr_contact.jpg') no-repeat center top;}
/* Header */
#header {
height: 68px;
background-repeat: no-repeat;
position: relative;
background-color: #FFFFFF;
}
#header #logo {float: left; margin: 0 0 0 0; padding: 5px 0 5px 0}
#header #topLinks {
position: absolute;
top: 3px;
right: -7px;
width: 488px;
height: 50px;
}
#header #topLinks ul {margin: 0; padding: 0; list-style: none; font-weight: bold; float: right; border-left: 1px solid #000000;}
#header #topLinks li {float: left; padding-bottom: 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
#header #topLinks #icoCart {background: url('../images/ico_shopping_cart.gif') no-repeat 13px 18px; padding-left: 35px;}
#header #topLinks a {display: block;color: #000000;padding: 20px 15px 0 15px;}
#header #topLinks a:hover {color: #FF0000;}
#header a:hover {text-decoration: none;}
/* Top Navigation */
#topNav {background: url('../images/bgr_topnav.jpg') repeat-x; height: 35px;}
#topNav ul {margin: 0 0 0 0; padding: 0; list-style: none;}
#topNav li {float: left; padding: 0 0 0 0;}
#topNav a {
color: #000000;
font-weight: bold;
font-size: 14px;
display: block;
padding: 9px 18px 9px 18px;
text-decoration: none;
border-right: 1px solid #FFFFFF;
}
#topNav a.selected,
#topNav a:hover {
color: #FF0000;
background: url('../images/bgr_tab_on.png') repeat-x;
}
/**
HOME PAGE
**/
/* Homepage Block */
#mainBanner {height: 370px; position: relative}
/* Slideshow */
#thumbnails {position: absolute;top: 195px;right: 167px;width: 75px;height: 64px;}
#thumbnails ul {margin: 0; padding: 0; list-style: none; width: 105px;}
#thumbnails li {float: left; margin-right: 2px; margin-bottom: 2px}
#thumbnails a {border: 1px solid #646e71; display: block; outline: none;}
#thumbnails a:hover {border: 1px solid #028fbb;}
#thumbnails a.selected {border: 1px solid #028fbb;}
#thumbnails #tb01 {margin-right: 33px;}
#thumbnails #tb02 {margin-right: 0px;}
#thumbnails #tb03 {margin-left: 31px;}
#thumbnails #tb05 {margin-left: 31px;}
/* Sections */
#sections {padding-bottom: 5px;}
#sections .column {width: 310px; float: left; color: #929292;}
#sections .sHeader {}
#sections .sBody {padding: 10px 15px 15px 15px; background: url('../images/bgr_panel.png') repeat-y;}
#sections .sImage {float: left; border: 0px solid #FFFFFF; margin: 0 15px 0 0;}
#sections p {}
#sections a {outline: none;}
#sections a:hover {}
#sections #colOne {}
#sections #colTwo {margin: 0 0 0 15px;}
#sections #colThree {margin: 0 0 0 15px;}
/**
PAGE
**/
/* Page Banner */
#pageBanner {
height: 80px;
position: relative;
background: url('../images/hd_generic.jpg') no-repeat;
border: 2;
}
#pageBanner h1 { position: absolute; top: 21px; left: 26px; font-size:24px; width: 250px; color: #000000; }
/* Page Content */
#pageContent {}
#mainCopy {padding: 25px; background: url('../images/bgr_content.png'); min-height: 250px; margin-bottom: 25px;}
/* Product Index Grid */
.selectionRow {padding: 0; margin: 0; clear: both;}
.selectionRow ul {margin-top: 23px; padding: 0; list-style: none;}
.selectionRow li {float: left; height:inherit; width:inherit; text-align: center; margin: 9px 9px 9px 9px; background: #FFFFFF; border: solid 1px #cccccc;}
.selectionRow li a {color: #000000;}
.selectionRow li a:hover {text-decoration: none; color: #e0102a;}
.selectionRow span {padding: 5px; font-weight: bold; display: block;}
/* Product Grid */
.selectionRow2 {padding: 0 0 15px 0; margin: 0; clear: both;}
.selectionRow2 ul {margin: 0; padding: 0; list-style: none;}
.selectionRow2 li {float: left; width: 160px; text-align: center; margin: 0 9px 18px 9px; background: #888888; border: solid 1px #cccccc; color: #FFF;}
.selectionRow2 li a {color: #FFF; background: #000; display: block; padding-bottom: 5px;}
.selectionRow2 li a:hover {text-decoration: none; color: #e0102a;}
.selectionRow2 img {margin: 0 0 5px 0;}
.buy {margin: 0; padding: 0; font-size: 11px; padding: 7px 0 7px 0;}
.buy input {font-size: 11px;}
.buy input.quantity {width: 18px;}
/* Sub Navigation */
ul.subNav {list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.subNav li {border-bottom: 1px solid #d6d6d6; padding: 1px 0 2px 0;font-weight: bold;}
ul.subNav li a {font-size: 12px; color:#FFFFFF}
ul.subNav li a:hover {text-decoration: none;}
ul.subNav h4 {list-style: none; margin: 0 0 5px 0;}
ul.subNav a.selected {font-weight: bold;}
ul.subNav a.selected:hover {text-decoration:none;}
#rightPanel {width: 170px; float: right; padding: 0px 0px 0 20px; margin: 0px 0 30px 30px; font-size : 9pt; border-left: 1px solid #adafb0; vertical-align: top; }
#rightPanel ul.subNav li a {color: #FFFFFF;}
#rightPanel ul.subNav h4 {color: #cccccc;}
#rightPanel ul.subNav li a:hover {color: red;}
/* Highlight Panel */
.highlightPanel {padding: 20px; background: #001621;}
.highlightPanel .fourColGrid {width: 100%;}
.highlightPanel .fourColGrid td {color: #6a7a82; font-size: 11px; width: 25%; padding: 5px}
.highlightPanel .fourColGrid a {color: #6a7a82;}
.highlightPanel .fourColGrid a:hover {color: #0090ff; text-decoration: underline;}
.highlightPanel h4 {color: #FFF;}
/* Footer */
#footer {line-height: 1.1em; padding: 20px 0 8px 0; margin-top: 100px; font-size: 11px; color: #828282; border-top: 1px solid #1c1c1c;}
#footer #copyright {float: left; width: 630px;}
#copyright .credits a {color: #606060;}
#copyright .credits {color: #404040;}
#socialMediaBar {padding: 5px 0 5px 0; float: right;}
#socialMediaBar a {color: #525252;}
#socialMediaBar a:hover {color: #fff; text-decoration: none;}
#socialMediaBar img {margin-left: 2px; margin-right: 2px; vertical-align: middle;}
/* Forms */
form {padding: 0px; margin: 0px;}
input, textarea {padding-left:4px; padding-right:2px; border: 1px solid #9e9e9e; font-size: 12px; font-family: Arial;}
.submit {margin:0 7px 0 0;background-color:#336699; border:1px solid #c2e1ef; color:#FFF; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 12px; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
.submit {width:auto; overflow:visible; padding:2px 10px 2px 7px; /* IE6 */ }
.submit:hover {background-color:#dff4ff; color:#565656;}
/* Tab Content */
#subCopy { display: block; font-size:15px; width: 200px; float: left; margin-top: 40px; margin-right: 50px; background: url('../images/bgr_content.png'); padding: 25; }
#subContent {
display: block;
float: left;
padding: 2px;
background: url('../images/bgr_content.png');
width: 700px;
color: #000000;
font-size: medium;
min-height: 350px;
margin-top: 20px;
}
#subContent2 {
display: block;
float: none;
padding: 2px;
background: url('../images/bgr_content.png');
width: 700px;
font-size: medium;
min-height: 350px;
margin-top: 20px;
margin-left: 100px;
}
.infoPanel {margin-bottom: 2px; clear: both;}
.infoPanel .tabs {clear: both;}
.infoPanel .tabs ul {margin: 0; padding: 0; list-style: none;}
.infoPanel .tabs li {display: block;}
.infoPanel .tabs a { padding: 3px 15px 0 15px; height: 25px; display: block; color: #000000; line-height: 1em; font-weight: bold; outline: none; }
.infoPanel .tabs a:hover {color: #FF0000; text-decoration: none;}
.infoPanel .tabs a.selected { color: #FF0000; text-decoration: none; }
.infoPanel .tabContent {clear: both; padding: 20px;}
.infoPanel .tabs span {padding: 5px 0 0 0; display: block;}