/* This Style Sheet is only for styles that are added for a specific customer site
   All styles used in the default setup of the PowerWeb site can be found in the site_styles.css 

   Modified:
   July 14, 2005: KSTEVENSON: Moved all styles into site_styles.css
   
   
   
   Any styles needed for a customer's site design need to be added below. Do not ADD styles in site_styles.css
*/
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: normal;
	letter-spacing: 0.03em;	
	background-color: #FFF;
}
 
#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left;
	font-size: 86%;
	/*background-image: url(images/topfade.gif);
	background-repeat: repeat-x;*/
border: 1px solid #dfd8d0;
} 

/* ############################### */
/* Header Styles */
/* ############################### */
 #header {
	height: 96px;
/*	background: url(../client_images/template/topBGCurves.jpg) no-repeat right top;*/
} 
#header .pwbanner {
	text-align: right;
	padding-right: 0px;
	width: 264px;
}
#header .topsections {
	text-align: right;
	padding-right: 25px;
}
/* ############################### */
/* Top Styles */
/* ############################### */
 #topnav {
	height: 32px;
	text-align: left;
	/*background: url(../client_images/template/topNavBar.gif) no-repeat; */
	padding: 0px 20px;
	background-color: #A00000;
} 

/* ############################### */
/* Breadcrumb section */
/* ############################### */
 #crumbsection {
	text-align: left;
	background-color: #f4ede4;
	padding: 8px 25px;
	font-size: 11px;
	color: #444;
}
 #crumbsection a {
	text-decoration: none;
}
 #crumbsection a:hover {
	text-decoration: underline;
}
 #crumbsection form {
	text-align: right;
	padding: 0;
	margin: 0;
}
 #crumbsection form .searchinput {
	color: #333333;
	padding: 1px 3px;
	font-size: 90%;
}

/* ############################### */
/* Breadcrumb section  for cart */
/* ############################### */

 #crumbsection2 {
	text-align: left;
	background-color: #f4ede4;
	font-size: 11px;
	color: #444;
}
 #crumbsection2 a {
	text-decoration: none;
}
 #crumbsection2 a:hover {
	text-decoration: underline;
}
 #crumbsection2 form {
	text-align: right;
	padding: 0;
	margin: 0;
}
 #crumbsection2 form .searchinput {
	color: #333333;
	padding: 1px 3px;
	font-size: 90%;
}


.greyline {
	font-size: 1px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearall {
	font-size: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}


/* ############################### */
/* Main Content Styles */
/* ############################### */

#mainContent {
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0;
	width: 980px;
	background-color: #FFFFFF;
}
#mainContent .mainpadding {
	margin: 0 25px;
}
/* Left column td */
#mainContent .leftcolumn {
	vertical-align: top;
	width: 175px;
	padding: 5px 10px 10px 0 ;
	border-right: 1px solid #CCCCCC;
}
#mainContent .leftcolumn h3{
	font-size: 110%;
	color: #660000;
	padding: 0px;
	margin: 10px 0 4px 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#mainContent .leftcolumn form{
	margin: 0 0 10px 0;
}
/* Inside container to add padding around body copy */
#mainContent .maincolumn {
	padding: 15px 10px;
	vertical-align: top;
}
/* Right column td */
#mainContent .rightcolumn {
	vertical-align: top;
	width: 150px;
	padding: 10px 0 0 10px;
	border-left: 1px dashed #CCCCCC;
}

/* Inside container to add padding around body copy */
#maincolumn #mainContent2 {
	padding: 25px;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660000;
}
#mainContent p {
	line-height: 160%;
	margin: 0px 0px 15px;
}
#mainContent h1 {
	font-size: 210%;
	margin: 0px 0px 10px;
}
#mainContent h2 {
	font-size: 130%;
	margin: 0 0 10px 0;
}
#mainContent h2 a {
	text-decoration: none;
}
#mainContent h2 a:hover {
	text-decoration: underline;	
}

/* ############################### */
/* Footer Styles */
/* ############################### */
 #footer {
	background-color: #f4ede4;
	text-align: center;
	width: 980px;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px;
}
#footer a {
	font-size:90%;
	color: #444;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}
#footer a:hover {
	color: #990000;
}
 #footercopyright {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CCC;
	text-align: right;
	width: 980px;
}
 #footercopyright p {
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	padding: 10px;
}

/* ############################### */
/* PW category nav */
/* ############################### */
#browse {
	background-color: #66FF33;
}

/* ############################### */
/* Basic Styles */
/* ############################### */
a {
	color: #660000;
	text-decoration: underline;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
img {
	border-style: none;
}

/* ############################### */
/* Misc Styles */
/* ############################### */
.textLarger {
	font-size: 115%;
}
.indent {
	margin-left: 10px;
}
.submit {
	font-size: 18px;
}