/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

body {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	background-color:#FFFFFF;
	width:960px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	background:url(../images/background.jpg) #FFFFFF repeat-x;
	}
body.page-popup {
	width:auto;
}
#header {
	background-image:url(../images/header_back.jpg);
	background-position:right;
	background-repeat:repeat-y;
	position:relative;
	height:160px;
	background-color:#FFFFFF;
	border-bottom:7px solid #CC0000;
	}
#searchbar {
	color:#FFFFFF;
	background-color:#333333;
	border-top:1px solid #686868;
	border-bottom:1px solid #686868;
	text-align:right;
	white-space:nowrap;
	clear:both;
	height:30px;
	padding:3px;
	font-size:12px;
	}

#advancedSearch {
	float:left;
	}
#advancedSearch div {
	padding-left:20px;
	}

#container {
	background-image: url(../images/leftnav.jpg);
	background-repeat: repeat-y;
	font-size:0.8em;
	}
#container-one-column {
	font-size:0.8em;
	background-color:#FFFFFF;
	}
#container-two-column-right {
	font-size:0.8em;
}


#container2 {
	background-image: url(../images/rightnav.jpg);
	background-repeat: repeat-y;
	background-position: right;
	}
#container2-two-column-left {

}

/* for the left column */
#leftnav {
	float: left;
	width: 195px; /* must adjust the width based on the padding or margin */
	padding:10px;
	}
#leftnav .base-mini .head {
	background:#FFFFFF url(../images/leftnavheader.jpg) repeat-x scroll 0 0;
	margin:0;
	padding:3px 8px;
}
#leftnav .base-mini .head h4 {
	color:#FFFFFF;
	text-transform:lowercase;
}
#leftnav .base-mini .content, #leftnav .base-mini, #leftnav .base-mini ol {
	background-color:#E7F1F4;
}

/* the right column */
#rightnav {
	float: right;
	width: 195px;
	margin: 0;
	padding:10px 10px 0 15px;
	text-align:left;
	}

/* the main content */
#content {
	margin-left: 220px;
	margin-right: 220px;
	padding:10px 18px;
	background-color:#FFFFFF;
	}
#content-two-column-right {
	background-color:#FFFFFF;
	margin-right:220px;

}
#content-two-column-left {
	background-color:#FFFFFF;
	margin-left:220px;
	padding:10px;
}

#main {
	width:100%; /* some problems on the "my account" pages when width looked shit */
}

/* needed because IE5 and 5.5 will not tile the background to the bottom otherwise */
#cleardiv {
	clear: both;
	height: 1em;
	}

/* the footer of the page */
#footer {
	clear: both;
	padding-left:0.5em;
	padding-right:0.5em;
	border-top: 1px solid #333;
	text-align: right;
	background:#333 url(../images/embossed-logo.jpg) 20px 10px no-repeat;
	color:#686868;
	padding-left:150px;
	}

.footerListContainer {
	float:right;
	width:200px;
	text-align:left;
	padding:10px;
}
.footerListContainer h2 {
	color:#686868;
	border-bottom:1px solid #686868;
	font-size:1.2em;
	line-height:1em;
	font-weight:normal;
}

/* OVERRIDES */
h1#logo {
	margin:0;
	float:left;
}
/*
* styling the rest of the pages
*/

/* the searchbar */
#searchbar div {
}
#searchbar div ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding-top:5px;
	}
#searchbar div li {
	display:inline;
	margin:0pt 5px;
}
#searchbar div li a {
	color:#FFFFFF;
	font-size:1.2em;
	text-decoration:none;
}
#searchbar div li a:hover {
	text-decoration:underline;
	}
#searchbar form {
	color:#FFFFFF;
	float:left;
	font-size:1.3em;
	text-align:left;
	width:250px;
	padding-top:2px;
}
.searchbar-fieldset {
	background:transparent url(../images/mini_search_bg.gif) no-repeat scroll 0%;
	height:30px;
	padding:1px 0 0pt 40px;
}
.searchbar-fieldset .search-autocomplete {
	background:#F9F5F0 none repeat scroll 0%;
	border:0;
	left:-1px !important;
	top:21px !important;
}
/* END the searchbar */


/* the tabbed navigation for different websites */
#tabs {
	position:absolute;right:2px;bottom:0;width:100%;font-size:16px;
}
#tabs ul {
	margin:0;padding:0;list-style:none;
}
#tabs li {
	float:right;margin:0 2px;padding:0 10px 0 0;background:#CC0000 url(../images/door_right.gif) no-repeat top right;position:relative;top:11px;
}
#tabs li a {
	display:block;background:#CC0000 url(../images/door_left.gif) no-repeat top left;margin:0;padding:2px 5px 0px 15px;color:#FFFFFF;text-decoration:none;
}
#tabs li a:hover {
	text-decoration:underline;
}
#tabs li.focusedTab {
	background:#333333 url(../images/door_right_focus.gif) no-repeat top right;position:relative;top:8px;
}
#tabs li.focusedTab a {
	padding:8px 5px 3px 15px;
	background:#333333 url(../images/door_left_focus.gif) no-repeat top left;
}
/* END the tabbed navigation for different websites */


/* the right column */
#rightnav div.box {
	margin-bottom:10px;
}
#rightnav .base-mini {
	border:1px solid #484848;
}
#rightnav .base-mini .head {
	background:#686868 url(../images/rightnavheading.jpg) repeat-y scroll right center;
	/*border:1px solid #FFFFFF;*/
	margin:0;
	padding:2px 8px;
}
#rightnav .base-mini .head h4 {
	color:#FFFFFF;
	text-transform:lowercase;
}

/* END the right column */


/* the right column */
#leftnav div.box {
	margin-bottom:10px;
}
/* END the right column */


/* the footer */
#footer div.informational div {
	display:inline;
	}
#footer div.informational ul {
	display:inline;
	}
#footer div.informational ul li {
	display:inline;
	}
/* END the footer */

#contactForm #comment {
	width:400px !important;
}

/*
* breadcrumbs
*/
ul.breadcrumbs {
	text-align:left;
}

/*
* category pages
*/
.category-head {
	text-align:left;
}

/*
* category list 
*/
.layered-nav {
	text-align:left;
}


/*
* list in product descriptions
*/
.description-list {
	list-style-type:disc;
	margin-left:30px;
	line-height:normal;
}


/*
* One Page Checkout Progress Sidebar
*/
.one-page-checkout-progress h3 {
	color:#EEE;
}

/*
* Some changes to the invoice tables
*/
table.data-table div.cart-price {
	padding-right:0;
}

/*
* Customer testimonials
*/
#testimonials blockquote {
	background:#DDDDDD url(../images/quote-open.gif) no-repeat scroll 10px 12px;
	border:1px solid #686868;
	margin:20px 30px 0;
	padding-bottom:5px;
}

#testimonials blockquote p.quoteInner {
	background:transparent url(../images/quote-close.gif) no-repeat scroll 535px bottom;
	margin:0;
	padding:10px 85px 5px;
}

#testimonials blockquote span.quoteOwner {
	display:block;
	font-style:italic;
	margin-left:20px;
	margin-top:10px;
}
#testimonials blockquote p.response {
	margin:0;
	padding:10px 85px 5px;
	text-align:justify;
}

/*
* Glossary
*/
.glossary {
	border:1px solid #CCC;
	border-collapse:collapse;
}
.glossary thead th {
	background-color:#EDEDED;
	border:1px solid #CCC;
}
.glossary th, .glossary td {
	padding:3px;
	border:1px solid #CCC;
}

/*
* Homepage splash product
*/
#homepage_splash {
	position:relative;
}


#homepage_splash h3 {
	float:right;
	color:#333;
	font-size:18px;
	padding:10px;
}
#homepage_splash h3 a {
	color:#333;
}

#homepage_splash #splash_description {
	width:270px;
	padding:10px;
	clear:right;
	float:right;
}
#homepage_splash .price-box {
	padding:10px;
	clear:right;
	float:right;
	text-align:center;
	width:270px;
}
#homepage_splash .price-box .price-excluding-tax .label, #homepage_splash .price-box .price-including-tax .label {
	color:#333 !important;
	font-size:150% !important;
}
#homepage_splash .price-box .price-excluding-tax .price, #homepage_splash .price-box .price-including-tax .price {
	font-size:150% !important;
}
#homepage_splash #buy_now_link {
	display:block;
	position:absolute;
	bottom:60px;
	right:10px;
	width:200px;
	height:50px;
	text-decoration:none;
}

.product-specs ul {
	list-style-type:disc;
	margin-left:30px;
}

/* for the Brands extension */
.brands {
	text-align:left;
}
.brands h4 {
	background-image:url(../images/bricks.png);
}
.brands .actions {
	text-align:right;
}