﻿@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;
}

/* *********************** CONTENT *********************** */
#content{
    float: left;
	width: 93%;
	margin:	10px auto 0 auto;
}
#content h2 { 
	margin-top: 0; 
	color: #990000;
	font-size: 1.3em;
}
#content table { 
	width: 100%;
	max-width: 837px;
}
#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 *********************** */
h1, h2, h3 {
	text-align: center;
}
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, h5, h6 {
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
	color: #728cad;
}
h5 {
	font-size: 1.15em;
	color: #5555bb;
}
h6 {
	font-size: 1.1em;
	color: #dd7700;
}
h6.id, h6.price {
	font-family: verdana,sans-serif;
	color:#008080;
}

/* ************************************ BOLD ************************************ */
b								{color: #000000;}
b.itemtitle, strong.itemtitle	{color: #728cad;}
b.head, strong.head				{color: #5555bb;}
b.subhead, strong.subhead		{color: #dd7700;}
b.alter, b .alert, strong .alert{color: #bb0000;}
b.winmac, strong.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;
}
/* ************************************ 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;
	}

/* *********************** CURVED BORDERS PAGECOLUMN.COM TECHNIQUE *********************** */
/* *********************** Top Box *********************** */
.box00 {padding: 0px 5px; }
.r1, .r2, .r3, .r4, .r5 {display: block;overflow: hidden; }
.r1 { margin: 0 5px; height: 1px; background: #d0d9e1; } 
.r2 { margin: 0 2px; height: 1px; background: #d0d9e1; } 
.r3 { margin: 0 1px; height: 1px; background: #d0d9e1; } 
.r4 { margin: 0 1px; height: 1px; background: #d0d9e1; } 
.r5 { margin: 0 1px; height: 1px; background: #d0d9e1; }
	
/* *********************** Specifications Box *********************** */
.boxt {padding: 0px 5px; }
.t1, .t2, .t3, .t4, .t5 {display: block; overflow: hidden; height: 1px; background: #f0f0f0; }
.t1 { margin: 0 5px; } 
.t2 { margin: 0 2px; } 
.t3, .t4, .t5 { margin: 0 1px; } 
	
/* *********************** Bottom Box *********************** */
.boxs {padding: 0px 5px; }
.s1, .s2, .s3, .s4, .s5 {display: block;overflow: hidden; }
.s1 { margin: 0 5px; height: 1px; background: #ecf0f4; } 
.s2 { margin: 0 2px; height: 1px; background: #ecf0f4; } 
.s3 { margin: 0 1px; height: 1px; background: #ecf0f4; } 
.s4 { margin: 0 1px; height: 1px; background: #ecf0f4; } 
.s5 { margin: 0 1px; height: 1px; background: #ecf0f4; }


