/* CSS Document */

body { 
 margin: 10px;
 padding: 0px;
 background: url(../../images/background.jpg) repeat-x;
 background-color:#f1f2f3;
 text-align: center;
}

* {
 padding: 0px;
 margin: 0px;
}

.table_border {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:0;
}

/*********** site structure ****************/

#container {
 margin: 20px auto;
 width: 795px;
 text-align: left;
} 

#header {
 height: 111px;
 background-color: #3F3F3F;
 border-bottom: 3px solid #a9a9a9;
 padding: 0px 15px 0 15px;
 clear: both;
}

#crumbs {
 height: 25px;
 background-color: #e0e0e0;
}

#content {
 background-color: #FFFFFF;
 border-bottom: 1px solid #a9a9a9;
}

#contentLeft {
 float: left;
 width: 22%;
}

#contentRight {
 float: right;
 width: 75%;
}

#footer {
 border-bottom: 1px solid #A9A9A9;
 padding: 5px 0 7px 0;
 text-align: left;
}

#copyright {
 text-align: center;
 margin: 5px 0 0 0;
 color: #A9A9A9;
 font: 9px Verdana, Arial, Helvetica, sans-serif;
 clear: both;
}

#page_options {
 border-top: 1px solid #CCCCCC;
 margin: 10px 15px 6px 15px;
 padding: 5px 0 5px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 text-align: right;
}

#other_interest {
 border-top: 1px solid #CCCCCC;
 margin: 0px 15px 6px 15px;
 padding: 5px 0 5px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 text-align: left;
}

/************ headings ***************/
#header h1 {
 float: left;
}

/************ tables ***************/
#subtotal_heading { padding: 2px 0 2px 0; }
#shopping_cart p.subtotal { padding: 5px 0 5px 0; } 


#shopping_cart { padding: 20px 0 7px 0; }

#shopping_cart th {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 border-bottom: 1px solid #d9d9d9;
 border-top: 1px solid #d9d9d9;
 padding: 2px 0 2px 0;
 vertical-align: middle;
}

.bottom_border { border-bottom: 1px solid #d9d9d9; }
.right_border { border-right: 1px solid #cfcfcf; }
.subtotal { 
 background-color: #e0e0e0;
}

#shopping_cart th p.description {
 background-color: #e0e0e0;
 width: 124px;
 padding: 5px 0 5px 0px;
}

#shopping_cart th p.image {
 background-color: #e0e0e0;
 width: 124px;
 padding: 5px 0 5px 15px;
}

#shopping_cart th p.style {
 background-color: #e0e0e0;
 width: 105px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.colour {
 background-color: #e0e0e0;
 width: 100px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.size {
 background-color: #e0e0e0;
 width: 55px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.unitprice {
 background-color: #e0e0e0;
 width: 75px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.qty {
 background-color: #e0e0e0;
 width: 50px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.total {
 background-color: #e0e0e0;
 width: 80px;
 padding: 5px 0 5px 0px;
 text-align:center;
}

#shopping_cart th p.delete {
 background-color: #e0e0e0;
 width: 60px;
 padding: 5px 0 5px 0px;
 text-align:center;
}



/************ components ***************/
.active_process { border: 1px solid #FF0000; }

.page {
 margin: 0 0 0 0px;
 font-weight: bold;
}

#black_box {
 text-align: center;
 height: 635px;
 background-color: #000000;
 color: #A9A9A9;
 font: 12px Arial, Helvetica, sans-serif;
}

#black_box p {
 text-align: right;
 padding: 10px;
 margin: 200px 0 0 0px;
}

#black_box img {
 margin: 90px 0 0 0;
 border: none;
}

#header img {border: none; }



#merchandise {
 width: 26%; 
 float: right;
 margin: 12px 0 0 0; 
 border-left: 1px solid #5a5a5a;
 padding: 0 0 0 5px;
}

.padding {
 padding: 6px 0 0px 0;
}

#merchandise form {
 padding: 20px 0 0px 0;
}


#footer_navigation { 
 float: left;
 width: 50%;
}

#content table {
 margin: 3px 0 0 0;
}

#content table td {
 text-align: center;
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 0 0 12px 0;
}

#content table td p{ padding: 2px 0 0 0; }

.red { color: #FF4000; text-decoration: none; }

#shopping_buttons { margin: 0 15px 0 15px; }

/************ navigation ************/
#categories {
list-style-type: none;
margin: 7px 0 0 16px;
}

#categories li {
 padding: 3px 0 3px 0;
 width: 160px;
}

#categories li.border {
 border-bottom: 1px solid #eee;
}

#categories a {
 text-decoration: none;
 color: #d9d9d9;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #666666;
 letter-spacing: 5px;
}

#categories a:hover {
 color: #FF4000;
}

#navigation {
 margin: 88px 0 0 0;
 float: left; 
}

#navigation li {
 display: inline;
 padding: 0 0px 0 12px;
 
}

#navigation a {
 text-decoration: none;
 color: #d9d9d9;
 font: 10px Arial, Helvetica, sans-serif;
 font-weight: bold; 
}

#footer ul {
 display: inline;
}

#footer li {
 display: inline;
 padding: 0 0px 0 12px;
 
}

#footer a {
 text-decoration: none;
 color: #d9d9d9;
 font: 10px Arial, Helvetica, sans-serif;
 font-weight: bold; 
}

#footer img { border: none; }

a.page {
 text-decoration: none;
 color: #666666;
 font-weight: normal;
}

/************ forms ************/

.input { 
 border: 1px solid #5a5a5a;
 padding: 3px; 
 font: 11px Arial, Helvetica, sans-serif;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

span#breadcrumbs{
	font-family: Tahoma, Times, serif;
	float:left;
	width:448px;
	text-align:left;
	z-index:1;
	margin-left: 16px;
	margin-top: 4px;
	font-size: 11px;
	color: #666666;
}

#cartCrumb {
	font-family: Tahoma, Times, serif;
	float: left;
	text-align:left;
	z-index:1;
	margin-left: 120px;
	margin-top: 4px;
	font-size: 11px;
}

#cartCrumbText{
	text-align:left;
	z-index:1;
	float:left;

}