/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #c89d6f; }
#wrapper { background-color: #fff; margin: 50px auto 0; width: 850px; border-top: 5px solid black; border-bottom: 6px solid #790000; border-left: 1px solid black; border-right-color: black; e: solid; border-right-width: 1px; }
#header { color: #333; background-color: #790000; background-image: none; width: 850px; float: left; height: 150px; }
#mainnav { float: left; width: 850px; color: #333; background-color: #ffff01; color: black; font-size: 9pt; font-weight: bold; padding: 2px 0; margin-bottom: 22px; border-bottom: 4px solid #790000; }
#mainnav ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #C4C769;
	}
	
	#mainnav li
	{
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #C4C769;
	}
	
	#mainnav li a
	{ text-decoration: none; color: black; font-size: 9pt; font-weight: bold; background-color: #ffff01; }
	
	#mainnav li a:hover
	{ text-decoration: none; color: #790000; font-size: 9pt; font-weight: bold; background-color: #ffff01; }

#leftcolumn { color: #790000; font-size: 8pt; font-family: arial, verdana, sans-serif; background: #fff; width: 325px; float: left; padding-top: 20px; padding-right: 10px; padding-left: 15px; }
#rightcolumn { float: right; color: #790000; font-size: 8pt; font-family: arial, verdana, sans-serif; background-color: #fff; background-image: url(../images/introbags.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width: 485px; height: 360px; padding-top: 10px; }
#footer { width: 840px; clear: both; color: #790000; font-size: 7pt; font-family: arial, verdana, sans-serif; background: #fff; text-align: right; padding-right: 10px; padding-bottom: 5px; }
#leftcolumn h3 { color: #a19601; font-family: arial, verdana, sans-serif; font-style: italic; }
#subleftcolumn { color: #333; background-color: white; background-image: none; background-position: 0 0; margin: 0; padding: 10px; height: 350px; width: 189px; float: left; }
#content { float: left; color: #333; background-color: white; background-image: none; background-position: 0 0; border-left: 1px solid #790000; border-right: 1px solid #790000; }
#subrightcolumn { color: black; font-size: 8pt; font-family: arial, verdana, sans-serif; background-color: #fff; background-image: none; text-align: left; padding: 10px; height: 350px; width: 189px; float: left; margin-left: 10px; }
#subrightcolumn a:link { color: #b52c07; }
#subrightcolumn a:visited { color: #600; }
#subrightcolumn a:hover, a:active { color: white; background-color: #600; }
.ordertitle { color: #790000; font-size: 9pt; font-family: arial, verdana, sans-serif; font-weight: bold; }
.smspace { padding-top: 2px; padding-left: 2px; }
#ordercontent { color: #790000; font-size: 8pt; font-family: arial, verdana, sans-serif; width: 810px; float: left; padding-left: 10px; }
#ordercontent a:link { color: #b52c07; }
#ordercontent a:visited { color: #600; }
#ordercontent a:hover, a:active { color: white; background-color: #600; }
#catalogcontent { color: #790000; font-size: 10pt; font-family: arial, verdana, sans-serif; text-align: center; width: 750px; float: left; padding: 20px; }
.catimg { padding-left: 5px; }