﻿/*-----------------------------------------------------------------------------
Andersen Replacement Stylesheet

version:   1.0
date:      3/25/2010
author:    Arrowplane, LLC
email:     info @ arrowplane . net
website:   www.arrowplane.net
-----------------------------------------------------------------------------*/ 


/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a.right-arrow, a.right-arrow:link, a.right-arrow:visited
{
	font-size:13px;
	line-height:20px;
	color:#ff6716;
	padding:0;
	text-decoration:none;
}
a.right-arrow:hover, a.right-arrow:active
{
	text-decoration:underline;
}


/* replacement
-----------------------------------------------------------------------------*/
.replacement-home #intro-banner
{
	background:transparent url('/_Images/AW/ReplacementWindow/new/big-better-replacement-short.jpg') 0 0 no-repeat;
	width:580px;
	height:185px;
}
.replacement-home #intro-banner h2
{
	display: block;
	position: absolute;
	z-index: 70;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f6467;
	font-size:38px;
	font-weight:normal;
	line-height:38px;
	padding:120px 0 0 20px;	
}
.replacement-home #intro-text
{	
	margin:0 20px;
	padding:20px 0;
	border-bottom:solid 1px #c6ccd3;
	color:#5f6467;
	font-size:13px;
	line-height:20px;	
}
.replacement-home #which-window
{
	padding:5px 20px 20px 20px;	
}
.replacement-home #which-window .title
{
	padding:0 0 10px 0;
}
.replacement-home #which-window .content
{
	background:transparent url('/_Images/AW/ReplacementWindow/new/bg-which-window-tall.gif') 0 0 repeat-y;
}
.replacement-home #which-window .left, .replacement-home #which-window .right
{
	color:#5f6467;
	font-size:13px;
	line-height:20px;
}
.replacement-home #which-window p
{
	color:#5f6467;
	font-size:12px;
	line-height:19px;
}
.replacement-home #which-window .left table
{

}
.replacement-home #which-window .left
{
	float:left;
	width:540px;
	padding:0 0px 0 0;
}
.replacement-home #which-window .right
{
	float:left;
	width:248px;
	padding:0 0 0 15px;
}
.replacement-home #help-choose
{
	width:50px;
	padding:0 0 20px 0;
	position: absolute;
	left:  300px;
	top: 275px;
}
.choose-btn a, .choose-btn a:visited, .choose-btn a:link
{
	background:transparent url('/_Images/AW/ReplacementWindow/new/btn-let-us-help.gif') 0 0 no-repeat;
	width:148px;
	height:29px;
	text-indent:-9999em;
	display:block;
	margin-left:210px;
}
.dealer-btn a, .dealer-btn a:visited, .dealer-btn a:link
{
	background:transparent url('/_Images/AW/ReplacementWindow/new/btn-find-dealer.gif') 0 0 no-repeat;
	width:144px;
	height:29px;
	text-indent:-9999em;
	display:block;
	margin:-15px 0px 20px 210px;
}
#help-choose .on-rise
{
	padding:21px 55px 0 209px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;	
}
.on-rise .title
{
	padding:20px 0 0 0;	
}
#help-choose .on-rise .double-hung
{
	height:165px;
}
#help-choose .on-rise .full-frame
{
	height:190px;
}

/* insert
-----------------------------------------------------------------------------*/
.replacement-insert h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f6467;
	font-size:38px;
	font-weight:normal;
	line-height:38px;
	padding:5px 0 0 20px;		
}
.replacement-insert #intro
{
	padding:10px 20px 20px 20px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;		
}

/* replacement-full
-----------------------------------------------------------------------------*/
.replacement-full h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f6467;
	font-size:38px;
	font-weight:normal;
	line-height:38px;
	padding:5px 0 0 20px;		
}
.replacement-full #intro
{
	padding:10px 20px 20px 20px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;		
}

/* replacement-patio
-----------------------------------------------------------------------------*/
.replacement-patio h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f6467;
	font-size:38px;
	font-weight:normal;
	line-height:38px;
	padding:5px 0 0 20px;		
}
.replacement-patio #intro
{
	padding:10px 20px 20px 20px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;		
}

.replacement-patio .note
{
	padding:20px 0 0 0;

}
.replacement-patio .note a, .replacement-patio .note a:link, .replacement-patio .note a:visited
{
	font-size:12px;	
}


/* general
-----------------------------------------------------------------------------*/

#bottom-features
{
	padding:0 20px 40px 20px;
}
#bottom-features .item
{
	padding: 20px 0 0 0;
	border-bottom:solid 1px #c6ccd3; 
}
#bottom-features .item-top
{
	padding: 20px 0 0 0;
	border-top:solid 1px #c6ccd3; 
	border-bottom:solid 1px #c6ccd3; 
}
#bottom-features .item-bottom
{
	padding: 20px 0 0 0;
	border-bottom:solid 1px #c6ccd3; 
}
#bottom-features .item .left
{
	float:left;
	width:190px;
	padding:0 0 10px 0;	
}
#bottom-features .item .right
{
	float:left;
	width:330px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;	
	padding:0 0 10px 0;
}
#bottom-features .item-top .left
{
	float:left;
	width:190px;
	padding:0 0 10px 0;	
}
#bottom-features .item-top .right
{
	float:left;
	width:330px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;	
	padding:0 0 10px 0;
}
#bottom-features .item-bottom .left
{
	float:left;
	width:190px;
	padding:0 0 10px 0;	
}
#bottom-features .item-bottom .right
{
	float:left;
	width:330px;	
	color:#5f6467;
	font-size:13px;
	line-height:20px;	
	padding:0 0 10px 0;
}
.image-text-item
{
	padding:0 18px 10px 18px;	
}
.image-text-item .left
{
	float:left;
	width:267px;
	height:183px;	
}
.image-text-item .right
{
	float:left;
	background:transparent url('/_Images/AW/ReplacementWindow/new/bg-install-right.jpg') 0 0 no-repeat;
	width:244px;
	height:143px;
	padding:20px 16px;
	color:#5f6467;
	font-size:12px;
	line-height:20px;	
}
.image-text-item .right a.right-arrow
{
	font-size:12px;
}

