/*	Maxtrand CSS New Style/*

/*  Edited by NoMind, November 2007*/







/*  GENERAL

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



{

	margin: 0px;

	padding: 0px;

}



body {

	color: #563c30;

	font-size: medium;

      font:1em helvetiker,Optimer,sans-serif,Arial, Tahoma,Helvetica, Verdana,Lucida Sans Unicode,sans-serif;

	background-color: #eeeeee;

	/*background-image: url(cssimg/pat2.png);*/

      padding-top: 10px;

	margin: 0px;

}



	#container

	{

	width:760px; 

	margin-right: auto;

	margin-left: auto;

	padding-right: 13px;

	padding-left: 13px;

	padding-bottom: 0px;

    background-image: url(cssimg/0_main_bg.gif);

	background-repeat: repeat-y;





	}

	

									{outline:none;}

	img 								{border:none;}

	img.logo							{position:absolute; top:0;}

	p,ul								{margin-bottom:1em; line-height:1.4em;}

	h2

	{

	font:normal 0.9em "Optimer", Tahoma, Arial,Times, serif;

	color:#D20978; 

	padding-bottom:0.5em; 

	background:url(cssimg/h2_bg.gif) repeat-x;



	}

	h3									{font:italic .85em "Times New Roman", Times, serif; color:#666; margin-bottom:1em;}
    
	

	hr									{background:url(cssimg/h2_bg.gif) bottom repeat-x; border:0; color:#dbddd4; height:1px; margin:0 0 1em 0;}

	.clear								{clear:both;}

	.hrzrule							{height:1px; margin:1.3em 0; background:url(cssimg/h2_bg.gif) bottom repeat-x;}

	.hrzrule2							{height:1px; margin:1.3em 0 1.5em; background:url(cssimg/h2_bg.gif) bottom repeat-x;}

	.indent								{position:relative; left:60px;}

	.error								{color:red;}

	

	a.button 							{background:transparent url(cssimg/button_a.gif) no-repeat top right; display:block; float:left; height:21px; margin-right:6px; padding-right:8px; text-decoration:none; font-size:.7em; font-weight:bold; color:#fff;}

	a.button span						{background:transparent url(cssimg/button_span.gif) no-repeat top left; display:block; padding:3px 4px 4px 12px;} 

		

	.photo_left							{float:left; border:solid 3px #c5c2b6; margin:0 1em 1em 0;}

	.photo_right						{float:right; border:solid 3px #c5c2b6; margin:0 0 1em 1em;}





/*Header*/

#HeaderTop {

	background-image: url(cssimg/0_top_bg.gif);

	background-repeat: no-repeat;

	height: 10px;

	width: 786px;

	margin-right: auto;

	margin-left: auto;

	line-height: 10px;

	font: 0pt/0pt sans-serif;

}

#HeaderLogo {

	

	width: 760px;

	float: left;

	margin-bottom: 0px;

padding:0px;

}



/* flash */

#FlashArea {

float: left;



	 margin-bottom: 5px;

	 height:240px;  /* Added by NoMind*/

}



/* Header Nav Menus 

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

#HeaderMenu {width:760px;margin-bottom: 0px;}

#HeaderMenu ul {height:25px;background:#f5f5f5;list-style: none;text-indent: -9999px;padding: 0;margin: 0;line-height: 25px;}

#HeaderMenu li {float:left;display: inline;background:#f5f5f5;}

#HeaderMenu a {text-decoration: none;display: block;}

#HeaderMenu a:focus { outline: 0 !important; } 

#HeaderMenu li#MENU01 a {width: 148px;height: 25px;background-position: left top;background-image: url(cssimg/menu_01.gif);margin-right: 5px;}

#HeaderMenu li#MENU01 a:hover {background-position: left bottom;}

#HeaderMenu li#MENU02 a {width: 148px;height: 25px;background-position: left top;background-image: url(cssimg/menu_02.gif);margin-right: 5px;}

#HeaderMenu li#MENU02 a:hover {background-position: left bottom;}

#HeaderMenu li#MENU03 a {width: 148px;height: 25px;background-position: left top;background-image: url(cssimg/menu_03.gif);margin-right: 5px;}

#HeaderMenu li#MENU03 a:hover {background-position: left bottom;}

#HeaderMenu li#MENU04 a {width: 148px;height: 25px;background-position: left top;background-image: url(cssimg/menu_04.gif);margin-right: 5px;}

#HeaderMenu li#MENU04 a:hover {background-position: left bottom;}

#HeaderMenu li#MENU05 a {width: 148px;height: 25px;background-position: left top;background-image: url(cssimg/menu_05.gif);margin-right: 0px;}

#HeaderMenu li#MENU05 a:hover {background-position: left bottom;}





/*  SECONDARY

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



	#secondary							{width:760px; background:#f5f5f5;}

	#secondary p						{font-size:.75em;}

	#secondary a						{color:#563c30;}

	

	#secondary_content					{background:f5f5f5;padding:0px;  border-top:solid 3px #f5f5f5; margin:0 0px;}

	

	/******

    #secondary_left						{background-color: #F5F5F5; float:left; width:180px;}

	#secondary_left ul					{font-size:0.75em; list-style-type:none; padding-left: 5px; margin: 0;}

	#secondary_left li					

     {

      background:url(cssimg/h2_bg.gif) 

      bottom  repeat-x; 

      }

	

      #secondary_left a					{text-decoration:none; color:#563c30; font-weight:bold;  display:block;padding:0px; }

	#secondary_left a.current			{background:url(cssimg/arrow.gif) left no-repeat;}

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



/*showcase

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

#ShowCaseArea {

background-color: #F5F5F5; float:left; width:175px;padding-right:5px;

}
#box_header {
  height: 25px;
  float: left;
  width: 175px;
  background: url(cssimg/box_header.gif) no-repeat top;

}
#box_header h4 {
	
	font-weight: bold;
	font-size:12px;
	color:#D20978;
	padding-left:10px;
	margin-top:5px;
 }
 
#category_box {
	float: left;
	width: 165px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 15px;
	padding-bottom: 6px;
	background-color: #FFF;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
#box_bottom {
	width: 175px;
 	height: 15px;
	float: left;
	background-image: url(cssimg/box_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#ShowCaseArea ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}

#ShowCaseArea li {

	background-image: url(cssimg/0_left_dot.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	}



#ShowCaseArea a {

	font-family: Optimer, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #563c30;

	padding-top: 6px;

	padding-right: 3px;

	padding-bottom: 6px;

	padding-left: 5px;

	font-weight: bold;

}



#ShowCaseArea  h2	{font-size:1.2em; padding-left: 20px; padding-bottom:.6em;}



.ShowCaseIcon {

	margin-right: 6px;

	margin-left: 6px;



}

#Cart_Area {

	float: left;

	width:180px;

	

}


/******** Right Content Area Style*********/



	#secondary_right	

			{

                     background:#f5f5f5;

                     float:right; 

                     width:575px; 

                     padding-left:5px

                   }



	#secondary_right ol					{font-size:.9em; margin-left:1em;}

	





#secondary_right .info

{

 margin-left: 10px;

 margin-right: 5px; 

 margin-top: 0px;

 margin-bottom: 1em;

    

    

    font:normal 1em "Optimer", Tahoma, Arial,Times, serif;



    line-height:        18px;

    padding:            10px;



    background:         #F5F5F5;

}



#secondary_right h4

{

	font:normal 2em "Optimer", Tahoma, Arial,Times, serif;

    color: #0066ff;

    margin-left:20px;

    margin-top:0px;

    margin-bottom:2px;

    padding: 0;

}



#secondary_right h4.icon

{

    padding-left:           10px;

    margin-bottom:          3px;

    background: 			url("cssimg/h3_bg_icon_default.gif")  no-repeat;

    background-position:	0px 4px;

    font-size:              9px;

}



#secondary_right .text_list

{

 margin-left: 10px;

 margin-right: 5px; 

 margin-top: 0px;

 margin-bottom: 1em;



    padding:				0 0 0 10px;

    color:					#4F4F4F;

    background: 			url("cssimg/h4_bg_icon_default.gif")  no-repeat;

    background-position:	0px 3px;

    font:normal 0.9em "Lucida Sans Unicode", Tahoma, Arial,Times, serif;



}



#secondary_right h5.no_icon

{

    background:             none;

    padding-left:           0px;

}



#secondary_right .h6

{

    font-family:"Optimer", Tahoma, Arial,Times, serif;

    font-size: 18px;

    color: #FF0066;

    text-decoration: underline;

    margin-left:20px;

    margin-top:0px;

    margin-bottom:2px;

    padding: 0;

}

/* About us Box Style*/

#secondary_right .aboutbox {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(cssimg/about/body-r.gif) no-repeat bottom right;
	font-size: 120%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana,sans-serif;
	
}
#secondary_right .aboutboxhead {
	background: url(cssimg/about/head-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
#secondary_right .aboutboxhead h2 {
	background: url(cssimg/about/head-l.gif) no-repeat top left;
	margin: 0;
	font:normal 0.9em;
    /*color: #0066ff;*/
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	/*font-size: 1.2em; */
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
#secondary_right .aboutboxbody {
	background: url(cssimg/about/body-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	line-height: 1.5;
}

/***************End of About us box style*/


/*Contact Form box*/
#contactform { width: 354px; background: transparent url(cssimg/contact/contact_bottom.gif) no-repeat left bottom; padding: 0 0 26px; }
		#contactform form { background: transparent url(cssimg/contact/contact_top.gif) no-repeat 0 0; position: relative; padding: 22px 0 0; }
		#contactform h3 { text-indent: -9999px; background: transparent url(cssimg/contact/contact_us.jpg) no-repeat 0 0; width: 64px; height: 62px; position: absolute; top: 22px; left: 16px; }
		#contactform dl { background: transparent url(cssimg/contact/contact_bg.gif) repeat-y 0 0; padding: 0 0 0 117px; }
			#contactform dt { display: none; }
			#contactform dt#submit { display: block; position: relative; left: -5px; }
				#contactform dd input, #contactform dd textarea { width: 200px; padding: 0.3em 9px; margin: 0 0 1.5em; border: none; color: #000; font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif; line-height: 1.5; }
				#contactform dd input, #contactform dd textarea { background-color: white; }
				#contactform dd input.empty, #contactform dd textarea.empty { color: #666; }
				#contactform dd input.stillempty, #contactform dd textarea.stillempty { background-color: red; }
				#contactform dd input.filled, #contactform dd textarea.filled { color: #000; }



/**/

/*  NAV

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



	#topnav								{height:32px; float:center;}

	#topnav ul							{list-style-type:none; font-size:.7em; margin-left:110px;}

	#topnav li							{float:left;border-right:#6e855a solid 1px; margin-top:4px; font-weight:bold;;}

	#topnav a							{float:left; padding:6px 11px 8px 11px; color:#e8e4a4; text-decoration:none; border-right:#6e855a solid 1px; margin-top:4px; font-weight:bold;}

	#topnav a:hover						{background:#30431e;}

	#topnav a.current					{background:#192f06;}

	#topnav a.end						{border-left:#6e855a solid 1px;}









/*  FORMS

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



	#form								{width:400px;}

	#form label							{width:100px; font-size:.75em;}

	#form input							{color:#666; padding:2px; width:180px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;}

	#form select						{color:#666; padding:2px; width:192px; height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;}

	#form textarea						{color:#666; padding:2px; width:396px; height:80px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;}

	#form input.button					{width:67px; height:20px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0;}

	#form div.column1					{width:180px; float:left;}

	#form div.column2					{width:180px; float:right;}





/*  FOOTER

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



	#secondary_footer					{clear:both; position:relative; color:#a1aa95; font-size:.9em; height:8px;}

	#secondary_footer a				{color:#fff;}



	#secondary_footer_text				{position:absolute; top:25px; left:100px;}

	#secondary_footer_ext1				{position:absolute; top:-130px; left:-50px; width:50px; height:122px; }

	#secondary_footer_ext2				{position:absolute; top:8px; left:30px; width:162px; height:69px; }

	

	img.ehologo							{float:right; margin-right:145px;}

	p.footerwidth						{width:760px;}





/*Footer*/

#Footer {

width:786px;

	background-image: url(cssimg/0_footer_bg.gif);

	background-repeat: repeat-y;

	margin-right: auto;

	margin-left: auto;

	padding-top: 5px;

	padding-bottom: 5px;

    height:40px;

      }

#FooterLink { 

position:relative; 

float: left;       

}



#FooterLink {margin-top:5px; margin-left:35px;}

#FooterLink ul {list-style: none;margin-left: 0px; font-size:.8em; }

#FooterLink li {float:left;display: inline; margin-right:10px;}

#FooterLink a {float:left;color:#fff; text-decoration: underline; display: block;}

#FooterLink a:focus { outline: 0 !important; } 





#FooterLogo {

	float:right; margin-right:15px;margin-top:5px;

}

.FooterCopy {

	text-align: right;

}

	

#FooterBottom {

	background-image: url(cssimg/0_bottom_bg.gif);

	background-repeat: no-repeat;

	width: 786px;

	margin-right: auto;

	margin-left: auto;

	height: 7px;

	margin-bottom: 10px;

	font-size: 7px;

	line-height: 7px;

}



.round-a-red{

background:#cc0000 url(cssimg/round_red-left.png) left top no-repeat;

color:#FFFFFF;

text-align:center;

 font-family:"Lucida Sans Unicode", Tahoma, Arial,Times, serif;

    font-size: 14px;

}

.round-a-red div{

background:url(cssimg/round_red-right.png) right bottom no-repeat;

padding:4px;

}