/*	
	CSS for All Brands Service Center
	Wide Sky Designs Copyright designed 2009
    Based on YAML CSS Framework
*/


/* 
	Main Sections
=====================================================*/

body								{background: #301517 url(http://allbrandssewvac.com/images/template/bg.png); padding: 0; border-top: 8px #400B0A solid}
.page							{padding:  10px 0 0; margin-top: -8px}
#main 							{background: url(http://allbrandssewvac.com/images/template/bg-main.png) repeat-x}

/* 
	Secondary Sections
=====================================================*/
.vcard								{position: absolute; right: 20px; top: 20px; width: 190px; padding: 10px;}

.hlist								{background: url(http://allbrandssewvac.com/images/template/nav.gif) repeat-x 50%; border: none;}
.hlist ul,
.hlist ul li						{border: none;}
.hlist ul li a						{padding: .8em 1.3em; font-size:1.3em; font-weight: normal; color: #fff;background: url(http://allbrandssewvac.com/images/template/nav-spacer.gif) no-repeat 0 50%;}
.hlist ul li a:hover				{background: #940000 url(http://allbrandssewvac.com/images/template/nav.gif) repeat-x 0% 110%; color: #fff}
.hlist ul li a.active,
.hlist ul li a.active:hover			{background: #fff url(http://allbrandssewvac.com/images/template/nav-hover.gif) repeat-x 0% 120%;
									 color: #000; font-weight: bold; top: 2px;}

.shoutout							{/*background-color: #DDD5D5;*/ margin-bottom: 30px; border: 1px #ddd solid}


/* 
	Links
=====================================================*/
a									{outline: none;}
a:link,
a:visited,
a:hover,
a:active							{color: #940000; text-decoration: underline;}
a:hover								{color: #700000;}
a img.featureimage,
a.featureimage						{/*border: 1px #ccc solid;*/ padding: 1px;}
ul.subnav li a						{text-decoration: none; font-size: 14px;}
/*a:hover img.featureimage
a.featureimage:hover 				{border: 1px #700000 solid;}*/

/* 
	Typography
=====================================================*/
h2#sitename							{width: 338px; height: 74px; overflow: hidden; position: relative; }
h2#sitename span					{display: block; position: absolute;width: 394px; height: 80px; 
									 background: url(http://allbrandssewvac.com/images/template/logo.gif) no-repeat;}
h2									{clear: left; padding-top: 20px;}									
#col3 h2							{clear: none;}
#col3 h2,
#col3 p								{padding: 5px 10px;}
#col3 p								{margin-bottom: 0; font-size: .9em; color: #554b44;}
#col3 h2							{font-size: 16px; color: #f1f1f1; letter-spacing: 2px; 
									 margin-bottom: 10px;text-align: center;background: #85756a;}									
									
p									{font-size: 14px;}
									
.products h2,
.products h3					{font-family: Arial;padding-top: 20px;}
.products h2 a,
.products h3 a					{font-size: 18px; color: #000; text-decoration: none;}									
.products h2 a:hover,
.products h3 a:hover			{text-decoration: underline;}
.categorytitle					{clear: both;}

/* 
	Forms
=====================================================*/
form.yform input#submit				{width: auto; border: 1px #85756a solid; cursor: pointer; margin: 0;}
form.yform	 						{background-color: inherit; padding: 0; border: none}
form.yform fieldset					{background-color: inherit;}
form.yform fieldset legend			{position: absolute; left: -99999px}
#col3 form.yform 				 	{background-color: inherit; border: none; padding: 0; margin: 0;}
#col3 form.yform div.type-text 		{margin: 0; padding: 0;}
#freeform input#email,
#freeform input#name,
#freeform input#capture,
#freeform textarea,
#col3 form.yform input#email		{width: 90%; margin: 0;}
textarea							{height: 12em}

/* 
	Products Table
=====================================================*/
.products							{width: 200px; padding: 10px; margin:2px; float: left; border: 1px #ccc solid; overflow: hidden;}
.products:hover						{border: 1px #ccc solid; background-color: rgba(204,204,204,.1)}
.products img						{border: none;}
.products td						{border: 1px #ccc solid;}
.products tbody tr:hover td			{background-color: #fff; cursor: pointer;}
.products td:hover					{border-color: #666;}


/* 
	Breadcrumbs
=====================================================*/
ul.breadcrumbs						{margin: 0;padding: 0; margin-bottom: 10px}
ul.breadcrumbs li					{display: inline; margin: 0;padding: 0}

/* 
	Pagination
=====================================================*/
div.pagination						{float: left; clear: both; width: 100%; margin: 10px 0 0}
p.resultsdata						{float: left;padding: 2px 0;}
ul.pagination						{display: block; float: right;}
ul.pagination li#li-close,
ul.pagination li#li-open 			{display: none;}
ul.pagination li					{list-style: none; float: left; }
ul.pagination li strong,
ul.pagination li a					{display: block; padding: 2px 4px;}
ul.pagination li a					{border: 1px #940000 solid; text-decoration: none;}		
ul.pagination li a:hover			{background: #940000; color: #fff;}

/* 
	Additional Elements
=====================================================*/
#header span						{color: inherit;}
.featureimage						{float: left; clear: none; margin: 0 10px 5px 0;}
#main ul							{list-style-position: inside}
ol.tips li							{margin-bottom: 10px}
.message							{font-weight: bold; border: 1px #009900 dashed; background: #ccffcc; padding: 0.5em;}
#col3 ul.subnav 					{margin: 0 0 0 5px; padding: 0;}
#col3 ul.subnav li					{list-style: none; padding: 4px 0 4px 5px;}
hr									{float: left; clear: both; width: 100%;}