/* CSS Document */

@import "reset.css";
@import "rollover.css";
@import "navigation.css";
@import "catalog.css";
@import "forms.css";

body {	
	margin:18px 0 10px;	
	background:#a69d7c;	
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#8b815d;
	text-align:center;
}

div.wrapper {
	margin:0 auto;
	width:872px;	
	text-align:left;	
}


/*----------------------------------------------------*/
/* =header                                            */
/*----------------------------------------------------*/

div.header {
	background:#e7ebd5;
	height:92px;
	position:relative;
}
	
    div.header img.logo 
    {
        position:absolute;
        left:0;
        top:0;
    }
div.header h4{
  position:absolute;
  margin-left: 350px;
  margin-top: 40px;
  color: #CC0000;
  text-decoration: blink;
  font-size: larger;

}


div.header div.smallNavigation {	
	position:absolute;
	right:0;
	top:5px;
	font-size:10px;
}
	
	div.header div.smallNavigation a {
		text-decoration:none;
	}
	
	div.header div.smallNavigation ul li {		
		display:inline;
		background:url(../images/site/bullet.gif) no-repeat right center;
		padding:0 15px 0 5px;
	}
	
	div.header div.smallNavigation ul li.last {
		background:none;
	}
	
div.header div.productSearch {
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/site/search-bg.gif) no-repeat;
	width:318px;
	height:22px;
	padding:3px 0 0 10px;
}

	div.header div.productSearch input.search {
		background-color:#e7ebd5;
		border:1px solid #b7bf94;
		font-size:10px;
		width:186px;
		margin:0 5px;
		padding:2px;
		color:#8b815d;
	}
	
	div.header div.productSearch img,
	div.header div.productSearch input {
		vertical-align:middle;
	}

/*----------------------------------------------------*/
/* =images                                            */
/*----------------------------------------------------*/

div.leftImage,
div.rightImage {
	
}

	div.leftImage {
		background:#A69D7C url(../images/site/leftimage-bg.gif) repeat-y;
	}
	
	div.rightImage {

		background:#A69D7C url(../images/site/rightimage-bg.gif) repeat-y;
	}
	
	div.leftImage img,
	div.rightImage img
	{
	    padding-bottom:5px;
	}
	
	div.rightImage div.productInfo,
	div.leftImage div.productInfo {
		padding:0 10px 5px 10px;
		color:#eae5d4;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
		div.rightImage div.productInfo {
			text-align:right;
		}
		
		div.productInfo span.productName,
		div.productInfo span.productName a {
			font-size:14px;
			font-weight:bold;
			color:#eae5d4;
		}
		
		div.productInfo span.productNumber,
		div.productInfo span.productNumber a {
			font-size:10px;
			padding-left:10px;
			color:#eae5d4;
		}
		img.image-border{border:5px solid #eae5d4;}

/*----------------------------------------------------*/
/* =content                                           */
/*----------------------------------------------------*/

div.content 
{
    padding-top:20px;
}

div.contentWrapper {
	position:relative;
	background:transparent url(../images/site/wrapper-bg.gif) repeat-y;
	padding-bottom:20px;
	margin-bottom:5px;
	float:left;
	width:872px;
}

div.rightSide {
	/*padding-left:322px;*/
	min-height:600px;
	float:right;
	width:550px;
    padding:0;
}

    /** html div.rightSide 
    {
        xheight:600px;
    }*/

	div.rightSide div.content {
		padding:20px 30px;
	}

		div.rightSide div.rightImage div.overlay {
			z-index:10;
			position:absolute;
			top:221px;
			right:0;
			background:url(../images/site/makeastatement.png) no-repeat;
			width:325px;
			height:80px;
		}
	
		* html div.rightSide div.rightImage div.overlay {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/makeastatement.png', sizingMethod='crop');
		}

	div.content ul {
		list-style-image:url(../images/site/bullet.gif);
		margin:1em 0 2em 17px;
	}
	

/*----------------------------------------------------*/
/* =side content                                      */
/*----------------------------------------------------*/
	
div.leftSide {
	/*position:absolute;
	top:0;
	left:0;*/
	width:317px;
	float:left;
}

	div.leftSide div.content {
		padding:20px 30px;
	}
	
	div.leftSide ul 
	{
	    list-style-image:none;
	    margin:0;
	}
	
	div.leftSide ul.news {
		list-style-image:none;
		margin:0;
	}
	
		div.leftSide ul.news li {
			background:url(../images/site/news-li-bg.jpg) no-repeat center bottom;
			padding:16px 0;
		}
		
		div.leftSide ul.news span.date {
			font-weight:bold;
			display:block;
		}
		
		div.leftSide a {
			text-decoration:none;
			color:#8b815d;
		}
		
			div.leftSide a:hover {
				color:#57683c;
			}	
	
/*----------------------------------------------------*/
/* =footer                                            */
/*----------------------------------------------------*/

div.footer {
	padding:15px 0;
	/*margin-top:5px;*/
	background:#dce1c3;	
	text-align:center;
	color:#625732;
	font-size:10px;
	position:relative;
	clear:both;
}

    div.footer table 
    {
        width:100%;
    }
	
	div.footer p {
		margin:0 0 .2em 0;
	}
	
		div.footer ul.navigation,
		div.footer a {
			color:#8d835f;
			text-decoration:none;
		}
		
			div.footer a:hover {
				color:#57683c;
			}
			
			div.footer ul.navigation li {
				display:inline;
				padding:0 5px;
				background:url(../images/site/pipe.gif) no-repeat right center;
			}
			
			div.footer ul.navigation li.last {
				background:none;
			}
			
	div.footer td.footerInfo 
	{
	    vertical-align:middle;
	    text-align:center;
	    width:100%;
	}
	
	div.footer td.mailingList 
	{
	    padding:5px 47px;
	    text-align:left;
	    border-right:1px solid #A69D7C;
	}
	
	    div.footer td.mailingList h3 
	    {
	        margin:0;
	        font-size:12px;
	    }

div.websolvers 
{
    text-align:right;
    margin-top:10px;
}

/*----------------------------------------------------*/
/* =typography                                            */
/*----------------------------------------------------*/

h1, h2, h3, h4 {
	font-weight:bold;
	color:#57683c;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size:24px;	
	margin:0 0 10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#6e4e3a;
}
	h1.wheretobuy_header{
	line-height:1.4em;	
	}
h2 {
	font-size:18px;
	line-height:20px;
	background:url(../images/site/h2-bg.gif) no-repeat bottom;
	margin:10px 0 5px;
	font-style:italic;
	color:#8b815d;
}

    div.leftSide h2 
    {
        color:#57683c;
        font-style:normal;
        background:none;
    }
    
    h2 a 
    {
        text-decoration:none;
    }
    
h3 
{
    font-size:16px;
    color:#8b815d;
    margin:10px 0px;
	line-height:1.4em;
}

h4 {
	font-size:12px;
}

a {
	color:#57683c;
}

a:hover {
	color:#66452e;
}

p {
	margin:0 0 1em 0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

div.leftSide h2.underline {
		width:240px;
		display:block;
		background:url(../images/site/product-list-bg.gif) no-repeat bottom left;
		font:bold 14px Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;	
		margin:20px 0 10px 0;		
		color:#8b815d;
}


/*----------------------------------------------------*/
/* =global styles                                     */
/*----------------------------------------------------*/

.green {
	color:#57683C;
}

a img {
	border:none;
}

a.backToTop 
{
    display:block;
    border-bottom:1px solid #B5BF8B;
    text-decoration:none;
    text-align:right;
    margin:0 0 10px 0;
    font-size:11px;
    color:#B5BF8B;
}

    a.backToTop:hover 
    {
        color:#57683c;
        border-bottom:1px solid #57683c;
    }

img.leftAlign {
	float:left;
	margin-right:2em;
	margin-bottom:1em;
}

img.rightAlign {
	float:right;
	margin-left:2em;
	margin-bottom:1em;
}

img.border {
	border:1px solid #5C91B9;
	background-color:#fff;
	padding:1px;
}

.validation,
.required
{
    color:#B3531C !important;
}

p.note 
{
    font-size:10px;
}

p.noSpacing 
{
    margin:0;
}

div.centered 
{
    text-align:center;
}

    div.centered table 
    {
        margin:0 auto;
    }
    
div.leftSide ul.bulleted {
	margin:5px 0;
}
	
div.leftSide ul.bulleted li {
	margin:0;		
}
	
	div.leftSide ul.bulleted a {
		background:url(../images/site/bullet.gif) no-repeat left center;
		padding-left:15px;
		width:auto;
		text-transform:none;
		font:normal 12px Georgia, "Times New Roman", Times, serif;
		margin:0;
	}
	
		div.leftSide ul.bulleted a:hover {
			background:url(../images/site/site/bullet-on.gif) no-repeat left center;
			padding-left:15px;
		}
		

/*----------------------------------------------------*/
/* =where to buy styles                               */
/*----------------------------------------------------*/

table.wheretobuy 
{
    width:100%;
	line-height:1.6em;
}

    table.wheretobuy span#name 
    {
        font:bold italic 18px/24px Georgia, serif;
        color:#6e4e3a;
		display:block;
    }
    
    td.rightAlign 
    {
        text-align:right;
    }
	table.wheretobuy tr{
		margin:20px 0 0 0;
	}
		table.wheretobuy td{
		padding:20px 0 0 0;
		
	}
    
/*----------------------------------------------------*/
/* =contract styles                                   */
/*----------------------------------------------------*/

table.contractinstallation
{
    width:100%;
}

    table.contractinstallation span#name 
    {
        font:bold italic 18px/24px Georgia, serif;
        color:#6e4e3a;
    }
    
/*----------------------------------------------------*/
/* =news styles                                       */
/*----------------------------------------------------*/

div.mainnews_date
{
    font-size:10px;
}
div.contentWrapper
{
    float:left !important;
    margin-bottom:5px;
}
a.friendsend
{
	padding:0 30px;
}

a div{
cursor:pointer;
}

/* Menu*/
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('../images/site/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(237,233,218); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/site/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/site/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(237,233,218);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/site/topMenuImages.png') 0px -90px no-repeat; color:rgb(36,3,3);}
.menu li a.active span, .menu li a.active:hover span{background:url('../images/site/topMenuImages.png') 100% -90px no-repeat;}