/* Main content styles */

*
{
	font-family: Arial, sans-serif;	
}

body
{
	font-size: 14px;	
	padding: 0;
	margin: 0;
	/* Editable */
	color: Black;
	background: #cccccc;
}

h1, h2, h3, h4
{
	margin: 0 0 16px 0;
	font-weight: bold;		
}

table h2
{
	margin-bottom: 0;
	margin-top: 16px;
}

h1
{
	font-size: 22px;
}

h2
{
	font-size: 16px;
}

p
{
	margin: 0 0 16px 0;
}

p, li
{
	line-height: 140%;
}

img
{
	border: none;
}

a
{
	color: Blue;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	text-decoration: none;
}

p img
{
    vertical-align: middle;
}

/* Main page components */

#Container
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	/* Editable */
	/*border-color: #cccccc;
	background-color: white;*/
}

#Header
{
	clear: both;
	position: relative; /* Used to allow positioning of content */
	min-height: 50px;
	width: 100%;
	padding: 10px 0;
	border-style: solid;	
	border-width: 0 1px 1px 1px;	
	/* Editable */
	border-color: #000;	
	background-color: #fff;
}

#Content
{
	float: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;	
	width: 100%;
	padding: 10px 0;
	/* Editable */
	background-color: #fff;
	border-color: #000;	
}

#Footer
{
	clear: both;
	float: left;
	padding: 5px 0;
	margin-bottom: 10px;
	width: 100%;
	font-size: 11px;
	text-align: right;
	/* Editable */
	/*background-color: #fff;
	border-color: #000;	*/
}

#Footer p
{
	margin: 0 10px;
}

/* Header components */

#Header a
{
	text-decoration: none;
}

#Header .Logo
{
	margin-left: 10px;
}

#Header .Logo img
{
	vertical-align: bottom;
}

#Header .Search
{
	position: absolute;
	left: 480px;
	top: 40px;
	width: 468px;
	text-align: right;	
}

#Header .Search h2
{
	display: inline;
	padding-right: 5px;
	vertical-align: middle;
}

#Header .Navigation
{
	position: absolute;
	left: 380px;
	top: 10px;
	width: 568px;
	text-align: right;	
}

/*
#Header .Account
{
	position: absolute;
	left: 70%;
	width: 30%;
	top: 0;
}
*/

table th
{
	text-align: left;
}

table th,
table td
{
	padding-right: 20px;
}


/* Navigation components */



#Breadcrumbs
{
	font-size: 11px;
	margin-bottom: 16px;
}

#Breadcrumbs a
{
	text-decoration: none;
}

/* Department thumbnails */

.Departments
{
	clear: both;
}

.Department
{
	width: 178px;
	float: left;
	text-align: center;
}

.Department .Image
{
	height: 120px;
	line-height: 120px;
}

.Department .Image img
{
	vertical-align: middle;
}

.Department .Name
{
	height: 3em;
	padding: 4px 10px 0 10px;
	font-size: 14px;
}

.Department .Name a
{
	text-decoration: none;
}

/* Product thumbnails */

.Products 
{
	clear: both;
}

.Product
{
	width: 178px;
	float: left;	
	text-align: center;
}

.Product .Image
{
	height: 120px;
	line-height: 120px;
}

.Product .Image img
{
	vertical-align: middle;
}

.Product .Name
{
	height: 5em;
	padding: 4px 10px 0 10px;
	font-size: 14px;
}

.Product .Name a
{
	text-decoration: none;
}

/* Product table */

table.Products,
table.Invoices
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 8px;
	margin-top: 0;
	padding: 0;
}

table.Products th, table.Invoices th,
table.Products td, table.Invoices td
{
	border-top: 1px solid #bbbbbb;	
	border-bottom: 1px solid #bbbbbb;	
	padding-top: 5px;
	padding-bottom: 5px;
}

table.Products img
{
	vertical-align: middle;
}

table.Products td.Buttons
{
	white-space:nowrap;
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}

table.Products td.Name
{
	font-weight: bold;
}

table.Products tr.Line td
{
	padding-top: 8px;
}

input.Quantity
{
	width: 30px;
	text-align:center;
}


.Repeater
{
	clear: both;
	margin: 0;
}

.Repeater .Previous
{
	width: 14.9%;
	float: left;
	text-align: left;	
	margin: 0;
	padding-bottom: 8px;
}

.Repeater .Position
{
	width: 70%;
	float: left;
	text-align: center;	
	margin: 0;
	padding-bottom: 8px;
}

.Repeater .Next
{
	width: 14.9%;
	float: right;
	text-align: right;	
	margin: 0;
	padding-bottom: 8px;
}

.Next
{	
	text-align: right;
	margin-top: 5px;
}

.OutOfStock 
{
	color: Red;
}

.InStock
{
	color: Green;
	font-weight: bold;
}

.ProductDetails .Description
{
	width: 300px;
	float: left;
	margin-right: -300px;
}

.ProductDetails .Buy
{
	margin-left: 315px;		
}

.ProductDetails .Image
{
	width: 300px;
	text-align: center;
}

.ProductDetails .Enlarge
{
	text-align: center;
	margin-top: 4px;
}

.ProductDetails .Image img
{
	vertical-align: top;
}


/* Forms */

fieldset
{
	margin: 0 0 5px 0;
	padding-bottom: 10px;
}

/* Add 200px margin to the left of each form div */
fieldset div
{
	clear: both;
	margin-bottom: 12px;
	min-height: 12px;
	margin-left: 210px;
	margin-top: 12px;
	position: relative; /* Important overrides the 10px padding applied to all divs within content */
	padding: 0 !important;
}

/* Then offset the labels into the empty space */
fieldset label
{
	display: block;
	position: absolute;
	width: 190px;
	left: -215px;
	text-align: right;
	margin-top: 3px;
}

/* Then remove the margin from nested divs */
fieldset div div
{
	clear: none;
	margin: 0;
}
fieldset legend
{
	font-weight:bold;
	color:#000;
	font-size: 16px;
	padding: 0 2px;
}
/* This pushes the asterisks into their own column so field labels continue to line up */
fieldset label .Required
{
	position: absolute;
	left: 197px;
}

fieldset p
{
	margin-left: 10px;
	margin-right: 10px;
}

.BuyBox fieldset div
{
    	margin-left: 110px;

}

.BuyBox fieldset label
{
    width: 90px;
	left: -115px;

}

.Required, .Error
{
	color: #ff0000;
	font-weight: bold;
}

input.Medium
{
	width: 20em;
}

input, select, textarea
{
	font-size: 14px;
	font-weight: bold;
}

input.Text
{
	padding-left: 2px;	
	border-width: 1px;
	border: 1px solid black;
	vertical-align: middle;
}

input.Button
{
	width: auto;
	padding: 0 4px;
	font-weight: normal;
	vertical-align: middle;
	/*height: 10px;*/
}

input.Action
{
	font-weight: bold;
}

* html input { overflow: visible; }

#MatrixGrid table
{
	border-collapse: collapse;
	width: 100%;
}

#MatrixGrid th,
#MatrixGrid td
{
	border-top: 1px solid #bbbbbb;	
	border-bottom: 1px solid #bbbbbb;	
	padding-top: 5px;
	padding-bottom: 5px;
}

#MatrixGrid img
{
	
}

.Stock
{
	font-size: 11px;
	padding-right: 5px;
	display: inline-block;
	white-space: nowrap;
}

.Stock img
{
    vertical-align: bottom;
}

.CrossSell,
.Alternative
{
    padding-top: 25px;
}

.Delivery select
{
    width: 475px; 
}

input.Midi
{
    width: 75px;
}

.Login
{
	width: 48%;
	float: left;
	min-width: 425px;
}

.Login fieldset div
{
	margin-left: 125px;
}

.Intro
{
	width: 49%;
	float: right;
}

.Intro img
{
	float: right;
	padding: 0 5px 5px 5px;
}