/* CSS Document 
*
*	@developer:		Jake Plummer
*	@designer:		Jake Mize
*	@date:			11/19/2009
*	@desc:			E-Commerce Frame Layout
*/

/********************************************************************************
			RESETS
********************************************************************************/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, strong, em, table, td { margin: 0; padding: 0;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
img { border: 0;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

body { background: url(../images/texture-bg.jpg) top center repeat-x #e5e1ca; /*#dbdfc8 url(../images/bg.jpg) repeat-y top center; url(../images/paper-bg.jpg) no-repeat center top fixed; */ font: normal normal 11px/1.5em Verdana, Geneva, sans-serif; color: #43433d;}
p { margin-bottom: 1.25em;}
h1 { font-style: italic; font-size: 28px; line-height: 28px; color: #000000; margin-bottom: 1em;}
h2 { font-style: italic; font-size: 22px; line-height: 22px; color: #000000; margin: 1em 0 0.5em;}
h3 { font-style: italic; font-size: 16px; line-height: 16px; color: #000000; margin-bottom: 0.5em;}
a { color: #2F92B0; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}
.float-right { float: right; display: inline; margin: 0 0 10px 10px;}
.clear { clear: both;}
.clearfix { display: block; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
.img-fix { font-size: 1px;} /* what do you know, a fix for IE!! this fixes the extra space created between an img and the element directly after it */

/********************************************************************************
			WRAPPERS
********************************************************************************/

#wrap {background: url(../images/header-bg.png) top center repeat-x; border-top: 7px solid #332921; overflow:hidden;}
#wrapper { width: 985px; margin: auto;}

.content { width: 960px; padding: 0px 0 0; margin: auto; }
#product-page .left-column { float: left; display: inline; width: 310px; margin-right: 40px;}
#product-page .right-column { float: right; display: inline; width: 610px;}
.content-page .left-column { float: left; display: inline; width: 620px; margin-right: 40px;}
.content-page .right-column { float: right; display: inline; width: 300px;}
.content-page .left-column h1 { font-size:14px; }
.content-page .left-column h1 span{ display:block; float:right; background:#40af70; padding-left:5px; padding-right:5px; color:#fff; font-style:normal;border:1px dashed #71b2b5; }
.content-page .left-column h1 span.red{ display:block; float:right; background:#DD0000; padding-left:5px; padding-right:5px; color:#fff; font-style:normal;border:1px dashed #71b2b5; }

/********************************************************************************
			HEADER
********************************************************************************/

#header { padding: 0px 0 10px; position: relative;}
#logo { float: left; display: inline; margin-left: 10px; margin-top:00px;}
#header-graphic { float: right; margin-right:10px; display: inline; background:url(../images/header-graphic.png) no-repeat; width:660px; height:85px; text-align:center; padding-top:25px;}
#menu 							{ margin-bottom:20px; padding:0px 0px 8px; list-style:none; color:#fff; line-height:20px; display:inline-block; 
								float:left; z-index:1000; background: #332921; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:12px; }
	#menu a 						{ color:#fff; text-decoration:none; }
	#menu > li 						{ background:#332921 none repeat scroll 0 0; cursor:pointer; float:left; position:relative; padding:0 10px; }
	#menu > li a:hover 				{ color:#0395CC; }

/* sub-menus*/
#menu ul 						{ padding:0; margin:0; display:block; display:inline; }
	#menu li ul 					{ position:absolute; left:0px; top:0; margin-top:20px; width:150px; line-height:16px; background-color:#332921; 
									color:#0395CC; /* for IE */ display:none; }
	#menu li:hover ul 				{ display:block; }
	#menu li ul li 					{ display:block; margin:5px 20px; padding: 5px 0; border-top: dotted 1px #606060; list-style-type:none; }
	#menu li ul li:first-child 		{ border-top: none; }
	#menu li ul li a 				{ display:block; color:#fff; }
	#menu li ul li a:hover 			{ color:#0395CC; }


/********************************************************************************
			MAIN NAVIGATION & SEARCH BOX
********************************************************************************/

/* -- main nav -- */
#main-nav-search-box { width: 985px; height: 98px; background: url(../images/main-nav-bg.png) no-repeat;}
#add { float:right; display:inline-block; margin-top:27px; margin-right:20px; background:url(../images/add.png) no-repeat top left;}
#add a {display:block; width:330px; height:44px; text-indent:-9999px; }
/* -- search box -- */
#searchform { float: left; display: inline; padding: 27px 0 0; width:400px; margin-left: 20px; position:relative;}
	#searchform label { float: left; font-size: 14px; line-height: 100%; color: #ffffff; text-transform: uppercase; padding: 15px 0; margin: 0 10px 0 0;}
	#searchform .corners { float: left; width: 360px; background: #e5dfc7; padding: 5px; margin: 3px 10px 0 0;}
		#searchform input { width: 354px; background: #fcf6db; border: 0; font-size:18px; padding: 5px 5px 4px 4px;}
	#searchform .submit { position:absolute; right:5px; top:5px; display: block; width: 34px; height: 30px; background: url(../images/search-go-button.png) no-repeat; padding: 0; margin: 0;}

/********************************************************************************
			GENERAL CONTENT
********************************************************************************/

.content ul { list-style: disc; margin: 0 0 1.25em 25px;}
img.float-right { border: #000000 solid 4px; margin-top: 4px;}
.content .callout { background: #000000; padding: 10px; font-style: italic; font-size: 20px; line-height: 135%; color: #188866; clear: both;}

/* -- contact us form -- */
#contact { width: 240px; background: url(../images/contact-us-repeat.png) repeat-y; padding: 0 30px 100px; color:#fcf6db;}
	#contact a {color:#55c7b6; }
	#contact span.name { display: block; font-style: italic; text-decoration:none; font-weight: bold; font-size: 17px; line-height: 100%; color: #ffffff; margin-bottom: 0.5em;}
	#contact span.name a:hover { display: block; font-style: italic; text-decoration:none; font-weight: bold; font-size: 17px; line-height: 100%; color: #ffffff; margin-bottom: 0.5em;}
	#contact p { color: #fcf6db;}
	#contact label { font-size: 14px; color: #fcf6db;}
	#contact label.error { font-style: normal; font-weight: normal; font-size: 9px; color: #fe0000; position: relative; top: 2px;}
	#contact .two-column { float: left; width: 115px;}
	#contact .two-column.margin-right { margin-right: 10px;}
		#contact .two-column .corners { width: 105px;}
	#contact .corners { background: #ffffff; height: 21px; border: 0; padding: 5px; margin: 5px 0 20px;}
	#contact .corners.last { margin: 5px 0 10px;}
	#contact #required { font-size: 9px; color: #2f92b0;}
	#contact h3 {color:#188866;}
	#contact a:hover {color:#fff; text-decoration:none;}
	#contact ul {list-style-type: none; margin:0; padding:0;}

/********************************************************************************
			MAIN PRODUCT PAGE
********************************************************************************/

.product-wrapper { float: left; display: inline-block; width: 220px; margin: 0 0 20px 20px;  position: relative;  overflow: auto | hidden; height:300px; } /* wraps all product info (image, info, price, sale tag) */
	.product-image-frame { width: 220px; height: 220px; text-align:center; background: url(../images/product-image-frame.png) no-repeat; line-height:220px; vertical-align:middle; display:table-cell;}
		.product-image-frame img { margin: 0px 0 0 0px; vertical-align:middle;} /* centers 190px x 190px image in 220px x 220px frame */
		.product-info { width: 214px; margin-left:4px; height: auto; background:#332921 url(../images/product-info-bg.png) no-repeat bottom center;
						font-weight: bold; font-size: 12px; padding-bottom:10px; line-height: 12px; color: #74ce73; text-align: center; margin-top: -0px;}
			.product-info h4 { display: inline; font-weight: normal; color: #ffffff; font-size:12px; padding:3px; line-height:16px;} /* product name is wrapped in h4 tag */
		.sale { position: absolute; left: -10px; top: 30px;} /* positions sale tag relative to .product-wrapper */
		.price { position: absolute; right: -10px; top: 180px; height:23px;  color:#fff; padding:5px; padding-top:2px; padding-left:10px; padding-right:10px; width:auto !important; font-weight:bold;background:url(../images/price.png) no-repeat bottom right;} /* positions sale tag relative to .product-wrapper */
		.price small { color:#ccc; }
/********************************************************************************
			SINGLE PRODUCT PAGE
********************************************************************************/

/* -- left-column -- */
#slider { border: #000000 solid 8px; padding: 2px; position: relative;}
#slider ul { list-style: none; margin: 0; padding: 0; font-size: 1px; line-height: 1px;}
#controls { width: 310px; height: 75px; background: url(../images/image-slider-bg.png) no-repeat; margin: 10px 0 20px;
			font-size: 16px; line-height: 75px; color: #ffffff; text-align: center;}
 	#controls li { display: inline; margin-right: 20px;}
	#controls li:last-child { border-right: none; padding-right: none;}
	#controls a { color: #ffffff; text-decoration: none;}
#additional-images ul { list-style: none; margin: 0; padding: 0;}
	#additional-images li { display: inline; margin-right: 10px;}
	#additional-images img { border: #000000 solid 3px;}

/* -- right-column -- */
h1 span { color: #188966;}
#product-availability { background: #000000; padding: 15px; margin-bottom: 10px;}
	#product-availability span { display: block; font-size: 19px; color: #ffffff; margin-bottom: 1em;}
	#product-availability p { font-style: italic; color: #ffffff; margin-bottom: 0;}
	#product-availability #bar-1 { height: 2px; background: #464646; border-left: #2f92b2 solid 250px; margin: 5px 0;}
	#product-availability #bar-2 { height: 2px; background: #464646; border-left: #2f92b2 solid 450px; margin: 5px 0;}
	#product-availability #bar-3 { height: 2px; background: #464646; border-left: #2f92b2 solid 175px; margin: 5px 0;}
	#product-availability #bar-4 { height: 2px; background: #464646; border-left: #2f92b2 solid 350px; margin: 5px 0;}
#add-to-cart .submit { display: block; width: 230px; height: 44px; background: url(../images/add-to-cart-button.png) no-repeat;
					   border: 0; padding: 0; margin: 0;}


/********************************************************************************
			SHOPPING CART PAGE
********************************************************************************/

/* -- cart titles section -- */
#cart-titles, #update-cart { width: 985px; height: 78px; background: url(../images/cart-section-bg.png) no-repeat;}
#cart-titles { font: normal normal 14px/78px Verdana, Geneva, sans-serif; color: #ffffff; text-transform: uppercase;}

/* -- cart item layout -- */
.item { float: left; display: inline; width: 455px; padding-left: 45px;}
.price { float: left; display: inline; width: 110px;}
.quantity { float: left; display: inline; width: 110px;}
.total { float: left; display: inline; width: 110px;}
.remove { float: left; display: inline; width: 110px; padding-right: 45px;}
#cart-items { width: 940px; margin: auto;}
	#cart-items .item { padding-left: 22px;}
	#cart-items .remove { padding-right: 23px;}
	#cart-items .item-info { border-bottom: #bcbaa6 solid 1px; padding: 15px 0;}
	#cart-items .item-info.last { border-bottom: none;}

/* -- cart item typography */
#cart-items .item-info  { font-size: 16px; line-height: 18px; color: #43433d;}
	#cart-items .item-info a { font-weight: bold; font-size: 12px; color: #a30000; text-transform: uppercase; text-decoration: none;}
#cart-items .quantity { position: relative; left: 30px;} /* this creates a "padding" effect without having to change the width of .quantity */

/* -- update cart section -- */
#update-cart { text-align: right;}
#update-cart a { font: normal bold 14px/78px Verdana, Geneva, sans-serif; color: #75cf73; text-transform: uppercase; text-decoration: none; padding-right: 45px;} 

/* -- checkout form -- */
#checkout { float: right; display: inline; text-align: right; margin: 0 45px 10px 0;}
	#checkout label { display: block; font-size: 16px; color: #43433d; margin: 15px 0;}
	#checkout input { width: 90px; border: #000000 solid 3px; padding: 10px 5px; margin-left: 10px;}
	 #checkout select { font-size: 16px; margin-left: 10px;}
	#checkout .total-price { float: right; display: inline; width: 175px; background: #000000; padding: 10px;}
		#checkout .total-price { font-size: 16px; color: #ffffff;}
		#checkout .total-price span { font-size: 23px; color: #73cc70; padding-left: 5px;}
	#checkout .submit { width: 150px; height: 44px; background: url(../images/checkout-button.png) no-repeat; border: 0; padding: 0; margin: 15px 0 0;}

/********************************************************************************
			FOOTER CATEGORIES
********************************************************************************/

#categories { width: 985px; height: 198px; background: url(../images/categories-bg.png) no-repeat;
			  font-size: 12px; line-height: 150%; color: #414141; margin: 30px 0 0; padding-bottom: 20px; clear: both;}
	#categories ul li.cat-item { float: left; display: inline; border-right: #212121 solid 1px; padding-right: 05px; margin: 40px 0 0 15px; width:220px; text-align:left;}
	#categories ul li.cat-item a {font-weight: normal; font-size: 16px; line-height: 105%; color: #2f92b0; text-align:right;}
	#categories ul.children li { float:none; display:block; border:none; margin-right:25px; margin:0; text-align:left;}
	#categories ul.children li.cat-item a{ font-weight: normal; font-size: 12px; color: #666; line-height:15px; }
		#categories #last { border: 0; padding-right: 0;}
	#categories h2 { font-weight: normal; font-size: 16px; line-height: 105%; color: #2f92b0; margin: 0;}
	#categories ul { margin: 5px 0 0 10px; line-height: 2em;}
		#categories a { color: #414141; text-decoration: none;}
		#categories a:hover { color: #2f92b0;}
		
/********************************************************************************
			FOOTER
********************************************************************************/
 
#footer { width: 960px; font: normal normal 12px/100% Helvetica, Arial, sans-serif; color: #000000; text-align: center; padding: 0; clear: both;}
	#secondary-nav { margin-bottom: 10px;}
		#secondary-nav li { display: inline; border-right: #000000 solid 1px; padding-right: 5px; margin-right: 5px;}
		#secondary-nav li#last { border: none;}
		#secondary-nav a { color: #000000; text-decoration: none;}
		#secondary-nav a:hover { text-decoration: underline;}
	#legal { font-size: 10px; line-height: 12px;}
	
/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

.clear-float:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-float { display: inline-block;}

/* Hides from IE-mac \*/

* html .clear-float { height: 1%;}

.clear-float { display: block;}

/* End hide from IE-mac */

/*-------------------------------
Tabs
-------------------------------*/
ul.tabs 							{ margin: 0; padding: 0; margin-left:12px; float: left; list-style: none; height: 34px; /*--Set height of tabs--*/
									border-bottom: 1px solid #c6c5c5; border-left: 1px solid #c6c5c5; width: 100%; font: bold 16px Helvetica, Arial, sans-serif; }
	ul.tabs li 							{ float: left; margin: 0; padding: 0; width: auto; height: 33px; /*--Subtract 1px from the height of the unordered list--*/ 
										line-height: 33px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #c6c5c5; border-left: none; 
										margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; 
										background: url(../images/tab.png) repeat-x bottom; text-align: center; }
	ul.tabs li a 						{ text-decoration: none; color: #333; display: block; font-size: 12px; padding: 0 20px; 
										/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/ 
										outline: none;/*	background: url(../img/tab.png);*/ text-transform: uppercase; }
	ul.tabs li a:hover 					{ background: url(../images/tab-over.png); }
html ul.tabs li.active, html ul.tabs li.current-cat, html ul.tabs li.current-cat:hover,  html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ 
														background: #f5f2e0; border-bottom: 1px solid #f5f2e0; border-right: 1px solid #b0aea1; /*--Makes the active tab look like it's connected with its content--*/ }

ul.tabs2 							{ margin: 0; padding: 0; margin-left:12px; float: left; list-style: none; height: 34px; /*--Set height of tabs--*/
									border-bottom: 1px solid #c6c5c5; border-left: 1px solid #c6c5c5; width: 100%; font: bold 16px Helvetica, Arial, sans-serif; }
	ul.tabs2 li 							{ float: left; margin: 0; padding: 0; width: auto; height: 33px; /*--Subtract 1px from the height of the unordered list--*/ 
										line-height: 33px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #c6c5c5; border-left: none; 
										margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; 
										background: url(../images/tab.png) repeat-x bottom; text-align: center; }
	ul.tabs2 li a 						{ text-decoration: none; color: #333; display: block; font-size: 12px; padding: 0 20px; 
										/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/ 
										outline: none;/*	background: url(../img/tab.png);*/ text-transform: uppercase; }
	ul.tabs2 li a:hover 					{ background: url(../images/tab-over.png); }
html ul.tabs2 li.active, html ul.tabs2 li.current-cat, html ul.tabs2 li.current-cat:hover,  html ul.tabs2 li.current-cat a:hover , html ul.tabs2 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ 
														background: #f5f2e0; border-bottom: 1px solid #f5f2e0;  /*--Makes the active tab look like it's connected with its content--*/ }

														
.tab_container 						{ border: 1px solid #c6c5c5; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; 
									background: url(../images/tab-cont.png) repeat-x top;  font-size: 1.2em; }
.tab_container2 						{ border: 1px solid #c6c5c5; border-top: none; overflow: hidden; margin-left:12px; clear: both; float: left; width: 100%; 
									background: url(../images/tab-cont.png) repeat-x top;  font-size: 1.2em; }
.tab_content 						{ padding: 20px; font-size: 1.2em; }

.editform { background: #f5f2e0; padding: 20px; width: 750px; margin:0;}
.editform .left_form {
float: left; padding-left:5px;
width:380px;
}
.editform .right_form { float: right; padding-right:5px; width:340px; }
.editform input.adfields { border: solid 1px #59A6B9; padding: 5px; margin-bottom: 10px; height:27px; }
.editform select { margin-bottom: 10px; padding: 5px; border: solid 1px #59A6B9; width:200px; }
.editform input.postit {border: 0px solid #ffffff; padding:5px; font-size: 17px; color: #ffffff; background: #069BC3; cursor: pointer; }
.editform label { display: block; margin: 5px 0 5px 0; }
.editform .small { display: block; width:180px; float:left;  }


.classform { background: #f5f2e0; padding: 20px; width: 940px; margin: 20px auto 0; border: 2px solid #b0aea1; }
.classform .adfields { border: solid 1px #59A6B9; padding: 5px; margin-bottom: 10px; }
.classform select { margin-bottom: 10px; padding: 5px; border: solid 1px #59A6B9; width:200px; }
.classform input.postit {border: solid #ffffff; padding:5px; font-size: 17px; color: #ffffff; background: #069BC3; cursor: pointer; }
input.lbutton { background:#e5dfc7;border:3px solid #fcf6db;font-weight:bold;color:#333;cursor:pointer;font-size:13px;padding:5px; padding-left:20px; padding-right:20px; margin-top:10px; }
.left_form { float: left; padding-left:25px; }
.right_form { float: right; padding-right:25px; max-width:400px; }
.right_form_confirm { float: right; width: 50%;}
.classform label { display: block; margin: 5px 0 5px 0; }
.mainleft {
width: 190px;
float:left;
border-right:1px dotted #b0aea1;
padding:20px;
padding-right:0px;
padding-left:20px;
}
.mainright {
width: 729px;
float:left;
background:transparent;
padding:20px;
padding-left:0px;

}
input.condiment{display:none}
input.report{float:right; width:89px; height:21px; background:url(../images/report.jpg) top center no-repeat; cursor:pointer; border:none}
input.report:hover{background:url(../images/report.jpg) bottom center no-repeat}
div#location{background:url(../images/house.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:left; display:block; font-weight:normal; text-transform:none; color:#fcf6db; font-family:'Trebuchet Ms','Arial','Verdana'}
div#phone{background:url(../images/phone.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:left; display:block; font-weight:normal; text-transform:none; color:#fcf6db; font-family:'Trebuchet Ms','Arial','Verdana'}
div#listed{background:url(../images/calendar.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; font-size:12px; float:left; display:block; font-weight:normal; text-transform:none; color:#fcf6db; font-family:'Trebuchet Ms','Arial','Verdana'}
div#expires{background:url(../images/hourglass.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:left; display:block; font-weight:normal; text-transform:none; color:#fcf6db; font-family:'Trebuchet Ms','Arial','Verdana'}
div#profile-link{background:url(../images/user.png) no-repeat scroll 0 60%; padding-left:20px; padding-right:5px; float:right; display:block; color:#fcf6db; }

.commentlist ol{margin:30px 0 20px 0; padding:0; list-style:none; border-bottom:1px solid #EEE}
.commentlist li{margin:0; padding:20px 20px 10px 20px; background:#EEE; float:none; border-bottom:1px solid #EEE}
.commentlist li ul li{border:1px solid #EEE}
.comment-text{margin:0; padding:0; width:60%; float:right}
.comment-author{margin:0; padding:0; width:35%; float:left}

.gravatar{margin:0; padding:0; width:58px; height:auto; background:url(../images/gravatar.jpg) no-repeat top center; float:left}
.gravatar img{padding:5px}

.author-info{margin:0 0 0 78px; padding:0; display:block}
.author-info p{margin:0 0 10px !important}
.author-website{margin:8px 0 6px 0; padding:0}

.comment-type{margin:0; padding:0; color:#97a2ad}
.commentlist li.alt{background:#FFF}

#respond {padding-top:30px;}
#calendar_wrap { padding:10px 0 20px 64px; }
.sidebar_box{padding-bottom:10px;}

.email_form h3 a{line-height:13px;}
.email_form h3 a:hover{text-decoration:underline}
.email_err{background-color:#C03; color:#FFF; text-align:center; font-weight:bold; font-size:13px; margin:10px 0; padding:5px 0; width:238px}
.email_ok{background-color:#6DA22E; color:#FFF; text-align:center; font-weight:bold; font-size:13px; margin:10px 0; padding:5px 0; width:238px}
.email_form{color:#fcf6db;}
.email_form a{font-size:17px; font-family:'Arial','Trebuchet MS','Verdana',sans-serif; background:url(default/email.png) 35px 3px no-repeat; font-weight:bold; display:block; text-decoration:none; text-align:left; color:#058EB3}
.email_form input{margin-bottom:5px; background-color:#DAF5FC; border:1px #005A7C solid; padding:2px 5px; width:228px}
.email_form textarea{margin-bottom:5px; background-color:#DAF5FC; border:1px #005A7C solid; padding:5px; width:228px; height:150px}
#email_form_data {padding:0 0 0px 0px;}
input.email_captcha{vertical-align:middle; width:30px; text-align:center; border:1px #DF0005 solid; padding:2px}
hr {
width:100%;
border-color:#fff;
}

.err a, .cant_post a { color: #333333; font-size:14px; font-weight:bold; }
.cant_post { width: 935px; text-align: center; background: #fcf6db; border: solid 2px #fff; margin: 10px auto 10px auto; color: #333333; }

ul.subcats {
list-style-type:none;
margin:0;
padding:0;
margin-left:-15px;
}
.subcats {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	
	}

	
.subcats  li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
.subcats  li a:link, .subcats li a:visited {
	color: #3688BA;
	display: block;
	background:  url(../images/menu2.gif);
	padding: 8px 0 0 30px;
	}
	
.subcats  li a:hover {
	color: #3688BA;
	background:  url(../images/menu2.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}
/* edit-ad tpl */


#edit-ad
{
text-align: left;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
font-size: 1em;
background:#eee;
}

#edit-ad caption a, #edit-ad caption a:hover
{
background: transparent;
}

#edit-ad th
{
font-weight: bold;
background:#332921;
color:#ddd;
}
#edit-ad tfoot
{
font-weight: bold;
background:#bbb;
padding:5px;
color:#ddd;
}

#edit-ad a
{
text-decoration: none;
display: block;
color: black;
}

#edit-ad td, #edit-ad th
{
text-align: left;  
padding:5px;
border-bottom:2px solid #ccc;
}

#edit-ad tbody td a
{
}
#edit-ad tbody td a:hover
{
text-decoration:underline;
}
#edit-ad tbody td#today a
{
text-decoration:none;
background-color: #5b8519;
color:#fff;
}

#edit-ad caption
{
letter-spacing: 0em;
font-weight: bold;
text-align: left;
font-size: 0.9em;
background:#5b8519;
color:#fff;
text-transform:Capitalize;
text-align:center;
}