/*
                  #2438A8;       Tm. modrá - hlavička odstavce v přehledu  
                  #00B2E8;       Sv. modrá - hlavička tématu   
                 #EC870F;        Dark orange             
*/


body {
     margin: 0;
     padding: 0;
     font: 75%/160% Helvetica, Arial, sans-serif;
	font: 80%/160% Helvetica, Arial, sans-serif;
	background-color: #0072C7; 
	text-align: left;
	color: #727272;
	width: 100%;
	background: url(../img/common/body-bg.gif) #f5f5f5 center top repeat-x;
	
} 

#bg {
     width: 100%;
     height: 131px; /* height of bg! */
     position: absolute;
     top: 0;
     left: 0;
     background: transparent url(../img/common/bg-blue-5.jpg) no-repeat center; 
}  

#content {
     /*position: relative;*/
     margin: 0 auto;          /* centruje v Mozzila  */
     z-index: 1;
     width:968px;
     border:0px solid aqua;
} 

/* -------- HEADER -------- */
#header {
     height: 115px;
     margin-top: 0px;
     background: transparent url(../img/common/header-img-3.jpg) no-repeat center top; 
     border:0px solid aqua;  
}

#header-eng {
     height: 115px;
     margin-top: 0px;
     background: transparent url(../img/common/header-img-eng.jpg) no-repeat center top; 
     border:0px solid aqua;  
}

h1.logo {
     margin: 0;
     padding: 0;
	width: 142px;
     height: 85px;
}

#header img, #header-eng img {
     border: 0;
     margin-left:30px;
     margin-top:0px;
}

#logo-iso-wrap {
     float: right;
     width: 54px; 
     height: 65px;
     margin-right:313px;
     margin-top:4px;
     border:0px solid red;
}

#logo-iso-wrap img.iso {
     border: 0;
     margin-left:0px;
}

#topline {              
     margin:0px;
     padding:0;
     height: 20px;
     width:100%;  
     border: 0px solid gray;    
}

#topline img.first-flag{
     margin:0;
     padding:0;
     float: right;
     margin-right:50px;
     margin-top: 7px;
}

#topline img{
     margin:0;
     padding:0;
     float: right;
     margin-right:10px;
     margin-top: 7px;
}

/* -------- MAIN -------- */
#main {
     margin: 0px;
     padding: 0px;
     padding-bottom:15px;
    /* background: transparent url(../img/common/img-main.jpg) no-repeat center top;*/
     background: transparent url(../img/common/main-back.gif) center top repeat-y;
     border: 0px solid red;
}

#main-image {
     margin: 0px;
     padding: 0px;
     background: transparent url(../img/common/img-main-4.jpg) no-repeat center top;
     border: 0px solid red;
     height:312px;
}

#main-image-eng {
     margin: 0px;
     padding: 0px;
     background: transparent url(../img/common/main_home_eng.jpg) no-repeat center top;
     border: 0px solid red;
     height:312px;
}

#main-image-blk {
     margin: 0px;
     padding: 0px;     
     height:312px;     
     position: relative;
     width: 100%; /* for IE 6 */
     border: 0px solid red;
}

#main-fla-wrp {
     margin: 0px;
     padding: 0px;     
     height:250px;     
     position: relative;
     width: 100%; /* for IE 6 */
     border: 0px solid red;
}

#main-img-fla{
     margin: 0 10px 0 10px;
     padding: 0px;     
     height:250px;     
     border: 0px solid red;
}

#main-image-blk p{
     position: absolute;
    /* width: 100%;*/     
     color: #8A8A8A;
     width: 400px;
     left: 78px;
     top: 83px;
     padding: 0px;     
     font: normal 100% hevetica, arial, sans-serif;
     line-height: 140%;
     border:0px solid gray;
}

#main-image-blk p.doubleline{
     position: absolute;   
     color: #8A8A8A;
     width: 400px;
     left: 78px;
     top: 125px;
     padding: 0px;     
     font: normal 100% hevetica, arial, sans-serif;
     line-height: 140%;
     border:0px solid gray;
}

/*
#main-image p{
     float:left;
     color: #8A8A8A;
     width: 400px;
     margin-left: 78px;
     margin-top: 83px;
     padding: 0px;     
     font: normal 100% hevetica, arial, sans-serif;
     line-height: 140%;
     border:0px solid gray;
}
*/
#articles-wrp{
     float:left;
     width: 608px;
}

.dp-table-wrp{
     margin-left:78px;
     margin-top:30px;
     border: 0px solid black;
}

.dp-table-wrp h2{
     margin:0;
     padding:0;
     margin-bottom:20px;
     color: #EC870F; /*dk orange*/
     font: normal 140% arial, hevetica, sans-serif;
}

table.dp{
     color:#333;
}

.txt-box-wrp{
     float: left;
     margin: 30px 0 20px 76px;
     padding: 0px;
     width:240px;
     border:0px solid black;
}

.txt-box-wrp img, .txt-box-wrp2 img{
     float: right;
     margin: 0px 0 5px 0px;
     border:0px solid #aaa;
}

.txt-box-wrp h2, .txt-box-wrp2 h2{
     margin:0;      /*  FF bug  */
     padding:0;
     color: #2438A8;
     color: #EC870F; /*dk orange*/
     font: normal 140% arial, hevetica, sans-serif;
}

.txt-box-wrp p, .txt-box-wrp2 p{
     color: #727272;

}

.txt-box-wrp p.multiarts{
     color: #727272;
     margin:10px 0 25px 0;
}

.txt-box-wrp p.multiarts-followul{
     color: #727272;
     margin:10px 0 20px 0;
}

.txt-box-wrp2, .txt-box-imgwrap {
     float: left;
     margin: 30px 0 20px 42px;
     padding: 0px;
     width:240px;
     border:0px solid black;
}

.txt-box-wrp2 span.emphasize {
     color:#00B2E8;
}

.txt-box-wrp2 p.txt-smaller {
     font-size:90%;
     line-height:140%;
}

.txt-box-wrp2 p.txt-smaller img.button-download{  
     float:left;   
     margin:0;
     padding:0;
     margin-top: 10px;
     border:0px solid black;
}

.txt-box-wrp img.left-aligned{
     float:left;
     margin: 20px 0 5px 0px;
     border:0px solid #aaa;
}

.txt-box-imgwrap img{
     width: 248px;
     margin: 0;
     border:0px solid #aaa;
}

.txt-box-wrp a:link, .txt-box-wrp2 a:link {color:#00B2E8;text-decoration:underline;font-weight: normal;}
.txt-box-wrp a:visited, .txt-box-wrp2 a:visited {color:#00B2E8;text-decoration:none;font-weight: normal;}
.txt-box-wrp a:hover, .txt-box-wrp2 a:hover {color:#EC870F;text-decoration:underline;font-weight: normal;}
.txt-box-wrp a:active, .txt-box-wrp2 a:active {color:#00B2E8;text-decoration:none;font-weight: normal;}

.txt-box-wrp ul {
     margin: 10px 0px 25px 13px; 
     padding: 0; 
}


.txt-box-wrp ul li{
     font: normal 100% arial, hevetica, sans-serif;
     color: #727272; 
     line-height: 1.8em; 
     list-style: none; 
     background: url(../img/common/bullet_arrow_blue.gif) no-repeat left top; 
     padding-left: 18px;
}

.txt-box-wrp ul li span.strong{
     color: #2438A8;
     font-weight: bold;
}

.txt-widebox-wrp{
     float: left;
     margin: 30px 0 20px 76px;
     padding: 0px;
     width:522px;
     border:0px solid black;
}

.txt-widebox-wrp h1{
     margin:0;      /*  FF bug  */
     padding:0;
     color: #EC870F; /*dk orange*/
     color: #2438A8;
     font: normal 180% arial, hevetica, sans-serif;
}

.txt-widebox-wrp h2{
     margin:0;      /*  FF bug  */
     padding:0;
     color: #EC870F; /*dk orange*/
     font: normal 140% arial, hevetica, sans-serif;
}

.txt-box-wrp2 p.img-caption{
     margin: 0 0 20px 0px;
     font-size: 90%;
     line-height: 150%;
     clear:right;
}

.txt-widebox-wrp span.emphasize{
     font-weight:bold;
}

.txt-widebox-wrp img.floatleft{
     float:left;
     margin: 5px 20px 10px 0;
     border:0px;
}

.txt-widebox-wrp ul.offsetlarge {
     margin: 0px 0px 25px 220px; 
     padding: 0; 
}

.txt-widebox-wrp ul.offsetlarge li{
     font: normal 100% arial, hevetica, sans-serif;
     color: #727272; 
     line-height: 1.8em; 
     list-style: none; 
     background: url(../img/common/bullet_arrow_blue.gif) no-repeat left top; 
     padding-left: 18px;
}

.txt-widebox-wrp ul.offsetsmall {
     margin: 0px 0px 25px 25px; 
     padding: 0; 
}

.txt-widebox-wrp ul.offsetsmall li{
     font: normal 100% arial, hevetica, sans-serif;
     color: #727272; 
     line-height: 1.8em; 
     list-style: none; 
     background: url(../img/common/bullet_arrow_blue.gif) no-repeat left top; 
     padding-left: 18px;
}

.txt-widebox-wrp ul.narrow {
     width:310px;
     margin: 0px 0px 25px 25px;  
     padding: 0; 
}

.txt-widebox-wrp ul.narrow li{
     font: normal 100% arial, hevetica, sans-serif;
     color: #727272; 
     line-height: 1.5em; 
     list-style: none; 
     background: url(../img/common/bullet_arrow_blue.gif) no-repeat left top; 
     padding-left: 18px;
     padding-bottom:8px;
}

.cert-wrp{
     width:100%;
     margin: 25px 0 15px 0;
     padding:0;
     border:0px solid red;
}

.wb-imgwrap{
     float: left;
     width: 100px;
     border:0px solid gray;
}

.wb-imgwrap img{
     border:0px;
}

.wb-txtwrap{
     float: right;
     width: 400px;
     border:0px solid gray;
}

.wb-txtwrap h3{
     margin:0;      /*  FF bug  */
     padding:0;
     color: #EC870F; /*dk orange*/
     font: normal 140% arial, hevetica, sans-serif;
}

.wb-txtwrap p{
     margin-top:6px;      
}


.access-imgwrap{
     float: left;
     width: 161px;
     border:0px solid gray;
}

.access-imgwrap img{
     border:1px solid #666;
}

.access-txtwrap{
     float: right;
     width: 340px;
     border:0px solid gray;
}

.access-imgwrap img.noborder{
     border:0px solid #666;
}

.access-txtwrap p{
     margin-top:6px;
}

.access-txtwrap p span.emphasize{
     color:#00B2E8;
     color:#2438A8;
}

.access-txtwrap h2{
     margin:0;      /*  FF bug  */
     padding:0;
     color: #EC870F; /*dk orange*/
     font: normal 140% arial, hevetica, sans-serif;
}

/* -------- full width wrapper -------- */ 
.full-width-wrp{
     float:left;
     margin: 30px 0 0 76px;
     width:823px;
     border:0px solid #ddd;
}

.full-width-wrp h1{
     margin:0;   
     padding:0;
     margin-bottom: 15px;
     color: #2438A8;
     font: normal 180% arial, hevetica, sans-serif;
}

/* -------- 3 obr vedle sebe -------- */ 
.img3-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     width:164px;
     height:200px;
     border:0px solid red;
}

.img32-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     margin-left:13px;
     width:164px;
     height:200px;
}

.img3-wrp p, .img32-wrp p {
     margin:0;
     padding:0;
     margin-top:6px;
     text-align:center;
}

.img3-wrp img, .img32-wrp img {
     border:1px solid #666;
}


/* -------- 4 obr vedle sebe -------- */ 
.img4-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     width:124px;
     height:120px;
     border:0px solid red;
}

.img42-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     margin-left:7px;
     width:124px;
     height:120px;

}

.img4-wrp p, .img42-wrp p {
     margin:0;
     padding:0;
     margin-top:6px;
     text-align:center;
     line-height:130%;
     font-size:85%;
}

.img4-wrp p span.news, .img42-wrp p span.news {
     color:#EC870F;
     font-weight:bold;
}

.img4-wrp img, .img42-wrp img {
     border:1px solid #666;
}


/* -------- 5 obr vedle sebe (PVC) -------- */ 
.img5-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     width:91px;
     height:120px;
     border:0px solid red;
}

.img52-wrp{
     float:left;
     margin-top:20px;
     margin-bottom:15px;
     margin-left:13px;
     width:91px;
     height:120px;

}

.img5-wrp p, .img52-wrp p {
     margin:0;
     padding:0;
     margin-top:6px;
     text-align:center;
     line-height:130%;
     font-size:85%;
}

.img5-wrp img, .img52-wrp img {
     border:1px solid #666;
}



/* -------- NEWS COLUMN -------- */
#news-col-wrp{
     float:right;
     width: 349px;
}

.news-wrp{
     float: left;
     margin: 30px 0 0px 31px;
     padding: 0px;
     width:251px;
     border: 0px solid #eee;
}

.news-flashbtn-wrp{
     margin-bottom:20px;
}

.blank-box {
     margin-bottom:10px;
     padding:0;
     padding-bottom:10px;
     width: 251px;    
     border: 0px solid #D4D9F1;
} 

.link-wrp{
     width:100%;
     padding-bottom:15px;
}


.icon-wrp{
     float:left;
     width:50px;
     border: 0px solid #D4D9F1;
}

.link-txt-wrp{
     float: right;
     width:190px;
}

.link-txt-wrp h2{
     margin:0;      
     padding:0;
     padding-bottom:4px;
     color: #2438A8;
     font: bold 120% Arial, Helvetica, sans-serif;
}
.link-txt-wrp h3{
     margin:0;      
     padding:0;
     margin-top:25px;
     padding-bottom:0px;
     color: #2438A8;
     color: #EC870F;
     font: bold 120% Arial, Helvetica, sans-serif;
}

.link-txt-wrp p{
     margin:0;      
     padding:0;
     line-height:140%;
     margin-top:8px;
}

.link-txt-wrp span.emphasize{
     color: #2438A8;
     font: bold 100% Arial, Helvetica, sans-serif;
}

.link-txt-wrp span.dark{
     color: #727272;
     font: bold 100% Arial, Helvetica, sans-serif;
}


.blank-box a:link {color:#2438A8;text-decoration:underline;font-weight: normal;}
.blank-box a:visited {color:#2438A8;text-decoration:underline;font-weight: normal;}
.blank-box a:hover {color:#2438A8;text-decoration:none;font-weight: normal;}
.blank-box a:active {color:#2438A8;text-decoration:underline;font-weight: normal;}

.news-box {
     margin-bottom:40px;
     padding:0;
     padding-bottom:10px;
     width: 251px;    
     background: #F7F5F0 url(../img/common/news-box-bottom.gif) no-repeat left bottom ;
     border: 0px solid #D4D9F1;
}  

.news-box h2{
     background: url(../img/common/news-box-top.gif) no-repeat left top ;
     color: #2438A8;
     font:  normal 180% Arial, Helvetica, sans-serif;
     margin:0;
     padding: 13px 0px 10px 18px;
}

.news-box p{
     color: #333;
     color: #727272;
     font:  normal 100% Arial, Helvetica, sans-serif;
     margin:0;
     padding: 0px 20px 10px 18px;
     line-height: 130%;
}

.news-box a:link, .news-box a:link {color:#2438A8;text-decoration:none;font-weight: normal;}
.news-box a:visited, .news-box a:visited {color:#2438A8;text-decoration:none;font-weight: normal;}
.news-box a:hover, .news-box a:hover {color:#2438A8;text-decoration:underline;font-weight: normal;}
.news-box a:active, .news-box a:active {color:#2438A8;text-decoration:none;font-weight: normal;}

.news-box h3{
     margin:0;
     padding:0;
     color: #2438A8;
     color: #F89339; /*orange*/
     color: #EC870F; /*dk orange*/
     color:#00B2E8;   /* light blue */
     color:#2438A8;   /* dk blue */
     font:  normal 100% Arial, Helvetica, sans-serif;
     padding: 0px 20px 2px 18px;
}

.news-date p{
     text-align:left;
     color: #727272;
     font:  bold 85% Arial, Helvetica, sans-serif;
     margin:0;
     padding: 13px 20px 2px 18px;
}

.inline-icon{
     margin:0;
     padding:0;
     margin-right:4px;
}

/* -------- THEMES -------- */
.theme1-wrp{
     float: left;
     margin: 30px 0 20px 76px;
     padding: 0px;
     width:251px;
     border: 0px solid #eee;
}

.theme2-wrp{
     float: left;
     margin: 30px 0 20px 31px;
     padding: 0px;
     width:251px;
     border: 0px solid #eee;
}

.theme1-wrp h2, .theme2-wrp h2{
     margin:0;      /*  FF bug  */
     padding:0;
     margin-top:15px;
     color: #2438A8;
     color: #00B2E8;
     font: bold 140% arial, hevetica, sans-serif;
}

.theme1-wrp span, .theme2-wrp span{
     color: #8A8A8A;
     font: normal 100% arial, hevetica, sans-serif;
}

.theme1-wrp ul, .theme2-wrp ul {
     margin: 10px 10px 0px 8px; 
     padding: 0; 
     border:0px solid gray;
}

.theme1-wrp li, .theme2-wrp li {
     font: normal 100% arial, hevetica, sans-serif;
     color: #727272; 
     line-height: 1.8em; 
     list-style: none; 
     background: url(../img/common/bullet_arrow_blue.gif) no-repeat left top; 
     padding-left: 18px;
}

.theme1-wrp p, .theme2-wrp p {
     margin-top:8px;
     font: normal 100% arial, hevetica, sans-serif;
     color: #8A8A8A; )
     color: #2438A8;
     
     line-height: 1.4em; 
}

.theme1-wrp img, .theme2-wrp img{
     border: 0;
     
}
#btns-contacts-wrap{
     margin: 8px 0 20px 76px;
     width:225px;
     border:0px solid red;
}

#btns-contacts-wrap p{
     margin: 0px 0 0px 6px;
     padding:0;
}

.button-more{  
     float:right;   
     margin:0;      /*  FF bug  */
     padding:0;
     margin-top: 8px;
     border:0px solid black;
}

.button-contacts{  
     float:left;   
     margin:0 18px 0 0; 
     border:0px solid black;
}


/* -------- FOOTER -------- */
#footer {
     height: 85px;
     margin-top: 22px;
     position: relative;
}

#footer p {
     margin-top: 5px; 
     margin-bottom: 0; 
     margin-left:75px;
     text-align:left; 
     color: #727272; 
     font: 90% normal Arial, Helvetica, sans-serif;
     line-height:1.5em; 
}

.divider{
     margin: 0 0 25px 72px;
     width:820px;
     height:1px;
     background-color: #ccc;
}

#footer ul {
     margin: 0; 
     padding: 0; 
     margin-bottom: 2px; 
     margin-left:70px;
     list-style-type: none; 
     text-align:left; 
     font: 90% normal Arial, Helvetica, sans-serif;
     color: #2438A8;
}

#footer li {
     display: inline;
}

#footer a {
     color: #2438A8; 
     padding: 0 .4em 0 .4em; 
     text-decoration: none; 
}

#footer a:hover {
          text-decoration: underline; 
          color: #2438A8; 
     }

.clear-both{
     clear:both;
}

#bottom{
     height:50px;
     border: 0px solid gray;
     background: transparent url(../img/common/img-bottom.gif) no-repeat center top;

}

/* -------- TABLE sklad -------- */    
table.sklad {
	margin: 10px 0 15px 75px;
	border-collapse:collapse;
	border-color: #fff;
     border-width: 1px 1px 1px 1px;
     border-style: solid;
     width: 540px;
}

table.sklad thead {
     /*border-bottom: 1px solid black;*/
     background-color: #CFFFCF;
     background-color: #FFE8B7;
     background-color: #FFD383;
}

table.sklad thead th{
     font: normal 100% arial, hevetica, sans-serif;
     text-align: center;
     color:#000;
     /*border-bottom: 1px solid black;*/
     padding: 10px 2px;
     vertical-align:top;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
}
table.sklad thead tr th{
     text-align: left;
     padding-left: 10px;
     color: #855011;
}

table.sklad thead tr th.center{
     text-align: center;
     padding-left: 10px;
}

table.sklad tbody th{
     font: normal 100% arial, hevetica, sans-serif;
     text-align: left;
     color:#855011;
     color:#fff;
     /*border-bottom: 1px solid #999;*/
     padding: 6px 10px;
     border: 1px solid #FFF;
     border-width: 0 1px 1px 0;
     background-color: #A8FFA8;
     background-color: #FFD787;
     background-color: #FFB547;
}

table.sklad tbody tr th.leftcol{
     width: 45px;
}

table.sklad td{
     font: normal 100% arial, hevetica, sans-serif;
     text-align: center;
     padding: 6px 2px;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
     background-color: #E9FFE9;
     background-color: #FFF5DD;
     background-color: #FFEBC0;
}

table.sklad td.emphasize{
     font: bold 70% arial, hevetica, sans-serif;
     background-color:#eee;
}


table.sklad td.left{
     text-align: left;
}

/* -------- TABLE KONTAKTY -------- */    
table.contacts {
	margin: 10px 0 15px 75px;
	border-collapse:collapse;
	border-color: #fff;
     border-width: 1px 1px 1px 1px;
     border-style: solid;
     width: 540px;
}

table.contacts thead {
     background-color: #CFFFCF;
     background-color: #FFE8B7;
     background-color: #FFD383;
}

table.contacts thead tr th{
     font: normal 80% arial, hevetica, sans-serif;
     text-align: left;
     padding: 10px;
     color: #855011;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
}

table.contacts thead tr th.center{
     text-align: center;
     padding-left: 10px;
}

table.contacts tbody th{
     font: bold 80% arial, hevetica, sans-serif;
     text-align: left;
     color:#855011;
     color:#fff;
     padding: 6px 10px;
     border: 1px solid #FFF;
     border-width: 0 1px 1px 0;
     background-color: #A8FFA8;
     background-color: #FFD787;
     background-color: #FFB547;
}

table.contacts td{
     font: normal 80% arial, hevetica, sans-serif;
     text-align: left;
     padding: 6px 10px;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
     background-color: #E9FFE9;
     background-color: #FFF5DD;
     background-color: #FFEBC0;
}

table.contacts td.emphasize{
     font: bold 70% arial, hevetica, sans-serif;
     background-color:#eee;
}

table.contacts td.left{
     text-align: left;
}

/* -------- TABLE SIMPLE -------- */    
table.simple {
	margin: 10px 0 15px 75px;
	border-collapse:collapse;
	border-color: #fff;
     border-width: 1px 1px 1px 1px;
     border-style: solid;
     width: 540px;
}

table.simple thead {
}

table.simple thead tr th{
     font: bold 90% arial, hevetica, sans-serif;
     text-align: left;
     padding: 0 0 0 10px;
     color: #00B2E8;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
}

table.simple thead tr th.center{
     text-align: center;
     padding-left: 10px;
}


table.simple td{
     font: normal 90% arial, hevetica, sans-serif;
     text-align: left;
     padding-left: 10px;
     border: 1px solid #fff;
     border-width: 0 1px 1px 0;
     vertical-align:top;
}

table.simple td.emphasize{
     font: bold 90% arial, hevetica, sans-serif;
     background-color:#eee;
}

table.simple td.left{
     text-align: left;
}

#articles-wrp h1  {
     margin:0;
     padding:0;
     margin: 30px 0 0px 76px;
     color: #EC870F;
     font: normal 150% arial, hevetica, sans-serif;
     line-height: 1.4em;   
}

#articles-wrp h2.table-caption  {
     margin:0;
     padding:0;
     margin: 30px 0 0px 76px;
     color: #EC870F;
     
     color: #2438A8;
     font: normal 140% arial, hevetica, sans-serif;
     line-height: 1.4em;   
}

#articles-wrp p.first  {
     margin: 10px 0 0 76px; 
}

/* --------------------  ORDER FORM STYLING  -------------------- */
form {
font-size: 1em;
width: 470px;
margin-left:67px;
}


fieldset {
position: relative;  /* ---  fix IE bug  --- */
margin: 1.5em 0; 
padding: 1em;        
border: 1px solid #ccc;
background: #f8f8f8;
}


legend {
position: absolute;      /* ---  fix IE bug  --- */
top: -10px;              /* ---  fix IE bug  --- */
font-weight: bold;
padding: 0px 5px;
}

label {
float: left;  
width: 8em;
}


input {
width: 15em;
}


input.submit {
  width: 12em;
}


input#zip_code {
  width: 5em;
}

input#number_of_items {
  width: 2em;
}

input#size {
  width: 5em;
}

input:focus {
  background: #ffc;
}

textarea {
	width: 22em;
	height: 7em;
}

/* ----- ADDRESS Google Maps STYLE ----- */

.address-detail{
     float:right; 
     width:270px;
}

.address-detail h3{
     margin:0;
     padding: 0;
     margin-top:17px;
     font: bold 90% arial, hevetica, sans-serif;
     text-align: left;
     color: #00B2E8;
}

.address-detail h4{
     margin:0;
     padding: 0;
     margin-top:6px;
     font: bold 90% arial, hevetica, sans-serif;
     text-align: left;
     color: #00B2E8;
}

.address-detail p{
     margin:0;
     margin-top:3px;
     font: normal 90% arial, hevetica, sans-serif;
     text-align: left;
}