﻿
/* Social Links  ------------------------------------------------------------------------------------------------------------------------------------------ Social Links */

.social_link,.social_link:link,.social_link:visited,.social_link:hover {	font-size: 11px;	color: #505050;		text-decoration: none; }
.social_holder	{	position: relative; float: left; width: 100%; padding-top: 10px; padding-top: 10px;	display:inline; }

.icons			{	border-top: solid 1px #E1E1E1; padding-top: 4px; position: relative; float: left; width: 100%; }
.social_left { float: left;	}
.social_right { float: right;	}

/* Text Box  ------------------------------------------------------------------------------------------------------------------------------------------ Text Box */

#TextBox  {	position: relative; float: left; width: 100%; display:inline;	}
	#TextBox h1	{	}
	#TextBox h2	{	padding-top: 0px; margin-top: 0px; color: #333333;	font-size: 24px; font-weight: bold; }
	#TextBox p 	{	line-height: 20px;	}
	#TextBox p.Ingress	{	color: #68675D; padding: 20px; background-color: #F5F3E9; border: solid 1px #E2E0D4;	}
	#TextBox .tb_main { padding-bottom: 10px;	}


/* News Box  ------------------------------------------------------------------------------------------------------------------------------------------ News Box */

#News  {	position: relative; float: left; width: 100%; display:inline; padding-bottom: 20px; 	}
	#News h1	{	padding-top: 0px; margin-top: 0px; color: #333333;	font-size: 24px; font-weight: bold; }
	#News #NewsItem {	 }
	#News #NewsItem	h2	{	padding-top: 0px; margin-top: 0px; color: #333333;	font-size: 16px; font-weight: bold; }
	#News #NewsItem	p 	{	line-height: 20px;	}
	#News #NewsItem	p.Ingress	{	color: #68675D; padding: 20px; background-color: #F5F3E9; border: solid 1px #E2E0D4;	}
	#News #NewsItem	p.Introduction	{	color: #68675D; padding: 20px; background-color: #F5F3E9; border: solid 1px #E2E0D4;	}
	#News #NewsItem	em.Date	{	font-size: 10px; }


/* Media Box  ------------------------------------------------------------------------------------------------------------------------------------------ Media Box */

#MediaBox  {	position: relative; float: left; width: 100%; display:inline; padding-bottom:20px;	}
	#MediaBox img	{	border: solid 0px #fff;	}

/* Gallery Box  ------------------------------------------------------------------------------------------------------------------------------------------ Gallery Box */

#GalleryBox  {	position: relative; float: left; width: 100%; display:inline; padding-bottom:20px;	}

/* GalleryBox2  ------------------------------------------------------------------------------------------------------------------------------------------ GalleryBox2 */

#GalleryBox2  { position: relative; float: left; width: 100%; display:inline; padding-bottom:20px;	}
	#GalleryBox2 #big_image_wrapper	{	margin-bottom: 5px; width: 428px; height: 321px; border: solid 1px #DDDDDD;	}
		#GalleryBox2 #big_image_wrapper .big_image	{}
			#GalleryBox2 #big_image_wrapper .big_image .gallery_image	{	width: 428px; height: 321px;	}
	#GalleryBox2 #thumbs	{}
		#GalleryBox2 #thumbs .thumb	{	position: relative; float: left; margin-right: 5px; cursor: pointer; border: solid 1px #DDDDDD;	}
			#GalleryBox2 #thumbs .thumb .dimmer	{ position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background-color: #FFFFFF; }
		#GalleryBox2 #thumbs .big_image_url	{	display: none;	}
		#GalleryBox2 #thumbs .x_big_image_url	{	display: none;	}
		#GalleryBox2 #thumbs .x_big_image_text	{	display: none;	}


/* Gallery Modal  ------------------------------------------------------------------------------------------------------------------------------------------ Gallery Modal */
.x_big_image	{	position: fixed; z-index: 2; cursor: pointer; background-color: #FFFFFF;	}
	.x_big_image img	{	padding: 5px 5px 0px 5px;	}
.x_big_image .x_big_image_display_text	{	margin-top: 3px; font-family: Arial; padding: 0px 5px 5px 5px;	}


/* RSSBox  ------------------------------------------------------------------------------------------------------------------------------------------ RSSBox */

#RSSBox  {	position: relative; float: left; width: 100%; display:inline; padding-bottom:20px;	}
	#RSSBox h1	{	color: #333333;	font-size: 18px; font-weight: bold;	}
	#RSSBox h2	{	color: #333333;	font-size: 12px; font-weight: bold;	}



/* Footer  ------------------------------------------------------------------------------------------------------------------------------------------ Footer */

#footer_holder  {	position: relative; float: left; width:100%; padding: 17px 0px 10px 0px; text-align: left; }
	#footer_holder p 	{	color: #68675D;	 margin: 0px; padding: 0px 10px 0 10px;	}
	#footer_holder p.Copyright	{	color: #68675D; font-weight: bold; }
	#footer .column_divider		{	float: left; background-color:#9EA374; width: 1px; height: 96px; font-size:1px; }
	#footer .column_middle		{	float: left; width: 205px; padding-right: 9px; padding-left: 10px; }
	#footer .column_left		{	float: left; width: 205px; padding-left: 10px; padding-right: 9px; }
	#footer .column_right		{	float: left; width: 205px; padding-left: 10px; padding-right: 10px; }



/* Exit ------------------------------------------------------------------------------------------------------------------------------------------ Exit */	

#Exit  {	position: relative; float: left; width: 100%; display:inline; padding-bottom:20px; 	}
	#Exit h1	{	color: #333333;	font-size: 24px;	font-weight: bold;	}
	#Exit p 	{	line-height: 20px;	}


/* Search ------------------------------------------------------------------------------------------------------------------------------------------ Exit */	

#Search  {	position: relative; float: left; width:100%; display:inline; 	}
	#Search h1	{	color: #333333;	font-size: 24px; font-weight: bold;	}
	#Search p 	{	line-height: 20px;	}
	#Search #Title {  }
	#Search #Main {  }


/* ContactBox ------------------------------------------------------------------------------------------------------------------------------------------ ContactBox */	

#ContactBox  {	position: relative; float: left; width: 100%; display:inline;  	}
	#ContactBox h2	{	padding-top: 0px; margin-top: 0px; color: #333333;	font-size: 24px; font-weight: bold;	}
	#ContactBox p 	{	line-height: 20px;	}
	#ContactBox em			{	 font-size: 11px; }
	#ContactBox em.success	{	 color: green;	}
	#ContactBox em.error		{	 color: red;	}
	#ContactBox #button { background-color: #fff; border: solid 1px #ccc; float: right; padding: 5px;}
	#ContactBox .form_textbox { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 265px; }
	#ContactBox .form_dropdown { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 276px; }
	#ContactBox .form_textarea { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 265px; height:200px; }


/* Tabtext ------------------------------------------------------------------------------------------------------------------------------------------ Tabtext */	

#TabTextBox  {	position: relative; float: left; width: 100%; padding-bottom:20px; display:inline;}
	#TabTextBox h2	{	color: #333333;	font-size: 24px; margin-top: 20px;	font-weight: bold;	}
	#TabTextBox p 	{	line-height: 20px;	}
	
	#TabTextBox .tabbed-menu { float: left; width: 100%; }
	#TabTextBox .tabs {	margin: 0; padding: 0;  }
	#TabTextBox .tabs li { float: left; list-style: none; }
	#TabTextBox .tabs li a { padding: 10px 10px 0px 0px;	font-weight: bold;	text-decoration: none;	color: #888;	}
	#TabTextBox .tabs li a:hover {color: #333; }
	#TabTextBox .tabs li a:focus { }
	#TabTextBox .tabs li a.active, .tabs li a.active:hover {	color: #333;}
			
/* StartBox ------------------------------------------------------------------------------------------------------------------------------------------ StartBox */	

#sb_top {	position: relative; float: left; width: 100%; height: 11px; background-image: url('../../Images/Modules/StartBox/bg_top.gif'); background-repeat: no-repeat; font-size:1px;	}
#sb_bottom {	position: relative; float: left; width: 100%; height: 11px; background-image: url('../../Images/Modules/StartBox/bg_bottom.gif'); background-repeat: no-repeat; padding-bottom: 20px; }

#StartBox  {	position: relative; float: left; width: 100%; background-image: url('../../Images/Modules/StartBox/bg_main.gif'); background-repeat: repeat-y; }
	#StartBox h2	{	margin-top: 20px; color: #333333;	font-size: 14px; line-height: 18px; font-weight: bold; }
	#StartBox p 	{	margin: 20px 0px 20px 0px; line-height: 20px; color: #6D6D6D;}
	#StartBox img	{	border: solid 1px #959595;	}
	#StartBox .column { position: relative; float: left; width:205px; padding: 0px 10px 10px 10px }

/* Teaser Box  ------------------------------------------------------------------------------------------------------------------------------------------ Teaser Box */

.TeaserBox  {text-align:left;	font-size:1px; padding-bottom:20px;	}

	.TeaserBox h2	{	padding-top: 10px; margin: 0px; color: #333333;	font-size: 16px; font-weight: bold; }
	.TeaserBox p 	{	font-size: 12px; line-height: 20px; margin: 0px; padding: 10px 0px 10px 0px;	}
	.TeaserBox img	{	border: solid 1px #959595; margin: 10px 0px 10px 0px;	}
	.TeaserBox a	{	font-size: 12px;	}
	.TeaserBox #tb_top	  {	background-image: url('../../Images/Modules/TeaserBox/bg_top.gif'); height: 10px;	}
	.TeaserBox #tb_main	  {	background-image: url('../../Images/Modules/TeaserBox/bg_main.gif'); background-repeat: repeat-y; padding:0px 20px 0px 20px; }
	.TeaserBox #tb_bottom {	background-image: url('../../Images/Modules/TeaserBox/bg_bottom.gif'); height: 10px; 	}
	

/* Register Mail  ------------------------------------------------------------------------------------------------------------------------------------------ Register Mail */

#Register  {	position: relative; float: left; width: 100%; display:inline; font-size:5px;	}
	#Register h2	{	padding-top: 10px; margin: 0px; color: #333333;	font-size: 16px; font-weight: bold; }
	#Register p 	{	font-size: 12px; line-height: 20px; margin: 0px; padding: 10px 0px 10px 0px;	}
	#Register img	{	border: solid 1px #959595; margin: 10px 0px 10px 0px;	}
	#Register a		{	 font-size: 12px;	}
	#Register a.remove		{	 font-size: 10px;	}
	#Register #r_top {	background-image: url('../../Images/Modules/RegisterMail/bg_top.gif'); background-repeat: no-repeat; height: 10px;	}
	#Register #r_main{	background-image: url('../../Images/Modules/RegisterMail/bg_main.gif'); background-repeat: repeat-y; padding:0px 20px 0px 20px; }
	#Register #r_bottom {	background-image: url('../../Images/Modules/RegisterMail/bg_bottom.gif'); background-repeat: no-repeat; height: 10px; 	}
	#Register #r_button { background-color: #fff; border: solid 1px #ccc; float: right; padding: 5px;}
	#Register .form_textbox { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 165px; }
	#Register .form_dropdown { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 176px; }
	#Register em			{	 font-size: 11px; }
	#Register em.success	{	 color: green;	}
	#Register em.error		{	 color: red;	}


/* Unregister ------------------------------------------------------------------------------------------------------------------------------------------ Unregister */	

#Unregister  {	position: relative; float: left; width: 100%; display:inline; padding-bottom:20px; 	}
	#Unregister h1	{	color: #333333;	font-size: 24px;	font-weight: bold;	}
	#Unregister p 	{	line-height: 20px;	}	
	#Unregister .form_textbox { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 400px; }
	#Unregister #button { background-color: #fff; border: solid 1px #ccc; float: left; padding: 5px;}
	#Unregister em			{	 font-size: 11px; }
	#Unregister em.success	{	 color: green;	}
	#Unregister em.error		{	 color: red;	}
	
/* Tellafriend ------------------------------------------------------------------------------------------------------------------------------------------ Tellafriend */	

#Tellafriend  {	margin-left: 20px; margin-right: 20px; margin-top: 20px; 	}
	#Tellafriend h1	{	color: #333333;	font-size: 20px;	font-weight: bold;	}
	#Tellafriend h2	{	color: #333333;	font-size: 14px;	font-weight: bold;	}
	#Tellafriend p 	{	line-height: 20px;	}	
	#Tellafriend .form_textbox { background-color: #fff; border: solid 1px #ccc; padding: 5px; width: 200px; }
	#Tellafriend .button { background-color: #fff; border: solid 1px #ccc; float: left; padding: 5px;}
	#Tellafriend em			{	 font-size: 11px; }
	#Tellafriend em.success	{	 color: green;	}
	#Tellafriend em.error		{	 color: red;	}
	
	
	
/* ProductBrowser Box  ------------------------------------------------------------------------------------------------------------------------------------------ Teaser Box */

#ProductBrowser {	 border: none; float:left; width:708px;	}
	#ProductBrowser .ProductBrowser_Title	{ font-family: Arial, Helvetica; padding-left: 16px; padding-top: 10px; margin: 0px; color: #415a68;	font-size: 16px; font-weight: bold; }
	#ProductBrowser .ProductBrowser_Header	{ font-family: Arial, Helvetica; padding-left: 16px; padding-top: 10px; margin: 0px; color: #333333;	font-size: 14px; font-weight: bold; }
	#ProductBrowser .ProductBrowser_Text 	{ font-family: Arial, Helvetica; padding-left: 0px; font-size: 12px; line-height: 20px; color: #6D6D6D; margin: 0px; }
	#ProductBrowser .ProductBrowser_Link	{ font-family: Arial, Helvetica; padding-left: 16px; padding-top: 10px; margin: 0px; color: #ffffff;	text-decoration: none;font-size: 14px; font-weight:normal; }
	#ProductBrowser #big_image_wrapper	{	margin-bottom: 5px; width: 428px; height: 321px; border: solid 1px #DDDDDD;	}
		#ProductBrowser #big_image_wrapper .big_image	{}
			#ProductBrowser #big_image_wrapper .big_image .gallery_image	{	width: 428px; height: 321px;	}
	#ProductBrowser #thumbs	{}
		#ProductBrowser #thumbs .thumb	{	position: relative; float: left; margin-right: 5px; cursor: pointer; border: solid 1px #DDDDDD;	}
			#ProductBrowser #thumbs .thumb .dimmer	{ position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background-color: #FFFFFF; }
		#ProductBrowser #thumbs .big_image_url	{	display: none;	}
		#ProductBrowser #thumbs .x_big_image_url	{	display: none;	}
		#ProductBrowser #thumbs .x_big_image_text	{	display: none;	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block; position: absolute; position: absolute; top: 0; left: 0; }
.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }
.fontResizer a:hover { color: #000; text-decoration: none; }

.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #EEEEF7; }