﻿/* System class */
.ZoneDesignMode
{
	background-color: #b1deff;

	border-right: thin groove;
	border-top: thin groove;
	border-left: thin groove;
	border-bottom: thin groove;
}

.ZoneViewMode
{
	background-color: Transparent;
}

.ZoneHeader
{
	background-color: #6686ff;
	text-align: center;
}

.ContainerHeaderDesignMode
{
	background-color: #00eb66;
	border-top-style: groove;
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
	text-align: center;
}

.ContainerHeaderViewMode
{
}

/* Yahoo reset */

html{color:#000;background:#FFF;}
/*,ul,ol,li*/ body,div,dl,dt,dd ,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Yahoo reset */


/***************************************************************/
/****************          Common Blok       *******************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.Stretched
	{
		width:100%;	
		margin-left:0;
		margin-right:0;
	}
	.HorizontallyBlockAlignCenter
	{
		margin-left:auto;
		margin-right:auto;
	}
	.HorizontallyBlockAlignLeft
	{
		margin-left:0;
		margin-right:auto;
	}
	.HorizontallyBlockAlignRight
	{
		margin-left:auto;
		margin-right:0;
	}
	.VertycallyBlockAlignTop
	{
		margin-top:0;
		margin-bottom:auto;	
	}
	.VertycallyBlockAlignBottom
	{
		margin-top:auto;
		margin-bottom:0;	
	}
	.TextAlignCenter
	{
		text-align:center;		
	}
	.TextAlignLeft
	{
		text-align:left;
	}
	.TextAlignRight
	{
		text-align:right;	
	}
	.VerticallyContentAlignTop
	{
		vertical-align:top;
	}
	.VerticallyContentAlignBottom
	{
		vertical-align: bottom;
	}
	/* </Font Family> */
		.Verdana
		{
			font-family:Verdana;	
		}
		.Tahoma
		{
			font-family:Tahoma;	
		}
		.Arial
		{
			font-family:Arial;	
		}
	/* </Font Family> */
	
	/* <Font Size> */
		.FontSize8pt
		{
			font-size: 8pt;	
		}		
		
		.FontSize9pt
		{
			font-size: 9pt;	
		}
		
		.FontSize10pt
		{
			font-size:10pt;
		}
		
		.FontSize11pt
		{
			font-size:11pt;
		}
		
		.FontSize12pt
		{
			font-size:12pt;
		}
		
		.FontSize13pt
		{
			font-size:13pt;
		}
		
		.FontSize14pt
		{
			font-size:14pt;	
		}
		
		.FontSize15pt
		{
			font-size:15pt;	
		}
		
		.FontSize16pt
		{
			font-size:16pt;
		}
				
		.FontSize18pt
		{
			font-size: 18pt;	
		}
		.FontSize20pt
		{
			font-size: 20pt;	
		}
		.FontSize22pt
		{
			font-size: 22pt;	
		}
		.FontSize22pt
		{
			font-size: 24pt;	
		}
	/* </Font Size> */
	
	/* <Font Color> */
		.FontWhite
		{
			color: White;		
		}
	/* </Font Color> */
	
	/* < Font Weight> */
	.FontBold
	{
		font-weight:bolder;
	}
	/* </ Font Weight> */
	
	
	/* <Background Color> */
	.BackgroundTransparent
	{
		background-color:Transparent;		
	}
	/* </Background Color> */
	
	/* <  Text Align > */
	.TextAlignLeft
	{
		text-align: left;	
	}
	.TextAlignRight
	{
		text-align:	right;	
	}
	.TextAlignCenter
	{
		text-align: center;	
	}	
	/* </ Text Align > */	
/*-------------------------------------------------------------*/


.FckTitle
{
	color:#809ebe;
	font-family:Tahoma;
	font-size:12pt;
}

.FckLink
{
	color: #00a0de;
	font-family:Tahoma;
	font-size: 10pt;
	text-decoration: none;
}

.FckText
{
	color:#444444;
	font-family:Tahoma;
	font-size:10pt;
}

/*-------------------------------------------------------------*/

.SiteBody
{
	width: 100%;
}

.Header
{
	width: 100%;
}

.Header .NavBar
{
	padding-top: 15px;
	margin-left: 44px;
	width: auto;
	height: 18px;
}

.Header .NavBar .HomeButton
{
	height: 18px;
	width: 24px;
	background-image: url(images/header_button_home.gif);
}

.Header .NavBar .AtButton
{
	margin-left: 44px;
	height: 18px;
	width: 20px;
	background-image: url(images/header_button_at.gif);
}

.Header .NavBar .MapButton
{
	margin-left: 44px;
	height: 18px;
	width: 19px;
	background-image: url(images/header_button_map.gif);
}

.Header .NavBar .HomeButton:hover, .Header .NavBar .AtButton:hover, .Header .NavBar .MapButton:hover
{
	background-position: 0 -18px;
}

.Header .Image
{
	background-image: url(images/header_image.jpg);
	background-repeat: no-repeat;
	width: 327px;
	height: 199px;
	background-position: left top;
}

.Header .RightCell
{
	width: 100%;
	height: 199px;
	vertical-align: top;
	background-image: url(images/header_right_repeat.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}

.Header .RightCell .Cart
{
	height: 40px;
}

.Header .RightCell .Cart .CartArea
{
	width: 150px;
	height: 25px;
	background-color: #FFFDD8;
	margin-top: 13px;
	text-align: left;
}

.Header .RightCell .Cart .CartArea .CartTable
{
	width: 100%;
	height: 25px;
}

.Header .RightCell .Cart .CartArea .CartTable .Image
{
	width: 25px;
	height: 25px;
	background-image: url(images/cart_image.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.Header .RightCell .Cart .CartArea .CartTable .Text a
{
	width: 70px;
	color: Blue;
	text-align: right;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
}

.Header .RightCell .Cart .CartArea .CartTable .Count
{
	width: 100%;
	font-family: Arial;
	font-size: 10pt;
	text-align: left;
	margin-right: 30px;
	font-weight:bold;
}

.Header .Search
{
	height: 69px;
	vertical-align: top;
}

.Header .Search .SearchArea
{
	margin-right: 40px;
}

 .Header .Search .SearchArea .SearchTable
{
	width: 100%;
}

.Header .Search .SearchArea .SearchTable .TitleText
{
	text-align: left; 
	color: White;	
	font-family:Arial;
	font-size: 8pt;
}

.Header .Search .SearchArea .SearchTable .TextBox
{
	border: 2px solid #4D648C;
	width: 450px;
	height: 18px;
}

.Header .Search .SearchArea .SearchTable .Button
{
	display:block;
	width: 32px;
	height: 22px;
	background-image: url(images/search.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.Footer
{
	width: 100%;
}

.Footer .UpperLine
{
	height: 20px;
}

.Footer .UpperLine .Left
{
	width: 229px;
	height: 20px;
	background-image: url(images/footer_upper_left_image.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.Footer .UpperLine .Center
{
	height: 20px;
	background-image: url(images/footer_upper_repeat.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}
.Footer .UpperLine .Right
{
	width: 229px;
	height: 20px;
	background-image: url(images/footer_upper_right_image.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.Footer .LowerLine
{
	/*height: 94px;		*/
}

.Footer .LowerLine .Left
{
	width:310px;
	height: 94px;
	background-image: url(images/footer_lower_left_image.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.Footer .LowerLine .Center
{
	height: 94px;
	background-image: url(images/footer_lower_repeat.jpg);
	background-position: right top;
	background-repeat: repeat-x;
}
.Footer .LowerLine .Right
{
	width:	310px;
	height: 94px;
	background-image: url(images/footer_lower_right_image.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

.Footer .LowerLine .MediaLinkSpacing
{
	width: 200px;
	height: 37px;
}

.Footer .LowerLine .MediaLabel
{
	width: 73px;
	height: 38px;
	background-image:url(images/media_label.jpg); 
	cursor:pointer;
}

.Footer .LowerLine .InfoSpacer
{
	width: 20px;
	height: 48px;
}
 .Footer .LowerLine .Info
{
	font-family:Arial;
	font-size:8pt;
}

 .Footer .LowerLine .Info a
{
	color: #33B3E5;
}


 .Footer .Menu
{
	height: 47px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 12pt;
}

 .Header .Menu
{
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 10pt;
}

.Footer .Menu .ItemStyle,
.Header .Menu .ItemStyle
{
	color: #33B3E5;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px 2px 2px 2px;
}

.Footer .Menu .ItemStyle a:hover,
.Header .Menu .ItemStyle a:hover
{
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px 2px 2px 2px;
	background-color: #57779D;
	color: White;
}

.BackgroundMiddleZone
{
	background-position:bottom;
	background-repeat:repeat-x;
/*	background-image: url(images/background_middle_zone.jpg);		*/
}

.BackgroundLeftZone
{
	background-position:center center;
	background-repeat:repeat-x;
	background-image: url(images/background_left_zone.jpg);	
}

.BackgroundRightZone
{
	background-position:left top;
	background-repeat:repeat-x;
	background-image: url(images/categorylist_background.jpg);	
}

.ModuleCaptionColor
{
	color:#809ebe;
}

.ColoredLine
{
	background-color:#8ba9c3; 
	height:1px;
	display:block;
	margin-top: 15px;
	margin-bottom: 15px;
}

.BackgroundVerticalRepeat
{
	background-image:url(images/vertical_repeater.jpg); 
	background-repeat:repeat-y;
	height:373px;
}

.BackgroundAngle
{
	background-repeat:no-repeat; 
	height:5px;
	background-image:url(images/background_angle.jpg); 
}

.BackgroundHorizontalRepeat
{
	background-repeat:repeat-x; 
	height:5px;
	background-image:url(images/horizontal_repeater.jpg); 	
}
