/* reset global styles */
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0 }
a img { border: none; }

body {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 13px;
  text-align: center;
  background: #00527D url(../images/bodyBG.gif) repeat-x top left;
  border-top: 1px solid black;
}

img {border: none;}
h1, h2 {color: #00135a; letter-spacing: 0px; font-weight: normal;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}

ul {padding-left: 20px;}

table {border: none;}
sup {font-size: 70%;}

#page {
  width: 770px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: #fff;
  border-left: 1px solid #003;
  border-right: 1px solid #003;
}

.italic {font-style: italic}

/***************************
Header
***************************/
#headerWrap {
  margin: 0;
  padding: 0;
  border-bottom: 6px solid #6e6a4c;
}
  .home #headerWrap {border-bottom: 6px solid #AB8828;}
  .windows #headerWrap {border-bottom: 6px solid #485A66;}
  .siding #headerWrap {border-bottom: 6px solid #82563d;}
  .doors #headerWrap {border-bottom: 6px solid #586456;}
  .roofing #headerWrap {border-bottom: 6px solid #76534a;}
  .insulation #headerWrap {border-bottom: 6px solid #5c5867;}
  .gutters #headerWrap {border-bottom: 6px solid #756d34;}
  .estimate #headerWrap {border-bottom: 6px solid #982310;}

#header {
  width: 770px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  height: 95px;
  /*background: #fff url(../images/headBG.jpg) repeat-x 63px left;*/
}	
  #logo {
    position: absolute;
    top: 13px;
    left: -15px;
	padding: 0px;
  }
  #call {
    position: absolute;
    top: 19px;
    right: 19px;
  }
  #gNav {
    position: absolute;
    top: 50px;
    right: 8px;
    margin: 0;
    padding: 0;
	list-style-type: none;
	text-align: right;
  }
	#gNav li {
	  display: inline;
	  padding: 0;
	}
	#gNav li a {
	  height: 44px;
	  float: left;
	  margin-right: 1px;
	  padding: 0;
	  border-bottom: 1px solid #fff;
	}
	li#navHome a {width: 54px; background: url(../images/nav/homeNav.gif) 0px 0px no-repeat;}
	li#navWindows a {width: 72px; background: url(../images/nav/windowsNav.gif) 0px 0px no-repeat;}
	li#navSiding a {width: 57px; background: url(../images/nav/sidingNav.gif) 0px 0px no-repeat;}
	li#navDoors a {width: 52px; background: url(../images/nav/doorsNav.gif) 0px 0px no-repeat;}
	li#navRoofing a {width: 65px; background: url(../images/nav/roofingNav.gif) 0px 0px no-repeat;}
	li#navInsulation a {width: 76px; background: url(../images/nav/insulationNav.gif) 0px 0px no-repeat;}
	li#navGutters a {width: 62px; background: url(../images/nav/gutterNav.gif) 0px 0px no-repeat;}
	li#navEstimate a {width: 102px; background: url(../images/nav/freeEstimateNav.gif) 0px 0px no-repeat;}
	
	/* Hover States */
	li#navHome a:hover {background: url(../images/nav/homeNav.gif) 0px -45px no-repeat;}
	li#navWindows a:hover {background: url(../images/nav/windowsNav.gif) 0px -45px no-repeat;}
	li#navSiding a:hover {background: url(../images/nav/sidingNav.gif) 0px -45px no-repeat;}
	li#navDoors a:hover {background: url(../images/nav/doorsNav.gif) 0px -45px no-repeat;}
	li#navRoofing a:hover {background: url(../images/nav/roofingNav.gif) 0px -45px no-repeat;}
	li#navInsulation a:hover {background: url(../images/nav/insulationNav.gif) 0px -45px no-repeat;}
	li#navGutters a:hover {background: url(../images/nav/gutterNav.gif) 0px -45px no-repeat;}
	li#navEstimate a:hover {background: url(../images/nav/freeEstimateNav.gif) 0px -45px no-repeat;}
	
	/* Selected States */
	body.home li#navHome a, body.home li#navHome a:hover {background: url(../images/nav/homeNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #AB8828;}
	body.windows li#navWindows a, body.windows li#navWindows a:hover {background: url(../images/nav/windowsNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #485A66;}
	body.siding li#navSiding a, body.siding li#navSiding a:hover {background: url(../images/nav/sidingNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #82563d;}
	body.doors li#navDoors a, body.doors li#navDoors a:hover {background: url(../images/nav/doorsNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #586456;}
	body.roofing li#navRoofing a, body.roofing li#navRoofing a:hover {background: url(../images/nav/roofingNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #76534a;}
	body.insulation li#navInsulation a, body.insulation li#navInsulation a:hover {background: url(../images/nav/insulationNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #5c5867;}
	body.gutters li#navGutters a, body.gutters li#navGutters a:hover {background: url(../images/nav/gutterNavOn.gif) 0px 0px no-repeat; border-bottom: 1px solid #756d34;}
	body.estimate li#navEstimate a, body.estimate li#navEstimate a:hover {background: url(../images/nav/freeEstimateNav.gif) 0px -45px no-repeat; border-bottom: 1px solid #982310;}

/***************************
Left Column
***************************/

#leftCol {
  width: 197px;
  background: #fff;
  float: left;
}
div.indent {
  margin: 0 1px 0 12px;
}
div#GardTech a.mainImg {
  display: block;
  text-align: center;
}
div#GardTech p {
	margin-left: 8px;
}
ul#leftNav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
}
  ul#leftNav li {
    display: inline;
    margin: 0;
    padding: 0;
  }
  ul#leftNav li a {
    margin: 0;
    display: block;
    border-top: 1px solid #fff5df;
    border-bottom: 1px solid #eedbac;
    background: #fff5df;
    padding: 3px;
    padding-left: 10px;
    color: #00135a;
    font-weight: bold;
    text-decoration: none;
  }
  ul#leftNav li a:hover, ul#leftNav li.selected a {
    background: #eedbac;
  }
  ul#leftNav li span {
  	font-size: 11px;
  	color: #982310;
  }

div#clickToTalk {
	margin-top: 12px;
}

div#leftCol div#tvSpot {
	height: 166px;
	width: 184px;
	background: url('../images/content/tvSpot/tvSpot.gif') no-repeat;
	position: relative;
}
	div#leftCol div#tvSpot a {
		display: block;
		height: 100%;
		width: 100%;
	}
	div#leftCol div#tvSpot img {
		position: absolute;
		top: 38px;
		left: 15px;
		z-index: 20;
	}

/***************************
Footer Nav
***************************/
#footNav {
	border-top: 1px solid #003;
	text-align: center;
	font-size: 11px;
	color: #003;
	margin-top: 20px;
	padding: 5px 0;
	background: #fff;
}
	#footNav a {
		color: #333;
	}
	#footNav a:hover {
		text-decoration: none;
	}
	#footNav ul {
		list-style-type: none;
		margin: 3px;
	}
	#footNav ul li {
		display: inline;
		padding: 2px;
	}

/***************************
Content -Global
***************************/
#rightCol {
  margin: 0;
  padding: 0;
  padding-bottom: 50px;
  width: 573px;
  background: #fff;
  float: right;
  position: relative;
}
#rightCol h2 {
  margin: 20px 0 15px 26px;
}

div.contNorm {
  margin: 0 20px 20px 26px;
}
  div.contNorm h1 {
    margin: 30px 0 10px 0;
  }
  #rightCol div.contNorm h2 {
  	margin-left: 0;
  }
  div.contNorm img.imgLeft {
    margin-right: 10px;
  }

div.contWide {
  margin-bottom: 10px;
  padding-left: 26px;
}
div.contWide img, div.contNorm img.imgLeft {
  float: left;
}

div.contWide div {
  padding-left: 10px;
  float: right;
  width: 459px;
  position: relative;
}
div.contWide h3, div.contNorm h3{
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 4px;
  margin-bottom: 7px;
  border-bottom: 1px solid #cce0ee;
}
div.contWide h3 a {
  color: #00135a;
  text-decoration: none;
}
div.contWide h3 a:hover {
  text-decoration: underline;
}
div.contWide div p {
  width: 340px;
  margin-bottom: 25px;
}
div.contWide div ul {
  width: 300px;
}
div.contWide div ul li span {
  font-style: italic;
}
div.contWide div div {
  width: 94px;
  position: absolute;
  right: 20px;
  top: 25px;
}
div.contWide div div img {
  margin:  2px !important;
}

div.contHolder {
  position: relative;
}

div.contLeft {
  width: 300px;
  margin: 10px 0 10px 26px;
  font-size: 12px;
}
div.contLeft img {
  float: left;
  margin-right: 10px;
}
div.contLeft img.imgRight, cont.contNorm img.imgRight {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

div.contRight {
  width: 200px;
  margin-top: 0;
  padding-left: 15px;
  font-size: 12px;
  position: absolute;
  top: 0px;
  right: 20px;
}
div.contRight h3, div.contLeft h3 {
  color: #00135a;
  margin-bottom: 8px;
  font-size: 14px;
}
div.contRight img {
  margin: 4px 0 4px 0;
}
div.contRight span {
  font-weight: bold;
  line-height: 20px;
}
div.contRight a.thickbox {
  display: block;
  text-align: center;
  text-decoration: none;
}

h2.question {
  font-size: 14px;
  font-weight: bold;
  color: #706c4e !important;
}

.error {
  font-size: 11px;
  color: #f00;
}

/***************************
Sub Navigation
***************************/

div#subNavHolder {
  height: 26px;
  background: url(../images/subNavBG.gif) bottom left repeat;
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
  ul#subNav {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
  }
    ul#subNav li {
      display: inline;
    }
    ul#subNav li a {
      color: #00135a;
      text-decoration: none;
      height: 26px;
      float: left;
      padding: 0 7px 0 8px;
      margin-right: 1px;
    }
    ul#subNav li a span {
      height: auto;
      position: relative;
      top: 5px;
    }
    ul#subNav li a:hover, ul#subNav li.selected a {color: #fff;}

/***************************
Product Pages and Sub Pages
***************************/
#productMain {
  background: #fff url('../images/windowSubBG.jpg') bottom right no-repeat;
  position: relative;
  padding: 0;
  padding-right: 20px;
  border-bottom: 1px solid #cfeafc;
}
  #productMain .mainHolder {
  	padding-top: 20px;
  }
  #productMain ul {
  	padding-left: 0;
  	margin-top: 12px;
    list-style: url('../images/checkMark.gif') inside;
  }
    #productMain ul li {
      font-style: italic;
      font-weight: bold;
      font-size: 15px;
      margin: 0;
      padding: 0;
      position: relative;
    }
    #productMain ul li span {
      position: relative;
      bottom: 12px;
    }
    #productMain ul li span a {
      color: #000;
      height: auto;
    }
  #productMain .mainImg {
  	vertical-align: top;
  }
  #productMain .mainImg.border img {
  	border: 1px solid #485A66;
  	margin: 10px 18px;
  }
  #productMain .getaPrice {
  	vertical-align: top;
  	text-align: right;
  	height: 30px;
  }

div#imgGallery {
  margin: 10px 5px 0 0;
}
  div#imgGallery img {
    margin: 0 20px 10px 0;
    width: 150px;
  }

#privacy-policy h2 {
	padding-left: 0;
	margin-left: 0;
}

/***************************
Image Replacement
***************************/
.replace {
	display: block;
	text-decoration: none;
}
.replace span {
	display: block;
	position: absolute;
	display: none;
} h1.replace span {text-indent: -1000em;}

br.clear {
	clear: both;
	width: 0;
	height: 0;
	border: none;
	background: inherit;
	margin: 0;
	padding: 0;
}

.printOnly {
	display: none;
}