/* CSS Document */

/* ----------------
	Colour Scheme
	
Dark Grey	#494949
Blue		#00529b
Green		#467e1b

---------------- */

body {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: #FFF url(../images/bg.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #494949;
	font-size: 12px;
	line-height: 18px;
	}

img, form {
	margin: 0;
	padding: 0;
	border: 0;
	}

a:link { color: #494949; text-decoration: none; }
a:visited { color: #494949; text-decoration: none; }
a:hover { color: #00529b; text-decoration: underline; }
a:active { color: #00529b; text-decoration: underline; }

:focus { outline: none; } /* prevents dotted outline around links in FF */

.Clear { clear: both; } /* clears floats */

#Container {
	width: 932px;
	margin: 0 auto 10px;
	}

/* ----------------
	HEADER
---------------- */

#Header 
{ 
	
}

#Header .Logo 
{ 
	float: left;
	margin: 18px 0 14px;
}

#Header .LogLinks li#signed_in
{
	margin-top: 3px;
	margin-right: 10px;
}

#Header .Links 
{
	float: right;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

#Header .LogLinks
{
	float: right;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: -25px;
}

#Header .Links li, #Header .LogLinks li
{
	float: left;
	margin-right: 25px;
}

/* icons */
#Header .Links li img, #Header .LogLinks li img
{
	margin: 2px 1px 2px 0; vertical-align: text-bottom; 
}

/* ----------------
	Images
---------------- */

#ImgTop, #ImgBottom { clear: both; }

/* ----------------
	Forms
---------------- */

select#country
{
	width: 275px;
}

/* ----------------
	Content
---------------- */

#Content 
{
	background: #FFF url(../images/content_bg.jpg) repeat-y left top;
	padding: 1px 28px 15px;
}

#Content a { color: #00529b; text-decoration: none; font-weight: bold; }
#Content a:hover { color: #00529b; text-decoration: underline; }
#Content a:active { color: #00529b; text-decoration: underline; }


/* headings */
h1 
{
	color: #467e1b;
	font-size: 30px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 16px;
}

h2 
{
	color: #00529b;
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 12px;
}

h3 
{
	color: #467e1b;
	font-size: 14px;
	font-weight: bold;
}

.LeftCol, .MiddleCol, #WholeContentArea 
{
	float: left;
} 

.RightCol
{
	float: right;
	background: url(../images/border2.jpg) repeat-y left top; /* divider line between middle & right cols */
	padding-left: 55px;
	padding-right: 20px;
	min-height: 335px;
	margin-top: 25px;
}

#OriginalLeftCol 
{
	width: 279px; 
}

#OriginalLeftCol img 
{
	display: block; /* so I don't have to wrap it in another div */
} 

.Guarantee 
{
	width: 233px;
	font-size: 10px;
	color: #9e9e9e;
	line-height: 12px;
	margin-top: 45px;
}

.Guarantee p 
{
	margin: 0 0 0 25px; 
}

#OriginalMiddleCol
{
	width: /*321px*/ 230px;
}

#OriginalMiddleCol h2 
{
	margin: 28px 0 0;
}

#OriginalMiddleCol p 
{
	font-size: 13px;
	text-align: justify;
}

#OriginalRightCol 
{
	width: 275px;
}

div.Offer 
{ 
	margin: 0 0 0 17px;
	background: url(../images/offer_bg.jpg) no-repeat left bottom; /* bottom part of the Offer bg - expands vertically */
	padding: 0 30px 18px 18px;
}

div.Offer h2 
{
	background: url(../images/offer_top.jpg) no-repeat left top; /* top part of the Offer bg */
	margin: 0 -30px 5px -18px; /* negative margins undo padding on container */
	padding: 12px 0 0 18px;
}

div.Offer ul 
{
	font-weight: bold;
	list-style: url(../images/bullet.gif);
}

div.Offer li 
{
	padding-bottom: 5px; 
}

div.Button
{
	text-align: center;
}

div.Button a img
{
 	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	margin-bottom: 6px;
}

#OriginalRightCol .Quote 
{
	margin-left: 29px; 
}

/* Inline Image Quotes by Natalie Downe - http://notes.natbat.net/2006/11/21/inineimagequotes/ */
#OriginalRightCol .Quote blockquote 
{ /* positions left quotation marks */
	padding-left: 25px;
	background: url(../images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	margin-right: 0;
	margin-left: 0;
}

#OriginalRightCol .Quote blockquote p 
{ /* positions right quotation marks*/
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(../images/quotes2.png); 
	background-position: bottom right;
	background-repeat: no-repeat;
	font-style: italic;
}

#OriginalRightCol .Quote blockquote p.Author 
{
	display: block;
	margin: 5px 0;
	background: url(none);
	text-align: right;
	font-style: normal;
	font-size: 11px;
}

#OriginalBottomSection 
{
	float: left;
	margin-top: 20px;
	width: 550px;
	/*top: -100px;
	position: relative;*/
}

#WholeContentArea
{
	width: 550px;
}

div.QuickView
{
	width: 275px;
}

/*-/-/-/-/- Shopping Cart List /-/-/-/-/-*/
table#ShoppingCart
{
	width: 550px;
}

table#ShoppingCart td, table#ShoppingCart th
{
	text-align: center;
	background: url(../images/bg2.jpg) repeat-x left;
}

table#ShoppingCart td.line
{
	height: 5px;
	background: url(../images/bg2.jpg) repeat-x bottom;
	font-size: 5px;
	line-height: 5px;
}

/*-/-/-/-/- Top Links /-/-/-/-/-*/
div#top_links
{
	float: right;
	width: 600px;
	padding-top: 90px;
}

div#top_links div.container
{
	float: right;
	padding-left: 10px;
}

div#top_links div.container div
{
	float: left;
}

div#top_links div#contact_us_top_link
{
	background: url(../images/icon_support.gif) no-repeat left top; /* divider line between middle & right cols */
	width: 15px;
}

div#top_links div#home_top_link
{
	background: url(../images/icon_home.gif) no-repeat left top; /* divider line between middle & right cols */
	width: 15px;
}

div#top_links div#shopping_cart_top_link
{
	background: url(../images/icon_cart.gif) no-repeat left top; /* divider line between middle & right cols */
	width: 15px;
}

/*-/-/-/-/- Default Land Table /-/-/-/-/-*/
table#product_table
{
	width: 100%;
}

table#product_table .quickview_cell
{
	width: 275px;
}

/*-/-/-/-/- Products /-/-/-/-/-*/

img.block_picture
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/*-/-/-/-/- Registration /-/-/-/-/-*/
.form_error { color: red; }

table#PhoneNumberTable input
{
	display: inline;
	margin: 0px;
}