﻿body
{	
	margin:0px;
	background-color:#c7aa8b;
}

.html body{background-image:url(images/marbledBackgroundRepeater.png);background-repeat:repeat;}

body, p, td
{
	font-family:Arial Narrow;
	font-size:15px;
	color:#4A3633;
}

#divContentArea .Back .Inner, #divContentArea .Back .Inner p, #divContentArea .Back .Inner td, #divContentArea .Back .Inner li
{
	font-family:Arial;
	font-size:13px;
}

p
{
	margin-bottom:5px;
	margin-top:5px;
	padding-bottom:6px;
}

ul,ol
{
	 padding-left:5px;
	 margin-left:35px;
}

li
{
	 padding:2px;
}

H1
{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	font-size: 28px;
	color: #4A3633;
	font-weight:bold;
}

H2
{
	font-size: 20px;
	color: #89451D;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:5px;
	padding-top:3px;
	margin-top:0px;
	font-weight:bold;
}

H3
{
	font-size: 16px;
	color: #A61000;
	padding-bottom:5px;
	margin-bottom:0px;
}

A:link
{
	color: #89451D;
	text-decoration:underline;
}
	
A:visited
	{
	color: #61463A;
	text-decoration:underline;
	}
	
A:hover
	{
	color: #A61000;
	text-decoration:underline;
	}		

.ControlError
{
	background-color:#cc0001;
	color:White;
}

.ALERT{ font-size:13px; font-weight:bold; font-style:italic; color:#fed835; font-family:Lucida Sans; }

/* Table Styles*/
.tblContent1 td
{
	border: solid 1px gray;
	padding:5px;
}
.tblContent1
{
	border-collapse:collapse;
}

/**************** Contact Page Style *****************/

.moduleContact
{
}

.tblContact
{
	margin-left:10px;
}

.tblContact td 
{
	height:10px;
	line-height:10px;
}

.tblContact td.ContactLabel
{
	padding-right:10px;
}



/**********************************************
/* Layout Styles 
**********************************************/

form
{
	padding:0px;
	margin:0px;
}

#divBoundary
{
	width:800px;/*Total = 1060*/
	padding-left:130px;
	padding-right:130px;
	
	background-image:url(images/backgroundSideShadowRepeater.png);
	background-repeat:repeat-y;
	
	/*Centered*/
	margin-left:auto;
	margin-right:auto;
}

#divHeader
{
	background-image:url(images/header/MainTop.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:181px;
	position:relative;
}

#divContentBack
{
	/*do not position relative. that will cause menu sub items to float out of position*/
	width:800px;
	background-image:url(images/backgroundRepeat.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding-top:22px;
}

.divMenu
{
	padding-top:36px;
	background-image:url(images/left/ourProducts.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


#tblContent
{
	width:800px;
	background-image:url(images/footerBackground.jpg);
	background-position:0px bottom;
	background-repeat:no-repeat;
}

#tblContent td
{
	vertical-align:top;
	text-align:left;
}

#tblContent .tdLeftCol
{
	width:208px;
}

/*------------------ Content Area -------------------*/

#divContentArea
{
	/*Total Width = 587*/
	width:587px;
	
	/*Content Alignment*/
	text-align:left;
	vertical-align:top;
}

#divContentArea .Top
{
	background-image:url(images/boxTop.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:10px;
}

#divContentArea .Back
{	
	/*Padding*/
	padding-left:33px;
	padding-right:23px;
	padding-top:10px;
	width:531px;
	background-image:url(images/boxRepeat.png);
	background-repeat:repeat-y;
}

#divContentArea .Back .Inner
{
	/*MinHeight*/
	height:auto;
	min-height:460px;
	
	width:531px;
	overflow:hidden;
}

#divContentArea .Bottom
{
	background-image:url(images/boxBottom.png);
	background-repeat:no-repeat;
	width:100%;
	height:17px;
	margin-bottom:0px;/*No margin needed with CyLogo*/
}

#divContentArea .Back .Inner img[align=right]
{
	margin-left:15px;
}

#divContentArea .Back .Inner img[align=left]
{
	margin-right:15px;
}


/*--------------------------- Header Contents -----------------------------*/

.divHomeLink
{
	width:244px;
	height:88px;
	position:absolute;
	top: 14px;
	left:28px;
	cursor:pointer;
}

.divPlanning
{
	width:210px;
	height:44px;
	position:absolute;
	top:119px;
	left:42px;
	background-image:url(images/header/planyourspace.png);
	background-repeat:no-repeat;
	background-position:12px 20px;
	cursor:pointer;
}

.divPlanning:hover
{
	background-image:url(images/header/planyourspace_f2.png);
}

.divPlanning a
{
	display:block;
	width:100%;
	height:100%;
	border:none;
	text-decoration:none;
}

/*-- tblMenuStaticPages --*/

#tblMenuStaticPages
{
	height:20px;
	position:absolute;
	top:10px;
	left:355px;
}
#tblMenuStaticPages td
{
	height:20px;
	border:solid 0px Red;
}

#tblMenuStaticPages td a
{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	border:none;
	text-decoration:none;
}

#tblMenuStaticPages td.Home
{
	width:42px;
}

#tblMenuStaticPages td.AboutUs
{
	width:60px;
}

#tblMenuStaticPages td.ContactUs
{
	width:65px;
}

#tblMenuStaticPages td.Partners
{
	width:60px;
}


/*-- divSearchBox --*/

.divSearchBox
{
	width:132px;
	height:13px;
	position:absolute;
	top:13px;
	right:10px;
	padding:0px;
}

.divSearchBox input
{
	width:105px;
	border:solid White 0px;
	padding:0px;
	margin:0px;
	font-size:10px;
	line-height:100%;
	color:black;
}

.divSearchBox input.watermark
{
	color:Gray;
}

#divSearch_Go
{
	width:20px;
	height:20px;
	position:absolute;
	right:11px;
	top:10px;
	cursor:pointer;
}


/*-- tblMenuStorePages --*/

#tblMenuStorePages
{
	width:429px;
	height:30px;
	position:absolute;
	top:38px;
	right:0px;
}

#tblMenuStorePages td
{
	background-repeat:no-repeat;
	height:34px;
}

#tblMenuStorePages td a
{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	border:none;
	text-decoration:none;
}

#tblMenuStorePages td.Urbandale
{
	background-image:url(images/header/headerMenu/Urbandale.jpg);
	width:157px;
}

#tblMenuStorePages td.Urbandale:hover, .preloadI1
{
	background-image:url(images/header/headerMenu/Urbandale_f2.jpg);
}

#tblMenuStorePages td.Omaha
{
	background-image:url(images/header/headerMenu/Omaha.jpg);
	width:64px;
}

#tblMenuStorePages td.Omaha:hover, .preloadI2
{
	background-image:url(images/header/headerMenu/Omaha_f2.jpg);
}

#tblMenuStorePages td.Milwaukee
{
	background-image:url(images/header/headerMenu/Milwaukee.jpg);
	width:208px;
}

#tblMenuStorePages td.Milwaukee:hover, .preloadI3
{
	background-image:url(images/header/headerMenu/Milwaukee_f2.jpg);
}


/* CSS Image Preloading */
.preloads
{
	position:absolute;
	top:-99999px;
}

/*-- tblProductImageLinks --*/

#tblProductImageLinks
{
	position:absolute;
	top:72px;
	left:312px;
	width:488px;
	height:108px;
}

#tblProductImageLinks td
{
	height:108px;
}

#tblProductImageLinks td a
{
	display:block;
	width:100%;
	height:100%;
	border:none;
	text-decoration:none;
}

/*---------- Left Side Specials Box ----------*/

#divSpecials
{
	height:auto;
	min-height:100px;
	margin-top:16px;
	margin-bottom:68px;/*leave some space for the absolute positioned brick background incase the left side is taller than content area.*/
	margin-left:16px;
	width:186px;/*Total Width = 186px*/
	position:relative;
	background-image:url(images/left/specialRepeat.jpg);/*fill in under the gap between top and bottom images*/
	background-repeat:repeat-y;

}

#divSpecials b{color:#cb7039;}

#divSpecials, #divSpecials a
{
	color:#e2cabc;
	font-size:12px;
	text-decoration:none;
}

#divSpecials a:hover
{
	text-decoration:underline;
}

#divSpecials .Top
{
	background-image:url(images/left/specialTop.jpg);
	background-repeat:no-repeat;
	height:54px;
	width:100%;
}

#divSpecials .Back
{
	position:relative;
	z-index:1;
	padding-left:45px;
	padding-right:5px;
	padding-bottom:15px;/*leave room for part of bottom*/
	width:131px;
	overflow:hidden;
}

#divSpecials .Bottom
{
	position:absolute;
	bottom:0px;
	z-index:0;
	background-image:url(images/left/specialBottom.jpg);
	background-repeat:repeat-y;
	width:100%;
	height:48px;
}

.cyLogo
{
	background-image:url(../../images/logos/SitebyCylosoftGrayTransp.png);
	background-repeat:no-repeat;
	background-position:right -3px;
	width:587px;
	height:24px;/*min 20*/
	cursor:pointer;
	margin:0px;
}