.clear{
	clear:			both;
	font-size:		1px;
	height:			1px;
	line-height:	1px;
}

.clearFix:after {
    content:		".";
    display:		block;
    height:			0;
    clear:			both;
    visibility:		hidden;
}
	.clearFix {display:	inline-block;}
	/* Hides from IE-mac \*/
	* html .clearFix {height: 1%;}
	.clearFix {display: block;}
	/* End hide from IE-mac */
	
body{
	margin:			10px auto;
	padding:		0px;
	width:			984px;
}

body, td{
	font-family:	Arial, Sans-Serif;
	font-size:		small;
	color:			#6F6056;
}

h1, h2, h3, h4, h5, h6{
	margin:			17px 0px 17px 0px;
	padding:		0px	0px	0px	0px;
}


p {
	margin:			0px 0px 10px 0px;
	padding:		0px	0px	0px	0px;
}


blockquote{
	border-bottom:	1px dotted #6F6056;
	margin:			0px;
	padding:		8px 0px 0px 25px;
	background:		url(../images/arrow.gif) 0px 7px no-repeat;
}
blockquote h3{
	margin:			0 0 10px 0;
	padding:		0;
}

h1{
}

h2{
	border-top:		1px solid #6F6056;
	background:		url(../images/h2.gif) top left no-repeat;
	color:			#FFF;
	padding:		0 0 10px 5px;
	font-size:		19px;
}

h3{
}

h4{
}

h5{
}

h6{
}

a:link,
a:visited{
	color:			#EF3E35;
	text-decoration:underline;
}

a:hover,
a:active{
	color:			#EF3E35;
	text-decoration:none;
}

a img{
	border:			0;
}

#header{
	background:		url(../images/header.gif) top left no-repeat;
	height:			49px;
}
	#header a{
		text-decoration: none;
		display: inline-block;
		width: 984px;
		height: 49px;
	}
	#header span{
		visibility:		hidden;
	}
	
#phoneNumbers{
	color:			#EF3F35;
	font-weight:	bold;
	float:			left;
	display:		inline;
	padding:		19px 0 0 42px;
}
	
#basket{
	border:			1px solid #E6E6E6;
	border-width:	0 1px 0 1px;
	text-align:		right;
	padding:		14px 0 7px 0;
}
	#basketContainer{
		float: right;
		width: 307px;
		height: 56px;
		border: solid 2px #fff;
		font-size: 90%;
		color: black;
	}
		#basketLeftSection
		{
			float: left;
			background-image: url(../Images/basket-totals.gif);
			width: 147px;
			height: 56px;
			text-align: left;
		}
		#basketRightSection{
			float: left;
			width: 160px;
			height: 56px;
		}
		#basketItems, #basketTotal{
			display: block;
			padding-left: 94px;
			padding-top: 8px;
			padding-bottom: 2px;
		}
		
#mainMenu{
	border:			1px solid #E6E6E6;
	border-width:	0 1px 0 1px;
	padding-top:	5px;
	background:		url(../images/menu-bg.gif) bottom left repeat-x;
}

	#mainMenu ul{
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	
		#mainMenu ul li{
			float:			left;
			display:		inline;
			margin:			0 5px 0 0;
		}
		
			#mainMenu ul li span{
				display:		block;
				padding:		5px;
			}
		
			#mainMenu ul li a:link,
			#mainMenu ul li a:visited{
				display:		block;
				color:			#000;
				text-decoration:none;
				text-align:		center;
				font-weight:	bold;
				background:		url(../images/tab-off-right.gif) top right no-repeat;
			}

			#mainMenu ul li a:link span,
			#mainMenu ul li a:visited span{
				background:		url(../images/tab-off-left.gif) top left no-repeat;
			}
			
			#mainMenu ul li a:hover,
			#mainMenu ul li a:active{
				background:		url(../images/tab-right.gif) top right no-repeat;
				color:			#FFF;
			}
			
			#mainMenu ul li a:hover span,
			#mainMenu ul li a:active span{
				background:		url(../images/tab-left.gif) top left no-repeat;
			}
						
			#mainMenu ul li .currentPage:link,
			#mainMenu ul li .currentPage:visited,
			#mainMenu ul li .currentPage:hover,
			#mainMenu ul li .currentPage:active{
				background:		url(../images/tab-right.gif) top right no-repeat;
				color:			#FFF;
			}
			
			#mainMenu ul li .currentPage:link span,
			#mainMenu ul li .currentPage:visited span,
			#mainMenu ul li .currentPage:hover span,
			#mainMenu ul li .currentPage:active span{
				background:		url(../images/tab-left.gif) top left no-repeat;
				color:			#FFF;
			}

#body{
	background:		url(../images/content-bg.jpg) top left no-repeat;
	border:			1px solid #E6E6E6;
	border-width:	0 1px 0 1px;
}

#bodyNoBorder{
	background:		url(../images/content-bg.jpg) top left no-repeat;
}

	#breadCrumb{
		padding:		15px;
	}
	
	#subMenu{
		float:			left;
		display:		inline;
		width:			160px;
		padding:		15px 15px 15px 0;
	}
	
		#subMenu ul{
			margin:			0;
			padding:		0;
			list-style:		none;
		}
		
			#subMenu ul li{
				
			}
			
				#subMenu ul li a:link,
				#subMenu ul li a:visited{
					display:		block;
					text-decoration:none;
					border-bottom:	1px solid #E6E6E6;
					padding:		3px 0px 3px 10px;
				}
				
				#subMenu ul li a:hover,
				#subMenu ul li a:active{
					background:		#ffd300;
				}
				
				#subMenu ul li .currentPage:link,
				#subMenu ul li .currentPage:visited,
				#subMenu ul li .currentPage:hover,
				#subMenu ul li .currentPage:active{
					background:		#EF3F35;
					color:			#FFF;
				}
				
		#subMenu ul ul{
			margin:			0 0 0 10px;
			padding:		0 0 0 0;
			list-style:		none;
		}
		
	/* Content Home column layout */
	#leftContent{
		float:			left;
		display:		inline;
		width:			450px;
		padding:		20px;
	}
	
	#rightContent{
		float:			left;
		width:			450px;
		padding:		20px;
		background:		url(../images/vertical-separator.gif) top left no-repeat;
		min-height:		647px;
	}
		
	/* Content 1 column layout */
	#mainContentText{
		float:			left;
		display:		inline;
		width:			765px;
		padding:		20px;
		min-height:		437px;
	}
	
	/* Content 2 column layout */
	#leftContentText{
		float:			left;
		display:		inline;
		width:			500px;
		padding:		20px;
	}
	
	#rightContentText{
		float:			left;
		display:		inline;
		width:			225px;
		padding:		20px;
	}
	
	/* Content 3 column layout */
	#left3rdContentText{
		float:			left;
		display:		inline;
		width:			235px;
		padding:		20px;
	}
	
	#middle3rdContentText{
		float:			left;
		display:		inline;
		width:			235px;
		padding:		20px;
	}
	
	#right3rdContentText{
		float:			left;
		display:		inline;
		width:			235px;
		padding:		20px;
	}
	
	/* Home column layout */
	
	#topContent, #lowerContent{
		padding:		20px 0 20px 40px;
		width:			600px;
	}
	
	#middleContent{
		
	}
	
		.homeItem{
			float:			left;
			display:		inline;
			width:			240px;
			padding:		0 0 0 8px;
		}
		
		.homeItemFirst{
			padding:		0 0 0 0;
		}
		
			.homeItemHeader{
				background:		url(../images/home-item-header.gif) top left no-repeat;
				height:			32px;
				padding:		8px 0 0 15px;
				
			}
			
				.homeItemHeader a:link,
				.homeItemHeader a:visited{
					color:			#FFF;
					font-size:		large;
					text-decoration:none;
				}
				
				.homeItemHeader a:hover,
				.homeItemHeader a:active{
				}
			
			.homeItemContent{
				border:			1px solid #E6E6E6;
				border-width:	0 1px 1px 1px;
				padding:		0px;
				min-height:		250px;
				height:			auto  !important;
				height:			250px;
			}
	
	#bottomContent{
		margin:			10px 0 10px 0;
	}
	
		.bottomItem{
			float:			left;
			display:		inline;
			margin:			0 0 0 4px;
			padding:		0 0 0 3px;
			border-left:	1px dotted #EF3E35;
		}
		
		.bottomItemFirst{
			margin:			0;
			padding:		0;
			border-left:	0;
			
		}
		
			.bottomItem img{
				width:			190px;
				height:			100px;
				display:		block;
			}

#footer{
	background:		url(../images/footer.gif) top left no-repeat;
	color:			#FFF;
	padding:		7px;
	height:			20px;
}

	#footer a:link, #footer a:visited{
		color: #ffffff;
	}
	
	#footerText{
		float:			left;
		display:		inline;
	}
	
	#footerLinks{
		float:			left;
		display:		inline;
	}
	
	#footerRss{
		float:			right;
		display:		inline;
	}

.super
{
	vertical-align: super;
	font-size: 60%;
}

/* IE seems to add a margin to form elements - screws up the layout of the spacecalculator since
   its ASP.NET postback form does not cover the whole page, just the header (due to MVC conflict) */
form{
	margin-top:0px;
	margin-bottom:0px;
}

.validation-summary-errors{
	color: red;
	font-weight: bold;
}
.input-validation-error{
	border: solid 2px red;
}
.field-validation-error{
	color: red;
	font-weight: bold;
}

.nowrap{
	white-space: nowrap;
}

.greenButton{
	background-color: #5ce75c;
	border: 2px solid;
	border-left-color: #80ff80;
	border-top-color: #80ff80;
	border-right-color: #317b31;
	border-bottom-color: #317b31;
}


#wizardContainer
{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.wizardStep
{
	float: left;
	width: 182px;
	height: 80px;
	margin: 0px 4px;
	text-align: center;
	padding-bottom: 3px;
	border-bottom: solid 2px #6F6056;
}
.wizardStep.active
{
	padding-bottom: 0px;
	border-bottom: solid 5px #EF3E35;
}