/* -----------------------------------------------
Client: Suburban Fence
Function: Screen CSS definitions.
Author:   Jason Walle | jason@project924.com
Modified:  May 1, 2008
Copyright: Copyright (C) 2008 Suburban Fence, Inc.
----------------------------------------------- */
@import url("boxes.css");
@import url("datePicker.css");

/* Global
----------------------------------------------- */
body {
	padding: 0; 
	margin: 0; 
	background-color: #333;
	text-align: center;
}

body div{
	text-align: left;
}

body, p, td, div {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #485056;
	line-height: 140%;
}

/* Layout
----------------------------------------------- */
#wrapper {
	width: 990px;
	margin: 10px auto;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#containerTop {
	margin: 0;
	padding: 0;
}

#containerBottom {
	margin: 0;
	padding: 0;
}

#container {
	padding: 0 5px;
	margin: 0;
	background-color: #fff;
}

	#container #leftColumn {
		float: left;
		width: 174px;
		padding: 0;
		margin: 0;
	}

		#container #leftColumn #logo {
			margin: 0;
			padding: 0;
		}

		#container #leftColumn #mainNav {
			margin: 5px 0;
			padding: 0;
		}
	
		#container #leftColumn #mainNav ul, #container #leftColumn #mainNav ul li {
			margin: 0; 
			padding: 0; 
			list-style:none; 
			width: 174px
		}
		
		#container #leftColumn #mainNav ul li a {
			display:block; 
			width: 174px; 
			padding: 3px 0px 4px 3px; 
			color: #fff; 
			font-weight: bold; 
			font-size: 95%; 
			background-color: #0e7ba6;
			text-decoration: none;
			border-bottom: 1px solid #fff;
		}
			
		#container #leftColumn #mainNav ul li a:hover {
			background-color: #009ddc; 
			color: #fff; 
			text-decoration:none;
		}

		#container #leftColumn #phoneNumbers {
			margin: 10px 0 0 0;
			padding: 0;
			text-align: center;
		}

	#container #rightColumn {
		float: right;
		width: 796px;
		padding: 0;
		margin: 0;
	}

		#container #rightColumn #homeContent {
			padding: 0;
			margin: 10px;
		}

			#container #rightColumn #homeContent p {
				margin: 0 0 12px 0; 
				padding: 0px; 
				letter-spacing: 0;
			}

		#container #rightColumn #homeContent #bottomFeatures {
			margin: 0 0 10px 0;
			padding: 0;
			background-color: #fff;
		}
		
			#container #rightColumn #homeContent #bottomFeatures .column_module {
				background: url(/images/column-module-bg.gif) repeat-y;
				width: 258px;
				float: left;
			}
			
			#container #rightColumn #homeContent #bottomFeatures .column_module_inner {
				background: url(/images/column-module-bottom.gif) no-repeat bottom left;
				padding-bottom: 1px;
				height: 240px;
			}

			/* module header */
			#container #rightColumn #homeContent #bottomFeatures .module_hdr h1, 
			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_inner h1 {
				font-family: Helvetica, Verdana, sans-serif;
				letter-spacing: 1px;
				font-weight: normal;	
				font-size: 17px;
				color: #fff;
				margin: 1px 0 0 0;
			}

			#container #rightColumn #homeContent #bottomFeatures .module_hdr {
				background: url(/images/global_hdr_bg.gif) no-repeat;
				position: relative;
			}	

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_inner {
				background: url(/images/global_hdr_bg_right.gif) no-repeat top right;
				height: 25px;
				padding: 11px 0 0 15px;
			}


			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green h1, 
			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_featured h1 {
				font-family: Helvetica, Verdana, sans-serif;
				letter-spacing: 1px;
				font-weight: normal;	
				font-size: 17px;
				color: #fff;
				margin: 1px 0 0 0;
			}

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green {
				background: url(/images/global_hdr_green_bg.gif) no-repeat;
				position: relative;
			}	

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_inner {
				background: url(/images/global_hdr_green_bg_right.gif) no-repeat top right;
				height: 25px;
				padding: 11px 0 0 15px;
			}

			
			/* home feature begins */
			#container #rightColumn #homeContent #bottomFeatures .column_module .column_module_inner .home_feature {
				padding-bottom: 14px;
			}

			.home_feature_image img {
				margin: 7px 0 7px 87px;
				display: block;
				border: 0;
			}
		
			#container #rightColumn #homeContent #bottomFeatures .column_module .column_module_inner .home_feature p {
				padding: 0 15px 0 15px;
			}


		#container #rightColumn #content_hdr h1 {
			color : #fff;
			background-color: #222;
			border-bottom: 5px solid #419639;
			font-size: 170%;
			padding: 15px 5px 11px 0;
			margin: 0 0 10px 0;
			text-align: right;
			text-transform : uppercase;
			letter-spacing: 2px;
		}

		#container #rightColumn #content_hdr h2 {
			font-size: 150%;
			color: #419639;
			margin: 0 0 10px 0;
			padding: 0;
			text-decoration: none;
		}

		#container #rightColumn #content {
			padding: 0;
			margin: 10px;
		}




p.small, td.small, .small {
	font-size: 10px;
}

#fineprint {
	width: 990px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px 0 25px 0;
	color: #ccc;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


h1, h2, h3, h4, h5 {
	font-family: verdana;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h1 {
	font-size: 170%;
}

h2 {
	font-size: 150%;
	color: #419639;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}

h3 {
	font-size: 130%;
	color: #007DAF;
	margin: 0 0 10px 0;
	padding: 0;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

.required {
	color: #900;
}

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

a:hover, a:active {
	color : #007DAF;
	text-decoration : underline
}

img {
	border: 0;
}

img.left {
	float: left;
	padding: 10px 20px 20px 0;
}

img.right {
	float: right;
	padding: 10px 0 20px 20px;
}

#listings {
	font-size: 11px;
	margin: 10px 0 10px 0px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

	#listings strong {
		font-family: Georgia, "Times New Roman", Times, serif;
		display: block;
		padding: 0px 5px 5px 2px;
		color: #ce1777;
		margin: 0px;
	}

	#listings a, #listings a:visited {
		display: block;
		border: 1px dotted #ccc;
		border-width: 1px 0px 0px 0px;
		padding: 5px 0px 5px 16px;
		margin: 0px;
		background-image: url(../images/bullet_pink.gif);
		background-repeat: no-repeat;
		background-position: -2px 5px;
		color: #485056;
		text-decoration: none;
	}

	#listings em {
		font-style: normal;
		font-size: 11px;
		color: #333;
	}
	
	#listings a:hover {
		background-color: #f7f7f7;
		color: #ce1777;
		text-decoration: none;
	}



.required {
	color: #c00;
	font-weight: bold;
}

.requiredField {
	background-color: #FFEFF0;
	border: 1px solid #c00;
}


/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
  margin-right: 7px;
}

.login #Flash {
  margin-top: 12px;
  font-size: 12px;
}

#Flash.good {
	border-color: #9c9;
	color: #060;
	background: url(/images/alertgood_icon.gif) #E2F9E3 left 4px no-repeat;
}

#Flash.good p {
	color: #060;
}


#Flash.bad {
	border-color: #c99;
	color: #fff;
	background: url(/images/alertbad_icon.gif) #c00 left no-repeat;
}

#Flash.bad p {
	color: #fff;
}

.ifxElement {
	background-color: #a8e9fd;
	border: 3px dashed #02afe3;
	padding: 10px;
	position: absolute;
	width: 520px;
	height: 270px;
	top: 60px;
	left: 100px;
	text-align: center;
	letter-spacing: 0px;
	overflow: hidden;
}

#ifxElement strong {
	font-size: 2em;
}

input[type="submit"] {
	background-color: #246F1B;
	padding: 5px; 
	border-top: 1px solid #419639;
	border-right: 1px solid #0C2F09;
	border-bottom: 1px solid #0C2F09;
	border-left: 1px solid #419639;
    color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="submit"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

input[type="button"] {
	background-color: #e43d90;
	padding: 5px; 
	border-top: 1px solid #e578af;
	border-right: 1px solid #b01d66;
	border-bottom: 1px solid #b01d66;
	border-left: 1px solid #e578af;
    color: #fefefe;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="button"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

.wishListButton {
	width: 150px;
	height: 25px;
	background-color: #ccc;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #dfdfdf;
}