body {
	width: 964px;
	margin: 0px auto 0px auto;
	padding: 0px;
}







/* ###### LAYOUT ###### */

/* #### Heading #### */
div#header {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	
	background-image:url('/images/header_slice.gif');
	background-position: top;
	background-repeat: repeat-x;
}
img#collection_logo { 
	float: left;
	margin: 63px 0px 6px 0px; 
}
img#bartletts_logo {
	float: right;
	margin: 0px 0px 20px 0px;
}




/* #### Left Channel #### */
div#left_channel {
	float: left;
	width: 189px;
}

div#left_channel ul.menu {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	
	list-style: none;
	font-size: 1.08em;
	line-height: 1.38
}
div#left_channel ul.menu li {
	float: left;
	width: 157px;
	margin: 0px;
	padding: 0px 16px 0px 16px;
}
div#left_channel ul.menu li:hover,
div#left_channel ul.menu li.selected {
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
div#left_channel ul.menu li.selected { font-weight: bold; }
div#left_channel ul.menu li.title {
	padding: 5px 16px 4px 16px;
	margin-bottom: 9px;

	color: #ffffff;
	background-color: transparent;
	background-image: none;
}
div#left_channel ul.menu a {
	text-decoration: none;
}
div#left_channel ul.menu li.selected a,
div#left_channel ul.menu a:hover {
	text-decoration: underline;
}



/* #### Menus #### */
div#left_channel ul#main_menu {
	padding-top: 10px;
	background-color: #e3e6e7;
}
div#left_channel ul#main_menu a {
	color: #666666;
	background-color: #e3e6e7;
}
div#left_channel ul#main_menu li:hover,
div#left_channel ul#main_menu li.selected {
	background-image: url('/images/main_menu_selected.gif');
}

div#left_channel ul#product_type_menu,
div#left_channel ul#product_type_menu a {
	color: #0d59a4;
	background-color: #98c6f3;
}
div#left_channel ul#product_type_menu li:hover,
div#left_channel ul#product_type_menu li.selected {
	background-image: url('/images/product_type_menu_selected.gif');
}
div#left_channel ul#product_type_menu li.title {
	background-color: #589cdf;
	background-image: none;
}

div#left_channel ul#theme_menu,
div#left_channel ul#theme_menu a {
	color: #536b26;
	background-color: #cde6b5;
}
div#left_channel ul#theme_menu li:hover,
div#left_channel ul#theme_menu li.selected {
	background-image: url('/images/theme_menu_selected.gif');
}
div#left_channel ul#theme_menu li.title {
	background-color: #97b55e;
	background-image: none;
}


/* #### Left Search #### */
div#left_search {
	float: left;
	width: 169px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	
	background-color: #E3E6E7;
	background-image: url('/images/magnifying_glass.gif');
	background-position: right;
	background-repeat: no-repeat;
}
div#left_search table {
	padding-top: 5px;
}



/* #### Right Channel #### */
div#right_channel{
	float: right;
	width: 763px;
}



/* #### Footer #### */
div#footer {
	float: left;
	width: 964px;
	height: 50px;
	margin-top: 10px;
	
	background-image: url('/images/footer_bg.gif');
	background-repeat: no-repeat;
}






/* ###### SEARCH ###### { */
div#search {
	float: left;
	width: 392px;
	height: 45px;
	padding: 0px 0px 0px 371px;
	margin: 0px 0px 14px 0px;
	
	color: #666666;
	background-color: #e3e6e7;
	background-image: url('/images/magnifying_glass_small.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#search form {
	padding: 0px;
	margin: 13px 0px 0px 0px;
}
div#search h1,
div#search h2 { 
	margin: 0px 9px 0px 0px;
	
	color: #3d3d3d;
	background-color: #e3e6e7;
	
	font-size: 1.5em;
	font-weight: normal
}
div#search form input#search_keywords {
	width: 238px;
	margin: 0px 11px 0px 0px;
	font-size: 1em;
}
div#search form input#find_button {
	margin-left: 11px;
}
div#search form select { 
	font-size: 1em;
}
/* ###### } ###### */





/* ###### QUICK CART ###### { */
table#quick_cart { float: left; }

div#right_channel div.right table#quick_cart { width: 247px; }
div#left_channel table#quick_cart { width: 100%; margin-bottom: 10px; }
div#left_channel table#quick_cart tbody { background-color: #EFEFEF; }

table#quick_cart thead  {
	color: #ffffff;
	background-color: #7d7d7d;
	
	text-align: left;
	font-size: 1.08em;
	line-height: 1;
	font-weight: bold;
}
table#quick_cart thead th {
	padding: 7px 0px 6px 10px;
}
table#quick_cart tbody td {
	padding: 5px 6px 6px 10px;
	
	color: #000000;
	background-color: transparent;
	
	border-bottom: 1px solid #e3e6e7;
	
	font-size: 0.92em;
	line-height: 1;
	font-weight: normal;
}
table#quick_cart tbody td a {	
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
table#quick_cart tbody td a:hover {
	text-decoration: underline;
}
table#quick_cart tbody td.price {
	text-align: right;
}
table#quick_cart tbody tr.first_product td {
	padding-top: 19px;
}

table#quick_cart tbody tr.subtotal td {
	padding-top: 17px;
	padding-bottom: 17px;
	
	color: #589cdf;
	background-color: transparent;
	
	text-align: right;
	font-size: 1.18em;
	font-weight: bold;
}
table#quick_cart tbody tr.buttons td {
	padding: 3px 4px;
	
	color: #484848;
	background-color: #e3e6e7;
	
	text-align: right;
}
/* ###### } ###### */






/* ###### DISPLAY LISTS ###### { */
ul.display_list {
	float: right;
	width: 753px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	
	list-style: none;
}
ul.display_list h2 {
	margin: 0px;
}
ul.display_list h2 a {
	color: #3d3d3d;
	background-color: transparent;
	text-decoration: none;
}
ul.display_list h2 a:hover {
	text-decoration: underline;
}
ul.display_list li {
	margin-bottom: 20px;
}
ul.display_list p {
	margin: 2px 0px 2px 0px;
}
ul.display_list p.date {
	color: #0D59A4;
	background-color: #ffffff;
}
/* ###### } ###### */





/* ###### PRODUCT GRID ###### { */
ul#products_grid {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	
	list-style:none;
}
ul#products_grid li.grid_row {
	margin-bottom: 10px;
}
ul#products_grid li.grid_col {
	float: left;
	width: 180px;
	padding: 0px 0px 0px 11px;
	margin-bottom: 10px;
}
ul#products_grid li.grid_col_first {
	padding-left: 0px
}
ul#products_grid h2 {
	float: left;
	width: 160px;
	padding: 5px 10px 4px 10px;
	margin: 0px 0px 19px 0px;
	
	color: #ffffff;
	background-color: #7d7d7d;
	
	font-size: 1.08em;
	line-height: 1.3;
}
ul#products_grid h2 a {
	text-decoration: none;
	color: #ffffff;
	background-color: #7d7d7d;
}
ul#products_grid h2 a:hover { text-decoration: underline; }
ul#products_grid div.image {
	float: left;
	width: 100%;
	margin-bottom: 19px;
	
	text-align: center;
}
ul#products_grid div.title {
	float: left;
	width: 172px;
	padding: 4px;
	
	color: #589cdf;
	background-color: #e3e6e7;
}
ul#products_grid div.title h3 {
	float: left;
	width: 92px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-size: 1.08em;
	line-height: 1.25;
}
ul#products_grid div.title h3 a { text-decoration: none; }
ul#products_grid div.title img.button {
	float: right;
}
ul#products_grid div.content {
	float: left;
	width: 168px;
	padding: 0px 4px 0px 8px;
	margin: 1px 0px 0px 0px;
	
	color: #000000;
	background-color: #ffffff;
	
	font-size: 0.92em;
	line-height: 1.2;
}
ul#products_grid p.reference,
ul#products_grid p.size {
	font-weight: bold;
}
ul#products_grid p.reference { margin: 8px 0px 0px 0px; }
ul#products_grid p.size { margin: 5px 0px 5px 0px; }
/* ###### } ###### */






/* ###### SHOPPING CART ###### { */
table#cart {
	width: 100%;
}
table#cart td {
	padding: 4px;
}
table#cart thead tr th {
	padding: 5px 0px 4px 0px;
	color: #ffffff;
	background-color: #7D7D7D;
	
	font-weight: normal;
	font-size: 1.08em;
	line-height: 1.3em;
}

/* #### Cart Body #### */
table#cart tbody tr.row2 { background-color: #e8e8e8; }
table#cart tbody a {
	color: #000000;
	text-decoration: none;
} table#cart tbody a:hover { text-decoration: underline; }

table#cart tbody td.price {
	padding-right: 10px;
	text-align: right;
}
table#cart tbody td.quantity {
	width: 80px;

	text-align: center;
}
table#cart tbody td.subtotal {
	width: 80px;
	
	color: #589cdf;
	background-color: transparent;
	
	text-align: right;
	font-weight: bold;
}


/* #### Cart Footer #### */
table#cart tr.seperator td { padding: 0px; }
table#cart tr.seperator hr {
	height: 5px;
	margin: 0px;
	overflow: hidden;
	background-color: #cccccc;
	
	border: 0px;
}

table#cart tbody th { text-align: right; }

table#cart tbody tr.subtotal { font-size: 1.17em; }
table#cart tbody tr.subtotal td {
	color: #589cdf;
	background-color: #ffffff;
	
	font-weight: bold;
}

table#cart tbody tr.delivery { font-size: 1.17em; }

table#cart tbody tr.total { font-size: 1.33em; }
table#cart tbody tr.total th {
	color: #000000;
	background-color: #ffffff;
}
table#cart tbody tr.total td {
	color: #589cdf;
	background-color: #ffffff;
	
	font-weight: bold;
}
table#cart tr.buttons td { text-align: right; }
/* ###### } ###### */




/* ###### HTML FORM ###### { */
form table th.header {
	padding-top: 10px;
	
	color:#3D3D3D;
	background-color:transparent;
	
	font-size: 1.33em;
	font-weight: normal;
	line-height: 1em;
}
/* ###### } ###### */





/* ###### HOME PAGE ###### { */

/* #### Content #### */
div.home div.content {
	float: left;
	width: 476px;
	padding: 12px 14px 0px 15px;
	margin: 0px 0px 10px 0px;
	
	color: #666666;
	background-color: #e3e6e7;
}
div.home div.content h1 { margin: 0px; }
div.home div.content p { margin: 8px 0px 2px 0px; }



/* #### Snippet #### */
div.home div#snippet {
	float: right;
	width: 247px;
	margin-bottom: 10px;
}


/* #### Search From #### */
div.home div#search { 
	width: 334px; 
	height: 96px;
	padding: 0px 0px 0px 171px;
	margin: 0px 0px 10px 0px;
	
	background-image: url('/images/magnifying_glass.gif');
	background-position: 0px 0px;
}
div.home div#search h2 { 
	margin: 6px 0px 5px 0px;
}
div.home div#search input#search_keywords {
	margin: 0px;
}
div.home div#search form input#find_button {
	margin-left: 4px;
}
div.home div#search form select { 
	margin-top: 6px;
}


/* #### Products #### */
div.home ul#products_grid li.grid_col {
	width: 247px;
}
div.home ul#products_grid h2 {
	width: 227px;
}
div.home ul#products_grid div.title {
	width: 235px;
	padding-left: 8px;
}
div.home ul#products_grid div.title h3 {
	width: 173px;
}
div.home ul#products_grid div.content {
	width: 235px;
}
/* ###### } ###### */







/* ###### MANAGAED PAGE ###### */
div.managed div.content {
	float: right;
	width: 753px;
}







/* ###### CONTACT US ###### */
div.contact div.content {
	float: right;
	width: 753px;
}
div.contact div.left_content {
	float: left;
	width: 300px;
	padding: 0px 0px 0px 11px;
}
div.contact div.right_content {
	float: right;
}







/* ###### PRODUCT CATEGORY ###### */
div.product_category div.content {
	float: right;
	width: 753px;
}
div.product_category div#testimonial {
	margin: 0px 0px 21px 0px;
	
	color: #589cdf;
	background-color: #ffffff;
	
	font-size: 1.08em;
	font-style: italic;
}
div.product_category div#testimonial p {
	margin: 9px 0px 0px 0px;
	line-height: 1.4;
}
div.product_category div#testimonial p.author {
	margin: 2px 0px 0px 0px;
	font-size: 0.85em;
}






/* ###### PRODUCT DETAILS PAGE ###### */
div.product_details div#search { margin-bottom: 10px; }
div.product_details img#product_image {
	float: left;
	margin: 23px 0px 30px 0px;
}div.product_details div.left {
	float: left;
	width: 481px;
}
div.product_details div.right {
	float: right;
	width: 247px;
}
div.product_details div.content {
	float: right;
	width: 466px;
}
div.product_details h1 {
	margin-bottom: 6px;
}
div.product_details p.reference,
div.product_details p.size {
	color: #666666;
	background-color: #ffffff;
	
	font-size: 1.17em;
	font-weight: bold;
}
div.product_details p.reference { margin: 0px 0px 3px 0px; }
div.product_details p.size { margin: 0px 0px 5px 0px; }
div.product_details p.price {	
	margin: 20px 0px 23px 0px;
	
	color: #589cdf;
	background-color: #ffffff;
	
	font-size: 1.5em;
	line-height: 1;
}







/* ###### LINKS ###### */
div.links ul#links {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.links ul#links h2 {
	margin-bottom: 0;
}
div.links ul#links h2 a {
	color:#3D3D3D;
	background-color: #ffffff;
	text-decoration: none;
}
div.links ul#links h2 a:hover {
	text-decoration: underline;
}







/* ###### GENERIC STYLES ###### */
/* These styles come with some of the HTML classes I am using */
ul.grid_layout,
ul.grid_layout ul.grid_cols {
	float: left;
	margin: 0px;
	padding: 0px;
	
	list-style: none;
}
ul.grid_layout li.grid_row,
ul.grid_cols li.grid_col {
	float: left;
	list-style: none;
}