/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none
} 

/********************************************/
/***               Global                 ***/
/********************************************/
body {margin: 0;padding: 0;font-size: 13px;line-height: 16px;color: #333;font-family: Arial, Helvetica, sans-serif;text-align: center;background: #10335D}
#mainConainer {background: #11345e url(../images/body_bg.jpg) repeat-x}
.container {margin: 0 auto;width: 955px;text-align: left}

h1 {margin-bottom: 10px;font-size: 22px;color: #2E5F97;letter-spacing: 1pt}
h2 {margin-top: 25px;padding: 5px 0;font-size: 18px;color: #444}
h3 {margin-top: 25px;padding: 5px 10px 6px 10px;font-size: 16px;color: #fff;letter-spacing: 1pt;background: url(../images/heading_bg.jpg) repeat-x}
h4 {padding: 15px 0 5px 0;color: #333;font-size: 16px;letter-spacing: 1pt}
h5 {font-size: 13px;font-weight: bold;color: #10335D}

img.border {border: 2px solid #d9d9d9}
img.borderHover {border: 2px solid #d9d9d9;text-decoration: none}
img.borderHover:hover {border: 2px solid #760805}
img.block {margin: 10px 5px 5px 10px;border: 2px solid #d9d9d9}
img.floatRight {margin: 10px 5px 5px 10px;border: 2px solid #d9d9d9}
img.floatLeft {margin: 10px 10px 5px 5px;border: 2px solid #d9d9d9}

.clear {clear: both}
.displayNone {display: none}
.floatRight {float: right}
.floatLeft {float: left}
.bold {font-weight: bold}
strong {font-size: 12px}

p {padding-bottom: 10px;line-height: 18px}
p.price {padding: 6px 5px;color: #4b4846}
span.price {padding-left: 50px;font-family: Georgia, "Times New Roman", Times, serif;font-size: 17px;font-weight: bold;font-style: italic;letter-spacing: 1pt;color: #9d0101}

ul {list-style-type: none}
li.bullet {margin: 5px 0;padding: 0 10px;background: url(../images/bullet_grey.jpg) no-repeat;background-position: 0 7px}
li.bulletRed {margin: 5px 0;padding: 0 10px;background: url(../images/bullet_red.jpg) no-repeat;background-position: 0 7px}
li.bulletBlue {margin: 5px 0;padding: 0 10px;background: url(../images/bullet_blue.gif) no-repeat;background-position: 0 7px}
li.bulletBlueBig {margin: 5px 0;padding: 0 10px;background: url(../images/bullet_blue_big.jpg) no-repeat;background-position: 0 7px}
li.bulletFooter {margin: 5px 0;padding: 0 10px;background: url(../images/bullet_footer_grey.jpg) no-repeat;background-position: 0 7px}

blockquote {padding: 10px;float: right;display: block;width: 225px;color: #10335D;font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;font-style: italic;letter-spacing: 1pt}
blockquote p {line-height: 23px}
blockquote em {color: #092649;font-size: 24px}
blockquote em.first {padding-right: 3px}
blockquote em.last {padding-left: 3px}
blockquote a {border-bottom: none}

/********************************************/
/***           Links & Buttons            ***/
/********************************************/
a {color: #10335D;text-decoration: none;border-bottom: 1px solid #10335D}
a:hover {color: #fefefe;background: #4879b4;border-bottom: 1px solid #fefefe}

a.image {border: none;background: none;text-decoration: none}

#footer a {margin: 0 7px;padding: 0 1px;font-size: 13px;color: #fefefe;background: none;border: none;border-bottom: 1px solid #c5c4c5}
#footer a:hover {color: #333;background: #fefefe;border-bottom: none}

#submitButton {margin: 0 0 0 10px;width: 97px;height: 27px;font-weight: bold;color: #fff}
.submitbutton {background: url(../images/submit_button.jpg);border-style:none;border: none;cursor: pointer}

/********************************************/
/***          Content Wrappers            ***/
/********************************************/
.content {padding: 20px;background: url(../images/content_bg.jpg) repeat-y}
.home {padding: 20px 10px 20px 30px}
.contentBottom {width: 955px;height: 11px;background: url(../images/content_bottom_bg.jpg) no-repeat top right}
#subPages {padding: 15px 0;float: right;width: 585px}
#productGrid {padding-top: 25px;width: 650px;float: right}

/********************************************/
/***              Masthead                ***/
/********************************************/
#masthead {margin: 0;padding: 0;height: 95px}
.headerRight {margin: 0 50px 0 0;float: right;width: 268px;height: 49px}
.headerLeft {margin: 0;padding: 25px 0 0 15px}

/********************************************/
/***               Footer                 ***/
/********************************************/
#footer {padding: 10px 0 0 15px}
#footer ul {padding: 0 0 10px 0}
#footer li {display: inline;font-size: 9px;color: #204c81}
#footer p {margin-left: 7px;color: #fff}

/********************************************/
/***          Navigation Menus            ***/
/********************************************/
#mainNav {height: 48px;background: url(../images/main_nav_bg.jpg) no-repeat}
#mainNav ul.sf-menu {padding: 0 0 0 25px}
ul#dropDown li:hover {background: #2A4D73}
#mainNav li {z-index: 999 !important}
#mainNav li.topLi {margin-top: 1px;padding-top: 5px;float: left;display: block;height: 41px;background: url(../images/main_nav_seperator.jpg) no-repeat top right}
#mainNav li.last {background: none}
#mainNav a.topLink {padding: 12px 18px;display: block;font-size: 16px;font-weight: bold;color: #fff;letter-spacing: 1px;border: none}
#mainNav a.topLink:hover {background: url(../images/main_nav_hover_bg.jpg) repeat-x bottom left}
#mainNav a.topLinkDrop {padding: 12px 38px 12px 18px;display: block;font-size: 17px;font-weight: bold;color: #fff;letter-spacing: 1px;border: none}
#mainNav a.topLinkDrop:hover {background: url(../images/main_nav_hover_bg.jpg) repeat-x bottom left}
/*************** Drop Down Styling ********************/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none}
ul#dropDown li {width: 200px;background: #282423;color: white;border-left: 2px solid #322d2c;border-right: 2px solid #322d2c;border-bottom: 1px solid #322d2c}
ul#dropDown a {margin: 1px;padding: 8px 12px;color: #fff;background: none;border: none}
ul#dropDown a:hover {background: #2A4D73}

/********************************************/
/***              Sub Menu                ***/
/********************************************/
#subNav {width: 225px;background: #f2f2f2;border: 1px solid #e1e1e1}
#subNav h3 {margin-top: 0;font-size: 12px}
#subNav li {display: block;border-bottom: 1px solid #e1e1e1}
#subNav a {padding: 4px 0 4px 10px;display: block;border: none;color: #333;background: #f2f2f2}
#subNav a:hover {background: #d3d1d1}

/********************************************/
/***           Product Pages              ***/
/********************************************/
/************ Catagory Pages *****************/
.productListing {margin: 0 0 25px 20px;float: left;width: 190px;background: #f2f2f2;border: 1px solid #e1e1e1}
.productListing span.image {margin: 10px 0;display: block;text-align: center}
.productListing img {border: 1px solid #d9d9d9}
.productListing h4 {margin: 0;padding: 0 0 0 5px;font-size: 14px}
.productListing p {margin: 0;padding: 0 5px 5px}
.productListing a.moreInfoButton {margin: 0 5px;padding: 3px 5px;float: none;background: #3A3635;border: 1px solid #272423;color: #fff;font-size: 10px;text-transform: uppercase;letter-spacing: 1pt;text-decoration: none}
.productListing a.moreInfoButton:hover {color: #eae9e8;background-color: #605b5a;border: 1px solid #4b4745}
.productListing div {margin: 5px 0 10px 0}
/************ Individual Product Page *****************/
#productGrid h1 {padding: 0 0 15px 10px;font-size: 24px}
span.model {padding-left: 5px;color: #333;font-size: 13px} /** Product Model Name **/
span.carrier {padding-left: 5px;color: #515151;font-size: 12px}/** Product Carrier Name **/

.rightColumn {margin-top: 20px;padding-bottom: 10px;width: 225px;float: right}
.rightColumn ul {padding: 20px 0 25px;background: url(../images/right_column_product_bg.jpg) no-repeat top right}
.rightColumn li {padding-bottom: 4px}
.rightColumn p {padding: 15px 0 20px 15px;color: #890101}
.rightColumn .price {padding-left: 10px;font-size: 22px}
a.buyNow {margin-left: 12px;border: none;background: none;text-decoration: none}

.bottomSpecBlock {margin: 25px 0 0 0;border: 1px solid #e5e5e5}
.bottomSpecBlock h3 {margin: 0}
.bottomSpecBlock ul {margin: 0;padding: 0}
.bottomSpecBlock li {padding: 8px 15px}
.bottomSpecBlock li.odd {background: #f0f0f0}
.bottomSpecBlock li.last {padding-bottom: 0;border: none;background: none}

/********************************************/
/***            Contact Page              ***/
/********************************************/
.contactInfo {margin: 15px 0 30px 0;padding: 10px 0;width: 550px;background: #f2f2f2;border: 1px solid #e1e1e1}
.contactInfo li.title {color: #333;font-size: 14px;font-weight: bold;text-decoration: underline}
.address {padding-left: 25px}
.address li {padding: 2px 0}
.phoneRight {float: right;width: 225px}
.phoneRight li {padding: 2px 0}
.phoneRight .label {font-weight: bold}
.phoneRight .tollFree {padding-left: 55px}
.phoneRight .local {padding-left: 23px}
.phoneRight .fax {padding-left: 34px}
/************ Contact Form *****************/
.contactForm {margin: 0 0 30px 0;padding: 25px 0 3px 10px;width: 540px;background: #f2f2f2;border: 1px solid #e1e1e1}
.contactForm label {float: left;width: 120px;margin-left:1em;color: #333333}
.contactForm input {margin-bottom: 5px;padding-left: 3px;width: 370px;background: url(../images/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.contactForm textarea {padding-left: 3px;width: 370px;height: 130px;background: url(../images/textarea_bg.gif) no-repeat top left;border: 1px solid #aaa}
.contactForm select {margin: 0 0 3px 0;padding: 0;width:370px}
.contactForm option {}
.contactForm #submitButton {margin: 5px 0 0 133px;width: 375px;height: 30px;text-transform: uppercase;letter-spacing: 1pt;font-family: Arial, Helvetica, sans-serif;background: #3A3635;border: 1px solid #272423;cursor: pointer}
.contactForm #submitButton:hover {color: #eae9e8;background-color: #605b5a;border: 1px solid #4b4745}
/************ Success & Error Messages *****************/
.success {margin: 45px 32px 0 0;text-align: center;background: #D9E7CD;border: 1px solid #87C445}
.success h3 {margin: 0;padding: 12px 0 3px 0;font-family: 'Arial Black';font-size: 17px;color: #495E16;text-transform: uppercase;letter-spacing: 1pt;background: none;border: none}
.success p {color: #333}
.error {margin: 3px 0 1px 135px;color: #8f0101}
.phpError {padding-left: 5px;;color: #8f0101}
.required {padding-left: 3px;color: #8f0101;font-weight: bold}
.requiredNote p {margin: 20px 0 0 0;padding: 0px;color: #333}
.loading {margin: 0 0 0 260px}

/********************************************/
/***           Product Search             ***/
/********************************************/
#productSearch {margin-right: 13px;float: right}
.searchBox {width: 303px;height: 188px;background: url(../images/search_bg.jpg) repeat-y}
.searchBox h3 {margin: 0;padding: 9px 0 0 20px;display: block;height: 33px;background: url(../images/search_heading_bg.jpg) no-repeat;color: #fff;font-size: 14px;text-transform: uppercase}
.searchBottom {width: 303px;height: 12px;background: url(../images/search_bottom_bg.jpg) no-repeat}
#searchButton {margin: 10px 0 0 173px;padding: 3px 10px;background: #3A3635;border: 1px solid #272423;color: #fff;font-size: 11px;text-transform: uppercase;letter-spacing: 1pt;cursor: pointer}
#searchButton:hover {color: #eae9e8;background-color: #605b5a;border: 1px solid #4b4745;text-decoration: underline}
.productSearchForm {margin: 0;padding: 0 0 0 15px}
.productSearchForm label {display: none}

/********************************************/
/***           Banner Gallery             ***/
/********************************************/
#productViewer {margin: 0 0 35px 0;padding: 0;width: 580px;height: 200px}
.viewerLinks {margin: 0;padding: 0;width: 161px;height: 200px;float: right;background: url(../images/link_bg.jpg) no-repeat}
.viewerImage {margin: 0;padding: 0;float: left; position: relative; overflow: hidden}
.viewerLinks ul {margin-left: 2px;padding-left: 8px;height: 50px;background: url(../images/list_bg.jpg) no-repeat bottom left;cursor: pointer}
.viewerLinks li {padding-top: 8px}
.viewerLinks ul:hover {background: url(../images/hover_bg.jpg) no-repeat bottom left}
.viewerLinks ul.last:hover {background: url(../images/hover_bg_last.jpg) no-repeat bottom right}
#productViewer a {text-decoration: none;border: none;background: none}
.viewerLinks em {margin: 0;padding: 0;font-size: 12px;color: #f1f1f1;font-weight: bold;font-style: normal;text-transform: uppercase}
.viewerLinks span {margin: 0;padding: 0;font-size: 11px;text-transform: uppercase;color: #fff;letter-spacing: 1pt}
.viewerImage a {position: relative;left: 0px}

/********************************************/
/***           Slide Gallery              ***/
/********************************************/
#sliderGallery {background-color: #fff;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;height:150px;width: 900px}
#sliderGallery a {border: none;background: none}
#leftButton, #rightButton {float: left;width: 36px;height: 150px;cursor: pointer}
.rightImage {background: transparent url(../images/right_button.jpg) no-repeat}
.leftImage {background: transparent url(../images/left_button.jpg)}
.rightImageHov {background: transparent url(../images/right_button.jpg) no-repeat -36px 0}
.leftImageHov {background: transparent url(../images/left_button.jpg) no-repeat -36px 0}
#canvas {float: left;width: 828px;height: 150px;overflow:hidden;position:relative}
#canvas ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:20px}
#canvas ul li {cursor:pointer;display:block;float:left;text-align:center;vertical-align:bottom;width:180px}
#canvas ul li a img { border: none }
.viewerImage a {position: relative;left: 0px; display: none;}
.viewerImage a#active { display: inline; }

/********************************************/
/***         Featured Products            ***/
/********************************************/
#featuredProducts {padding: 15px 0 0 10px;width: 275px}
.featuredBlock {margin-bottom: 25px;background: #f2f2f2;border: 1px solid #e1e1e1}
.featuredBlock h3 {margin-top: 0}
.featuredBlock span.image {margin: 10px 0;display: block;text-align: center}
.featuredBlock .info {padding: 0 7px}
.featuredBlock span.price {padding-left: 10px}
a.moreInfoButton {margin-right: 20px;padding: 3px 10px;float: right;background: #3A3635;border: 1px solid #272423;color: #fff;font-size: 11px;text-transform: uppercase;letter-spacing: 1pt;text-decoration: underline}
a.moreInfoButton:hover {color: #eae9e8;background-color: #605b5a;border: 1px solid #4b4745;text-decoration: underline}

/********************************************/
/***          3 Column Layout             ***/
/********************************************/
#textBlocks {margin: 0;padding: 35px 0;overflow: auto}
.contentBlock {margin: 0 16px 0 0;float: left;width: 285px;background: #f2f2f2;border: 1px solid #e1e1e1}
.contentBlock h3 {margin-top: 0;border-left: 1px solid #484443;border-right: 1px solid #484443}
.contentBlock p {padding: 5px 10px}
.contentBlockRight {margin: 0 0 0 0;float: left;width: 285px;background: #f2f2f2;border: 1px solid #e1e1e1}
.contentBlockRight h3 {margin-top: 0;border-left: 1px solid #484443;border-right: 1px solid #484443}
.contentBlockRight p {padding: 5px 10px}

/********************************************/
/***            Extras Page               ***/
/********************************************/
.featuresWrap h2 {margin-left: 25px}
.featuresWrap h3 {margin-bottom: 5px}
.feature {margin-left: 25px;padding: 0 15px}
.jquery li {margin-bottom: 7px}