@charset "utf-8";
/* CSS Document */


/* GENERAL LAYOUT ___________________________________________________________________________________*/


body{ margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#4b4b4b;}
table, p, .Normal, .Normal ul, .Normal ul li, ul, ul li, li{
font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrapmain{ width:806px; margin:0 auto; background: url(images/tile_wrap.gif) repeat-y}
#wrapleft{ background:url(images/bg_left.jpg) top left no-repeat}
#wrapright{ background:url(images/bg_right.jpg) top right no-repeat}
#wrap{ text-align:left; width:780px; margin:0 auto; background:#fff}

#printlogo{ display:none}
#header{}
#page{ border:1px solid #7f7f7f; border-bottom:none; }
.pageinside{  background:url(images/tile_intro.jpg) bottom repeat-x;}
#content{ position:relative}
.contentinside{ background:url(images/tile_sidebar.gif) top left repeat-y}

#pagecontent{ padding: 30px 28px 130px 167px; background:url(images/bg_sidebarbottom.jpg) no-repeat bottom left; }

#right{ position:absolute; top:0; left:0; width:149px; padding-left:14px; z-index:10}
.righthome{ height:502px; background: url(images/bg_subnavhome.jpg) no-repeat}
.rightphome{ height:543px; background: url(images/bg_subnavphome.jpg) no-repeat}
.rightinside{ height:543px; background: url(images/bg_subnavinside.jpg) no-repeat}
.rightinsidesmall{ height:506px; background: url(images/bg_subnavsmall.jpg) no-repeat}
.rightproduct{ height:666px; background: url(images/bg_subnavproduct.jpg) no-repeat}

#dnn_flash{ padding-left:163px; border-bottom:1px solid #e1e1e1} #dnn_flash p{ margin:0; padding:0}

#footer{ width:806px; height:33px; }
#dnn_footertext{ margin:0 auto; width:780px; padding-bottom:14px; text-align:center;
border-bottom:1px solid #aeaeae; color:#626262; margin-bottom:40px}
#dnn_footertext .DNNAlignleft, #dnn_footerlinks .DNNAlignleft{ text-align:center}
#dnn_footertext p, #credit p, #dnn_footerlinks p{ margin:0; padding:0}
.footerhome{ background:url(images/bg_footerhome.jpg) top left no-repeat}
.footerinside{ background: url(images/bg_footerinside.jpg) top left no-repeat}
#dnn_footerlinks{ font-size:.9em; margin:-20px auto 0 auto; width:780px;text-align:center; color:#626262; padding-bottom:40px}
#dnn_footerlinks{ color:#959595}

#search{ float:right; padding:6px 29px 0 0; width:190px; position:relative} #search br{ display:none}
input.search{ float: left; font-size:.9em; width:145px; margin:0; padding-right:5px; padding-left:5px;
padding-bottom:2px; border:1px solid #690202; background: #fff url(images/tile_search.gif) repeat-x; color:#4b4b4b;
font-family:Verdana, Arial, Helvetica, sans-serif;}
#search input.searchbtn{ padding:0; margin:0; border:none; background:none; width:auto; float:left}


/* HOMEPAGE LAYOUT ___________________________________________________________________________________*/


#homebottom{ height:221px; padding-left:163px; background: url(images/tile_intro.jpg) bottom repeat-x;}
.intro{ float:left; width:332px}
#dnn_whatsnew{ float:right; width:188px; padding: 0 29px 0 18px; background: #e1e1e1 url(images/tile_whatsnew.jpg) bottom repeat-x}

#dnn_whatsnew p{ margin:0; padding:0}
.intro p{ padding-left:11px; padding-top:12px; margin:0}


/* PRODUCT HOME LAYOUT ___________________________________________________________________________________*/


#productintro, #warranty_text, .contenttext{ padding-left:10px} .contenttext{ margin-bottom:30px}
#productintro p, #warranty_text p, .contenttext p{ margin:0; padding:12px 0 0 0}

#keyfeatures, #design, #powdercoat, #vinyl, #warranty{ margin-top:30px}
#dnn_keyfeatures1, #dnn_keyfeatures2{ float:left; width:282px;}
#dnn_keyfeatures1{ margin-right:8px}
#keyfeatures ul, #design ul, #productinfo ul{ margin:0; padding: 0; list-style:none}
#keyfeatures li, #design li, #productinfo li{ font-weight:bold; padding:12px 0 0 10px;
background:url(images/arrow_grey.gif) left 16px no-repeat}
#keyfeatures li li, #design li li, #productinfo li li{ font-weight:normal; background:none; margin:0; padding:0}

#powdercoat_text { text-align:center;} #powdercoat p{ margin:0; padding:0}
#vinyl_images{ margin-top:12px}
#warranty{ margin-bottom:12px}


/* PRODUCT LAYOUT ___________________________________________________________________________________*/


#pagecontentP{ padding: 0 28px 155px 167px; background:url(images/bg_sidebarbottom.jpg) no-repeat bottom left; }

#breadcrumbs{ padding:0 0 10px 80px; color:#626262}
#breadcrumbs a,#breadcrumbs a:link, #breadcrumbs a:visited{ color:#626262}

#product{ padding:47px 0 0 163px; background:url(images/bg_pagetop.gif) 199px top no-repeat;}
#dnn_productimage{ float:left; width:294px;}
#productinfo{ float:left; width:292px}
#dnn_description{ padding:20px 0}
#productline{ border-bottom:1px solid #e1e1e1; width:568px; margin-top:-1px}

.specs{ color:#2f2f2f}
.specs td{ background:#f4f4f4; padding:6px 5px 6px 10px; border-bottom:1px solid #fff}

#dnn_keyfeatures_text li{ font-weight:normal}

#dnn_productimage p{ margin:0; padding:0}

#subnav_cnr{ position:absolute; top:0; left:163px; width:36px; height:161px;
background:url(images/bg_subnav_cnr2.gif) no-repeat}


/* INSIDE LAYOUT ___________________________________________________________________________________*/


.insidecontent{ padding:3px 0 0 30px; height:1% }
#toptile{background:url(images/bg_pagetop.gif) 199px top no-repeat; height:47px}

.minimumheight{ height:410px}
.searchresults .CommandButton{ display:none}

.insidetext{ }

.data-tbl th{ background:#d7d7d7; color:#2f2f2f; text-align:left; padding:5px 10px; border-bottom:1px solid #fff}
.data-tbl tbody th{ font-weight:normal; background:#f4f4f4}
.data-tbl td{ padding:5px 10px; border-bottom:1px solid #f4f4f4}

.tbl-searchresults{ margin-top:20px}
.tbl-searchresults td{ vertical-align:top}

.outline{ padding:20px 0 10px 0; border-bottom:1px solid #d8d8d8}
.outline p, .outline h3, .outline h2{ margin:0; padding:0 0 8px 0}
.outline ul{ margin:0; padding: 0 0 8px 10px}
.thumb{ margin:0 10px; border:1px solid #d8d8d8}
.imgright{ float:right; width:270px;}
.imgright195{ float:right; width:195px;}
.imgleft{ float:left; width:270px;}
.imgright .thumb, .imgright195 .thumb, .imgleft .thumb{ margin-bottom:10px}
.textright{ float:right; width:270px}
.textleft{ float:left; width:270px}
.textright345{ float:right; width:345px}
.textleft345{ float:left; width:345px}


/* ADMIN LAYOUT ___________________________________________________________________________________*/


#pagecontentadmin{ padding: 30px 28px 60px 28px;}

.admin_container{background:#fff; border: 1px solid #838383; width:auto}
.line, hr{border:none; background-color:transparent; border-bottom:1px solid #838383; width:100%}
.admintitle{background:#d21212; border-bottom:3px solid #838383; color:#fff}
.admintitle .Head{ color:#fff}


/* TEXT, LINKS, CLASSES ___________________________________________________________________________________*/


h1, h2, h3, .Head, .Subhead{ font-family:Verdana, Arial, Helvetica, sans-serif;}

h1, .Head{ color:#d21212; font-size:1.2em; font-weight:bold}
h2, .SubHead{ color:#323232; font-size:1.1em; font-weight:bold; margin-top:0; padding-top:15px }
h3{ color:#323232; font-size:1em; font-weight:bold; padding-bottom:0; margin-bottom:0}
.SubHead{ font-size:1em}

ul, ul li, ul li li{ list-style:none; list-style-type:none}
#dnn_ContentPane ul{ margin-left:0; padding-left:10px}
#dnn_ContentPane ul li{ padding-left:10px; background:url(images/arrow_grey.gif) left 4px no-repeat}

.CommandButton{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#d21212;}
a:link, a:visited, .CommandButton, A.CommandButton:link, A.CommandButton:visited{ 
color:#d21212; text-decoration:none}
a:hover, a:active, A.CommandButton:hover, A.CommandButton:active{ text-decoration:underline}
#dnn_footertext a:link, #dnn_footertext a:visited{ color:#626262; text-decoration:none}
#dnn_footertext a:hover{ color:#d21212; text-decoration:underline}

a img{ border:0}

.clear{ clear:both}
.floatleft{ float:left; width:49%}
.floatright{ float:right; width:49%}
.NormalRed{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #d21212;}
.red{color:#d21212}


/* STRUCTURAL NAV MENU STYLES___________________________________________________________*/


#nav ul {padding: 0; margin: 0; border: 0; list-style: none; white-space: nowrap; position: relative; z-index: 999999;}
#nav li { position: relative; display: inline; float: left; margin: 0; border: 0; padding: 0;}
#nav a{ display:block; white-space:nowrap;}
#nav li li { z-index: 11113;}
#nav li ul {position: absolute; margin: 0; border: 0; padding: 0; z-index: 11112;left: -9999px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, /*#nav li li li:hover ul ul,*/
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul/*, #nav li li li.sfhover ul ul*/ { left: -9999px;}

#nav li:hover ul, #nav li li:hover ul, /*#nav li li li:hover ul, */ 
#nav li.sfhover ul, #nav li li.sfhover ul/*, #nav li li li.sfhover ul*/ {
left: auto; z-index: 99999;}

#nav iframe { position: absolute; left: 0; top: 0; z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);	display: block;}


/* CUSTOM NAV MENU STYLES ___________________________________________________________________________________*/


#navwrap{ background:#d21212 url(images/tile_nav.gif) repeat-x; border-bottom:1px solid #a3a3a3 }
#nav{ width:550px; float:left; background:#d21212 url(images/tile_nav.gif) repeat-x }

#nav ul{ font-size:.9em;}
#nav li{ float:left;}
#nav a{ color:#fff; text-transform:uppercase; padding:9px 25px 9px 15px; text-decoration:none;
background: url(images/bg_nav.gif) center right no-repeat}
#nav a:active, #nav a:hover{ color:#ffe528; background:url(images/bg_nav_r.gif) center right no-repeat}

#nav li ul{ border-top:1px solid #a3a3a3; margin-left:-1px; background:#bc0d0d; width:160px; font-size:1em }
#nav li li{ float:none; display:block; border-top:1px solid #d76969; border-left:1px solid #d76969; 
border-bottom:1px solid #8d0808; border-right:1px solid #5f0707}
#nav li li a{padding:3px 0 3px 15px; background:none; width:120px}
#nav li li a:hover, #nav li li a:active{color:#ffe528; background:none}

#nav li li ul{ margin:-2em 0 0 159px; font-size:1em}


/* dnn_subnav ___________________________________________________________________________________*/


.SEOMenuH ul{ margin:0; padding:12px 0 0 0; list-style:none; font-size:.8em; width:122px}
.SEOMenuH li{ margin:0; padding:0; background: url(images/bg_subnav_li.gif) left bottom no-repeat;}
.SEOMenuH a, .SEOMenuH a:link, .SEOMenuH a:visited{ color:#c8c8c8; text-transform:uppercase; text-decoration:none; display:block; padding:2px 0 4px 12px; position:relative; 
 background: url(images/bg_subnav.gif) left 6px no-repeat}
.SEOMenuH a:active, .SEOMenuH a:hover, .SEOMenuH a#SEOMenuCurrentLink{ color:#fff; background:url(images/bg_subnav_r.gif) 1px 6px no-repeat}

.SEOMenuH li ul, .SEOMenuH ul table{ display:none}


/* FORMS ___________________________________________________________________________________*/


input.NormalTextBox, textarea.NormalTextBox, select.NormalTextBox{ padding-left:3px; padding-right:3px;
font-size:1em; color:#4b4b4b; border:1px solid #838383; font-family:Verdana, Arial, Helvetica, sans-serif; }
input.NormalTextBox{ vertical-align:middle}
select.NormalTextBox{ padding:1px}

.formheading{ padding-bottom:5px; border-bottom:1px solid #e1e1e1;}
.tbl-form td{ text-align:left; padding:3px 15px 3px 0}
.FormLabel{}
.tbl-form input.NormalTextBox, .tbl-form textarea.NormalTextBox{ width:250px}
.tbl-form textarea.NormalTextBox{ height:180px}
.FormBtn{ float:right; margin-top:10px}