html { height: 100%; width: 100%; }
body { margin: 0px; background: url(../images/page_bg.gif) no-repeat center top #000; }
body.internal { margin: 0px; background: url(../images/internal_page_bg.gif) no-repeat center top #000; }

#outer { width: 940px; margin: 0 auto; font-size: 1.1em; }

.header { height: 125px; }
.header .logo { margin-top: 39px; float: left; }
.header .telephone { margin-top: 39px; float: right; width: 305px; }
.header .telephone .number { float: left; width: 175px; font-size: 1.5em; text-align: right; }
.header .telephone .request { float: right; width: 130px; font-size: 1.1em; text-align: right; }
.header .searchbox { clear: right; margin-top: 20px; float: right; width: 265px; }
.header input.search { background: url(../images/search_bg.gif) no-repeat left top; border: 0; width: 223px; height: 25px; float: left; font-size: 12px; color: #fff; padding:4px 0 0 5px; }

#nav { height: 50px; padding: 7px 0px 0px 0px; background: url(../images/nav_bg.gif) repeat-x center top; }
#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { float: left; margin: 0; font-size: 1.4em; z-index:999;}
#nav a { cursor: pointer; color: #fff; font-weight: normal; text-decoration: none; padding-left: 20px; }
#nav a span { padding-right: 20px; padding-top: 10px; padding-bottom: 20px; line-height: 20px; }
#nav a, #nav a span { display: block; float: left; }
/* Hide from IE5-Mac \*/
#nav a, #nav a span { float: none; }
/* End hide */
#nav a:hover { color: #fff; background: url(../images/grey_tab_left.gif) left top no-repeat; padding-left: 20px; }
#nav a:hover span { background: url(../images/grey_tab_right.gif) right top no-repeat; padding-right: 20px; }
#nav .on a { color: #fff; background: url(../images/blue_tab_left.gif) left top no-repeat; padding-left: 20px; }
#nav .on a span { background: url(../images/blue_tab_right.gif) right top no-repeat; padding-right: 20px; }

/* drop-down menu styles - this needs work! Background image is in the image folder */
#nav li ul { display: none; position: absolute; top: 1em; left: -999em; }
#nav li > ul { top: auto; left: auto; background:#0e0e0e url(../images/nav_dropdown_bg.gif) left top no-repeat; list-style: none; padding-bottom: 5px;}
#nav li > ul li:hover { background: url(../images/nav_dropdown_bg_slice.gif) repeat-x top left; }
#nav li > ul li { float: none; width: 200px; font-size: .86em; margin-left: 10px; margin-right: 10px; padding-left: 13px; padding-right: 13px; z-index:999;}
#nav li > ul li a:hover, #nav li > ul li a:hover span { background-image: none; }
#nav li > ul li a { position: relative; width: 200px;}
#nav li > ul li a span { padding-top: 7px; padding-bottom: 10px; padding-right: 20px; line-height: 15px; }
#nav li > ul li a span.bullet { background: url(../images/bullet.png) no-repeat top left; position: absolute; width: 6px; height: 7px; top: 11px; left: 0px; }
#nav li:hover ul, li.over ul { display: block; }

#subnav { height: 54px; padding: 0 0px 0px 5px; background: url(../images/subnav_bg.gif) no-repeat left top; overflow:hidden; }
#subnav ul { list-style: none; padding: 0; margin: 0; }
#subnav li { float: left; margin: 0; font-size: 1.3em; display:inline-block; text-align:center; }
#subnav a { background: url(../images/subnav_arrow_right.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 25px; padding-left: 25px; height: 54px; line-height:1em; display:inline-block; }
#subnav .on a { background: url(../images/subnav_arrow_down.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 30px; padding-left: 25px; height: 25px; }
#subnav a span { vertical-align:middle; margin-top:20px; display:inline-block; }
#subnav li.large a span { margin-top:13px; }

/*
#subnav { height: 54px; padding: 0 0px 0px 5px; background: url(../images/subnav_bg.gif) no-repeat left top; overflow:hidden; }
#subnav ul { list-style: none; padding: 0; margin: 0; }
#subnav li { float: left; margin: 0; font-size: 1.3em; display:inline-block; }
#subnav a { background: url(../images/subnav_arrow_right.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 25px; padding-left: 25px; height: 54px; line-height:54px; display:inline-block; }
#subnav .on a { background: url(../images/subnav_arrow_down.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 30px; padding-left: 25px; height: 25px; }
#subnav a span { height:54px; width:120px; vertical-align:middle; }
*/

#breadcrumbs { height: 22px; padding: 11px 20px 0px 20px; background: url(../images/breadcrumbs_bg.gif) no-repeat left top; }
#breadcrumbs .text { float: left; width: 600px; }
#breadcrumbs .pagetools { float: right; width: 220px; }
#breadcrumbs .pagetools img { float: right; padding-left: 10px; }

#promotions { height: auto; }

#pulldown { height: 300px; background: url(../images/pulldown_bg.gif) left top repeat-x; padding: 0px 28px 0px 0px; }
#pulldown .text { float: left; width: 315px; padding: 35px 0px 0 25px; color: #CCCCCC; }
#pulldown .text h1 { color: #fff; }
#pulldown .image { float: right; width: 540px; height: 270px; background: url(../images/pulldown_image_bg.gif) left top no-repeat; padding-left: 15px; }
#pulldown .readmore { padding-top: 15px; }
#slide-pulldown { height: 25px; background: url(../images/slide_pulldown_bg.gif) left top repeat-x; text-align: center; }
#slide-pulldown .slide { margin: 0; padding: 0; height: 25px; background: url(../images/slide_pulldown_btn.gif) no-repeat center top; }
#slide-pulldown .btn-slide { background: url(../images/white_arrow.gif) no-repeat right -50px; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; }
#slide-pulldown .active { background-position: right 12px; }

#feature-blog { height: 300px; background: url(../images/pulldown_bg.gif) left top repeat-x; padding: 0px 28px 0px 0px; }
#feature-blog .text { float: left; width: 315px; padding: 15px 0px 0 25px; color: #CCCCCC; }
#feature-blog .text h3 { color: #fff; }
#feature-blog .image { float: right; width: 540px; height: 270px; background: url(../images/pulldown_image_bg.gif) left top no-repeat; padding-left: 15px; }
#feature-blog .readmore { padding-top: 15px; }
#feature-blog .info { width: 885px; padding: 5px 0 0 25px; clear: both; }

#welcome { background: url(../images/welcome_bg.gif) no-repeat left bottom; padding: 27px 6px 30px 13px; }
/* #welcome .welcometext {float:left; width:405px; background:url(../images/welcome.gif) no-repeat left top; padding-top:62px;} */
#welcome .welcometext { float: left; width: 405px; padding-top: 0px; }
#welcome .welcometext h2 { font-size: 3.6em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; margin-top: -5px; padding-bottom: 0px;color:#999; }
#welcome .welcometext p { color:#999;}
#welcome .askexpert { float: left; width: 242px; min-height: 205px; background: url(../images/ask_expert_bg.gif) no-repeat right bottom; padding-left: 30px; }
#welcome .askexpert .text { padding: 0px 10px 10px 10px; }
#welcome .askexpert h2 { font-size: 1.6em; color: #333333; font-family: Arial, Helvetica, sans-serif; }
#welcome .askexpert select.home { font-size: 1em; font-weight: bold; color: #333; width: 100%; height: 25px; border: 1px solid #999; background: #ccc; padding: 5px; margin: 5px 0 10px 0; }
#welcome .product { float: right; width: 224px; min-height: 205px; background: url(../images/product_bg.gif) no-repeat center bottom; }
#welcome .product .image { height: 98px; border-bottom: 1px solid #ccc; }
#welcome .product .text { padding: 10px; color: #000; }
#welcome .icons { clear: both; padding-top: 30px; text-align: center; }
#welcome .icons .text { clear: both; padding-top: 5px; color: #999; }
#welcome .icons .cedia { float: left; padding-right: 24px; width: 127px; }
.awards { float: left; padding-right: 24px; width: 119px; }
.experience { float: left; padding-right: 24px; width: 135px; }
.guarantee { float: left; padding-right: 24px; width: 145px; }
.repeat { float: left; padding-right: 24px; width: 125px; }
.service { float: left; width: 150px; }

#content { background: url(../images/content_bg.gif) repeat-x left top #d1d1d1; padding: 0px 10px 0px 10px; color: #000000; }

#content .sitemap { padding: 10px 30px; }
#content .sitemap a { text-decoration: none; }
#content .sitemap a:hover { text-decoration: underline; }
#content .sitemap ul { margin-bottom: 3em; list-style-image: url(../images/blue-bullet.gif); }
#content .sitemap li { margin: 0 0 1em 1em; }
#content .sitemap h3 { padding: 0 0 1em 0; }

#content .leftcol { float: left; width: 625px; background: url(../images/column_bg.gif) repeat-x left top; padding: 10px 15px 10px 15px; margin-top:10px; }
#content .leftcol img { margin-bottom: 1em; }

#content .leftcol h2.award { padding: 0 0 7px; margin: 10px 0 0; }
#content .leftcol div.award { background: url(../images/blue-bullet.gif) no-repeat left 3px; padding-left: 20px; }
#content .leftcol div.awardbacktotop {width:100%;text-align:right;}

#content .leftcol .package { padding-bottom: 5px; }
#content .leftcol .package .boxtop { width: 587px; background: url(../images/box_blue_top.gif) no-repeat left top; height: 31px; padding: 5px 19px 0 19px; font-size: 1.7em; color: #fff; }
#content .leftcol .package .boxtop span.title {float:left;}
#content .leftcol .package .boxtop span.backtotop {float:right;font-size:0.6em;line-height:30px;}
#content .leftcol .package .boxtop span.backtotop a {color:#fff;text-decoration:none;}

#content .leftcol .package .content { width: 585px; margin: 0 auto; background: #fff; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 20px 15px 0px 15px; }
#content .leftcol .package .content .features { float: left; width: 300px; padding-left: 15px; }
#content .leftcol .package .content .features ul { list-style-image: url(../images/blue-bullet.gif); font-size: 1.1em; }
#content .leftcol .package .content .features ul li { margin-bottom: 5px; }
#content .leftcol .package .content .price { float: right; width: 200px; text-align: right; font-size: 2.5em; padding-right: 15px; }
#content .leftcol .package .bottom { width: 625px; background: url(../images/box_blue_bottom.gif) no-repeat left bottom; height: 34px; }

#content .leftcol .team { padding-bottom: 5px; }
#content .leftcol .team .content { width: 585px; margin: 0 auto; background: #fff; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 20px 15px 0px 15px; }
#content .leftcol .team .content .image { float: left; width: 165px; overflow:hidden; }
#content .leftcol .team .content .text { float: right; width: 400px; }
#content .leftcol .team .content .text h3 { padding-bottom: 0px; }
#content .leftcol .team .bottom { width: 625px; background: url(../images/box_blue_bottom.gif) no-repeat left bottom; height: 34px; }

#content .leftcol .custom { float: left; width: 208px; padding-top: 5px; }
#content .leftcol .custom .boxtop { background: url(../images/box_installations_top.gif) no-repeat left top; padding: 7px 0px 0px 13px; height: 28px; font-size: 1.7em; color: #fff; font-family: arial,verdana,sans !important; }
#content .leftcol .custom .boxtop a { text-decoration: none; color: #fff; font-weight: normal; }
#content .leftcol .custom .image { width: 200px; margin: 0 auto; border: 1px solid #c0c0c0; }
#content .leftcol .custom .image img { margin: 0; }
#content .leftcol .custom .text { height: 85px; background: url(../images/box_installations_bg.png) no-repeat left bottom; padding: 10px 10px 35px 13px; }

#content .leftcol .search { padding-bottom: 15px; }
#content .leftcol .search input.search2 { background: #c0c0c0; border: 1px solid #999; width: 223px; height: 23px; float: left; font-size: 12px; color: #fff; margin-right: 5px; }
#content .leftcol .search-info { background: url(../images/search_info_bg.gif) no-repeat left top; padding: 15px 15px 3px 15px; }
#content .leftcol .search-results { background: url(../images/search_results_bg.gif) repeat-x left top #c7c7c7; margin-top: 15px; padding: 25px 15px 0px 15px; }
#content .leftcol .search-pages { background: #fff; padding: 10px 15px 1px 15px; color: #3399cc; font-weight: bold; }
#content .leftcol .search-pages p a {padding: 0 2px; font-weight: bold}

#content .leftcol .post { padding-bottom: 18px; }
#content .leftcol .post .content { width: 585px; margin: 0 auto; background: #fff; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 20px 15px 0px 15px; }
#content .leftcol .post .content .image { float: left; width: 138px; }
#content .leftcol .post .content .text { float: right; width: 400px; }
#content .leftcol .post .content .text a { text-decoration: none; }
#content .leftcol .post .content .text h3 { padding-bottom: 0px; }
#content .leftcol .post .bottom { width: 625px; background: url(../images/blog_box_bottom.gif) no-repeat left bottom; height: 38px; }

#content .leftcol .pager { width:592px; height:36px; background: url(/images/bg-pager.gif) top right repeat-x; margin:26px 10px 26px 3px; line-height:35px; padding:0 12px; border:solid 1px #c4c2c2; clear:both; }
#content .leftcol .pagerlong { width:874px; }
#content .leftcol .pager .next { width:65px; height:24px; text-indent:-99999px; float:right; background:url(../images/btn-next-arrow.png) right top no-repeat; margin:5px 5px 0 0; }
#content .leftcol .pager .prev { width:65px; height:24px; text-indent:-99999px; float:right; background:url(../images/btn-prev-arrow.png) right top no-repeat; margin:5px 5px 0 0;}

#content .leftcol .print-product { background:url(../images/btn-gallery-item-print.gif) left top no-repeat; width:118px; height:42px; text-indent:-99999px; display:block; float:right; margin-top:20px; }


#content .leftcol2 { float: left; width: 390px; background: url(../images/column_bg.gif) repeat-x left top; padding: 15px 15px 15px 15px; min-height: 500px; }
#content .leftcol2 h3 { padding-top: 30px; }
#content .leftcol2 .row1 p, .row2 p { padding: 0; margin: 0; }
#content .leftcol2 .row1 { background: url(../images/transparent_bg.png) repeat; padding: 7px 10px 7px 10px; }
#content .leftcol2 .row2 { padding: 7px 10px 7px 10px; }
#content .leftcol2 .left { float: left; width: 100px; font-weight: bold; }
#content .leftcol2 .right { float: right; width: 200px; }
#content .leftcol2 .map { border: 1px solid #999999; width: 388px; height: 346px; overflow: hidden; }

#content .rightcol { float: right; width: 220px; background: url(../images/column_bg.gif) repeat-x left top; padding: 10px 15px 10px 15px; min-height: 500px; margin-top:10px; }
#content .rightcol .topics-boxtop { background: url(../images/box_topics_top.gif) no-repeat left top; height: 36px; }
#content .rightcol .topics-text { background: #fff; border: 1px solid #c0c0c0; padding: 15px; line-height: 1.5em; }
#content .rightcol .topics-text ul { list-style-image: url(../images/bullet2.gif); }
#content .rightcol .topics-text a { text-decoration: none; }
#content .rightcol .topics-bottom { background: url(../images/box_black_bottom.gif) no-repeat left top; height: 6px; padding-bottom: 17px; }
#content .rightcol .custom-boxtop { background: url(../images/box_custom_portfolio_top.gif) no-repeat left top; height: 36px; }
#content .rightcol .custom-image { background: #fff; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#content .rightcol .custom-text { background: #fff; border: 1px solid #c0c0c0; padding: 15px 15px 1px 15px; }
#content .rightcol .custom-bottom { background: url(../images/box_grey_bottom.gif) no-repeat left top; height: 6px; padding-bottom: 17px; }
#content .rightcol .product-image { border: 1px solid #c0c0c0; }
#content .rightcol .product-text { background: url(../images/product_bg3.gif) no-repeat left bottom; padding: 10px 15px 10px 15px; margin-bottom: 17px; }

#content .rightcol2 { float: right; width: 465px; background: url(../images/column_bg.gif) repeat-x left top; padding: 15px 10px 15px 10px; min-height: 500px; }
#content .rightcol2 .contactform { background: #000 url(../images/column_bg2.gif) no-repeat left top; padding: 15px 15px 15px 15px; color: #fff; }
#content .rightcol2 .contactform .header { height: auto; }
#content .rightcol2 .contactform .header .title { float: left; width: 174px; }
#content .rightcol2 .contactform .header .result { float: left; width: auto; }
#content .rightcol2 .contactform .header .asterisk { float: right; width: 259px; text-align: right; }
#content .rightcol2 .contactform .body { height: 400px; }
#content .rightcol2 .contactform p { clear: both; float: none; margin: 0; display: block; font-size: 11px; color: #aaa; line-height: 25px; }
#content .rightcol2 .contactform span.radio label { display: inline !important; float: none !important; margin: 0; padding: 0; width: auto !important; }
#content .rightcol2 .contactform span.radio input { height: auto !important; background: none !important; border: 0 !important; display: inline !important; float: none !important; margin-left: 5px; width: auto !important }
#content .rightcol2 .contactform .row { clear: both; margin: 0; padding: 0; min-height: 35px }
#content .rightcol2 .contactform .row.large {min-height:155px;}
#content .rightcol2 .contactform .row p.desc { display: block; float: left; clear: none; margin: 0 0 0 10px; }
#content .rightcol2 .contactform .row p.desc span { margin: 0; padding: 0; width: auto; float: left }
#content .rightcol2 .contactform .row span.label { float: left; width: 100px; text-align: right; font-size: 1.1em; }
#content .rightcol2 .contactform .row span.error { font-size: .8em; text-transform: uppercase; }
#content .rightcol2 .contactform .row span.form { float: right; width: 315px; text-align: left; }
#content .rightcol2 .contactform .row span.form input { background: #ccc; border: 1px solid #999999; width: 315px; height: 20px; }
#content .rightcol2 .contactform .row span.form select { margin: 0 !important; }
#content .rightcol2 .contactform .row span.formac { float: right; width: 65px; text-align: left; }
#content .rightcol2 .contactform .row span.formac input { background: #ccc; border: 1px solid #999999; width: 50px; height: 20px; }
#content .rightcol2 .contactform .row span.formpn { float: right; width: 250px; text-align: left; }
#content .rightcol2 .contactform .row span.formpn input { background: #ccc; border: 1px solid #999999; width: 250px; height: 20px; }
#content .rightcol2 .contactform .row span.formpc { float: right; width: 315px; text-align: left; }
#content .rightcol2 .contactform .row span.formpc input { background: #ccc; border: 1px solid #999999; width: 100px; height: 20px; }
#content .rightcol2 .contactform .row span.checkbox { float: left; width: 137px; text-align: right; font-size: 1.1em; }
#content .rightcol2 .contactform .row span.checkboxlabel { float: right; width: 293px; text-align: left; font-size: 1.1em; }
#content .rightcol2 .contactform .row span.form select { font-size: 1em; font-weight: bold; color: #333; width: 315px; height: 25px; border: 1px solid #999; background: #ccc; padding: 5px; }
#content .rightcol2 .contactform .row span.form select.smallselect1 { width: 150px; float: left; }
#content .rightcol2 .contactform .row span.form select.smallselect2 { width: 150px; float: right; }
#content .rightcol2 .contactform .row span.form textarea { background: url(../images/textarea_bg.gif) no-repeat right top #ccc; border: 1px solid #999999; width: 315px; height: 145px; }
#content .rightcol2 .contactform .row.checkboxes input { display: block; float: left; width: 20px; }
#content .rightcol2 .contactform .row.checkboxes label { display: block; float: left; width: 115px; line-height: 25px; }
#content .rightcol2 .contactform .row.checkboxes .section { clear: both; }

#content .rightcol2 .contactform .row a { font-size: .9em; }
#content .rightcol2 .contactform .buttons { margin-top: 10px; padding: 30px 0 0 127px; }
#content .rightcol2 .contactform .row table tr th {text-align: left; font-weight: bold}
#content .rightcol2 .contactform .row table tr td input.textbox { background: #CCCCCC none repeat scroll 0 0; border: 1px solid #999999; height: 20px;}

#content .rightcol2 .contactform-error { padding: 15px 10px 15px 65px; border: solid 2px red; margin-bottom: 20px; background: #fff url(../images/ico-hugemark.png) no-repeat left 15px; color: #ff0000; }
#content .rightcol2 .contactform-error p.error { font-weight: bold; margin-bottom: .3em; }
#content .rightcol2 .contactform-footer { height: 36px; background: url(../images/column_bg2_footer.png) no-repeat top left; }
#content .rightcol2 .contactform-footer-std { height: 7px; background: url(../images/column_bg2_footer_std.png) no-repeat top left; }

#content .singlecol { background: url(../images/column_bg.gif) repeat-x left top; padding:15px;}
#content .singlecol .text { float: left; width: 665px; }
#content .singlecol .rss { float: right; width: 205px; height: 125px; background: url(../images/rss_bg.gif) no-repeat left top; }
#content .singlecol .rss .button { float: left; width: 59px; padding: 19px 0px 0px 11px; }
#content .singlecol .rss .text { float: right; width: 110px; padding: 19px 10px 0px 0px; }
#content .singlecol .products { clear: both; }
#content .singlecol .products h3 { font-weight:normal; font-size:1.7em; }
#content .singlecol .products .subheader { padding:0 5px; }
#content .singlecol .products .subheader h3 { padding:0 0 7px; font-weight:normal; font-size:1.7em; }
#content .singlecol .products .new-products { float: left; width: 208px; padding:0; margin-right:20px; }
#content .singlecol .products .new-products .producttile .boxtop { padding-right:50px; }
#content .singlecol .products .new-products .producttile span.marker { position:absolute; top:-6px; right:-2px; width:72px; height:84px; background:url(/images/tag-new-product.png) top right no-repeat; }
#content .singlecol .products .specials { float: left; width: 208px; padding:0; margin-right:20px;  }
#content .singlecol .products .specials .producttile .boxtop { padding-right:50px; }
#content .singlecol .products .specials .producttile span.marker { position:absolute; top:-6px; right:-2px; width:72px; height:84px; background:url(/images/tag-special-product.png) top right no-repeat; }
#content .singlecol .products .productcategories { float: left; width: 833px; padding:0;  }
#content .singlecol .products .producttile { float: left; width: 208px; padding:0 0 20px; position:relative; margin-bottom:0; }
#content .singlecol .products .producttile .boxtop { background: url(../images/box_installations_top.gif) no-repeat left top; padding: 6px 3px 6px 13px; height:46px; font-size: 1.7em; color: #fff; overflow:hidden;}
#content .singlecol .products .producttile .boxtop a { text-decoration: none; color: #fff; font-weight: normal; }
#content .singlecol .products .producttile .productfooter .refno { font-size:.9em; }
#content .singlecol .products .producttile .image { margin: 0 0 0 3px; border-left: 1px solid #bab9b9; border-right:1px solid #bab9b9; width:200px; background-color:#fff; height:117px; }
#content .singlecol .products .producttile .image img { border: 1px solid #bababa; width:200px }
#content .singlecol .products .producttile .condition { background: url(../images/box_installations_bg_slice.png) repeat-y left top; padding: 1px 5px; }
#content .singlecol .products .producttile .condition div { background: url(../images/bg-product-condition.gif) left top repeat-x; color:#ffffff; line-height:30px; padding:0 10px; font-size:1.1em; font-weight:bold; }
#content .singlecol .products .producttile .producttext { background: url(../images/box_installations_bg_slice.png) repeat-y left top; padding: 10px 10px 7px 13px; height:70px; }
#content .singlecol .products .producttile .productfooter { background: url(../images/box_installations_bg.png) no-repeat left bottom; padding: 10px 10px 20px 13px; font-size:1.1em; height:50px; }
#content .singlecol .products .producttile .productfooter span { font-size:1.6em; }
#content .singlecol .products .productcategorytile { width:208px; margin-bottom:20px; }
#content .singlecol .products .productcategorytile .boxtop { background: url(../images/box_installations_top.gif) no-repeat left top; padding: 6px 0px 6px 13px; height: auto; font-size: 1.7em; color: #fff; overflow:hidden;}
#content .singlecol .products .productcategorytile .boxtop a { text-decoration: none; color: #fff; font-weight: normal; }
#content .singlecol .products .productcategorytile .productsubcategories { background: url(../images/box_installations_bg_slice.png) repeat-y left top; padding: 0 10px 0 13px; }
#content .singlecol .products .productcategorytile .productsubcategories ul { padding:0 0 0 7px; margin:0; }
#content .singlecol .products .productcategorytile .productsubcategories ul li { list-style:none; font-weight:bold; color:#3399CC; font-size:1.1em; height:auto; line-height:1em; border-top:dotted 1px #3399CC; padding:7px 0; }
#content .singlecol .products .productcategorytile .productsubcategories ul li.first { border-top:none; }
#content .singlecol .products .productcategorytile .productsubcategories ul li span { float:left; line-height:8px; }
#content .singlecol .products .productcategorytile .productsubcategories ul li a { text-decoration:none; margin-left:15px; display:block; }
#content .singlecol .products .productcategorytile .tilefooter { background: url(../images/box_installations_bg.png) no-repeat left bottom; padding: 10px 10px 10px 13px; }
#content .singlecol .products .floatright { float:right; width:208px; }
#content .singlecol .products .floatleft { float:left; width:208px; } 
#content .singlecol .products .subcategories-gallery { border: solid 1px #eeeeee; border-top-width:5px; border-bottom-width:5px; background-color:#eeeeee; margin-bottom:20px; }
#content .singlecol .products .subcategories-gallery tr td { width:198px; padding:10px; }
#content .singlecol .products .subcategories-gallery tr td a { display:block; margin-bottom:2px; text-decoration:none; }
#content .singlecol .products .subcategories-gallery tr td a.text { background-color:#E1DFE0; line-height:20px; font-weight:normal; font-size:1.1em; width:188px; padding:0 0 0 10px; }
#content .singlecol .products .subtext { padding-right:20px; }
#content .singlecol .products .sub tr td { padding:0; }
#content .singlecol .products .sub .new-products .boxtop { padding-right:50px; height:46px; }
#content .singlecol .products .sub .new-products span.marker { position:absolute; top:-6px; right:-2px; width:72px; height:84px; background:url(/images/tag-new-product.png) top right no-repeat; }
#content .singlecol .products .sub .specials .boxtop { padding-right:50px; }
#content .singlecol .products .sub .specials span.marker { position:absolute; top:-6px; right:-2px; width:72px; height:84px; background:url(/images/tag-special-product.png) top right no-repeat; }
#content .singlecol .products .pager { width:651px; height:36px; background: url(/images/bg-pager.gif) top right repeat-x; margin:0 10px 26px 3px; line-height:35px; padding-left:12px; border:solid 1px #c4c2c2; }
#content .singlecol .products .pagerlong { width:874px; }
#content .singlecol .products .pager span { color:#3399CC; font-weight:bold; font-size:1.1em; }
#content .singlecol .products .pager span.sortby { color:#000000; float:right; margin-right:10px; }
#content .singlecol .products .pager span.sortby select { width:180px; height:23px; }
#content .singlecol .products .pager span a.large { font-size:1.2em; font-weight:normal; text-decoration:none; }
#content .singlecol .products .pager span a.on { color:#000000; }

#content .innernav { padding-left:236px; position:relative; }
#content .innernav .text { width:429px; }
#content .innernav .long { width:660px; }
#content .innernav .nav { }
#content .innernav .pscnav { position:absolute; top:17px; left:10px; width:216px; }
#content .innernav .pscnav .title { background: url(../images/bg-inner-nav-title.gif) no-repeat left top; padding: 6px 13px 6px 13px; height: auto; font-size: 1.7em; color: #fff; }
#content .innernav .pscnav .items { background-color:#fefefe; padding-top:5px; }
#content .innernav .pscnav .items ul { list-style:none; margin:0; padding:0 14px; }
#content .innernav .pscnav .items ul li { list-style:none; font-weight:bold; color:#3399CC; font-size:1.1em; height:auto; line-height:1em; border-top:dotted 1px #3399CC; padding:7px 0; }
#content .innernav .pscnav .items ul li.first { border-top:none; }
#content .innernav .pscnav .items ul li.on,
#content .innernav .pscnav .items ul li:hover { background-color:#ECEAEB; padding-left:10px; }
#content .innernav .pscnav .items ul li a { text-decoration:none; }
#content .innernav .pscnav .footer { background: url(../images/bg-inner-nav-footer.png) no-repeat left bottom; padding: 0 10px 20px 13px; font-size:1.1em; }

#content .innernav .product-details { width:665px; }
#content .innernav .product-details .title { background:url(../images/bg-product-detail-feature-price.gif) left top repeat-x; border-top: solid 2px #81C7E9; border-bottom: solid 2px #368FBB; height:50px; }
#content .innernav .product-details .title div { display:inline-block; background:url(/images/bg-product-detail-feature-arrow.gif) right center no-repeat; height:50px; padding-right:60px; color:#ffffff; padding-left:12px; }
#content .innernav .product-details .title div span { font-size:3em; line-height:50px; }
#content .innernav .product-details .title div span.prev-price { font-size:1.4em; } 
#content .innernav .product-details .featured { }
#content .innernav .product-details .featured table { border-top: solid 1px #ffffff; border-left: solid 1px #ffffff; width:100%; padding:0; background:#B8B8B8; }
#content .innernav .product-details .featured table tr td { border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; padding:0; font-size:1.3em; vertical-align:top; }
#content .innernav .product-details .featured table tr td.feature-image { vertical-align:top; }
#content .innernav .product-details .featured table tr td.feature { padding:7px 20px; white-space:nowrap; }
#content .innernav .product-details .featured table tr td.value { padding:7px 20px; width:100%; }
#content .innernav .product-details .featured .footer { background:#ffffff url(/images/bg-product-detail-feature.gif) left top no-repeat; height:20px; }
#content .innernav .product-details .featured .footer div { background:#ffffff url(/images/bg-product-detail-feature.gif) right top no-repeat; height:20px; margin-left:50px; }
#content .innernav .product-details .body { padding: 20px 25px 10px 20px; background:#ffffff; }
#content .innernav .product-details .body img { margin:0 14px 10px; }
#content .innernav .product-details .body .print-product { background:url(../images/btn-product-detail-print.gif) left top no-repeat; width:118px; height:42px; text-indent:-99999px; display:block; float:right; margin-top:20px; }
#content .innernav .product-details .contact { clear:both; padding:0 25px 50px 20px; background:#ffffff; }
#content .innernav .product-details .contact h3 { font-size:1.7em; font-weight:normal; }
#content .innernav .product-details .contact table { width:100%; }
#content .innernav .product-details .contact table tr td { vertical-align:top; padding:5px 20px 5px 10px; font-size:1.1em; }
#content .innernav .product-details .contact table tr td.odd { background:#e8e8e8; }
#content .innernav .product-details .contact table tr td.full { width:100%; }
#content .innernav .product-details .footer { height:20px; padding:0; position:relative; }
#content .innernav .product-details .footer span.left { background:url(/images/bg-product-detail-footer-bl.png) left top no-repeat; height:20px; width:20px; display:inline-block; float:left; }
#content .innernav .product-details .footer span.inner { background:url(/images/bg-product-detail-footer.png) left top repeat-x; height:20px; display:inline-block; width:625px; }
#content .innernav .product-details .footer span.right { background:url(/images/bg-product-detail-footer-br.png) right top no-repeat; height:20px; width:20px; display:inline-block; float:right; }
#content-footer { height: 100px; background: url(../images/content_footer_bg.gif) repeat-x left top; width: 100%; clear: both; }

#footer { width: 100%; min-height: 120px; background: url(../images/footer_bg.gif) no-repeat center top #000; padding-top: 20px; font-size: 1.1em; }
#footer .footercontent { width: 940px; margin: 0 auto; padding-left: 10px; padding-right: 10px; }
#footer .footercontent .copy { float: left; clear: left; padding: 10px 5px; color: #333; }
#footer .footercontent .footernav { float: left; width: 485px; color: #999; }
#footer .footercontent .footernav a { color: #999; padding: 0 5px; text-decoration: none; font-weight: normal; }
#footer .footercontent .willogo { float: right; line-height: 46px; width: 215px; }
#footer .footercontent .willogo span { display: block; float: left; width: 115px; color: #999; }
#footer .footercontent .willogo span a { color: #999; text-decoration: none; font-weight: normal; }
#footer .footercontent .willogo .thelogo { background: transparent url(../images/logo-wiliam.gif) no-repeat 0 0; display: block; float: right; height: 39px; width: 92px; text-indent: -999em; }

.divider-black { background: url(../images/black_dot_divider.gif) repeat-x left top; height: 20px; }
.divider-black-large { background: url(../images/black_dot_divider.gif) repeat-x left bottom; height: 40px; }
.divider-white { background: url(../images/white_dot_divider.gif) repeat-x left top; height: 20px; }
.top { width: 625px; padding-bottom: 15px; }
.top span { display: block; float: right; width: 70px; padding-left: 5px; }
.top .arrow { background: url(../images/top_arrow.gif) no-repeat; float: right; height: 15px; width: 15px; }

.btn { text-indent: -999em; border: 0; display: block; cursor: pointer; font-size: 0px; line-height: 0; overflow: hidden; }
.btn.btngo { background: url(../images/go_btn.gif) no-repeat left top; width: 31px; height: 27px; clear: none; float: right; }
.btn.btnask { background: url(../images/ask_expert_btn.png) no-repeat left top; width: 157px; height: 28px; clear: none; float: left; }
.btn.btnsearch { background: url(../images/search_btn.gif) no-repeat left top; width: 78px; height: 27px; clear: none; float: left; }
.btn.btncancel { background: url(../images/cancel_btn.gif) no-repeat left top; width: 105px; height: 22px; clear: none; float: left; }
.btn.btnsubmit { background: url(../images/submit_btn.gif) no-repeat left top; width: 105px; height: 22px; clear: none; float: right; }

ul.paging {text-align: center; padding-top: 40px}
ul.paging li {display: inline; list-style:none; padding: 0 5px}

/* flash text replacement (sifr) - don't change these - REMOVE IF NOT USING */
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }


/* flash text content styles - change this to match the design - REMOVE IF NOT USING SIFR */
.sIFR-active .flashtext h2, .sIFR-active .flashtext h3 { visibility: hidden; font-family: Arial; line-height: 1em; padding: 0; display: inline-block; width: 100%; }
.sIFR-active .flashtext h3 { padding: 10px 12px 0 12px; }
.bookmark {display:none;}

#productnav { height: 50px; padding: 7px 0px 0px 0px; background: url(../images/nav_bg.gif) repeat-x center top; }
#productnav ul { list-style: none; padding: 0; margin: 0; }
#productnav li { float: left; margin: 0; font-size: 1.4em; z-index:999;}
#productnav a { cursor: pointer; color: #fff; font-weight: normal; text-decoration: none; padding-left: 20px; }
#productnav a span { padding-right: 20px; padding-top: 10px; padding-bottom: 20px; line-height: 20px; }
#productnav a, 
#productnav a span { display: block; float: left; }
/* Hide from IE5-Mac \*/
#productnav a, 
#productnav a span { float: none; }
/* End hide */
#productnav a:hover { color: #fff; background: url(../images/grey_tab_left.gif) left top no-repeat; padding-left: 20px; }
#productnav a:hover span { background: url(../images/grey_tab_right.gif) right top no-repeat; padding-right: 20px; }
#productnav .on a { color: #fff; background: url(../images/blue_tab_left.gif) left top no-repeat; padding-left: 20px; }
#productnav .on a span { background: url(../images/blue_tab_right.gif) right top no-repeat; padding-right: 20px; }

/* drop-down menu styles - this needs work! Background image is in the image folder */
#productnav li ul { display: none; position: absolute; top: 1em; left: -999em; }
#productnav li:hover ul, 
#productnav li.over ul { display: block; }

#productsubnav { height: 54px; padding: 0 0px 0px 5px; background: url(../images/subnav_bg.gif) no-repeat left top; }
#productsubnav ul { list-style: none; padding: 0; margin: 0; }
#productsubnav li { float: left; margin: 0; font-size: 1.2em; }
#productsubnav a { background: url(../images/subnav_arrow_right.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 30px; padding-left: 25px; height: 54px; line-height:54px; display:block; }
#productsubnav .on a { background: url(../images/subnav_arrow_down.gif) no-repeat left; color: #fff; font-weight: normal; text-decoration: none; text-indent: 0; margin-right: 30px; padding-left: 25px; height: 25px; }
#productsubnav a span { height:54px; width:120px; vertical-align:middle;}

#productsubnav ul li { width:auto; height:43px; margin-top:12px; padding-right:2px; margin-left:3px; display:inline-block; }
#productsubnav ul li a { line-height:normal; margin-right:8px; width:auto; text-align:center; padding:0 0 0 22px; display:inline-block; height:42px; background: url(../images/subnav_arrow_right.gif) 3px 10px no-repeat; }
#productsubnav ul li a span { height:32px; width:auto; line-height:1em; vertical-align:text-bottom; display:inline-block; padding-top:10px; }
#productsubnav ul li.large a { height:40px; padding-top:2px; }
#productsubnav ul li.large a span { display:inline-block; padding-top:0px; line-height:15px; }
#productsubnav ul li.on,
#productsubnav ul li.on:hover { background: url(../images/tab-subcat-on.gif) left top no-repeat; margin: 11px 0 0 3px; padding:0 0 0 13px; }
#productsubnav ul li.on:hover a,
#productsubnav ul li.on:hover a:hover { background: url(../images/tab-subcat-on.gif) right top no-repeat; margin:0; padding:1px 13px 0 0; width:auto; }
#productsubnav ul li.on:hover a span { padding-top:10px; }
#productsubnav ul li.on a,
#productsubnav ul li.on a:hover { background: url(../images/tab-subcat-on.gif) right top no-repeat; height:42px; margin:0; padding:1px 13px 0 0; width:auto; position:relative; }
#productsubnav ul li.on a span.downarrow,
#productsubnav ul li.on a:hover span.downarrow { width:20px; height:10px; position:absolute; bottom:-9px; background: url(../images/tab-subcat-on-down.gif) right top no-repeat; margin:0!important; padding:0!important; left:30%; }

#productsubnav ul li:hover { background: url(../images/tab-subcat-hover.gif) left top no-repeat; height:44px; margin-top:10px; padding-right:0; position:relative; }
#productsubnav ul li:hover a { background: url(../images/tab-subcat-hover.gif) right top no-repeat; margin:0 0 0 19px; padding:0 10px 0 3px;  }
#productsubnav ul li:hover a span { padding-top:12px; }

#productsubnav ul li.large a.on { padding-top:4px!important; height:39px; }
#productsubnav ul li.large:hover a { padding-top:4px; height:38px; }
#productsubnav ul li.large:hover a span { padding-top:0px; }

#productsubnav ul li ul { display:none; position: absolute; z-index:1; }
#productsubnav ul li ul { top: 44px; left: 0px; background: url(/images/bg-subcat-dropdown.png) left top no-repeat; list-style: none; padding: 10px 21px 15px 21px; border:none; border-bottom:solid 1px #363333; }
#productsubnav ul li ul li { float:none; font-size:.86em; height:28px; line-height:28px; margin:0; padding:0 0 0 6px!important; background:none; width: 208px; border-top:dotted 1px #8E9295; }
#productsubnav ul li ul li.first { border-top:none; }
#productsubnav ul li ul li:hover { background:none; background-color:#5F6267; height:28px; margin:0; padding:0; line-height:28px;  }
#productsubnav ul li ul li:hover a { background:none; }
#productsubnav ul li ul li a:hover, 
#productsubnav ul li ul li a:hover span { background: none; height:auto; margin:0; padding:0; }
#productsubnav ul li ul li a { display: inline-block; background:none!important; height:15px; text-align:left; margin:0!important; padding:0!important; font-weight:bold; }
#productsubnav ul li ul li a span { padding-top: 7px; padding-bottom: 10px; padding-right: 20px; line-height: 15px; background:none;  }

#productsubnav ul li:hover ul, 
#productsubnav ul li.over ul { display: block; }
#productsubnav ul li.on:hover ul, 
#productsubnav ul li.on.over ul { display: none; }