﻿@import url("header.css");
@import url("searchform.css");
@import url("footer.css");
@import url("tables.css");
@import url("forms.css");
@import url("images.css");
@import url("lists.css");

/* ======================= CONTAINERS ======================= */
/* *********************** BODY AND CONTAINER *********************** */
html { 
	font-size: 100%;		/* Increase text size if not MSIE or Opera */ 
	line-height: 1.2em;
}

body {
	margin: 0 auto 0 auto;
	padding: 10px;
	font-size: 0.8em;
	font-family: arial, sans-serif;
	color: #000000;
	background-color: #b2cdda;
	background-image: url('../../img/bg.gif');
}
#container {
	background-color: #ffffff;
	margin: 1em auto;
	border: 1px solid #ff0000;
	padding: 5px;
	overflow: auto;
	width: 900px;
	max-width: 900px;
	min-width: 900px;
	text-align: center;
}
#wrap {
    margin:0 auto;
    width:900px;
    min-width:900px;
    margin-left: auto;
    margin-right: auto;
    }

/* *********************** MIDDLE WRAP *********************** */
#wrapmid{
	background-color: #ffffff;
    margin:	0 auto;
	overflow: auto;
	width: 100%;
	max-width: 900px;
	min-width: 900px;
}

/* *********************** LEFT NAV *********************** */
#nav{
	float: left;
	width: 17%;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 1em;
}
#nav p { margin-top: 0; }

/* *********************** CONTENT *********************** */
#content{
    float: right;
	width: 75%;
	margin:	10px auto 0 auto;
}
#content h2 { 
	margin-top: 0; 
	color: #990000;
	font-size: 1.3em;
}
#content table { 
	width: 100%;
	max-width: 690px;
}
#content table th,td { 
	padding: 1em;
	font-family: arial,sans-serif;
}
#content table td.l {
	text-align: left;
}
div.sections {
	width: 100%;
	padding: 1em;
	float: left;
	}
div.sections img {
	padding-left: 1em;
	float: right;
	}
div.sectiontext {
	width: 100%;
	float: left;
	padding-bottom: 1em;
	}
div.sections b, div.sectiontext b{
	color: #5555bb;
	}
div.photos  p{
    margin-left: auto;
    margin-right: auto;
	}

/* *********************** ANCHORS *********************** */
a {
	text-decoration: none;
	color: blue;
	font-weight: bold;
	}
a:hover{ 
	font-weight:bold;
	color: red;
	background-color: transparent;
	}
a:visited{ 
	font-weight:bold;
	color: #800080;
	background-color: transparent;
	}
table.links tr td a, table.links tr td a:hover, table.links tr td a:visited {
	font-family: verdana, sans-serif;
	font-weight:bold;
	color: #bb0000;
	}

/* *********************** TYPOGRAPHY *********************** */
/* *********************** HEADERS *********************** */
/* *********************** Text Position *********************** */
h1, h2, h3 {
	text-align: center;
}
.h5l, .h6l {
	text-align: left;
	display: inline;
}
/* *********************** Font Weight *********************** */
h4, h5, .h51 ,h6, .h6l {
	font-weight: bold;
}
h1 {
	font-size: 1.7em;			/* displayed at 20px */
	color: #aa0000;
}  			
h2 {
	font-size: 1.5em;  			/* displayed at 18px */
	color: #0066cc;
}
h3 {
	font-size: 1.25em;  		/* displayed at 15px */
	color: #aa0000;
}
h4 {
	font-size: 1.2em;
	color: #728cad;
}
h5, .h5l {
	font-size: 1.15em;
	color: #5555bb;
}
h6, .h6l {
	font-size: 1.1em;
	color: #dd7700;
}
h6.id, h6.price {				/* displayed at 11px */
	font-family: verdana,sans-serif;
	color:#008080;
}

/* ************************************ BOLD ************************************ */
b {color: #000000;}
.alter, .alert, .alert, .award, .itemtitle, .head, .subhead, .winmac { font-weight: bold;}
.alter, .alert, .alert { color: #aa0000; }
.award 		{ background-color: #C0C0C0; }
.itemtitle 	{ color: #728cad; }
.head 		{ color: #5555bb; }
.subhead 	{ color: #dd7700; }
.winmac 	{ color: #008080; }

/* ************************************ LINES ************************************ */
#hr {
	width: 80%;
	height: 15px;
	margin: 15px 0;
	border: 0px;
	background-image: url('../../img/hr.png');
}
#hr hr, .hr hr, #hr2 hr, .hr2 hr{
  display: none;
}
#hr2, .hr2 {
	width: 90%;
	height: 5px;
	margin: 5px 0;
	border: 0px;
	background-image: url('../../img/hr2.png');
}
#redline {
	width: 100%;
	height: 2px;
	border: 0px;
}
#redline hr {
	width: 2px;
	color: #bb0000;
}

/* ************************************ PARAGRAPHS ************************************ */
#navigation {
    margin-left: auto;
    margin-right: auto;
	}
.specs {
	background-color: #f0f0f0;
}
#sharethispage {
	padding-bottom: 2em;
	}
.center {
	text-align: center;
}
.inline {
	display: inline;
}
/* ************************************ SPANS ************************************ */
.leftarrow, .titlelink, .itemsectionhead, .itemdescription, .itemnumber, .itemtitle, .photosectionhead, .photodescription, .pricesectionhead, .pricedescription, .price {
	text-align: center;
	font-weight: bold;
}
.titledescription {
	text-align: left;
	font-weight: bold;
}
.itemsectionhead, .pricesectionhead, .photosectionhead {
	color: #bb0000;
}
.itemnumber, .price	{	/* displayed at 11px */
	font-family: verdana,sans-serif;
	color:#008080;
}
.itemtitle {
	color: #728cad;
	font-size: 1.2em;
}
.new {
	color: #bb0000;
	font-weight: bold;
	}
.winmac {
	color: #008080;
	font-weight: bold;
	}

/* ************************************ SPECIFICATIONS ************************************ */
#specs {
	width: 100%;
	background-color: #f0f0f0;
	}


