/* Amarr Door Designer */

html,body { height: 100%; }
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
color: #555;
}
td,p { font-size: 12px; }
p { line-height: 18px; }
a { color: #336666; }
#masthead h4 { color: #777; font-size: 15px; margin: 0; /*padding-top: 10px;*/ }
#design_info h3,
#design h3 {
font-size: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
h1 {
font-size: 18px;
color: #366;
}


#wrap { height: 100%; width: 955px; }
#masthead { margin-bottom: 10px; }
#left { background: url(images/shadowborder_left.jpg) repeat-y right; width: 5px; }
#right { background: url(images/shadowborder_right.jpg) repeat-y left; width: 5px; }
#main-content { padding: 10px 15px 0 15px; background: url(images/shadowborder_bottom.jpg) repeat-x center 105px; }
#dd-home { text-align: center; padding: 20px 0; }
#dd-home h1 {
font: bold 20pt Verdana, Arial, sans-serif;
color: #000;
}
#dd-home h1 span { font-weight: normal; }
#dd-home h2 {
font: bold 11pt Verdana, Arial, sans-serif;
color: #000;
}
#dd-home p#steps {
	width: 420px;
	margin: 10px auto;
	text-align: left;
	text-transform: uppercase;
	font: bold 18px "Lucida Sans", "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #777;
	letter-spacing: 1px;
	line-height: 1.25;
}
#dd-menu {
height: 35px;
text-align: center;
}
#dd-menu ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}
#dd-menu ul li { text-align: center; display: inline; list-style-type: none; }
#dd-menu ul li a {
font: bold 14px Arial, sans-serif;
padding: 0 2%;
text-decoration: none;
}
#dd-menu ul li a:hover { color: #366; }
#dd-footer { margin-top: 50px; text-align: center; padding: 1em; color: #999; font-size: 11px; }

h3.stepheader {
color: #146459;
font: normal 15px "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 10px 0 5px 0;
padding: 7px 0;
border-top: 1px solid #146459;
border-bottom: 1px solid #146459;
}

.dd-house-selector { /*border: 1px dotted #ccc;*/ }
.dd-house-item,.dd-house-selected {
float: left;
margin-right: 2px;
padding: 3px;
text-align: center;
vertical-align: middle;
border: 1px solid #fff;
}
.dd-house-selected { font-weight: bold; border: 1px solid #366; background-color: #E4EFED; }

.dd-doors-wrap { overflow: auto; padding: 0; height: 226px; }
.dd-doors-wrap-big {  }
.sdd-door-item { border: 1px solid #fff; padding: 3px; width: 294px; float: left; margin-right: 3px; background-color:#D0D9DD}
.dd-door-item,.dd-door-selected { border: 1px solid #fff; padding: 3px; width: 294px; float: left; margin-right: 3px; }
.dd-door-selected { background-color: #E4EFED; border: 1px solid #366; }
.add-remove-link {
display: block;
text-align: right;
font-size: 11px;
text-decoration: none;
padding-right: 14px;
background: url(images/square_bullet.gif) no-repeat right;
}

.door-pic-s { margin-top: 5px; margin-right: 3px; width: 94px; height: 85px; }
.door-pic-d { margin-top: 5px; margin-right: 0; width: 189px; height: 85px; }
.dd-house-menu { text-align: center; margin-bottom: 6px; display:none;}
.dd-p-btn { display: inline; text-align: center; margin-top: 2px; cursor: pointer; }
.dd-n-btn { display: inline; text-align: center; margin-top: 2px; cursor: pointer; }
.dd-house-nums {
display: none;
text-align: center;
vertical-align: middle;
padding: 6px 0;
margin: 0 60px;
}

.dd-design-img { margin-left: 82px; }

#sd_title { text-align: center; }
.dd-select-doors-btn { float: right; padding-top: 15px; _padding-top: 10px;  }

.dd-group { width: 300px; height: 200px; margin-right: 5px; float: left; border-bottom: 1px solid #999; }
.dd-group-item { float: left; width: 48%; height: 54px; margin: 0 5px 5px 0;  }
.dd-group-pic { float: left; margin-right: 5px; margin-bottom: 10px; width: 45px; }
.dd-group-link { font-size: 10px; }
.dd-group-header {
font-size: 12px;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 4px;
margin-bottom: 6px;
border-bottom: 1px solid #999;
}
.dd-view-header { font-size: 14px; font-weight: bold; color: #999; margin: 20px 0 10px 0; }
.dd-view-header span.collection { color: #555; }
.dd-return-link { float: right; margin: 10px 0 10px 20px; }

.dd-input-title { width: 200px; padding: 5px; font-weight: bold; }
.dd-input-elem { padding: 5px; text-transform: capitalize; }
#print_page { float: right; margin-top: -20px; }
#print_page img { cursor: pointer; }
#info_right {  }
#info_right .input-title { font-weight: bold; margin-bottom: 3px; width: 100px; }
#info_right .input-elem { margin: 0 0 3px 105px; text-transform: capitalize; }

.email-input-title { width: 260px; padding: 5px; font-weight: bold; }
.email-input-elem { padding: 5px; }
.email-input-elem input { width: 300px; }
.email-input-textarea { width: 300px; height: 200px; }

.rfq-input-title { float: left; width: 120px; padding: 3px; font-weight: bold; }
.rfq-input-elem { margin-left: 125px; padding: 3px; text-transform: capitalize; }

.rfq-door-2 { background-color: #c1c1c1; }

#contact_left h3,#contact_right h3,#info_left h3,#info_bottom h3,h3.heading {
background: url(images/i_greenarrow.gif) no-repeat 0 2px;
font-size: 15px;
color: #366;
padding-left: 15px;
}
#info_right img { vertical-align: middle; height: 110px; margin-right: 3px; }
#design_img { width: 100%; }

.constr-nm { font-weight: bold; float: left; height: 1%; }
.constr-item { margin-left: 120px; margin-bottom: 3px; height: 1%; }
.constr-radio { vertical-align: middle; }
#info_bottom { width: 50%; }
.print-style-desc { margin-top: 10px; line-height: 18px; }