/* CSS Document */

@import url('/styles/brandedheader.css');


body {
  margin:0;
  padding:0;
  background: #30231a url(../images/bodybckgrd.jpg) repeat-x 0 0;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#454545;
}

a {
color:#CC6600;
}

#header {
/*position: relative;
left: -402px;
width: 440px;
float: left;
padding-bottom: 15px;
background:none repeat scroll 0 0 #FFFFFF; 
*/
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin-left:27px;
padding-bottom:15px;
padding-left:15px;
width:440px;
}

#wrapper {
  position:relative;
  background:url('../images/int_wrapper.jpg') repeat-y 0 0;  
  width: 1000px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
}
  
#container {
  background:url('../images/int_container.jpg') no-repeat 0 0;
  width:1000px;
  min-height:474px;
	overflow: auto;
  } 

#footer {
text-align:center;
color:#FFF;
margin: 0 auto;
clear:both;
padding-top:45px;
padding-bottom:0;
background:#30231a url(../images/int_footer.jpg) no-repeat 0 0;
width: 1000px;
height:100px;
font-size:1.1em;
}

#footer ul{
}

#footer li{
position: relative;
bottom: 15px;
display:inline;
padding:0 30px 0 0;
}

#footer li.social{
	bottom: 0;
	padding: 0;
	margin: 0;
	overflow: auto;
}

#footer li.social a img{
	width: 40px;
	height: 40px;
	border: 0;
}

/* CONTENT*/

#block p {
	width:550px;
}

.thumbwrap {
		font-size:0.8em; text-align:center; width:100px; float:left; padding-right:5px; display:block;
		}

.thumbwrap img {
		clear:right;
}

#content {
	float:right;
	margin-right:30px;
	margin-top:40px;
	font-size:1.2em;
	width:690px;
	padding:0px;
}

#content .videos {
	background:url(../planandinstall/images/videoplayer.jpg) no-repeat 0 0;
	width:691px;
	height:445px;
	margin-left:-3px;
	overflow:hidden;
}

#content .videos #video-holder {
	margin-left:27px;
	margin-top:7px;
	display:block;
	float:left;
	width:470px;
	overflow:hidden;
}

#content .videos ul {
	float:right;
	margin:15px 5px;
	height:418px;
	overflow:auto;
	width:140px;
}

#content .videos li {
	background:#617e79;
	width:100px;
	cursor:pointer;
	margin:0 10px 20px 0;
	list-style:none;
	padding:5px;
	border-color:#7aada3 #35514F #35514F #7aada3;
	border-style:solid;
	border-width:2px;
	color:#FFF;
	font-size:.9em;
	font-weight:bold;
	text-align:center;
}

#content .videos li:hover {
	border-color:#35514F #7aada3 #7aada3 #35514F;
	border-style:solid;
	border-width:2px;
}



#content h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-style:oblique;
font-size:1.6em;
margin-bottom:20px;
margin-right:200px;
}

#content h3 {
font-weight:bold;
font-size:1.1em;
margin-bottom:0;
margin-right:200px;
}


#content h4 {
font-weight:bold;
font-size:1.3em;
margin-bottom:5px;
margin-right:200px;
}

#content h5 {
font-weight:bold;
font-size:1.2em;
margin-top:2px;
margin-bottom:-3px;
margin-right:200px;
}

#content .subh2 {
font-weight:bold;
font-size:1.1em;
margin-bottom:20px;
margin-right:200px;
margin-top:-15px;
}


#content p {
	margin: 0 200px 10px 0;
}

#capstock p {
	margin: 0 0px 10px 0;
}

#content ul, ol {
margin: 0 200px 10px 20px;
}

#content .feature-image {
margin:-15px 0 0 -14px;
}

#content .secondary-image {
margin:-15px -5px 0 -5px;
}

#content .sub-image {
float:right;
margin:10px 200px 0 -5px;
}

#content .emblem {
float:left;
}

#content .emblemtext {
padding:28px 0;
}

#box-in {
width:210px;
padding:10px;
float:left;
clear:none;
margin-left:10px;
border:1px solid #E6E6E6;
}

#box-in-full{
	width: 452px;
	padding: 10px;
	float: left;
	margin: 10px 0 10px 10px;
	border: 1px solid #E6E6E6;
}

#box-in p{
margin:0;
}

#box-in-full p{
	margin: 10px 0 0 0;
}

#box-in ul {
margin:0;
list-style-type:disc 2px;
}

#box-in ul li {
margin-top:2px;
margin-left:-20px;
}

#box-in h3,
#box-in-full h3{
margin:0;
}

#feature-area {
width:950px;
}

#flash-feature {
width:950px;
position:absolute;
top:153px;
left:27px;
}

#feature-area .feature {
width:950px;
}

#promo-area {
	float:right;
	clear:right;
	width:192px;
	margin-right:-13px;
	padding:0px;
	margin-left:0;
	height: auto;
}

#promo {
float:left;
margin-left:0px;
margin-right:0px;
float:left;
background:url(../images/promobckgrd.jpg) no-repeat 0 0;
width:308px;
height:175px;

}

#promo .right {
float:right;
}

#promo h2 {
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
text-transform:uppercase;
color:#fff;
background:url(../images/promohead.jpg) repeat-x 0 0;
width:252px;
margin:25px 22.5px 0 20px;
padding:3px 6px;
}

#promo p {
font-size:1em;
margin: 4px 0 4px 25px;
}

#promo img {
float:right;
margin:0 25px 2px 3px;
}

#promo a {
	padding:5px 0 5px 20px;
	text-decoration:none;
	background:url(../images/circlearrow.jpg) no-repeat 0 3px;
	margin-left:22px;
}

.fine-print{
	font-style: italic;
	font-size: 10px;
	color: #666666;
}

/* NAVIGATION */
#navigation {
background:transparent url(../images/navbckgrd.jpg) repeat-x scroll 0;
font-size:1.2em;
left:-1px;
margin-left:27px;
padding:0;
position:absolute;
top:118px;
width:950px;
height:36px;
z-index:1000;
}


#navigation ul {
font-family:Arial, Helvetica, sans-serif;
list-style:none;
margin:0;
}

#cssdropdown {
padding:12px 0;
}

#professionals  {
position:absolute;
top:0;
right:0;
width:140px;
text-transform:uppercase;
background:url(../images/professionals.jpg) repeat-x 0 0;
padding:12px 0;
}

#professionals a {
color:#FFFFFF;
text-decoration:none;
}


#cssdropdown li {
border-right:1px solid #FFF;
float:left;
position:relative;
padding:0;

}

#cssdropdown .mainitemshtb {
border-right:none;
}


.mainitems a {
padding:5px 12px;
color:#FFFFFF;
text-decoration: none;
}

.mainitems a:hover {
color:#444;
text-decoration: none;
}

.mainitemshome a {
padding:5px 12px;
color:#FFFFFF;
text-decoration: none;
margin-bottom:10px;
}

.mainitemshome a:hover {
color:#444;
text-decoration: none;
}

.mainitemshtb a {
padding:5px 15px;
color:#FFFFFF;
text-decoration: none;
}

.mainitemshtb a:hover {
color:#444;
text-decoration: none;
}

.subuls {
z-index:0;
clear:both;
font-size:1em;
display:none;
border-bottom:1px solid #666;
padding-left:0;
}

#cssdropdown .subuls {
text-transform:none;
margin:0;
position:absolute;
left:0;
padding-bottom:0;
top:1em;
padding-top:11px;
}

#professionals .subuls {
text-transform:none;
margin:0;
padding-top:12px;
position:absolute;
top:2em;
left:0;
padding-bottom:0;
}

#cssdropdown .subuls li {
background:url(../images/white.png) repeat 0 0;
border-left:1px solid #666;
border-right:1px solid #666;
display:block;
width: 180px;
padding:5px 0;
}

#professionals .subuls li {
border-right:1px solid #999;
border-left:1px solid #999;
background:url(../images/white.png) repeat 0 0;
display:block;
width:170px;
padding:5px 0;
}

#cssdropdown li .heading {
border-top:1px solid #999;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
padding:5px 0;
}

#cssdropdown .subuls li :hover {
display:block;
width:163px;
background: #c6c6c6;
margin:-5px 0;
}

#professionals .subuls li :hover {
display:block;
width:153px;
background: #c6c6c6;
margin:-5px 0;
}

#cssdropdown .subuls li a {
text-decoration: none;
color:#444;
padding-left:5px;
border-right:none;
letter-spacing:0;
}

#professionals .subuls li a {
text-decoration: none;
color:#444;
padding-left:5px;
border-right:none;
text-transform:none;
}
  
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
padding-bottom:10px;
top:.9em;
left:0;
}

#professionals li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
padding-bottom:10px;
top:.9em;
left:0;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;}

#professionals li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

/* LEFT NAVIGATION */
#nav {
float:left;
margin-top:40px;
margin-left:34px;
width:220px;
}

#nav ul{
list-style:none;
margin:10px 0;
padding-left:0;
}

#nav ul ul{
margin-bottom:0;
padding-left:0;
}

#nav ul ul ul{
margin-bottom:0;
}

#nav ul li{
font-size:1.3em;
font-weight:bold;
padding:10px 0;
padding-left:0;
text-indent:20px;

}

#nav ul li li{
font-size:.95em;
font-weight:normal;
padding:10px 0;
padding-left:0;
text-indent:30px;
}

#nav ul li li li{
font-size:.95em;
font-weight:normal;
padding:10px 0;
padding-left:0;
text-indent:40px;
}


#nav a{
color:#FFF;
text-decoration:none;
}

#nav a:hover {
	color:#3f4846;
	text-decoration:underline;
}

#nav ul .active {
background:url(../images/arrow.jpg) no-repeat 4px 11px;
}

#nav li .active{
background:url(../images/arrow.jpg) no-repeat 14px 11px;
}

#nav li li .active{
background:url(../images/arrow.jpg) no-repeat 24px 10px;
}


#feature-nav {
	background:#fff url(../images/feature-navbckgrd.jpg) no-repeat scroll 0 0;
	width:218px;
	float:left;
	margin-left:36px;
	margin-top:10px;
	border:1px solid #999;
	padding:1px;
}

#nav .blog-widget {
	background:#fff;
	padding:10px;
	border:none;
	margin-left: 15px;
    margin-top: 20px;
}


/* NO-PROMO */

.no-promo #wrapper {
background:url(../images/nopromo_wrapper.jpg) repeat-y 0 0;
}

.no-promo #container {
background:url(../images/nopromo_container.jpg) no-repeat 0 0;
}

.no-promo #footer {
background:#30231a url(../images/nopromo_footer.jpg) no-repeat 0 0;
}

.no-promo #content p {
margin-right:0;
}

.no-promo #gallery {
	background: none repeat scroll 0 0 #ECECEC;
    margin-bottom: 15px;
    padding: 5px;
}

.no-promo #gallery h2 {
	background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    margin: 3px 0;
    padding: 5px;
}

.no-promo #gallery a.fancybox img {
    border: 4px solid #fff;
    padding: 2px;
    margin: 4px;
    background: #c2c2c2;
	
	-moz-box-shadow:0px 2px 2px #666;  
	-webkit-box-shadow:0px 2px 2px #666;  
	box-shadow:0px 2px 2px #666; 
}

.register #content table {
width:170px;
margin-right:5px;
}

/* SINGLE COLUMN */

.single-column #wrapper {
	background:url(../images/wrapper.jpg) repeat-y 0 0;
}

.single-column #container {
	background:url(../images/container.jpg) no-repeat 0 0;
}

.single-column #footer {
	background:#30231a url(../images/footer.jpg) no-repeat 0 0;
}

.single-column #content {
margin-left:auto;
margin-right:80px;
width:833px;
}

.single-column .float-half {
	float:left;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
}

.single-column #content p {
	margin-right:0;
}

.single-column #content h2 {
	margin-right:0;
}

.single-column  #content table td {
	padding:0;
	border-bottom:none;
}

/* HOME */

.home #feature-area {
	float: left;
    left: 26px;
    position: relative;
    top: 40px;
}

.home #promo-area {
	padding-bottom: 15px;
    position: relative;
    top: 12px;
    width: 925px;
	margin-right:35px;
}

.home #promo {
float:left;
margin-left:0px;
margin-right:0px;
float:left;
background:url(../images/promobckgrd.jpg) no-repeat 0 0;
width:308px;
height:175px;
}

.home #wrapper {
background:url(../images/wrapper.jpg) repeat-y 0 0; 
}

.home #container {
background:url(../images/container.jpg) no-repeat 0 0;
position:relative;
overflow:hidden;
}

.home #content {
clear:both;
position:relative;
top:30px;
width:950px;
padding:20px 0;
margin-top:0;
margin-right:0;
float:left;
margin-left:50px;
}

.home #content p {
margin-right:0;
}

.home #content .blog-widget {
	border: none;
    float: right;
	padding-left:55px;
	width:180px;
	margin-right:40px;
}

.home #cssdropdown .mainitemshome {
visibility:hidden;
}

.home #footer {
background:url(../images/footer.jpg) no-repeat 0 0;
}

/* TABLES */
#content table {
  width:480px;
  margin: .5em 10px 1em 0;
}
#content form table {
  margin: 0 0 1em 0;
}
#content thead tr {
  background-color: #2f4c48;
  color: #fff;
}

#content thead tr a {
  color: #fff;
}

#content thead tr a:visited {
  color: #fff;
}

#content thead tr,
#content thead th {
  font-weight: bold;
}

#content .spanchart tr td{
text-align:center;
border-left:.5px solid #ccc;
padding:0; 
}

#content .spanchart tr th {
background: #C2C2C2;
font-weight: bold;
text-align:center;
border-left:.5px solid #ccc;
border-bottom:.5px solid #ccc;
}

#content .spanchart tr .subhead {
background:#E6E6E5;
font-weight:bold;
text-align:left;
padding:2px 8px;
border-left:none;
}

#content .colors td{
border-bottom:.5px solid #ccc; 
}

#content .colors tr td{
font-size:2em;
font-weight:bold;
text-align:center;
color:#990000;
border-left:.5px solid #ccc;
padding:0; 
}

#content .colors tr th {
background: #C2C2C2;
font-weight: bold;
text-align:center;
border-left:.5px solid #ccc;
border-bottom:.5px solid #ccc;
}

#content .colors tr .plain {
background:none;
text-align:left;
border-bottom:.5px solid #ccc;
border-left:0;
padding-left:15px;
font-weight:normal;
}

#content .colors tr .subhead {
background:#E6E6E5;
font-weight:bold;
text-align:left;
padding:2px 8px;
border-left:none;
}

#content th {
  padding: 5px 5px 2px;
  text-align: left;
}
  
#content th.align-right {
  text-align: right;
}
#content td {
  padding: 5px 10px;
  border-bottom:1px solid #eee;
}

#content td h2 {
font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 font-style:normal;
 font-weight:bold;
 margin-bottom:4px;
 margin-right:0;
}

#content td h3 {
 margin-top:2px;
 margin-right:0;
}

#content td p {
 margin-right:0;
}

#content table #click {
  width:270px;
  font-size: 1em;
  clear:both;
  padding-top:10px;
}

#content table #click p {
margin:0;
}

#content table #click img {
border:1px solid #272727;
}

#content table ul {
margin-right:0;
}

.magnify {
	position:absolute;
	border: thin groove;
	border-width: 1px;
	border-color:#000000;
	left:350px;
	visibility: hidden;
	z-index: 1;
	clear:both;
}




/* striping */
.odd {
}
.even {
}

/* site map*/
.float-half{
	width: 35%;
	float: left;
}

#content ul.sitemap{
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	}
	#content ul.sitemap li{
		list-style: none;
		width: 200px;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	#content ul.sitemap ul{
		margin-left: 20px;
		padding: 0;
	}
		#content ul.sitemap ul li{
			font-weight: normal;
			padding: 0;
		}
	
/** How to Buy and Contact Styles **/

#content #htbForm table{
	width: 400px;
	}
	#content #htbForm table th{
		width: 400px;
	}
	#content #htbForm table td.product-label{
		padding-top: 11px;
	}
	#content #htbForm #HowToBuyControl_trZip .align-right img{
		padding-top: 1px;
	}
	
#content #htbForm table td.product-label span.product-label,
#content #htbForm table #HowToBuyControl_trZip td{
	font-weight: bold;
}

#content #conForm table{
	width: 400px;
	}
	#content #conForm table table{
		width: 310px;
	}
	
/** Find and Installer Styles **/

#find-installer{
	position: relative;
	right: 5px;
	width: 255px;
	height: 20px;
	margin: 10px 24px 0 0;
	background: transparent url('../images/installer-bg.gif') top left no-repeat;
	float: right;
	}
	#find-installer form .textbox{
		position: absolute;
		width: 97px;
		height: 20px;
		top: 0;
		left: 128px;
		border: 0;
		padding: 0px 7px 3px 7px;
		margin: 0;
		font-size: .8em;
		background: transparent url('../images/installer-zip-bg.gif') top left no-repeat;
	}
	#find-installer form .find{
		position: absolute;
		width: 16px;
		height: 16px;
		top: 2px;
		left: 233px;
	}
	#find-installer .become-installer{
		position: relative;
		top: 22px;
		font-size: 9px;
		display: block;
		width: 250px;
		text-align: center;
	}
	
#capstock{
	padding:10px 10px 10px 0;
	height:115px;
	border:1px solid #999999;
	width: 475px;
	margin-bottom: 10px;
}
.maincontent{
	width:480px;
}
.deckstone101{
	width:500px;
}

/*-------- CONTACT FORM ---------*/

#inviteform{
}

#inviteform .field-column{
	padding:10px;
}
	
#inviteform .field-column-submit{
	padding:15px 0px 0px 20px;
}
	
/** Drop Down Header 	
#branding-drop-down{
 	position: relative;
	top: 0;
	left: 531px;
	width: 445px;
	height: 100px;
	float: left;
}

#ufp-logo{
	position: relative;
	top: 40px;
	left: 20px;
}

#drop-down-nav{
	position: relative;
	top: -37px;
	left: -20px;
	width: 465px;
	margin: 0;
	padding: 0;
	float: left;
	}
	#drop-down-nav li{
		float: left;
		list-style: none;
		}
		#drop-down-nav li a{
			text-indent: -9999px;
			height: 27px;
			display: block;
			text-decoration: none;
			background-image: url('/product/latitudes/images/branded-header-buttons.gif');
			}
			#search-button a{ width: 75px; background-position: 0 0; }
			#translate-button a{ width: 86px; background-position: -75px 0; }
			#installer-button a{ width: 117px; background-position: -161px 0; }
			#htb-button a{ width: 94px; background-position: -278px 0; }
			#contact-button a{ width: 93px; background-position: -372px 0; }
			
			#search-button a:hover{ width: 75px; background-position: 0 -27px; }
			#translate-button a:hover{ width: 86px; background-position: -75px -27px; }
			#installer-button a:hover{ width: 117px; background-position: -161px -27px; }
			#htb-button a:hover{ width: 94px; background-position: -278px -27px; }
			#contact-button a:hover{ width: 93px; background-position: -372px -27px; }



/* dd search 
#drop-downs .search{
	position: relative;
	top: 27px;
	left: -10px;
	width: 170px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-middle.jpg') top left repeat-x;
	overflow: auto;
	display: none;
}
#drop-downs .search .dd-left{
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-left.jpg') top left no-repeat;
	float: left;
}
#drop-downs .search .dd-right{
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-right.jpg') top left no-repeat;
	float: right;
}
#drop-downs #search{
	position: absolute;
	top: 5px;
	left: 12px;
	padding: 0;
	margin:0;
}
#searcharrow{
	margin: 1px 0 0 3px;
}

/* dd translate 
#drop-downs .translate{
	position: relative;
	top: 27px;
	left: 55px;
	width: 175px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-middle.jpg') top left repeat-x;
	display: none;
}

#drop-downs .translate #google_translate_element{
	position: relative;
	top: 2px;
	left: 11px;
}

#drop-downs .translate .dd-left{
	position: relative;
	top: -64px;
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-left.jpg') top left no-repeat;
	float: left;
}
#drop-downs .translate .dd-right{
	position: relative;
	top: -64px;
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-right.jpg') top left no-repeat;
	float: right;
}

/* dd find installer 
#drop-downs .find-installer{
	position: relative;
	top: 27px;
	left: 141px;
	width: 188px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-middle.jpg') top left repeat-x;
	display: none;
}

#drop-downs .find-installer .dd-left{
	position: relative;
	top: -64px;
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-left.jpg') top left no-repeat;
	float: left;
}
#drop-downs .find-installer .dd-right{
	position: relative;
	top: -64px;
	width: 10px;
	height: 30px;
	background: #ECECEC url('/images/drop-down-right.jpg') top left no-repeat;
	float: right;
}

#drop-downs .find-installer #installer-form{
	position: relative;
	top: 3px;
	left: 12px;
}

#drop-downs .find-installer input.find{
	position: relative;
	top: 3px;
}