@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/

BODY {margin:0; background-color:#963; text-align:center;}
html { min-height: 100%; border-bottom: 1px solid transparent; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p, td, div {font-size:12px; color:#000; }
p {margin-bottom:10px!important;}

.container {width:980px; margin: 0 auto; text-align:left; }
.innerContainer {float:left; width:960px; padding:0 10px; background: #963 url(/Images/backgrounds/bg-page.gif) repeat-y;}

/*header styles, including logo and utility navigation*/
.header {float:left; background-color:#dedede; width:960px;}
.header .logo {}

.navs {float:left; width:960px; border-top: 1px solid #fff; border-bottom: 2px solid #fff; background-color:#000;}
.navs .utility {float:right; width:300px; color:#fff; text-align:right; padding:5px 10px;}
.navs .utility a {color:#fff;}
.navs .utility .welcomeName {padding-left:10px;}
 /*primary (horizontal) navigation*/
.shopcart  {padding:3px 10px 5px 10px; float:left;}
.shopcart ul {list-style-type: none;}
.shopcart li { float: left; padding:3px 0 0 0; color:#fff;}
.shopcart ul li a { font-size:12px; text-decoration:none; color:#fff; font-weight:bold; padding:2px 10px 4px 10px; line-height:14px;}
.shopcart ul li a:hover {color:#e5e5e5;}

#main {float:left; width:960px; background-color:#fff;}


#PageSubTable { width: 960px;}
#ContentCell {padding:10px 0 20px 0; width:622px;}
#ContentCell.FullWidth {padding-top:10px; width: 905px; padding-right:18px;}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #555; line-height: normal}

/* Instructions Box */
#Instruction1_InstructCell {background:#F3F3F3; border: 1px solid #ccc; padding: 7px}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #555}
table.formtbl .ErrorMessages {width: 5px}

/* Content Tables */
.ContentTableHeader, .ContentTableHorizontal {color: #fff; background: #000}
.ContentTable {background-color:#e5e5e5}
.ContentTableHeader {padding:2px 0;}
.ContentTableHeaderCoupons {color:#fff; background:#669; font-size: 14px;font-weight: bold;padding:2px 0;}
table.shaded {background-color:#e5e5e5}
table.optionsbox {border: 1px solid #C1CBD5}


/* Form Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #555; background: #fff}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 11px Verdana, Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #555}

/* Page Headlines */
.Headings, #ContentCell h1 {font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px}

/* Sub Headlines */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #555; margin-top: 15px; margin-bottom:4px;}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #ccc}

/* Sub Headlines 2 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #555; margin: 0}

/* Body Copy */
.Content {line-height: 18px; color: #555}
#ContentCell p {font-size: 11px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell li {margin: 0 0 15px 0}
.static #ContentCell li ul {margin: 15px 0 0 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #0E4C8B; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #0E4C8B; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {padding: 0; margin: 0; font-size: 10px; color: #555}

#TopBannerCell .logo { float:left; margin:0; width: 50%; height: 46px; line-height: 46px}
#TopBannerCell .logo a {color: #555; text-decoration: none; font-size: 20px}
#TopBannerCell .cart {float: right; width: auto; margin-top: 25px}
#TopBannerCell .cartnav li {border-right: 1px solid #555; padding: 0 5px 0 8px}
#TopBannerCell .cartnav li.viewcart a {background: url(images/carticon.gif) no-repeat 0 50%; padding-left: 18px}
#TopBannerCell .shopcart {margin-left: 10px}
#TopBannerCell .shopcart .items {margin-right: 5px}

#TopBannerCell ul { padding: 0 0 8px 0; margin: 0; list-style: none; float:left}
#TopBannerCell li { display: inline}
#TopBannerCell li a {color: #555; text-decoration: none}
#TopBannerCell li a:hover {text-decoration: underline}
#TopBannerCell .top-nav {display: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: url(images/bn-tile.gif) repeat-x /*DS*/ bottom; height: 65px; /*End-DS*/ font-size: 10px; border-bottom: 8px solid #fff}
#TopSubBannerCell a {color: #555; text-decoration: none}
#TopSubBannerCell a:hover {text-decoration: underline}
#TopSubBannerCell ul {margin: 0; padding: 0; list-style: none}
#TopSubBannerCell li {display: inline}
#TopSubBannerCell .sub-nav {float: left; width: auto; background: url(images/bn-nav_left.gif) no-repeat top left; height: 33px}
#TopSubBannerCell .sub-nav ul {margin-top: 9px}
#TopSubBannerCell .sub-nav li {background:url(images/tsb-navpipe.gif) no-repeat center right; padding:0 9px 0 12px}
#TopSubBannerCell .sub-nav li.item04 {background: none}


/* Cmenu Styles Added 12/13/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#TopSubBannerCell {margin:10px 0 0 0; padding:0;}
#TopSubBannerCell li {list-style:none; margin:0; padding:0;}
#TopSubBannerCell li a {padding:0 3px;}

/* Cart Links */
#TopSubBannerCell ul.cartnav {float:left; height:40px; line-height:40px; width:250px; float:left; margin:10px 0 0 0; padding:0 0 0 10px; background: url(images/bn-nav_left.gif) no-repeat bottom left;}
#TopSubBannerCell .cart {}
#TopSubBannerCell ul.cartnav li {padding:0; margin:0;}
#TopSubBannerCell ul.cartnav li.viewcart a {}
/* Cart Control */
#TopSubBannerCell ul.shopcart {float:left; height:40px; line-height:40px; margin:10px 0 0 0; padding:0; width:300px;}
#TopSubBannerCell ul.shopcart {font-size:10px; font-weight: normal; color:#666;}
#TopSubBannerCell ul.shopcart li.head a {background: url(images/carticon.gif) no-repeat 0 50%; padding-left:20px;}
#TopSubBannerCell ul.shopcart .items {font-size:10px; font-weight: normal; color:#666;}
/*------------------------------------------
END Cmenu Styles Added 12/13/07 DS Design*/

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { width:37px; background : url(/Images/backgrounds/left-column.gif) no-repeat top left; height:326px;}

#LeftColumnCell a {text-decoration:none; color:#555; font:bold 10px Arial, Helvetica, sans-serif; padding:3px 0 3px 10px; background:url(images/lc-arrows.gif) no-repeat 0 50%}

/* Cmenu Styles Added 12/13/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#LeftColumnCell ul li {height:auto;}
#LeftColumnCell li {list-style:none; margin:0; padding:0;}
/* Search */
#LeftColumnCell .search {height:55px; vertical-align:middle; margin:8px 0; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#LeftColumnCell .search ul {margin:0; padding:0;}
#LeftColumnCell .search li {list-style:none; font-size:10px; font-weight: normal; margin:0; padding:0;}
#LeftColumnCell .search li.head {font-weight:bold; color:#666; width:100%;}
#LeftColumnCell .search li.button {}
#LeftColumnCell .search li.button a {background-image:none; padding:0; margin:0;}
#LeftColumnCell .search li.button img {padding:0; margin:10px 0 0 5px;}
#LeftColumnCell .search li.textbox {float:left;}
#LeftColumnCell .search li.textbox input {width:100px; height:18px; border:1px solid #ccc; margin:5px 0; font-size:10px; color:#666;}
#LeftColumnCell .search li.advsearch {clear:both; float:none; width:100%; margin:0;}
/* Cart Links */
#LeftColumnCell ul.cartnav {margin:0; padding:0;}
#LeftColumnCell .cart {}
#LeftColumnCell ul.cartnav li {padding:0; margin:0;}
#LeftColumnCell ul.cartnav li.viewcart a {background: url(images/carticon.gif) no-repeat 0 50%; padding-left:20px;}
/* Cart Control */
#LeftColumnCell ul.shopcart {margin:0; padding:0;}
#LeftColumnCell ul.shopcart {font-size:10px; font-weight: normal; color:#666;}
#LeftColumnCell ul.shopcart .items {font-size:10px; font-weight: normal; color:#666;}
/*------------------------------------------
END Cmenu Styles Added 12/13/07 DS Design*/

/* RightColumnNav Styles
--------------------------------------------------------*/
#RightColumnCell {font-size: 11px; width:0!important; padding:10px 19px 0 19px;}
#RightColumnCell #rc-wrap {width: 150px}
#RightColumnCell .search {margin: 0; padding: 0}
#RightColumnCell a {color: #000; text-decoration: none; text-decoration: underline}
#RightColumnCell .rc-head h2 {margin: 10px 0; padding: 0; font-size: 15px}
#RightColumnNav1_CMenubar1_dlMenu a {font-size: 11px; line-height: 20px}
#RightColumnCell .cart ul {margin: 0; padding: 0; list-style: none; line-height: 20px}
.rightColumnNav ul {list-style-type: none; width:264px; margin:0 0 80px 0!important;}
.rightColumnNav ul li {border-bottom: 3px solid #fff;}
.rightColumnNav ul li a {display:block; padding:8px; color:#fff!important; font-weight: bold; text-decoration: none!important; font-size:14px;}
.rightColumnNav ul li a:hover {color:#fff; text-decoration: underline!important;}
.rightColumnNav ul li.installation a {background-color:#94b585;}
.rightColumnNav ul li.faq a {background-color:#630;}
.rightColumnNav ul li.find a {background-color:#630;}
td.contact .rightColumnNav ul li.find a { background-color:#94b585; }
.rightColumnNav ul li.additional a {background-color:#669;}
.rightColumnNav ul li.installation a {background-color:#94b585;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell { padding: 10px 5px 10px 10px; font-size: 10px; background-color:#000; float:left; width:945px!important; width/**/:960px; }
#FooterCell a:hover {text-decoration: underline}
#FooterCell a { color:#fff; text-decoration:none;  border-right: 1px solid #fff; padding-right:8px;}
#FooterCell ul {float:right; list-style: none; }
#FooterCell li {display: inline; margin: 0 5px 0 0;}
#FooterCell .copyright {float:left; width:300px; text-align:left; color:#fff; font-size:11px;}
#FooterCell .nav {float:right; width:620px; text-align:right; color:#000; font-size:11px;}




/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {padding:10px 0 0 0; }
.default #ContentCell .df-welcome {clear:both;}
.default #ContentCell .df-welcome h1 { float: left; padding: 0; background-color:#000; margin:0; color:#fff; padding:8px; width:462px!important; width/**/:478px;}
.default #ContentCell .df-welcome img {float: left; margin: 0 10px 4px 10px}
.default #ContentCell .df-welcome .promo { float: left; font-weight: 800; font-size: 16px; color: #cc0000; margin: 17px 0px 0px 10px; width: 360px; display: block }
.default #ContentCell .df-welcome .freeship { float: right; width: 85px; padding: 0 15px 0 0;
margin: -50px 0 0 0; }
.default #ContentCell .df-welcome .description { float: left; background : url(/Images/backgrounds/hp-welcome-left.gif) no-repeat left; padding:10px 0px 10px 120px; width: 690px; }
.default #ContentCell .df-cats {float: left; margin-top: 20px; width: 100%}
.default #ContentCell .df-cats h2 {font-size: 14px; font-weight: bold; color: #0E4C8B; padding: 0; margin: 0 0 15px 0; background-color: #C1CBD5; padding: 3px 0; text-indent: 3px}
.default #ContentCell .df-cats ul {padding: 0; margin: 0; list-style: none; float: left; text-align: center}
.default #ContentCell .df-cats img {border: 1px solid #ccc;}
.default #ContentCell .df-cats li.image {padding:0; margin:0;}

.default #ContentCell #flashContent {float:left; padding-right: 3px; width:478px;}
.default #ContentCell .homePageNav {float:left; width:450px;}
.homePageNav ul {list-style-type: none; margin:0!important;}
.homePageNav ul li {height:107px; float:left; width:450px;}
.homePageNav ul li a {display:block; color:#fff; font-weight: bold; text-decoration: none; font-size:16px;}
.homePageNav ul li a:hover {color:#e4e4e4;}
.homePageNav ul li.installation {background : url(/Images/backgrounds/hp-install.jpg) no-repeat top left;}
.homePageNav ul li.buyonline {background : url(/Images/backgrounds/hp-buy-online.jpg) no-repeat top left;}
.homePageNav ul li.distributors {background : url(/Images/backgrounds/hp-distributor.jpg) no-repeat top left;}
.homePageNav ul li.buyonline {height:104px;}

.homePageNav ul li.installation a {position: relative; top:78px; left:100px; width: 350px;}
.homePageNav ul li.buyonline a {position: relative; top:78px; left:90px; width: 360px;}
.homePageNav ul li.distributors a {position: relative; top:78px; left:196px; width: 254px;}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 2 */
tr#ProductDetail21_trProductName td h2 {background-color:#000; color:#fff; padding:8px; font-size:14px; font-weight: bold; margin-top:0;}

#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 12px; font-weight: bold}

/*installation page*/
.installationSteps {background-color:#e5e5e5; margin-bottom:20px;}
.installationSteps h2 {background-color:#000; color:#fff!important; padding:8px!important; font-size:13px!important; font-weight: bold; margin:0!important;}
.installationSteps .content {padding:5px 10px 10px 10px;}
.installationSteps .content .tip {font-size:11px; color:#cc0000; padding-bottom:5px;}
.installationSteps .content h3 {font-size:13px;}
.installationSteps .content h3 a {background : url(/Images/cta-arrow.gif) no-repeat right; padding-right:12px; color:#000; text-decoration: none;}
.installationSteps .content h3 a:hover {text-decoration: underline;}
.installationSteps .content p {color:#666; line-height:13px;}
.installationSteps .content img {padding:0 0 10px 10px;}

.installationLeftColumn {padding-right:0; line-height:15px;}
.installationLeftColumn h3 {color:#c00!important;}
.installationLeftColumn ul.bullet {margin: 10px 0 10px 5px!important; padding:0;list-style: none;}
.installationLeftColumn ul.bullet li {padding-left: 15px; font-size:11px; background:url(/Images/bullet.gif) top left no-repeat;  background-position: .1em .4em; line-height:12px; margin-bottom: 5px;}

.installationCallout {clear:both; padding:50px 40px 0 0; width:300px; text-align:right; float:right;}
.installationCallout h3, .installationCallout p {text-align:right!important; color:#000!important;}

p.specialInstructions textarea {font-size:11px;}

fieldset#contact {border: none; padding:10px 0 0 0;}
fieldset#contact label {float:left; width:60px; text-align:right; padding:0 10px 0 0;}

/* Shopping Cart styles */
.promocart { float: left; text-align: right; font-weight: 700; font-size: 16px; color: #cc0000; padding: 40px 10px 0px 0px; width: 160px; }
.freeshipcart { float: right; width: 85px; padding: 30px 15px 0px 0px; }

/* Testimonial page */
.testimonalcopy { float: left; width: 608px; padding-right: 10px; }
.testimonalimage { float: right; width: 263px; padding: 0px; text-align: right; }
.testimonalcopy p { font-size: 10px; }