@import url(product.css);

#main a.step {
	display:block;
	float:left;
	clear:both;
	color:#fff;
	padding:4px 7px;
	text-decoration:none;
	white-space:nowrap;
	background:#59b2e1 url('../img/button_step.gif') left center repeat-x
}

#main a.step:hover {
	color:#6c6c6c
}

#main .route {
	clear:both;
	font-size:1.3em;
	color:#59b2e1;
	float:left;
	margin-bottom:7px;
	margin-top:30px;
	display:inline;
	width:451px;
	padding-left:28px;
	margin-left:-28px;
	background:#fff url('../img/chevron_grey.gif') left center no-repeat;
	min-height:20px
}

#main h1 {
	font-size:1.3em
}

#begin-process {
	padding-left:84px
}

#begin-process form {
	margin:0;
	padding:0;
	clear:both
}

#begin-process label {
	width:220x;
	display:block;
	display:inline;
	float:left;
	margin-right:5px
}

input, select, option {
	font-size:1em;
}

#begin-process input {
	margin-top:3px;
	font-family:verdana
}

#step input {
	font-family:verdana
}

#step label {
	padding-top:3px
}

#step .explicit span {
	padding-top:3px
}

#begin-process label span {
	display:block;
}

#step div.instruction {
	color:#646464;
	font-weight:bold;
	float:left;
	font-size:1.1em;
	width:100%;
	padding:5px 0
}

#begin-process label input {
	width:204px;
	border:1px solid #59b2e1
}

#sub, #sub-pswd, .alt-action, #save-me, .alt-nav, #cancel {
	border:none;
	float:left;
	clear:both;
	color:#fff;
	padding:3px 7px;
	text-decoration:none;
	white-space:nowrap;
	background:#59b2e1 url('../img/button_step.gif') left center repeat-x
}

#cancel {margin-top:3px}

a.alt-action {
	padding:4px 7px;
}

#save-me {
	margin-top:8px
}

#retrieve-password {
	clear:both;
	float:left;
	width:100%;
	padding-top:40px
}

#retrieve-password h3 {
	color:#000;
	margin-bottom:2px;
	font-size:1em
}

#sub-pswd, .alt-action {
	background-color:#9d9d9d;
	background-image:url('../img/button_sub.gif');
}

#steps {
	float:left;
	width:543px;
	display:inline;
	clear:both;
	margin-left:-17px;
}

#steps div {
	float:left;
	display:inline;
	color:#fff;
	font-size:1.6em;
	font-weight:normal;
	margin-right:1px;
	padding:4px 25px;
	background:#d3d3d3 url('../img/step_inactive.gif') left bottom repeat-x
}
#steps div.active {
	background:#636363 url('../img/step_active.gif') left bottom repeat-x
}

#step, #save_room_to_user {
	width:526px;
	padding:0 17px 17px;
	float:left;
	clear:both;
	background:#edf6fa;
	border-left:3px solid #80cdf5;
	margin-bottom:0
}

.m3-choice, .m3-choice li {
	margin:0;
	padding:0
}

.m3-choice li {
	list-style:none;
}

.in-line li {
	float:left;
	padding-right:10px
}


#step h3 {
	font-weight:normal;
	color:#59b2e1;
	width:100%;
	margin-top:6px
}

#step p {
	float:left;
	width:100%;
	clear:both
}

.loads input, .small {
	width:40px
}
input.large {
	width:220px
}

#step div.section, #step div.section div {
	float:left;
	clear:both;
	width:100%;
	padding:2px 0
}

.loads label {
	width:330px;
	display:block;
	float:left;
}

.radios .pseudo-label {
	width:330px;
	display:block;
	float:left;
}

.radios ul {
	float:left;
}

.room-size {
	width:526px
}

.room-size label {
	width:166px
}

.room-size .set {
	width:166px !important; 
	float:left
}

.room-size .set span {
	width:90px;
	padding-right:3px;
	float:left;
	display:block
}

.room-size .set input {
	float:left;
}

.room-size .set label {
	display:block;
	padding-top:3px;
	float:left
}

.submit-wrap {
	padding-top:20px;
	text-align:right;
	float:left;
	width:514px;
	clear:both
}

.submit-wrap input {
	cursor:pointer;
	float:none !important;
	width:auto;
	overflow: visible;
}

/*
#step .room-size span {
	width:60px;
	float:left;
	padding-right:3px
}*/


#step #installation-type {
	margin:0;
	padding:0
}

#step #installation-type .info {
	float:left;
	width:212px;
	clear:none
}

#step #installation-type .images {
	float:right;
	width:292px;
	clear:none
}

#step #installation-type .image-cell {
	float:left;
	width:136px;
	padding:0 5px;
	text-align:center;
	clear:none
}

#step #installation-type .info p {
	float:none;
}

#step #installation-type .info ul {
	margin:0;
	padding:0
}

#step #installation-type .info li {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	background:transparent url('../img/bullet_installation.gif') left 5px no-repeat
}

#step .image-cell span {
	font-weight:bold
}


#step #installation-type .choose {
	float:left;
	width:100%;
	text-align:center
}

#step #installation-type li.item {
	list-style:none;
	float:left;
	width:514px;
	padding:6px;
	background:#d1e9f4;
	margin-bottom:5px
}

#step #installation-type h2 {
	margin-top:0;
	color:#000;
	font-size:1.2em;
	font-family:verdana
}

.info {
	width:214px;
	float:left
}

#saved-rooms {
	background:#bfc5c8;
	border-bottom:3px solid #fff;
	padding:3px 17px;
	float:left;
	width:529px
}
#saved-rooms label {
	display:block;
	padding:3px 0
}
#saved-rooms .user {
	color:#fff
}

#saved-rooms form {
	float:left;
	width:345px
}

#saved-rooms .links {
	float:right;
	width:180px
}
#saved-rooms .links a {
	text-decoration:none;
	display:block;
	float:left;
	clear:both;
	width:170px;
	padding-left:10px;
	background:#bfc5c8 url('../img/mini_chev.gif') left center no-repeat;
}
#saved-rooms .links a:hover {
	color:#fff
}
#saved-rooms .links a:visited {
	text-decoration:none;
}

#load {
	border:none;
	padding-left:10px;
	background:#bfc5c8 url('../img/mini_chev.gif') left center no-repeat;
	text-align:left;
	color:#000;
	clear:both;
	float:left;
	margin-left:118px;
	cursor:pointer
}

#load:hover {
	color:#fff;
}

#load-user-room label {width:115px;float:left}
#load-user-room div {float:left;padding-left:5px;padding-top:3px}

.clearme {
	clear:both
}

#step div.section .note {
	font-size:0.9em;
}

#step div.section div.note {
	float:right;
	width:160px
}

span.caption {
	display:block;
	padding:2px 0;
	font-size:0.9em
}

#register-cool, #retrieve-saved {
	clear:both;
	float:left;
	width:100%
}

#retrieve-saved p.alert, #retrieve-password p.alert {
	float:left;
	width:100%;
	color:red;
	margin-top:0
}

.coolingCalculator-step3 #sub-panel a.step, .coolingCalculator-step3 #sub-panel input,
.coolingCalculator-step3 #sub-panel a.alt-action {
	float:right !important;
	clear:none !important;
	margin-left:5px;
	margin-top:0;
	margin-bottom:5px;
	font-family:Verdana,Arial,Helvetica,sans-serif
}

#step a:visited, #sub-panel a {
	text-decoration:none !important
}

.coolingCalculator-step3 #sub-panel a.alt-action {
	clear:right !important;
	color:#fff
}
.coolingCalculator-step3 #sub-panel a.alt-action:hover {
	text-decoration:none;
	color:#6C6C6C
}

#ask-wrap {
	visibility:hidden;
	margin-top:4px;
}

/*.page-break {
	display:none
}*/

#askmr-img {
	padding-top:9px;
	position:relative;
	text-align:center;
	width:234px;
	background:transparent url('../img/ask_bg_top.gif') left top no-repeat
}

#askmr-img img {
	float:none !important;
	position:absolute;
	top:9px;
	left:1px;
}

#ask, #more-advice {
	padding:0 9px 9px 9px;
}

#ask {padding-top:60px}

#ask-wrap {
	padding:0;
	background:#fff url('../img/ask_bg_bottom.gif') left bottom no-repeat
}

#ask-wrap a {
	color:#434343
}

#ask-wrap a:visited {
	text-decoration:none
}

#ask-wrap a:hover {
	text-decoration:underline;
	color:#48C0F3;
}

.coolingCalculator-step2 #step div.instruction {
	color:#646464;
	font-weight:bold;
	float:left;
	font-size:1.1em;
	clear:both;
	width:auto;
	white-space:nowrap;
	padding:12px 149px 15px 0;
	background:transparent url('../img/look_right_4_advice.gif') right top no-repeat
}


/*override product.css styles*/
.img-cont {
	width:110px
}

.prod-info {
	padding-left:115px
}

#step #prod-list p {
	clear:none !important;
	float:none;
	width:405px
}

#prod-list li {
	border-bottom:none
}

#prod-list .price span.unit-price {
	font-size:0.8em;
	color:grey;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	display:block
}

.compare {
	width:100%;
	text-align:right
}

.compare input.submit-compare {
	float:right
}