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

/* CSS Document */

/*
body {background-image: url(images/menu_active.gif); height:100%; margin:0px; padding:0px; }
*/

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/

/*
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
*/

a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Verdana, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:750px; margin:0 auto; padding: 0px;}

/* .top_space{height:34px;} */
.top_space{height:0px;}
.lang_pad{padding:7px 35px 0px 0px;}


.logo_top_left
{
    padding:0px; margin:0px; 
/*    background:url(images/logo_top_left.png) no-repeat top left; */
    height:23px;
}
.logo_top_right
{
    padding:0px; margin:0px; 
/*    background:url(images/logo_top_right.png) no-repeat top right; */
}
.logo_top_bg
{
    padding:0px; margin:0 39px 0 27px; 
/*    background:#FFF url(images/logo_top_bg.png) repeat-x top; */
    height:23px;
}
.logo_left
{
    padding:0px; 
/*    background:url(images/logo_left.png) repeat-y top left; */
}
.logo_right
{
    padding:0px; 
/*    background:url(images/logo_right.png) repeat-y top right; */
}
.logo_pad
{
/*    background:#FFF;  */
    margin: 0 19px 0 7px; 
    padding:0 ;
    height:108px;
    text-align: center;
}

.menu_bg
{
    padding:0 0 0 6px;  
    margin: 0 21px 0 9px; 
/*    background:url(images/menu_bg.png) top left; */
}
.menu_left
{
    padding:0px; 
    margin:0px; 
/*    background:url(images/menu_left.png) repeat-y  top left; */
}
.menu_right
{
    margin:0px; 
/*    background:url(images/menu_right.png)  
    repeat-y top right; */
}

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg
{
    padding:0px; 
    margin: 0 19px 0 7px; 
/*    background:url(images/bread_bg.png) repeat-x top left;  */
    height:34px;
}
.bread_left
{
    padding:0px; 
    margin:0px; 
/*    background:url(images/bread_left.png) no-repeat top left;  */
    height:34px;
}
.bread_right
{
    padding:0px;  
/*    background:url(images/bread_right.png) no-repeat top right;  */
    height:34px;
}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg
{
    padding:0px; margin:0px; 
/*    background:url(images/left_bg.png) repeat-y top left; */
}
.right_bg
{
    padding:0px; margin:0px; 
/*    background:url(images/right_bg.png) repeat-y top right;   */
}
.content_pad
{
    padding:0px; margin:0px;
/*    padding:10px 22px 0 22px; margin: 0 19px 0 7px; */
/*    background:#FFF url(images/center_bg.png) repeat-x bottom left; */
}
.content_width
{
    overflow:auto;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px;
    min-height:350px;
}

.bot_left
{
    padding:0px; margin:0px; 
/*    background:url(images/bot_left.png) no-repeat top left; */
}
.bot_right
{
    padding:0px; margin:0px; 
/*    background:url(images/bot_right.png) no-repeat top right;  */
    padding:0px 39px 0px 27px;
}
.bot_bg
{
    padding:0px; margin:0px; 
/*    background:url(images/bot_bg.png) repeat-x top left; */
    background:url(images/red-bar.jpg) repeat-x top left);
    height:41px;
    width:100%;
}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

#left_style{float:left;}
#right_style{float:right;}
#center_style{float:none; text-align: center;}


.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

/*
a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}
*/

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
/*
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}
*/


/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/

/*
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}
*/

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#000000;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/***********************************
 Styles from old Website
 ***********************************/

div#center {
	width:750px;
	position:relative;
	z-index:1;
	top:10px;
}

div#center2 {
	width:850px;
	position:relative;
	z-index:1;
	top:10px;
}

div#main_content {
	z-index:2;
	top:153px;
	text-align:left;
	left: 1px;
	position: absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

div#main_content2 {
	z-index:2;
	top:153px;
	text-align:left;
	left: 1px;
	position: absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

body {
	font-family: arial;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(images/clouds-small.jpg) fixed no-repeat;
	background-position: top center;
	font-size:12px;
	font-weight:400;
	background-color: #A7C2E0;
}


/* Please leave the p tag attributes, when I change them in the body the whole
site changes instead of just the paragraphs.*/
P {
	line-height:15px;
	margin-bottom: 10px;
	margin-top: 0px;
}


h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin-bottom: 20px;
	color: #DF2D3C;
}
/*
h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 2px;
	color: #DF2D3C;
}
*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DF2D3C;
	margin-top: 15px;
	margin-bottom: 5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #DF2D3C;
	margin-top: 15px;
	font-size: 12px;
	margin-bottom: 9px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DF2D3C;
	margin-bottom: 0px;
	margin-top: 15px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

li {
	padding-bottom: 9px;
}


a:link {
	text-decoration:underline;
	font-weight:600;
	color:#0000FF;
	margin:0;
}
a:active {
	text-decoration:underline;
	font-weight:600;
	color:#0000FF;
	margin:0;
}
a:visited {
	text-decoration:underline;
	font-weight:600;
	color:#330099;
	margin:0;
}	
a:hover {
	text-decoration:underline;
	font-weight:600;
	color:#DF2D3C;
	margin:0;
}

/*navigation menu*/
div#menu {
	z-index:1;
	width:750px;
	position:absolute;
	top:0px;
	left:0px;
	text-align: center;
}
table#links {
	width:100%;
	text-align:center;
}
img#logo-top {
	text-align: center;
	margin-left: 20px;
}


/*changes color of link on active page*/
body#home a#home-nav,
body#serv a#serv-nav,
body#contact a#contact-nav,
body#techn a#techn-nav,
body#about a#about-nav {
	color:#DF2D3C;
}
/*subpages*/
body#before a#before-nav,
body#before a#techn-nav,
body#choose a#choose-nav,
body#choose a#techn-nav,
body#color a#color-nav,
body#color a#techn-nav,
body#faq a#faq-nav,
body#faq a#techn-nav,
body#gaf a#gaf-nav,
body#gaf a#techn-nav,
body#problems a#problems-nav,
body#problems a#techn-nav {
	color:#DF2D3C;
}
 
/*main content is inside a this table on most pages*/
table#main-content2 {
	text-align: left;
	vertical-align: top;
}
td#text {
	width:550px;
	vertical-align: top;
	padding-right: 20px;
}
td#testimonials {
	width:180px;
	vertical-align: top;
	text-align: left;
}

/*indents the left margin for some text in the testimonials column of the main content table*/
.indent {
	padding-left: 7px;
}

/*changes the appearance of inline text in some paragraphs*/
.inline {
	font-weight:bold;
	color:#DF2D3C;
}

/*contact us*/

table#contact-us  {
	width:80%;
	font-weight: bold;
}

table#contact-us td {
	width:50%;
	vertical-align:top;
	text-align: left;
	padding:3px;
}

table#address  {
	width:476px;
	font-weight: bold;
	position: absolute;
	float: none;
	text-align: left;
	left: 163px;
	top: 162px;
}

table#address-contact  {
	width:60%;
	font-weight: bold;
	text-align: left;
}

table#address-contact td {
	width:50%;
	vertical-align:top;
}

table#address  td.spacer  {
	width:12%;
	font-weight: normal;
}

table#address  td.address  {
	width:38%;
}

table#contact_us  {
	width:75%;
	font-weight:bold;
}

table#contact_us  td {
		padding:3px;
}


div.options {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-right: 100px;
	margin-left: 100px;
}


/* shingle selector*/

div#selector-chameleon-power {
	position:absolute;
	width:750px;
	height:auto;
	z-index:2;
	left:0px;
	top:285px;
}


/*Footer*/
table#footer  {
	width:100%;
	font-size:11px;
	border-style:none;
}


/*shingle selector pages*/
div#selector-text {
position:absolute;
z-index:2;

top:19px;
left:1px;
width:749px;
height:100px;
}

img.colorview-homes {
	position:absolute;
	width:173px;

}

table#colorview-selector {
	width:100%;

}

table#colorview-selector td.colorview{
	padding-left: 5px;
	padding-top: 5px;
	text-align: center;
	vertical-align: top;

}

table#colorview-selector td.colorview-title{
	vertical-align: bottom;
	padding-top: 20px;
	padding-left: 40px;
}

img#bbb {
width:71px;
height:100px;
}

table#border {
border:1px solid #000000;
width:100%;
}

/*new colorview/certainteed selector page for shingles - no houses*/
#top {
	width:90px;
	height:175px;
	background-color: #0033CC;
	position: absolute;
	left: 1px;
	top: 211px;
}
#left {
	width:93px;
	height:210px;
	background-color: #0033CC;
	position: absolute;
	left: 662px;
	top: 208px;
}
#right {
	width:752px;
	height:90px;
	background-color: #0033CC;
	position: absolute;
	left: 1px;
	top: 119px;
}

/*about us*/
.smooshed {
	margin-bottom: 5px;
	margin-top: 5px;
}

/*services page*/

img#velux {
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left: 9px;
	left: auto;
	border: solid #000000 1px;
}

img#leafproof {
	margin-left: 9px;
	margin-bottom: 9px;
	border: solid #000000 1px;
}

table#vl {
	text-align: left;
	vertical-align: top;
}

td.top {
	vertical-align: top;
}

span  {
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
}




#navdiv
{
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    vertical-align: bottom;
}

#navdiv span
{
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
/*    border: solid #000000 5px;
    height: 200px;    */

text-align: center;
}

#navdiv span span
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bottom_bar
{
/*    background-color: Aqua; */
line-height: 4px;

    background-image: url("images/red-bar.jpg");
}

.bot_pad table
{
    width: 100%;
}

.bot_pad table tr td
{
    text-align: center;
}