/* ------------------------------------------------------------------
RESET
----------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,table,td,tr { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* ------------------------------------------------------------------
TEXT
----------------------------------------------------------------------*/
strong, b { font-weight:bold; }
em, i { font-style:italic; }

p{
margin-bottom: 1.5em;
}

h1{
font-weight: bold;
font-size: 18px;
color: #002164;
margin-bottom: 1em;
}

h2{
font-weight: bold;
font-size: 14px;
color: #002164;
margin-bottom: 1em;
}

h3{
font-weight: bold;
}

.active{
color: #FF3300;
}

ol{
margin-left: 1.5em;
}

.center{
margin: 0 auto;
width: 300px;
}

/* ------------------------------------------------------------------
LINKS
----------------------------------------------------------------------*/

a{
	color: #3366CC;
}

a:hover{
	color: #3399FF;
}

p a,
li a{
	text-decoration: none;
	color: #3366CC;
	border-bottom: 1px solid #E1E9FF;
}

p a:hover,
li a:hover{
	text-decoration: none;
	color: #3399FF;
	border-bottom: 1px solid #3399FF;
}

p a img{
	border-bottom: none;
}

p a:hover img{
	border-bottom: none;
}


.highlight a{
	color: red;
	border-bottom: 1px solid #FFCACA;
}

.highlight a:hover{
	color: red;
	border-bottom: 1px solid #CC3300;
}



/* ------------------------------------------------------------------
LAYOUT
----------------------------------------------------------------------*/
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.starthidden{ visibility:hidden; display:none; }
left{ float: left; }
right{ float: right; }

html, body{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 11px/18px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

body{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #9eccf4;
	/* padding-top: 7px; */
	height: auto;
}

body#blank{
	background-image: none;
	background-color: white;
}

body#print {
	background-image: none;
	background-color: white;
	text-align: left;
	width: 610px;
}

.backcolor[class] {
    width: 826px;
    margin: auto;
    background-image: url(../images/blur_sides.png);
    background-repeat: repeat-y;
    background-position: top right;
}

#wrapper{
width: 740px; /* 800 - 2*30 */
padding: 30px;
margin: 0 auto;
background-color: white;
}

#main, #header, #footer{
text-align: left;
}

#main{
min-height: 250px;
}

.pdfdownload{
	height: 20px;
	padding-left: 26px;
	background-image: url(../images/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ------------------------------------------------------------------
HOME
----------------------------------------------------------------------*/

#home .banner{
margin-bottom: 12px;
}

#home .photoleft {
 margin: 0 4px 0 0;
}

p.info {
 margin: 0;
 line-height: 100%;
}

/* ------------------------------------------------------------------
PLAN LIST
----------------------------------------------------------------------*/

#planlist{
width: 100px;
float: left;
}

#planlist ul{
border-top: 1px solid #cccccc;
}

#planlist li{
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #cccccc;
}

#planlist li a{
border: 0;
padding-left: 4px;
font-size: 12px;
}

#planlist li a:hover{
padding-left: 8px;
}

#planlist li.sectionend{
height: 15px;
padding: 4px;
padding-left: 4px;
font-size: 12px;
font-weight: bold;
color: #3366CC;
}

/* ------------------------------------------------------------------
HEADER
----------------------------------------------------------------------*/

#header #logo{
float: left;
margin-bottom: 15px;
}

#header #loweslogo{
float: right;
margin-top: -17px;
}

#header ul{
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
margin: 0;
padding: 0;
height: 20px;
}

#header li{
float: left;
margin: 0;
padding: 0;
margin-top: 1px;
}

#header li a{
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 2px 40px;
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
}

#header li a:hover{
	color: #3399FF;
	background-color: #E4E4E4;
}

#header li.active a{
color: #3399FF;
}

#header li#last{
}

/* ------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------*/

#footer{
margin-top: 0; /* originally 10px */
font-size: 12px;
}

#footer ul{
margin: 0 auto;
}

#footer li{
float: left;
padding-right: 43px; /* originally 48px */
}

#footer li#last{
padding-right: 0;
}

#footer li.highlight a{
color: red;
}

#footer #allrights{
	color: #999999;
	font-size: 9px;
	margin-top: 4px;
}

#footer p#designlink{
	float: right;
	font-size: 11px;
	color: #FDFDFD;
	margin-top: 10px;
	display: block;
}

#footer p#designlink a{
	color: #FDFDFD;
	border: none;
}

.ftr {
    position:relative;
    width: 826px;
	margin: 0 auto;
    background-image: url(../images/blur_footer.png);
    background-repeat: repeat-y;
    background-position: top right;
}

/* ------------------------------------------------------------------
PRESS ROOM
----------------------------------------------------------------------*/

#pressroom table th{
font-weight: bold;
}

#pressroom table tr{
border-bottom: 1px solid #cccccc;
}

#pressroom table tr.highlightrow:hover{
	color: #FFFFFF;
	background-color: #0099FF;
	cursor: pointer;
}

#pressroom table td{
	padding: 1px;
	padding-right: 15px;
}

#pressroom table td.date{
white-space: nowrap;
}

/* ------------------------------------------------------------------
CONTACT US
----------------------------------------------------------------------*/

#contactus #forupdates{
	background-image: url(../images/loweskc-75px.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 85px;
	height: 54px;
}

/* ------------------------------------------------------------------
SELECT A PLAN
----------------------------------------------------------------------*/

#selectaplan th{
	white-space: nowrap;
	font-weight: bold;
	padding-right: 10px;
	vertical-align: top;
}

#selectaplan td{
	vertical-align: top;
}

#selectaplan table{
line-height: normal;
}

#selectaplan #columnright{
float: right;
width: 610px;
text-align: left;
}

#selectaplan #descriptions{
width: 610px;
}

#selectaplan .boxoutline{
border: 1px solid #cccccc;
padding: 8px;
margin-bottom: 8px;
}

#selectaplan .details{
width: 316px; /* 600 - 250 (perspectivedrawing width) - 5*8px paddings - 4x1px borders*/
float: left;
margin-right: 8px;
}

#selectaplan .perspectivedrawing{
float: left;
}

#selectaplan #buttons{
float: right;
text-align: right;
}

#selectaplan #buttons img{
	margin-left: 8px;
}

#selectaplan #buttons .comingsoon{
margin: 0;
padding: 0;
font-weight: bold;
color: #c26b04;
}

#selectaplan img.planbook{
margin-top: 20px;
}

#selectaplan p.planbook{
width: 100%;
text-align: center;
}

/* ------------------------------------------------------------------
MAILING LIST
----------------------------------------------------------------------*/

.grayborder{
border: 1px solid #cccccc;
}

.headerpicture{
float: left;
margin-right: 20px;
margin-bottom: 20px;
border: 1px solid grey;
}

#leftbox{
float: left;
width: 500px;
}

#leftboxshort{
float: left;
width: 400px;
}

#rightbox{
float: right;
text-align: right;
}

#rightbox img{
border: 1px solid #cccccc;
padding: 5px;
}


/* ------------------------------------------------------------------
TOOLTIPS
----------------------------------------------------------------------*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 8px;
background-color: lightyellow;
visibility: hidden;
line-height: 1.4em;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.howToOrderStep {
position: relative;
}

a.howToOrderStep .howToOrderTooltip{
	position: absolute;
	top: -188px;
	left: 1px;
	display: none;
	background-color: white;
	width: 168px;
	height: 180px;
	padding: 8px;
	background-color: #333333;
	color: white;
	z-index: 1;
}

#longTooltip{
height: auto;
}

a.howToOrderStep:hover .howToOrderTooltip{
display: block;
}


/* ------------------------------------------------------------------
PHOTO GALLERY
----------------------------------------------------------------------*/

#photogallery #mainImage,
#photogallery #nextButton,
#photogallery #prevButton{
	height: 450px;
	float: left;
}


#photogallery #mainImage{
	width: 670px;
	text-align: center;
}

#photogallery #nextButton,
#photogallery #prevButton{
width: 32px;
padding-top: 225px;
margin-bottom: -225px;
}

#photogallery #thumbnailStrip{
	width: 100%;
	background-color: #DDE0E3;
	margin-top: 30px;
	text-align: center;
	padding: 5px 5px 6px 5px;
}

#photogallery #thumbnailStrip img{
margin-right: 9px;
}

#photogallery #thumbnailStrip a.lastPhoto{
margin-right: 0;
}

#photogallery #thumbnailStrip a#currentPhoto{
margin-top: 1px;
}

#photogallery #thumbnailStrip a#currentPhoto img{
border: 1px solid blue;
}


#gallerycontainer td{
padding-right: 50px;
}