/**********************************************************************************************

	Main Sections in CSS:

	

	1.	BASIC ELEMENTS

		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.

	

	2.	LAYOUT

		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site

		

	3.	PAGE COMMON STYLES

		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc

	

	4.	PAGE SPECIFIC STYLES

		Define content styles that are specific to a particular page

	

***********************************************************************************************/





/* import core styles */

@import url(base.css);





/*------------------------------------------

// 1.BASIC ELEMENTS

//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.

//------------------------------------------*/



body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#393939; }

h1, h2, h3, h4, li, p, a{ line-height:1.2em;}





/*------------------------------------------

// 2.LAYOUT

//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site

//------------------------------------------*/

	

/*---- Container ----*/

div#container { width:960px; margin:0 auto; padding:0 10px; border:#231f20 10px solid; border-bottom:0; border-top:0; background:#FFF;  }



/*---- Header ----*/

div#header { background:url(../images/header/header-bg.jpg) 0 0 repeat-x; height:123px; margin-bottom:1px; padding:20px 25px 0 33px }



/*---- Navigation ----*/

div#navigation { background:url(../images/navigation/nav-bg.jpg) 0 0 repeat-x; height:45px;}



/*---- banner ----*/

div#banner{ padding-bottom:1px; border-bottom:#5d9732 2px solid; margin-bottom:5px;}



/*---- Content ----*/

div#content { padding-bottom:11px;}



/*---- Main ----*/

div#main { float:left; width:633px; padding-top:10px; padding-right:20px; }



/*---- Sidebar ----*/

div#sidebar { float:left; width:260px; margin-right:30px; }



/*---- Footer ----*/

div#footer{ background:#b7b88c url(../images/footer/footer-bg.jpg) 0 0 repeat-x; padding:24px 20px 20px 24px; margin:0 -10px; position:relative;}



/*--- span red ----*/

span.red {

	color:red;

}



/*------------------------------------------

// 3. PAGE COMMON STYLES

//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc

//------------------------------------------*/



/*---- Header - Logo ----*/

div#header div.logo{ float:left; width:211px;}

div#header div.logo h1 a{ position:relative; width:211px; height:98px; display:block; position:relative;}

div#header div.logo h1 a span  { position: absolute; top:0; left:0; background:url(../images/header/header-logo.jpg) 0 0 no-repeat; width:211px; height:98px; display:block; }



/*---- Header - partner ----*/

div#partner { float:right; padding-top:15px; margin-right:25px;}

div#partner a{ margin-right:3px;}



/*---- Header - contact-info ----*/

div#contact-info{ float:right; padding-top:20px;}

div#contact-info p{ background:url(../images/header/phone-icon.jpg) 0 0 no-repeat; padding-left:40px; line-height:29px; font-size:240%; font-weight:bold; color:#268155; margin:0 0 12px 25px;}

div#contact-info a{ font-size:180%; color:#268155; font-weight:bold;}

div#contact-info a.email { text-decoration:none; }

div#contact-info a.email:hover { text-decoration:underline; }





/*---- Navigation ----*/

div#navigation ul{ overflow:hidden;}

div#navigation ul li{ background:url(../images/navigation/nav-devider.jpg) 100% 0 no-repeat; padding-right:1px; float:left;}

div#navigation ul li.last{ background:none;}

div#navigation ul li.last a{ padding-right:54px;}

div#navigation ul li.first a{ padding-left:48px;}

div#navigation ul li a{ font-size:140%; font-weight:bold; color:#FFF; line-height:40px; height:40px; padding:0 25px; display:block; float:left; text-transform:capitalize; text-decoration:none;}



div#navigation ul li a.active,div#navigation ul li a:hover{ background:url(../images/navigation/nav-bg-hover.jpg) 0 0 repeat-x; text-decoration:none;}



/*---- box1 ----*/

div.box-1{ margin-bottom:10px;}

div.box-1 div.top{ background:url(../images/main/box-1.gif) 0 0 repeat-x; height:10px;}

div.box-1 div.top div.left{ background:url(../images/main/box-1.gif) 0 -11px no-repeat; height:10px;}

div.box-1 div.top div.right{ background:url(../images/main/box-1.gif) 100% -22px no-repeat; height:10px; line-height:10px;}



div.box-1 div.middle{ background:#4b7d25 url(../images/main/box-1-middle.jpg) 0 0 repeat-x;}

div.box-1 div.middle div.inner{ background:url(../images/sidebar/heading-bg.jpg) 0 0 repeat-x; padding:0 15px 1px;}



div.box-1 div.bottom{ background:url(../images/main/box-1.gif) 0 -33px repeat-x; height:10px;}

div.box-1 div.bottom div.left{ background:url(../images/main/box-1.gif) 0 -44px no-repeat; height:10px;}

div.box-1 div.bottom div.right{ background:url(../images/main/box-1.gif) 100% -55px no-repeat; height:10px;}



/*---- box-2 ----*/

div.box-2{ margin-bottom:10px;}

div.box-2 div.top{ background:#e6e7d7 url(../images/main/box-2.gif) 0 0 no-repeat; height:5px;}

div.box-2 div.top div.right{ background:url(../images/main/box-2.gif) 100% -6px no-repeat; height:5px; line-height:5px;}



div.box-2 div.middle{ background:#e6e7d7; padding:18px 0px 0px 22px;}



div.box-2 div.bottom{ background:#e6e7d7 url(../images/main/box-2.gif) 0 -12px no-repeat; height:5px;}

div.box-2 div.bottom div.right{ background:url(../images/main/box-2.gif) 100% -18px no-repeat; height:5px; line-height:5px;}



/*---- frame1----*/

span.frame-1{ display:block;}

span.frame-1 span{ display:block;}

span.frame-1 span.top{ background:url(../images/main/frame-1.jpg) 0 0 repeat-x; height:5px;} 

span.frame-1 span.top span.left{ background:url(../images/main/frame-1.jpg) 0 -6px no-repeat; height:5px;} 

span.frame-1 span.top span.right{ background:url(../images/main/frame-1.jpg) 100% -12px no-repeat; height:5px; line-height:5px;} 



span.frame-1 span.middle{ background:url(../images/main/frame-1-middle-left.jpg) 0 0 repeat-y;}

span.frame-1 span.middle span.right{ background:url(../images/main/frame-1-middle-right.jpg) 100% 0 repeat-y; padding:0 6px;}



span.frame-1 span.bottom{ background:url(../images/main/frame-1.jpg) 0 -30px repeat-x; height:5px;} 

span.frame-1 span.bottom span.left{ background:url(../images/main/frame-1.jpg) 0 -36px no-repeat; height:5px;} 

span.frame-1 span.bottom span.right{ background:url(../images/main/frame-1.jpg) 100% -45px no-repeat; height:5px;} 



/*---- frame2----*/

span.frame-2{ display:block;}

span.frame-2 span{ display:block;}

span.frame-2 span.top{ background:url(../images/main/frame-2.jpg) 0 0 repeat-x; height:5px; overflow:hidden;} 

span.frame-2 span.top span.left{ background:url(../images/main/frame-2.jpg) 0 -6px no-repeat; height:5px;} 

span.frame-2 span.top span.right{ background:url(../images/main/frame-2.jpg) 100% -12px no-repeat; height:5px; line-height:5px;} 



span.frame-2 span.middle{ background:url(../images/main/frame-2-middle-left.jpg) 0 0 repeat-y;}

span.frame-2 span.middle span.right{ background:url(../images/main/frame-2-middle-right.jpg) 100% 0 repeat-y; padding:1px 6px;}



span.frame-2 span.bottom{ background:url(../images/main/frame-2.jpg) 0 -18px repeat-x; height:5px; overflow:hidden;} 

span.frame-2 span.bottom span.left{ background:url(../images/main/frame-2.jpg) 0 -24px no-repeat; height:5px;} 

span.frame-2 span.bottom span.right{ background:url(../images/main/frame-2.jpg) 100% -24px no-repeat; height:5px;} 





/*---- Main -list1---*/

div#main ul.list1{ padding-top:9px;float:left; 
}

div#main ul.list1 li{ font-size:120%; color:#313131; background:url(../images/main/icon.gif) 0 5px no-repeat; padding-left:20px; 
width:176px; /*176*/

margin-bottom:11px; list-style:none;}

div#main ul.list1 li a{ 

	font-weight:bold;

	color:#313131; /*666666*/

	text-decoration:underline;}

div#main ul.list1 li a:hover { text-decoration:none; }

div#main div.box-2{ margin-bottom:29px;}





/*---- Main -list2---*/

div#main ul.list2{ padding-top:9px;}

div#main ul.list2 li{ font-size:120%; color:#313131;

/* background:url(../images/main/icon.gif) 0 5px no-repeat;  */

padding-left:10px;

float:left; 

width:290px; /*176*/

margin-bottom:11px; list-style:none;}

div#main ul.list2 li a{ 

	color:#313131; /*666666*/

	text-decoration:underline;

	font-weight:bold;}

div#main ul.list2 li a:hover { text-decoration:none; }







/*---- post ----*/

div.post h1{ font-size:180%; color:#005128; font-weight:normal; padding-bottom:10px; border-bottom:#b2b2b2 1px dashed; margin-bottom:15px;}

div.post h2{ font-size:180%; color:#005128; font-weight:normal; margin:31px 0 10px;}

div.post h3{ font-size:150%; color:#005128; font-weight:normal; margin-bottom:10px;}

div.post p{ 

font-size:130%; /**/

color:#313131; /*494949 666666*/

line-height:18px; margin-bottom:17px;}

div.post a { color:#666666; text-decoration:underline; }

div.post a:hover { text-decoration:none; }



div.post span.frame-1{ margin:0 0 8px 16px; width:282px;}

div.post span.frame-2{ margin-right:26px; 

width:370px; /*188*/
float:left
}



div.post ul { margin-bottom:15px;}

div.post ul li{font-size:120%; color:#666666; margin-bottom:2px; line-height:18px; list-style:disc; list-style-position:inside;}



div.post ol { margin-bottom:15px;}

div.post ol li{font-size:120%; color:#666666; margin-bottom:2px; line-height:18px; list-style:decimal; list-style-position:inside;}





/*---- Sidebar ----*/

div#sidebar h2{ font-size:150%; color:#FFF; margin-bottom:20px;}

div#sidebar h3{ font-size:120%; color:#FFF; margin-bottom:17px;}



div#sidebar div.box-1 form{ padding-left:5px;}

div#sidebar div.box-1 form label{ font-size:110%; font-weight:bold; line-height:18px; color:#FFF;}

div#sidebar div.box-1 form input.textbox{border:#01542a 1px solid; width:210px; padding:2px 3px 4px;  font-size:120%; color:#999999;}

div#sidebar div.box-1 form select.selectbox{border:#01542a 1px solid; width:100px; padding:3px; font-size:110%; color:#454b4e;}

div#sidebar div.box-1 form input.search{ background:url(../images/sidebar/search.jpg) 0 0 no-repeat; width:113px; height:31px; border:0; margin-top:7px; cursor:pointer; }



div#sidebar div.box-1 table tr td{ padding-bottom:15px;}

div#sidebar div.box-1 table tr td.last{ padding-bottom:9px;}



/*---- serach ----*/

div#sidebar div#search form label{ display:block;}



/*---- newsletter ----*/

div#newsletter div.middle{ background-position:left bottom;}

div#sidebar div#newsletter p{ margin-bottom:9px;}

div#sidebar div#newsletter form label{ font-size:120%;}

div#sidebar div#newsletter form input.textbox{ width:178px;}

div#sidebar div#newsletter form input.submit{ background:url(../images/sidebar/submit.jpg) 0 0 no-repeat; width:100px; height:28px; border:0; cursor:pointer; }



/*---- sidebar-Contact - Logo ----*/

div#contact div.inner{ padding-bottom:25px;}

div#contact div.logo{ background:url(../images/sidebar/border.jpg) 0 100% no-repeat; padding:0 0 10px 20px; text-align:center; margin-bottom:20px;}

div#contact div.logo h1 a{ position:relative; width:177px; height:84px; display:block; position:relative;}

div#contact div.logo h1 a span  { position: absolute; top:0; left:0; background:url(../images/sidebar/logo-1.jpg) 0 0 no-repeat; width:177px; height:84px; display:block; }



div#contact div.vcard{ padding-left:6px;}

div#contact div.vcard p{ font-size:120%; color:#FFF; line-height:20px;}

div#contact div.vcard p a{ color:#FFF; text-decoration:underline; }

div#contact div.vcard p a:hover { text-decoration:none; }



/*---- Footer ----*/

div#footer div.info{ float:left; width:530px;}

div#footer div.footer-nav { margin-bottom:8px; padding-top:5px;}

div#footer div.footer-nav ul li{ font-size:120%; color:#353334; padding:0 4px; line-height:20px; float:left;}

div#footer div.footer-nav ul li a{color:#353334; line-height:20px; text-decoration:none; }

div#footer div.footer-nav ul li a:hover { text-decoration:underline; }



div#footer p.copyright{ font-size:110%; color:#353334; padding-left:4px;}

div#footer p.copyright a{color:#004a25; text-decoration:none; }

div#footer p.copyright a:hover { text-decoration:underline; }



/*---- footer - Logo ----*/

div#footer div.logo{ float:right; width:120px;}

div#footer div.logo h1 a{ position:relative; width:119px; height:55px; display:block; position:relative;}

div#footer div.logo h1 a span  { position: absolute; top:0; left:0; background:url(../images/footer/footer-logo.gif) 0 0 no-repeat; width:119px; height:55px; display:block; }



/*---- twitter - Logo ----*/

div#footer div.twitter{ float:right; width:75px; margin-right:15px; border-right:#8aa75f 1px solid;}

div#footer div.twitter h1 a{ position:relative; width:58px; height:58px; display:block; text-indent:-3000px; }

div#footer div.twitter h1 a span  { position: absolute; top:0; left:0; background:url(../images/footer/twitter.gif) 0 0 no-repeat; width:58px; height:58px; display:block; }



/*---- facebook - Logo ----*/

div#footer div.facebook{ float:right; width:75px; margin-right:15px; border-right:#8aa75f 1px solid;}

div#footer div.facebook h1 a{ position:relative; width:58px; height:58px; display:block; text-indent:-3000px; }

div#footer div.facebook h1 a span  { position: absolute; top:0; left:0; background:url(../images/footer/facebook.gif) 0 0 no-repeat; width:58px; height:58px; display:block; }



#coupon{
	position:relative;
	margin-left:10px;
}

/*#coupon a{
	position:absolute;
	width:205px;
	height:29px;
	background:url(../images/content/button.gif) no-repeat;
	left:55px;
}

.top a{
	top:0;
}

.bottom a{
	bottom:0;
}*/