/* css universal zero */
* {
  margin: 0;
  padding: 0;
}

/* page and body attributes */

html {
	color:#999;
}

body {
	text-align:center;
	font-family: arial, verdana, sans-serif;
	background: transparent url("../images/page_bg.gif") repeat-x;
	border-top: 0px solid #000;
}


/* page layout */
#header {
	width: 980px;
	height: 200px;
	text-align: right;
	position: relative;
	background: transparent url("../images/header.jpg") no-repeat;
}

#wrapper {
	width: 980px;
	min-height: 580px;
	margin: 0 auto;
	text-align: left;
	background: transparent; 
}

#footer {
	clear:both; width: 100%;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
	padding-bottom: 10px;
	background: #da8c28 url("../images/footer_bg.gif") repeat-x;
	text-align: center;
}

/* front page layout divs */

.leftcontent {
	display:block;
	width: 290px;
	margin: 0px 0px;
	float:left;
	padding-right: 	0px;
}

.maincontent {
	display:block;
	width: 400px;
	margin: 0px 0px;
	float:left;
}

.rightcontent {
	display:block;
	width: 290px;
	margin: 0px 0px;
	float:left;
}

.searchbox {
	width: 360px;
	height: 440px;
	padding-top: 20px;
	padding-left: 40px;
	background: url('../images/cartrawler_bg.gif') no-repeat;
}

/* for supporting content we dont have book engine so just split 980 into 3 */

#altleftcontent {
	display:block;
	width: 327px;
	margin: 0px 0px;
	float:left;
	padding-right: 	0px;
}

#altmaincontent {
	display:block;
	width: 327px;
	margin: 0px 0px;
	float:left;
}

#altrightcontent {
	display:block;
	width: 326px;
	margin: 0px 0px;
	float:left;
}

/* if we ever want full spread */

.fullcontent {
	display:block;
	width: 980px;
	margin: 0px 0px;
	float:left;
}


/* paragraphs */
p {
	font-size: 0.7em; 
	line-height: 1.2em;
 	font-family: arial, verdana, sans-serif;
	color: #666;
	text-align: left;
	margin: 6px 0px 12px 0px;
}

p.rhbox {
	margin: 6px 20px
}

p.small {
	font-size: 10px; 
	margin: 18px 0px;
	color: #999;
}

#altmaincontent p {
	margin-left: 12px;
}

#altrightcontent p {
	margin-left: 12px;
}

/* headings */

h1 {
	font-size: 1.0em;
	font-weight: 900;
	font-family: arial, verdana, sans-serif;
	color: #edb52e;
	text-align: left;
	margin:0 0 18px 0;
}

h2 {
	font-size: 1.0em;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
	color: #edb52e;
	text-align: left;
	margin:0 0 18px 0;
}

h2.clear {
	clear:both;
	border-top:1px solid #f0c992;
}

h3 {
	font-size: 0.7em;
	font-weight: 900;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 6px 0 12px 0;
	color: #0f028e;
}

h3.rhbox {
	margin: 6px 20px;
}

h3.lhbox {
	background: #f9f9f9;
	margin-bottom: 10px;
	padding-left: 0px;
}

#altmaincontent h3 {
	margin-left: 12px;
}

#altrightcontent h3 {
	margin-left: 12px;
}

hr {
	width: 100%;
	color: #161616;
	background-color: #161616;
	height: 1px;
	border: 0px;
	margin-bottom: 20px;
}

th {
	font-size: 10px;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	color: #000;
}


table {
	margin-bottom: 20px;
}

th.price {
	padding-left: 60px;
}

td.type {
	font-size: 10px;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
	color: #666;
	border-bottom: 1px dashed #ccc;
}

td.price {
	font-size: 10px;
	font-weight: 900;
	font-family: arial, verdana, sans-serif;
	color: red;
	padding-left: 60px;
	border-bottom: 1px dashed #ccc;
}


#header form {
	color: #444;
	padding: 10px;
	border: 1px solid #222;
	font-size: 14px;
	font-family:arial, verdana, sans-serif;
	font-weight: bold;
       }	

#header input {
	border: 1px solid #333;
	color: #999 ;
	background: #111;
}

ol {
	margin-left: 20px;
}

li {
	font-size: 0.7em; 
	font-family: arial, verdana, sans-serif;
}

ul.regular {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
 	padding:0px;
}

li.regular {
	color: #4fa0f3;
	list-style: square inside ;
	font-size: 0.7em; 
	font-family: arial, verdana, sans-serif;
	line-height: 0.8em;
	padding: 0px; 
	margin: 6px 24px;
}

#footer a {
	font-size: 11px; 
	line-height: 11px;
 	font-family: arial, verdana, sans-serif;
	color: #eee;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span {
	color: #bbc;
	font-size: 11px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #fff; /*bottom horizontal line that runs beneath tabs*/
margin-bottom: 14px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: normal 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs a {
	font-size: 12px; 
	font-family: arial, verdana, sans-serif;
}
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 8px; /*padding inside each tab*/
border-right: 1px dotted #ccc; /*right divider between tabs*/
color: #0284cf;
background: transparent; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
/*color: white;*/
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #f3f3f3; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

a.navedge {
	border-left: 1px dotted #ccc;
}	


/* end CSS menu */



/* Clear Floats 21st Century style */
/*http://www.positioniseverything.net/easyclearing.html embedded in web page at present rather than file*/