*{
margin:0;
padding:0;

}
body{
/*margin:10px;  remove */ margin-top: 10px;
padding:0;
}

/* ----- IDS ----- */
#PageWrapper { 
		width: 1000px;
		margin:0 auto;
		padding:0;
		
		 }
				
				/*--- HEADER ---*/
				#Header {
						height: 120px;
						width:985px;
						margin:0 auto;
						background: url(pics/horidotted.gif) repeat-x bottom left;
						
				}
						#HeaderLogo {  margin: 10px 0 5px 20px; }
						
						#HeadHolder {
							float: right;
						}
							#HeaderMenu {  margin-right: 30px;
											  margin-top: 30px; }
							#Shopping {
								height: 40px;  margin-top: 15px;
						}
				
				/*--- CONTENT ---*/
				#ContentWrapper { 
						width: 994px; 
						margin: 0 auto;
				}
						/*--- LEFT and RIGHT ---*/			  
						.Side { 
								width: 165px;
							   float: left; 
								margin:2px;
								
								margin-bottom: 10px;
						 } 
						 
						/*--- MIDDLE ---*/
						#Middle { /* middle */
								width: 650px; min-height: 540px;
								float: left; 
								background: url(pics/middledotted.gif) repeat-y top left;
								
 						}
						
							#MiddleHeader {
								margin: 20px 25px 0 25px;
								border-bottom: 1px dotted silver;
								height: 85px;
							}
							

				/*--- FOOTER ---*/	
				#Footer { 
					width: 648px;
					margin:7px auto 0 auto;
					background: url(pics/horidotted.gif) repeat-x top left;
					margin-bottom: 10px;
					clear:both;
					
				}
				
				
/* ----- CLASSES ----- */
.right { float:right; }
.left { float: left; }
.center { margin: 0 auto; }
.clearright { clear: right; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.inline { display: inline; }
.block { display: block; }
.continueto {
		font-family: Arial;
		font-size: 11px;
		text-align: left;
		padding-top: 30px;
		margin: 0px 0 10px 25px;
		color: gray;
}
#cartpic {
	margin-left: 70px;
}
#checkoutpic {
	margin-left: 25px;
}
.brandscomingsoon { font-family: Arial; font-size: 11px; color: gray;
						  background: #fff url(pics/layoutpics/arrow.gif) no-repeat top left;  }
						  
						  
.borderleft { /*background: url(pics/vertdotted.gif) repeat-y top left; */}
.borderright { /* background: url(pics/vertdotted.gif) repeat-y top right;*/}
.borderbottom { /*border-bottom:1px dotted Silver;*/}
.noborder { border: none; }

/* ----- PARAGRAPHS ----- */
		

		
		#Footer p {
			font-family: Arial;
			font-size: 10px;
			text-align: center;
			margin: 5px 0 5px 0;
		}
		
/* ----- LISTS ----- */


		
		/*--- SIDE MENUS ---*/
		.Side ul {
			list-style-type:none;
			border:0; padding: 0;
			margin: 10px auto;
			width: 122px; /*added so centering is possible*/
			padding-bottom: 10px; 
			background: url(pics/horidotted.gif) repeat-x bottom left;
			
		}
		.Side li {
			border:0; margin:0;
			padding-left: 20px;
			background: #fff url(pics/layoutpics/arrow.gif) no-repeat center left;
		}

/* ----- IMAGES ----- */
#MiddleHeader img { margin-top: 19px; margin-left: 26px;}


/* ----- LINKS ----- */

	/*---LEFT and RIGHT LISTS ---*/
	.Side a  {
		font-size: 10px;
		color: gray;
		text-decoration: underline;
		background: transparent;
		font-family: Verdana;
	}
	.Side a:visited {}
	.Side a:hover { background-color: pink; color: white; text-decoration:underline;}
	.Side a:active { background-color: pink; color: white; }
	.overlinelink { /* for links in lists that spread multiple lines */
		
		background: #fff url(pics/layoutpics/arrow.gif) no-repeat top left;
	}
	/*--- HEADER LIST ---*/
	#HeaderMenu a { }
	#HeaderMenu a:visited {}
	#HeaderMenu a:hover { border-bottom: 3px solid red;}
	#HeaderMenu a:active { background-color: pink; color: white; }
	} /*this code shouldnt work - remember that - the element box spreads out
	    past the image content for some reason */
	
	/* active link */
	.active {
	   background-color: red; color: white;
	}
	

.clearfix { 
	line-height: 0;
	color: white;
	clear:both;
	display:block;
}
#imageholder {
	width: 160px;
	height: 90px;
	float:left;
}

/* INDEX.HTML styles only */
#MiddleHeading {
	margin: 10px 25px 0 25px;
	line-height: 20px;
	color:  #FF687F; font-weight: bold;
	font-family: Arial;
	line-height: 20px;
	height: 20px;
	
}
	#MiddleHeading h1 {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 22px;
		
	}
	#MiddleHeading h2 {
		margin: 0; padding: 0;
		float: left;
		font-size: 12px;
		float: right;
		line-height: 10px;
		padding-top: 8px;
	}


.logoimg {
	margin-left: 25px;
	display: block;
	float: left;
}

#monoSlideshow {
	border: 1px dotted silver;
	margin-left: 25px;
	padding-right: 0;
	margin-right: 0;
	width: 598px;
	height: 358px;
	margin-bottom: 12px;
	margin-top: 1px;
}

/* IW Commercial Page */
#blackbackground {
	height: 342px; width: 599px; /* 342 */
	margin: 0px 25px 0 25px;
	background-color: #282828;
	
}
#obholder {

	height: 335px;
	margin: 5px 0 20px 90px;
}


/* HEADINGS */
.h1withunderline {
	color: #FF687F; font-weight: bold;
	font-family: Arial;
	font-size: 20px;
	border-bottom: 1px dotted silver;
	/***/
	margin: 10px 25px 0px 25px;
	letter-spacing: 1.1px;
	
}
.h2withunderline {
	color: #FF687F; font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	border-bottom: 1px dotted silver;
	
	/***/
	margin: 10px 25px 5px 25px;
}

.newul {
	/***/
	color: black;
	margin: 10px 25px 15px 75px;
	font-family: Arial;
	font-size: 12px;
	
}


/* google form */
#googleform {
	width:122px;
}
#googleform input {
	font-size: 14px;
	font-weight: bold;
	color: #FF3C5E;
	font-family: Georgia;
	padding: 4px;
	
}
#googleform table {
	width: 122px;
}
.coolformborder {
	border:0;
	border-bottom: 1px dotted silver;
	border-top: 1px dotted silver;
	background-image: url(pics/layoutpics/MenuTitles/stripe3.png);
	background-repeat: repeat;
}
.coolformborder input {
		border:0;
	border-bottom: 1px dotted silver;
	border-top: 1px dotted silver;
	background-image: url(pics/layoutpics/MenuTitles/stripe3.png);
	background-repeat: repeat;
}


/* front page - quick!! 
.blockquote {

}*/
.blockquote p {
	margin: 15px 25px 15px 25px;
	color: #5C2C0C;
	background: #F9F9F9 url(pics/layoutpics/MenuTitles/quote.gif) no-repeat top left;
	
	font-style: italic;
	font-family: Georgia;
	line-height: 22px;
	font-size: 16px;
	letter-spacing: .1px;
	padding: 25px 50px 25px 70px;
}

.blockquote p:first-line {
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	color: red;
}

.price {
	font: normal normal normal 14px/10px "Georgia";
	color: #202020;
}