* {
	font-family:arial, verdana, geneva, sans-serif;
	padding: 0;
	margin: 0;
}

html {
	height:100%
}

body {
	height:100%;
	font-size: 100%;
	background-color:#ffffff;
}

table, td, form {
	border-collapse: collapse;
}

td {
	padding:3px;
}

table, img {
	border:0;
}

li {
	list-style: none;
}

#left {
	position:absolute;
	top:0;left:0;
	width:210px;
	background-color:#b60000;
	background-image:url('images/leftfooter.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
}

#leftborder {
	position:absolute;
	top:0;left:210px;
	width:18px;
	background-color:#ffffff;
	background-image:url('images/leftborder.gif');
        background-repeat:repeat-y;
        background-position:top right;
	border-right:1px solid #000000;
}

#middle {
	margin-left:229px;
	margin-right:176px;
	text-align:center;
	background-color:#ffffff;
	/*  
	    We are using a javascript file to make all three
	    columns the same height in our layout. This necessary 
	    because we want all 3 to at least fill the page.  If
	    we were to set their heights explicitly to 100%, and one
	    went past 100%, once we scrolled, the other 2 columns would
	    appear short.  Unfortunately thats our last resort for
	    browsers not supporting min-height (IE6 for example), so the 
	    middle column will be fixed at 100% in that case with a
	    conditional comment.
	*/
	min-height:100%;
	overflow:auto;

	/*
	    the abovementioned conditional comment hack for ie
	*/
	<!--[if lt IE 7]>
	height:100%;
	<![endif]-->
}


#container {
	margin-left:auto;
	margin-right:auto;
}

html>body #middle {
	margin-left: 229px;
	margin-right:176px;
	border:0;
}

#rightborder {
	position:absolute;
	top:0;right:156px;
	width:19px;
	background-color:#ff950b;
	background-image:url('images/rightborder.gif');
        background-repeat:repeat-y;
        background-position:top center;
	border-left:1px solid #000000;
}

#right {
	position:absolute;
	top:0;right:0;
	width:156px;
	background-color:#ffd632;
	font-size:0.8em;
}

#left a {
	color:#ffffff;
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
}

#right a {
	color:#b60000;
	font-weight:bold;
	text-decoration:none;
}

#logo {
	margin-bottom:5px;
}

#catheader {
	margin-top:20px;
}

#mainnav {
	margin-left:29px;
}

#mainnav a img {
	margin-top:6px;
}

#categories {
	padding-left:32px;
	line-height:1.2em;
	padding-bottom:100px;
}






#search {
	width:158px;
	background-color:#ffeb7c;
}

#login {
	width:158px;
	padding-bottom:3px;
}

#date {
	width:158px;
	background-color:#ffeb7c;
	text-align:center;
	font-size:0.85em;
	line-height:1.65em;
	font-weight:bold;
	padding-top:3px;
}

#account {
	width:158px;
	background-color:#ffffff;
}

#cart {
	width:158px;
	background-color:#ffffff;
	text-align:center;
	line-height: 2.0em;
}

.rightheader {
	width:158px;
	background-color:#ffb636;
	text-align:center;
	line-height:2.3em;
	font-weight:bold;
	border-top:1px solid #b60000;
	border-bottom:1px solid #b60000;
}

.righthairline {
	height:1px;
	width:158px;
	background-color:#ffffff;
	margin-top:2px;
	margin-bottom:3px;
}

#searchform {
	padding-left:12px;
	margin-top:10px;
	margin-bottom:10px;
}

#right .textinput, #right select {
	width:100px;
	margin-bottom:8px;
	margin-left:5px;
}

.gosubmit {
	width:31px;
	height:27px;
}

#loginform {
	padding-left:12px;
	margin-top:8px;
	margin-bottom:7px;
}

#accountnav {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:0.9em;
	line-height:2.0em;
}

#cartcontents {
	text-align:right;
	padding:10px;
	font-size:0.8em;
}

#cartcontents hr {
	color:#000000;
	background-color:#000000;
	height:1px;
	border:0;
}

#ccimage {
	margin-top:12px;
	margin-bottom:4px;
}



















#middle a:link {   
	color: #003468;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}	   

#middle a:active { 
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}

#middle a:hover, a:active { 
	color:#b60000;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}
		   
#middle a:visited {
	color:#003468;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}

#middle a:visited:hover {color:#A090F3}

td {
	font-size:75%;
	color:#000000;
	background-color:#ffffff;
	font-style:normal;
	font-weight:normal;
}

.hdr {
	font-size:70%;
	color:#8f8f8f;
	font-style:normal;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
}

.maintext {
	font-size:125%;
	font-style:normal;
	font-weight:normal;
}

.maintitle {
	font-size:140%;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}

.signature {
	font-size:100%;
	color:#000000;
	font-style:normal;
	font-weight:bold;
}

.grey_title {
	font-size:110%;
	color:#8f8f8f;
	background-color:#ffffff;
	font-style:normal;
	font-weight:bold;
}

.selectedAddress {
	background-color:#F4F7C9;
}
		   
.text { 
	margin-bottom: 15px;
}	
		
h1 { 
	display:inline;
	font-size: 150%;
	color: #000000;
	background-color: #ffffff;
	font-style: normal;
	font-weight:bold;
}		   

#middle li {
    list-style-type: disc;
    padding: 3px;
}

.error_text {
	color: #da2020;
	font-weight:bold;
	font-size:12px;
}

.cats {
	width: 100%;
}