/*
Theme Name: Country Carts LLC
Theme URI: 
Description: 
Version: 1.0
Author: Robert Reynolds
Author URI: http://www.ecommercesteakhouse.com 
Tags:
*/

/*=====bof Browser Resets =======================================================*/

.clear-both{clear:both;}

/* Eric Meyer Reset Reloaded */
html, body, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px;}

/* Removes dotted line when focus */
:focus {  }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/*=====eof Browser Resets =======================================================*/

body				{background:#EBE7DE;}
.page-wrapper		{margin:10px auto 20px; width:960px;}

/*=====bof One Column Template=======================================================*/
.one-column-layout 							{background:#fff url(images/checkered.jpg) no-repeat top center;}
.one-column-layout .content					{padding:20px;}
/*=====eof One Column Template=======================================================*/

/*=====bof Two Column Template=======================================================*/
.two-column-layout-left 					{background:#fff url(images/checkered.jpg) no-repeat top center;}
.two-column-layout-left .content			{padding:20px; float:right; width:680px;}
.two-column-layout-left .left-sidebar		{width:200px; float:left; margin:20px;}

.two-column-layout-right 					{background:#fff url(images/checkered.jpg) no-repeat top center;}
.two-column-layout-right .content			{padding:20px; float:left; width:680px;}
.two-column-layout-right .right-sidebar		{width:200px; float:right; margin:20px;}
/*=====eof Two Column Template=======================================================*/

/*=====bof Three Column Template=====================================================*/
.three-column-layout 						{background:#fff url(images/checkered.jpg) no-repeat top center;}
.three-column-layout .content 				{padding:20px;}
.three-column-layout .left-sidebar			{}
.three-column-layout .right-sidebar			{}
/*=====eof Three Column Template=====================================================*/


/* Header */
.header				{}
.logo				{float:left; width:50%;}
.tagline			{float:right; width:50%;}
.tagline li			{list-style:none;}

.home-banner		{margin-bottom:20px;}

/* Footer */
.footer				{background:#fff url(images/checkered.jpg) no-repeat top center; padding:20px;}
.footer-menus		{}
.footer-menus div	{padding:10px; list-style:none; float:left; width:30%;}
.footer .tagline	{width:100%; float:none; margin:auto;}

/* Sidebar */
.left-sidebar li	{list-style:none;}
.right-sidebar li	{list-style:none;}

.menu {width:960px; background: url(images/menu/menu_div.png) top left no-repeat; height:49px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px; w\idth:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:160px;position:relative; height:49px;}
/* style the links for the top level */
.menu a, .menu a:visited {cursor:hand; display:block; font-size:16px; text-decoration:none; color:#fff; width:160px; height:49px;  background:url(images/menu/btn_default.png) top left no-repeat; text-align:center; line-height:29px; font-weight:bold;}
.menu span	{display:block; height:39px; padding-top:10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:160px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:160px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:-1px; width:160px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-160px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:url(images/menu/btn_over.png) top left no-repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:url(images/menu/btn_over.png) top left no-repeat;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* Content Pages */
.about			{}
.about p		{margin-bottom:10px; text-indent:10px;}

/* Category Pages */
.post-content	{width:580px; float:left; margin:0 0 20px 0;}
.post-image		{width:320px; float:right;}
.post			{margin:0 0 20px 0;}

/* Product Pages */
.post-title			{background:#ffff66; padding:5px; margin:10px 0 0; color:#000;}
	.post-title h1,
 	.post-title h2,
  	.post-title h3	{font-size:14px;}
	.post-title a	{color:#000; text-decoration:none;}
.page-content		{padding:10px 0;}
.page-content p		{padding:10px 0;}
.call-to-action		{background:#ffff66; padding:5px;}

.related-post				{margin:10px 0; vertical-align:top;}
.related-post li			{list-style:none; padding:5px 10px 5px 0;}
.related-left				{float:left; width:80px;}
.related-right				{float:right; width:480px;}

.odd				{background:#c0c0c0;}
.even				{background:#FFF;}

.technical-specs	{}
.specs-title		{background:#ffff66; border:1px solid #000; border-bottom:none; text-align:center; font-weight:bold; font-size:16px; padding:5px;}
.specs-table		{width:100%; border:1px solid #000;}
.specs-table td		{padding:5px; border:1px solid #000;}
.spec-label			{width:20%; vertical-align:top; border-right:1px solid #000;}
.spec-value			{width:80%; vertical-align:top;}

.tags				{padding:5px 0;}