@charset "utf-8";
/* CSS Document */

html{
	font-size:75%;
	height:100%;
}
body{
	margin:0;
	padding:0;
	background:#ebf8fe url(../img/backgrounds/main_bg.png) repeat-x left 0;
	/*background:#ffffff repeat-x left 0;*/
	height:100%;
	position:relative;
	min-width:990px;
	font: normal 1em/1.3 Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}
form{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6, p{
	margin: 0;
	padding:0;
}

h2{	font-size: 16pt; }
h3{	font-size: 14pt; }
h4{	font-size: 11pt; }
table{border-collapse:collapse;}
table td{vertical-align:top;}


a{
	color:#045dc3;
}
a:hover{
	color:#0093d0;
}
a img{
	border:0;
}

#Page{
	margin: 0 auto;
	position:relative;
	min-height:100%;
	max-width:990px;
	background:white url(../img/backgrounds/bg3.jpg) no-repeat right bottom;
	border-bottom:1px solid white;
}
#Header{
	height:94px;
	background:url(../img/backgrounds/header_bg.jpg) no-repeat center top;
	position:relative;
	z-index:100;
}
#Header h1{position:absolute; left:50%; margin-left:-190px; top:31px;}
#Main{ 
	padding:75px 0 0;
	margin-bottom:64px !important;
	position:relative;
	z-index:70;
	min-height:400px;
	overflow:hidden;
	width:100%;
}

h2#Slogan{position:absolute; right:1.5em; top:1em; 	font-weight:normal;}
h3#Title{font-size:13px; text-transform:uppercase; padding-left:2em;}
p#text_IntroText,div#text_IntroText{position:absolute; right:.25em; margin:0; padding:0 2em; text-align:right;}

#Main ._content{padding: 0 0em}/*24*/
#Main .colSet .columnLeft{
	margin-right:210px;
	padding-top:0em;
}
#Main .colSet .columnRight{
	float:right;
	width:184px;
	padding-top:0em;
	top:20px;
	*padding-top:3em;
}

#Main .sim {padding: 2em 2em 0 2em}

#preFooter{min-height:82px; position:relative;}
#preFooter .map_controls{position:absolute; left:50%; top:.5em; margin-left:-150px; width:300px;}
#preFooter .map_controls #btn1{position:absolute; top:0; left:0;}
#preFooter .map_controls #btn2{position:absolute; top:0; right:0;}


.page1{margin: 10px 20px 0 0; background:none !important;}
.page1 #Main{margin: 0; background:url(../img/backgrounds/bg1.jpg) no-repeat 20px 0px !important;}/*24*/
.page1 #Main #text_IntroText{
	position:absolute;
	right:23px; top:70px;
	text-align:right;
	width:280px;
	font-size:11px;
	line-height:1.5em;
	margin:0;
	padding:0;
	color:#000;}
.page1 #Main ._content{margin-left:0px;}/*24*/
.page1 #Main h2#Slogan{color:#9ac44b; text-transform:uppercase; font-style:italic; font-size:160%;}
.page1 #Main #map{ height:415px;}
.page1 #Main #preFooter{background:url(../img/backgrounds/bg2.jpg) no-repeat center top;}
.page2 #Main #preFooter{min-height:30px;}

.page2{background-position: right -10px !important;}
.page2 #Main{margin-top:1px;}
.page2 #Main h2#Slogan{
	right:0;
	color:white;
	background:url(../img/backgrounds/freedom_has_its_home_white_bg.png) no-repeat right top;
	line-height:17px;
	padding: 0 2em;
	text-transform:uppercase;
	font-style:italic;
	font-size:160%;
}

.page2 #Main #map{ height:700px;}

.page1 #Main h3#Title,
.page2 #Main h3#Title{color:#045dc3; margin:0 0 1em 0;}

.page3{}
.page3 #Main{}
.page3 #Main h2#Slogan{ 
	display:block;
	right:0; left:0; top:0;
	height:50px;
	overflow:hidden;
	padding: 24px 2em 0;
	border-top:solid 1px white;
	background:white url(../img/backgrounds/slogan_bg.gif) repeat-x 0 0; 
	color:#045dc3;
	text-align:right;
	text-transform:uppercase;
}
.page3 #Main h3#Title{ display:block; padding:.5em 2em; color:white; background:#85b90b;}
.page3 #Main #preFooter{min-height:50px !important;}

.page4{margin: 10px 20px 0 0; background:transparent url(../img/backgrounds/slogan_bg.gif) repeat-x 0 92px !important;}
.page4 #Main{margin: 0; /*background:url(../img/backgrounds/bg4.jpg)*/ no-repeat 20px 0 !important; padding-top:0 !important;}
.page4 #Main_slice{
	position:absolute; z-index:1; top:0;
	left:210px;
	height:55px; width:450px;
	background:url(../img/backgrounds/bg4_slice.jpg) no-repeat 0 0;
}
.page4 h3#Title{
	position:absolute;
	top:8px;
	right:.9em;
	/*width:192px;*/
	padding:0 30px;
	text-transform:none;
	font-size:180%;
}
.page4 #Main #text_IntroText{
	top:75px;
	width:345px;
	font-size:13px;
	line-height:1.3em;
	color:#547e00;}
.page4 #Main ._content{margin-left:0px; margin-top:500px;/*margin-top:382px;*/}
.page4 #Main .first_cat{margin-top:382px;}
.page4 #Main #ProductTitle1{
	position:absolute;
	top:1px;
	right:5px;
	min-width:250px;
	*width:255px;
	z-index:10;
}
.page4 #Main #ProductTitle2{
	margin:0 10px;
}
.page4 #Main #box_Map .boxContent{font-size:90%; color:#547e00;}
.page4 #Main #preFooter{background:url(../img/backgrounds/bg4_bottom.jpg) no-repeat center top;}
.page4 #preFooter .map_controls{left:auto; right:7em; top:.5em; margin-left:0; width:auto;}

#Footer{
	max-width:943px;
	margin:-64px auto 0;
	position:relative;
	height:16px;
	overflow:hidden;
	background:#9abf2f url(../img/backgrounds/footer_bg.gif) repeat-x 0 0;
	text-align:center;
	color:white;
	font-size:10pt;
	text-transform:uppercase;
	padding:24px;
}
#Footer .columnLeft{position:absolute; left:2em; bottom:7px; text-align:left;}
#Footer .columnRight{position:absolute; right:2em; bottom:7px; text-align:right;}

#Login{
	background:#045dc3;
	position:absolute;
	right:0px;
	top:5px;
	padding:4px;
	max-width:220px;
}
#Login input{width:75px; margin-right:.5em; font-size:10px; float:left;}
#Login .formSubmit{
	float:left;
	position:relative;
	height:21px;
	margin: -1px .5em 0;
	background:url(../img/buttons/buttonLogin.png) repeat-x 0 -42px;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}
#Login .formSubmit:active{margin-top:0; margin-bottom:-1px;}
#Login .formSubmit span{display:block; position:absolute; top:0; height:21px; width:4px; background:url(../img/buttons/buttonLogin.png) no-repeat 0 0;}
#Login .formSubmit .buttonLeft{left:-3px;}
#Login .formSubmit .buttonRight{right:-3px; background-position: 0 -21px;}
#Login .formSubmit .buttonContent{
	position:static;
	padding: 0 .5em;
	background:none;
	color:white;
	width:auto;
	line-height:21px;
	text-transform:uppercase;
	font-size:9px;
}

#Login #Login_links{
	position:absolute;
	bottom:-1.5em;
	left:.5em;
}
#Login #Login_links a{text-decoration:none; color:white; text-transform:uppercase; font-size:10px; margin-right:1em;}
#Login #Login_links a:hover{text-decoration:underline;}



#Search{ 
	position:absolute;
	left:0; top:0;
	margin: 5px 0 0 0; padding: 0 .5em;
	z-index:10;
}
#Search input{
	width:200px;
	float:left;
	border:solid 1px #c3dd8f;
	background:transparent;
	height:18px;
	font-size:12px;
	color:white;
	padding: 2px .5em 0;
}
#Search input#search{
	*background-color:#9ABF2F;
}
#Search .formSubmit{
	float:left;
	position:relative;
	height:24px;
	margin: -1px .5em 0 -5px;
	background:url(../img/buttons/buttonSearch.png) repeat-x 0 -48px;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}
#Search .formSubmit:active{margin-top:0; margin-bottom:-1px;}
#Search .formSubmit span{display:block; position:absolute; top:0; height:24px; width:5px; background:url(../img/buttons/buttonSearch.png) no-repeat 0 0;}
#Search .formSubmit .buttonLeft{left:-4px;}
#Search .formSubmit .buttonRight{right:-4px; background-position: 0 -24px;}
#Search .formSubmit .buttonContent{
	position:static;
	padding: 0 .5em;
	background:none;
	color:white;
	width:auto;
	line-height:24px;
	text-transform:uppercase;
	font-size:9px;
}
/********************* Catalog ***********************/

.CatalogItemText{padding: 0 0 190px 0;}
.CatalogItemImage{position:absolute; bottom:0; left:0; right:0; width:100%;}

/******************** Comments ***********************/
.Comment{margin:1em 0;}
.Comment .Comment_avatar{float:left; width:100px; text-align:center; line-height:2em;}
.Comment .Comment_text{margin-left:110px;}
.Comment .boxFooter .columnRight{padding-top:0 !important;}

.User{padding-left: 18px; background:url(../img/icons/iconUser.gif) no-repeat left top; font-weight:bold;}
a.User{color:#5ab300;}
a.User:hover{color:#555;}

.CommentForm{padding:1em 50px 2em;}
.CommentForm a{color:#5ab300;}
.CommentForm a:hover{color:#555;}
.CommentForm form{border:1px solid black;padding: 1em .5em 2em; margin:.25em 0; font-size:90%;}
.CommentForm form button{background-color:#e0dfe3; font-size:100%; margin-right:1em;}
.CommentForm form button[type="submit"]{background-color:#e9f2d2;}
.CommentForm form select{font-size:100%;}
.CommentForm dl{overflow:hidden; margin: .5em 0 0 0;}
.CommentForm dt{float:left; width:90px; text-align:right; font-weight:bold; text-indent:0; padding:0; margin:0; line-height:160%;}
.CommentForm dt label{line-height:240%;}
.CommentForm dd{margin:0 0 0 100px; text-indent:0; padding:0;}
.CommentForm dd textarea{width:95%;}

/******************** Buttons ******************************/

a.buttonGreen{
	float:left;
	display:block;
	position:relative;
	height:24px;
	background:#91bb2c url(../img/buttons/buttonGreen.png) repeat-x 0 -50px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:7pt;
	color:white;
	outline:none;
}
a.buttonGreen:hover{background-position: 0 -125px;}
a.buttonGreen:active{background-position: 0 -200px; margin: 1px 0 0 1px;}

a.buttonGreen span{
	display:block;
	background:url(../img/buttons/buttonGreen.png) no-repeat 0 0;
	height:24px;
	margin: 0 -4px;
}
a.buttonGreen:hover span{background-position: 0 -75px;}
a.buttonGreen:active span{background-position: 0 -150px;}

a.buttonGreen span span{
	margin:0;
	background-position: right -25px;
}
a.buttonGreen:hover span span{background-position: right -100px;}
a.buttonGreen:active span span{background-position: right -175px;}

a.buttonGreen span span span{padding: 0 2em; line-height:24px; background:none;}

a.flatBlue{
	display:block;
	background:#045dc3;
	text-align:center;
	color:white;
	font-size:14px;
	text-decoration:none;
	padding: .75em 1em;
	margin: 0 -.25em;
	cursor:pointer;
	*cursor:hand;
}

a.flatBlue:active{background:#004ca4;}
/*******************  Columns layout   *********************/

.ColSet{width:100%;	overflow:hidden;}

/***** 3 Columns layout ******/

.Column_CG_1{float:left; width:28%; margin: 1%; padding: 0 10px; position:relative;}
.Column_CG_2{float:left; width:28%; margin: 1%; padding: 0 10px; position:relative;}
.Column_CG_3{margin:1% 1% 1% 66.5%; padding: 0 10px; position:relative;}

/***** Catalog Product Columns layout ******/
.Column_CP_1{float:left; width:260px; margin: 0 12px;}
.Column_CP_2{float:left; width:390px; margin:0 10px;}
.Column_CP_3{margin:0 5px 0 690px;}

/*******************  Common styles   *********************/

.bordercollapse{border-collapse:collapse;}
.clear{ clear:both; }
.capitel{text-transform:uppercase;}
.relative{	position:relative; }
.thin{	font-weight:normal; }
.white{color:white;}
#text_IntroText embed{position:absolute;}
