*
{ margin: 0;
  padding: 0;}

body
{ font-family: 'trebuchet ms', arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .80em;


 background: #E9E4C7 url(./images/webtreats_minty_green_pattern_14.jpg);
color: #555;}







p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;}

h1, h2, h3, h4, h5, h6 
{ color: #362C20;
  padding: 0 0 0 0;}

h1, h4
{ font: normal 175% "century gothic", arial;
  margin: 0 0 15px 0;
  padding: 5px 5px 5px 0;
  color: #444;}

h2, h5
{ padding: 0 0 0 0;
  font: normal 110% arial;
  text-transform: uppercase;
  letter-spacing: 0;}

h3, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: 0;
  padding: 0 0 0px 0;}

h4
{ color: #362C20;}

h5, h6
{ color: #129991;}



a, a:hover
{ border-bottom: 1px dotted;
  color: #444;
  outline: none;
  text-decoration: none;}

a:hover
{ border-bottom: 1px solid;
  color: black;}


blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;}

ul li
{ 
  margin: 0px 0px 6px 0px; 
  padding: 0px;}

ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;}



/*********** Banner *********/


#banner{
	/*margin-bottom:5px;*/

	background:transparent url(./images/panel.png) no-repeat 0 0;

}




#header, #logo, #naviarea, #panel, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#header
{ 

height: 152px;
  background: url(./images/header_back.png) repeat-x;}

#logo
{ 
  width: 870px;
  position: relative;
  height: 107px;}

#logo #logo_text 
{ position: absolute; 
  top: 10px;
  left: 0;}

#logo h1
{ font: normal 300% "century gothic", arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  letter-spacing: 0.1em;
  padding: 12px 0 0 26px;
  color: #FFF;
  margin: 0;}


/*********** NAVIGATION ***********/


#naviarea
{ width: 870px;
  height: 45px;
  padding-left: 5px;} 

ul#navilist
{ float: left;
  margin: 0;}

ul#navilist li
{ float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 14px;
  list-style: none;}

ul#navilist li a
{ letter-spacing: 0.1em;
  font-size: 105%;
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 8px 26px 5px 12px;
  text-align: center;
  color: #FFF;
  border: none;} 

ul#navilist li.tab_selected a
{ height: 22px;
  padding: 8px 26px 5px 12px;}

ul#navilist li.tab_selected
{ margin: 10px 0 0 0;
  background: url(./images/tabs.png) no-repeat 0 0px;}

ul#navilist li.tab_selected a
{ background: url(./images/tabs.png) no-repeat 100% 0px;
  color: #A2AB3B;}

ul#navilist li.tab_selected a:hover, ul#navilist li a:hover
{ color: #A2AB3B;}


/*********** BANNER **********/


#panel
{ width: 792px;
  height: 154px;
  border: 15px solid #E9E4C7;} 




/*********** CONTENT *********/


#site_content
{ width: 960px;
  overflow: hidden;
  background: #FFF ;
  padding-top: 20px;} 

#site_content_bottom
{ width: 960px;
  height: 5px;
  clear: both;
  background: url(./images/content_bottomorborder.png) repeat-x;}

.sidebar
{ float: right;
  height: 100px;
  width: 178px;
  margin-top:40px;
  padding: 20px 25px 15px 15px;}

.sidebar ul
{ border-top: 1px solid #D6D9C9;
  width: 178px; 
  padding-top: 4px; 
  margin: 4px 0px 30px 0px;}

.sidebar li
{ list-style: none; 
  padding: 0px 0px 4px 0px; 
  border-bottom: 1px solid #D6D9C9;}

.sidebar li a, .sidebar li a:hover
{ text-decoration: none; 
  padding: 0px 0px 0px 18px;
  display: block;
  background: transparent url(./images/arrow.png) no-repeat left center;
  color: #555;
  border: none;} 

.sidebar li a.selected, .sidebar li a:hover, .sidebar li a.selected:hover
{ background: transparent url(./images/arrow_select.png) no-repeat left center;} 




.sidebarLeft
{ float: right;
  width: 178px;
  margin-top:20px;
  padding: 20px 25px 15px 15px;}

.sidebarLeft ul
{ border-top: 1px solid #D6D9C9;
  width: 178px; 
  padding-top: 4px; 
  margin: 4px 0px 30px 0px;}

.sidebarLeft li
{ list-style: none; 
  padding: 0px 0px 4px 0px; 
  border-bottom: 1px solid #D6D9C9;}

.sidebarLeft li a, .sidebar li a:hover
{ text-decoration: none; 
  padding: 0px 0px 0px 18px;
  display: block;
  background: transparent url(./images/arrow.png) no-repeat left center;
  color: #555;
  border: none;} 

.sidebarLeft li a.selected, .sidebarLeft li a:hover, .sidebarLeft li a.selected:hover
{ background: transparent url(./images/arrow_select.png) no-repeat left center;} 









#content
{ text-align: left;
  padding-bottom: 20px;
  min-height:600px;
  }





/********* FOOTER *********/

#footer
{ width: 960px;
  height: 35px;
  padding: 18px 20px 4px 20px;
  text-align: center; 
  color: #444;}



/********* SEARCH RESULTS *********/
.city {

  
  margin:0px;
  padding:5px;
  padding-bottom:30px;
  margin:20px 10px 0px 10px;

 	} 

.corp_box1 { width: 500px;
  
  width: auto;
  background:#FFFFFF;
  margin:20px 10px 20px 10px;
  padding:5px;

  

	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}


.corp_box2{ width: 500px;
  
  width: auto;
  background: #FFFFFF;
  margin:0px 10px 0px 10px;
  padding:5px;



	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}



.product_box1 { width: 250px;
float:left;
  clear:none;
  width: 200px;
  background:#FFFFFF;
  margin:20px 10px 20px 10px;
  padding:5px;
}

.product_box2 { width: 250px;
  
    clear:none;
  float:right;
  width: 200px;
  background:#FFFFFF;
  margin:20px 10px 20px 10px;
  padding:5px;
}

/* used for the unordered list which shows products*/
.product_box { 


  background:#FFFFFF;
  margin:0px 0px 0px 0px;
  padding:5px;
}

/* used on index.php to show 2 products side by side*/
ul.product_box li
{  float:left;

	width:380px;
  margin: 0 0 0 0;
  margin-top: 7px;
  margin-bottom: 15px;
  padding: 0 0 0 0 0;
  list-style: none;
   }
   
/*used for floating images right*/   
.float_right{
	float: right;
	
	} 

.float_left{
	float: left;
	
	}   
   
/*used for the product text on index.php*/   
.index_product_text { 

  width:180px;
  background:#FFFFFF;
  margin:0px 0px 0px 0px;
  padding:0px;
  margin-left: 15px;
}


/*used for the product text on index.php to divide the two products*/   
.border_right { 
border-right: 1px solid #000000;
padding-right:15px;
}



/************ Shadow for boxes ****************/


.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}






/************ settings for administration  ****************/


#content_settings {
	
	margin: 10px 10px 10px 10px;
	
}


#content_shop {
	
	margin: 10px 10px 10px 10px;
	
}

#product_container {
	
	margin: 10px 10px 10px 10px;
	
}

#product_info {
	
	margin: 10px 10px 10px 10px;
	margin-left: 410px;
	
}



/*delete border around image links*/

A.without_u { text-decoration: none;
			  
				border: 0;
border: none;}

a img { text-decoration: none;
			  
				border: 0;
border: none;}

.pic_button {
	
	float:left;
	width:80px;
    height: 130px;

	font-size: 11px;
	font-style: italic;
    float:left;

padding:0 0;
border: 0px;

margin:0 0 0 0;

}

.pic_button a:hover{
	color: #444444;
	
	}

/* FORM Styles*/


#stylized #pic_submit {
	

	width:80px;
    height: 80px;

	font-size: 11px;
	font-style: italic;
 

padding:0 0 0 0;
text-decoration: none;
border: 0;

margin:0 0 0 0;

}

#stylized .without_u { text-decoration: none;
			  
				border: 0;
border: none;}

.clearer div { clear: both;}


/************ settings for shop category filter on index.php  ****************/

#shop_categories
{ width: 870px;
  height: 45px;
  padding-bottom: 20px;
  padding-left: 50px;} 

ul#shop_categories
{ float: left;
  margin: 0;}

ul#shop_categories li
{ float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 14px;
  
  list-style: none;
   }

ul#shop_categories li a
{ letter-spacing: 0.1em;
  font-size: 105%;
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 8px 26px 5px 12px;
  text-align: center;
  color: #FFFFD;
  border: none;
	} 

ul#shop_categories li.tab_selected a
{ height: 22px;
  padding: 8px 26px 5px 12px;}

ul#shop_categories li.tab_selected
{ margin: 10px 0 0 0;
  background: url(./images/tabs.png) no-repeat 0 0px;}

ul#shop_categories li.tab_selected a
{ background: url(./images/tabs.png) no-repeat 100% 0px;
  color: #A2AB3B;}

ul#shop_categories li.tab_selected a:hover, ul#shop_categories li a:hover
{ color: #A2AB3B;}



/************ settings for shop shop filter on index.php  ****************/

#shop_filter
{ width: 870px;
  height: 45px;
  padding-bottom: 15px;} 

ul#shop_filter
{ float: left;
  margin: 0;}

ul#shop_filter li
{ float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 14px;
  list-style: none;
   }

ul#shop_filter li a
{ letter-spacing: 0.1em;
  font-size: 105%;
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 8px 26px 5px 12px;
  text-align: center;
  color: #FFFFD;
  border: none;
	} 


ul#shop_filter li.tab_selected a:hover, ul#shop_filter li a:hover
{ color: #A2AB3B;}



/************ settings for product informations on addproduct.php  ****************/

#general_functions {
	

	width:420px;
    height: 160px;

	font-size: 11px;
	font-style: italic;
	
	margin: auto;
	padding-top: 20px;
	border: 1px solid #D6D9C9;

}

.pic_product_information {
	
	float:left;
	width:60px;
    height: 110px;
	

	font-size: 11px;
	font-style: italic;
    

}

.pic_product_information a:hover{
		color: black;
	}

/************ settings for product informations on showshop.php  ****************/
#other_products{
	border-style:dotted none dotted none; 
	border-color:#98bf21;
	border-width:1px;
	font-size: 11px;
	font-style: italic;
 }


 .pic_next_product {
	
	float:left;
	width:80px;
    height: 80px;
	margin-left:10px;
	font-size: 11px;
	font-style: italic;
    

}


.prod_info_left {
	
	display: inline-block;
	width: 110px;
	font-size: 12px;
	font-style: italic;
 }
 
 .prod_info_right {

	
	width:90px;


	font-size: 12px;
	font-style: italic;
 }
 
 
 

 
 
/*
#site_content
{ width: 875px;
  overflow: hidden;
  background: #FFF url(./images/site_content.png) repeat-y;
  padding-top: 20px;} 
*/


	
	
.shop_activated { 
  background: "green";}
 
/************ settings for product category filter on showshop.php  ****************/



#product_categories
{ width: 870px;
  height: 45px;

 } 

ul#product_categories
{
  margin: 0;
  padding-bottom: 15px;
  padding-left: 50px;
  padding-right: 50px;
  }

ul#product_categories li
{ float: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 14px;
  list-style: none;

   }

ul#product_categories li a
{     	letter-spacing:1px;
  font-size: 105%;
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 8px 26px 5px 12px;
  text-align: center;
  color: #FFFFD;
  border: none;
	} 

ul#product_categories li.tab_selected a
{ height: 22px;
  padding: 8px 26px 5px 12px;}

ul#product_categories li.tab_selected
{ margin: 10px 0 0 0;
  background: url(./images/tabs.png) no-repeat 0 0px;}

ul#product_categories li.tab_selected a
{ background: url(./images/tabs.png) no-repeat 100% 0px;
  color: #A2AB3B;}

ul#product_categories li.tab_selected a:hover, ul#product_categories li a:hover
{ color: #A2AB3B;}




/************ settings for showing shop pages on showshop.php  ****************/
#page_list {
	padding-top: 10px;
	padding-bottom: 10px;
}

#page_list h2, #unter_navi h2{
    text-indent: -9999px;
    height: 0;
}

#page_list ul  {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    height:20px;
	background-color:#F0F8FF ;        
}


#page_list ul li  {
			width:19%;
        	
        	float: left;
        	height:100%;
        	border-left: 1px white;
        	border-right: solid 1px #eee;
        	
}


#page_list ul li a:link, 
#page_list ul li a:visited,
#page_list ul li a:active {
    display: block; /*Links sind ueber gesamte breite der Liste anklickbar*/
    color: #5a6267; /*Dunkelgraue Schriftfarbe*/
    text-decoration: none; /*Loescht Unterstreichung der Links*/
    padding-top: 10px; /*Setzt einen Abstand unter den Links*/
    padding-bottom: 0px; /*Setzt einen Abstand unter den Links*/
    height:30px;

}




#page_list ul li a:hover, 
#page_list ul li a:focus
{
    color: #fff; 
    background-color: #4169E1;

}

#page_list ul li a#current {
    font-weight: bold;
    color: #fff;
}
/************ settings for showing shop data on showshop.php  ****************/

#opening_times{
width: 380px;

float: right;
padding-right:80px;

		}
		

 
 
  #canvasarea_showshop{


width:100%;

}

 
 #shop_banner{
 
 margin-bottom: 20px;
 
 }
 
#show_corp_box{ width: 500px;
  
  width: auto;
  background: #FFFFFF;
  margin:0px 10px 0px 10px;
  padding:5px;
  margin-top:20px;



	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}
 
 
.addproduct_corp_box{ width: 500px;
  
  width: auto;
  background: #FFFFFF;
  margin:0px 10px 0px 10px;
  padding:5px;
  margin-top:20px;



	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

} 
 
 /************ settings for google maps showshop.php  ****************/
 
 
 
 #canvasarea{

width: 420px;
height: 360px;
float: left;
}


#map_canvas { height: 415px;
width:400px; 
margin-left:20px;

float: left;
margin-bottom:30px;

	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}
/* This class is used to style the tooltip */
.tooltip{
	border:thin 1px #eee;
	background-color:#FFFBF0;
	padding:5px;



}


/*  VALIDATION */

.error_strings {
	

	color: #CD0000;
	width: 340px;
	margin-left: 20px;
	float: left;
	
	
	}


 /* CENTER STUFF */
 
 
 .center_style{
display: block;
float: none;
 	
margin-left: auto;   margin-right: auto;
}


 /* TOOLTIP STUFF */
 
 
 .tooltip_box{
max-width:600px; 
 	
}

.tooltip_box img {

    max-width: 100%;
}


 /* FIRST STEP STUFF */
 
 
  
 .first_steps_box{

margin: auto;
margin-bottom: 10px;

padding:14px;


}

 .orange_box{

border:solid 2px #FF6600;
background:#FFCC99;
}

 .green_box{

border:solid 2px #339900;
background:#CCFFCC;
}

 .blue_box{

    background: #EBF4FB;
    border: 2px solid #B7DDF2;
}

/* JCROP Image */


 .image_to_crop{


 	
}




/* create_account.php styles*/

.payment_box {
border:solid 2px #339900;
background:#CCFFCC;	
	
	display: block;
float: left;

height:100px;
width:140px;
 	

}


/******** General expressions  **************************/

.width100{
	
	width: 100%;
	
	}

.white_background{
	
	    background: white;
	
	}
	
	
	
/******** Index Search  **************************/	
.index_product_preview{
	
	
	width:20%;
	height:270px;
	float:left;
	display: block;
	margin-left: 90px;
	margin-bottom: 30px;
	overflow:hidden;
	
	}
	
	.left_spacer{
	
	margin-left: 100px;
	
	}
 
	.top_spacer{
	
	margin-top: 20px;
	
	} 
 
#besides_map{


	float:left;
	display: block;
	margin-left: 20px;
	

}


#turn_pages{
	
	height:50px;
	  padding-left: 250px;
	
	}
	
	#turn_pages li
{ float: left;
  margin: 10px 10px 0 0;
  padding: 2px;
  list-style: none;
  border: solid 1px;

   }
   
   
   
   
   
   
.gm-style-iw{
	width:100% !important;
	
	}