/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     IDcom (www.idcom.ch)
  
    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

/*body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;}*/
body {background:url("../design/bg.gif") 0 0 repeat-x; font:13px/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 5px no-repeat;}

ul.ul-02 {margin:15px 0; list-style:none;}
ul.ul-02 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 5px no-repeat;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:90px; padding:15px 20px 15px 20px;}

        #logo {margin:0;}
    
        #nav {position:absolute; top:80px; right:20px; margin:0;}
        #nav span {margin:0 8px;}
        #nav img {margin:0 8px;} 
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:45px; background:url("../design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../design/tray-hover.gif");}
    #tray li#tray-active a {background:url("../design/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; background:url("../design/col.gif") 0 0 repeat-y;}
#col2 {position:relative; padding:0px 30px 15px 20px; background:url("../design/col.gif") 0 0 repeat-y;}

    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../design/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #col-browser {position:relative; float:left; width:315px; height:210px;}
    #col2-browser {float:left; padding-top:0px; line-height:1.7; width:630px;} 
    #col2-browser h2 {font-size:23px;}      
    #col3-browser {float:left; padding-top:0px; line-height:1.7; width:520px;} 
    #col3-browser h2 {font-size:23px;}                      
    #col-browser img {position:absolute; top:0px; left:0px; border:1px solid #DFDFDF;}

    #col-text {float:right; width:575px; padding-top:15px; line-height:1.7;}
    #col2-text {float:right; padding-top:0px; line-height:1.7; width:250px;}
    #col2-text img {border:1px solid #212121; margin-top:55px;}
    #col3-text {float:right; padding-top:0px; line-height:1.7; width:340px;margin-top:71px;}   
    #col3-plan {float:right; padding-top:0px; line-height:1.7; width:340px;margin-top:34px;}         

        #slogan-fr {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan-fr span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan-fr.gif") 0 0 no-repeat;}
        #slogan-de {position:relative; width:550px; height:33px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan-de span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/slogan-de.gif") 0 0 no-repeat;}
        #btns {margin-top:25px; margin-bottom:0;}

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:20px;}
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("../design/dot.gif") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("../design/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:190px;}
        #cols2 .col-right-text p {margin:0;}

#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../design/cols3.gif") 0 0 repeat-y;}

    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}   
    .col.last {margin-right:0;}
    .col.first h3 {margin:0; padding:8px 7px 12px 38px; background:url("../design/cols3-black.gif") 8px 40% no-repeat; font-size:14px; /*font-size:108%;*/}
    .col.second h3 {margin:0; padding:8px 7px 12px 38px; background:url("../design/cols3-color.gif") 8px 40% no-repeat; font-size:14px; /*font-size:108%;*/}
    .col.last h3 {margin:0; padding:8px 7px 12px 38px; background:url("../design/cols3-hors-standard.gif") 8px 40% no-repeat; font-size:14px; /*font-size:108%;*/}

        .col-text {margin:18px; height:200px;}
        .col-text p {margin:0px;}
        .col-text ul {margin-bottom:0px;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

#cols3 li {list-style:none;}

/* ----------------------------------------------------------------------------------------------------------
6) Form
---------------------------------------------------------------------------------------------------------- */

#contact-wrapper {  
    width:545px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  
#contact-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#contact-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto;  
} 
#contact-wrapper label.error {    
    color:#FF0000; 
} 
#contact-wrapper h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 1px no-repeat;
}  

#registration-wrapper {  
    width:880px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  
#registration-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#registration-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto;  
} 
#registration-wrapper h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 1px no-repeat;
}  

form#contactform input {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:16px;  
    color:#333;  
}  

form#contactform input[type="radio"] { border-style:none; }

form#contactform select {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:5px 5px 0px;  
    font-size:14px;  
    color:#333;  
}  

form#contactform select option {  
    padding:3px;  
    font-size:14px;  
    color:#333;  
}   

form#contactform textarea {  
    font-family:Arial, Tahoma, Helvetica, sans-serif;  
    font-size:16px;  
    padding:0.6em 0.5em 0.7em;  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    width:530px;
}  

form#loginform input {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:16px;  
    color:#333;
    width:350px;  
}  

form#loginform select {  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    padding:5px;  
    font-size:14px;  
    color:#333;  
}  

form#loginform textarea {  
    font-family:Arial, Tahoma, Helvetica, sans-serif;  
    font-size:100%;  
    padding:0.6em 0.5em 0.7em;  
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
    border-style:solid;  
    border-width:1px;  
    width:530px;
}  

/* ----------------------------------------------------------------------------------------------------------
6) Page
---------------------------------------------------------------------------------------------------------- */

#page-text {float:left; padding-top:0px; line-height:1.7; width:920px;}   

#page-text h2 {font-size:23px; margin:15px 0 0;}  

#page {
    width:920px;  
    clear:both;
    padding-top:20px; 
}

#page-order {
    width:920px;  
    clear:both;
}

#page-wrapper {  
    float:right;
    width:615px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  

#page-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  

#page-wrapper h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 1px no-repeat;
}

#page-hstand {  
    float:right;
    width:696px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  

#page-hstand div {  
    clear:both;  
    margin:1em 0;  
}  

#page-hstand h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 1px no-repeat;
}  

#box-wrapper {  
    float:left;   
    margin-right:20px;
    text-align:center;
}

#box-wrapper li {list-style:none;}  

#box-wrapper img {border:1px solid #212121;} 

#box-width {  
    float:left;  
    width:220px;
    margin-right:20px;
    text-align:center;
}  

#box-width img {border:0px solid #212121;}  

#box-format {  
    float:left;  
    margin-right:20px;
    text-align:center;
    padding:0 22px;
}  

#box-format a {
     text-decoration:none;       
}

#box-format img {border:0px solid #212121;}  

#box-format-a {  
    float:left;  
    margin-right:20px;
    text-align:center;
    padding:0 22px;
}  

#box-format-a a {
     text-decoration:none;       
}

#box-format-a img {border:0px solid #212121;}  

#box-format-a:hover {
     background:#E2E2E2;  
     border:1px solid #D3D3C7 inset;
     -moz-border-radius:7px;  
     -webkit-border-radius:7px;
}

#box-color {  
    float:left;  
    margin-right:20px;
    text-align:center;
    padding:0 22px;
}  

#box-color a {
     text-decoration:none;       
}

#box-color img {border:1px solid #D3D3C7;}  

#box-color-a {  
    float:left;  
    margin-right:20px;
    text-align:center;
    padding:0 22px;
}  

#box-color-a a {
     text-decoration:none;       
}

#box-color-a img {border:1px solid #D3D3C7;}  

#box-color-a:hover {
     background:#E2E2E2;  
     border:1px solid #D3D3C7 inset;
     -moz-border-radius:7px;  
     -webkit-border-radius:7px;
}


#page-wrapper-left {  
    float:left;
    width:880px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  

#page-wrapper-left div {  
    margin:1em 0;  
}  

#page-wrapper-left h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 4px no-repeat;
}






/******************/
/**   MENU     **/
/******************/

.menu_seperator{
	background:#fff;
	height:45px;
	text-align:center;
	z-index:100px;

	}
	.menu_seperator_container{
		background:url("http://www.idcom.ch/lenzlinger/site/design/tray.gif") top left repeat-x;
		height:45px;
		margin:0px auto;
		text-align:left;
		width:960px;
		}

.menu_bar{
	/*font:bold 90%/1 "tahoma",sans-serif;*/
    font:bold 12px "tahoma",sans-serif;
	}
.menu_bar ul{
	height:38px;
	list-style:none;
	margin:0 20px;
	padding:0;
	}
	.menu_bar li{
		float:left;
		display:inline;
		}
	.menu_bar li a{
		color:#404040;
		display:block;
		line-height:45px;
		text-align:center;
		text-decoration:none;
		background:url("http://www.idcom.ch/lenzlinger/site/design/tray-separator.gif") 100% 0 no-repeat;
		padding:0 18px;
		}
		.menu_bar li a:hover{
			background:url("http://www.idcom.ch/lenzlinger/site/design/tray-hover.gif") top left repeat-x;
			color:#fff;
			}
		.menu_bar li#menu-active a {background:url("http://www.idcom.ch/lenzlinger/site/design/tray-active.gif"); color:#fff;}
		.menu_bar li#menu-active li a {background:#bfbfbf;color:#404040;}
		.menu_bar li#menu-active li a:hover {
			background:#A0A0A0;
			color:#fff;
			opacity:1.0;
			filter:alpha(opacity=100);
			}

	.menu_bar li ul{
		margin:0;
		background:#bfbfbf;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu_bar li:hover ul{
		display:block;
		}
	.menu_bar li li {
		display:block;
		float:none;
		}
	.menu_bar li li a {
		background:#bfbfbf;
		}
	.menu_bar li ul a{
		display:block;
		padding:4px 10px 4px 15px;
		text-align:left;
		}
		.menu_bar li ul a:hover{
			background:#A0A0A0;
			color:#fff;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu_bar p{
		clear:left;
		}

/******************/
/**   Tooltip     **/
/******************/        
        
/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../design/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}


/******************/
/** Access Plan  **/
/******************/  

#plan-wrapper {  
    width:880px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}  
#plan-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  
#plan-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto;  
} 
#plan-wrapper h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 1px no-repeat;
}  

/******************/
/**   ORDER     **/
/******************/  

#order-wrapper-left {  
    float:left;
    width:398px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-right:20px;
    margin-bottom:20px;
}  

#order-wrapper-left div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper-left h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 4px no-repeat;
}

#order-wrapper-right {  
    float:right;
    width:398px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-right:20px;
    margin-bottom:20px;      
}  

#order-wrapper-right div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper-right h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 4px no-repeat;
}

#order-wrapper {  
    width:409px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-bottom:20px;
}  

#order-wrapper div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce.gif") 0 4px no-repeat;
}

#order-wrapper-black {  
    width:409px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-bottom:20px;
}  

#order-wrapper-black div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper-black h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce-noir.png") 0 4px no-repeat;
}

#order-wrapper-color {  
    width:409px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-bottom:20px;
}  

#order-wrapper-color div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper-color h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce-couleur.png") 0 4px no-repeat;
}

#order-wrapper-hors {  
    width:409px;  
    border:1px solid #e2e2e2;  
    background:#fff;  
    padding:5px 20px 10px 20px;  
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
    margin-bottom:20px;
}  

#order-wrapper-hors div {  
    clear:both;  
    margin:1em 0;  
}  

#order-wrapper-hors h3 {  
    display:block;  
    float:none;  
    font-size:16px;  
    width:auto;  
    padding-left:28px;
    background:url("../design/puce-hors-standard.png") 0 4px no-repeat;
}

/******************/
/**   BUTTON    **/
/******************/  

a.btn {
    background:url("../design/button-off.gif") 0 4px no-repeat;    
    display:block;
    width:126px;
    height:33px;
    color:#404040;
    font-weight:bold;
    text-decoration:none;
    padding:7px 0px;
    text-align:center;
    cursor:pointer;
    cursor:hand;
}

a.btn:hover {
    background:url("../design/button-on.gif") 0 4px no-repeat;    
    color:#FFF;
}

a.btnProduct {
    background:url("../design/button-off.gif") 0 4px no-repeat;    
    display:block;
    width:126px;
    height:33px;
    color:#404040;
    font-weight:bold;
    text-decoration:none;
    padding:7px 0px;
    text-align:center;
    float:left;
    margin-right:15px;
}

a.btnProduct:hover {
    background:url("../design/button-on.gif") 0 4px no-repeat;    
    color:#FFF;
}

.button {
    background:url("../design/button-off.gif") 0 4px no-repeat;    
    display:block;
    width:126px;
    height:33px;
    color:#404040;
    font-weight:bold;
    text-decoration:none;
    padding:7px 0px;
    text-align:center;
    cursor:pointer;
    cursor:hand;
}

.button:hover {
    background:url("../design/button-on.gif") 0 4px no-repeat;    
    color:#FFF;
}



/******************/
/**   FORM      **/
/******************/  

.form_ok {
background-color:#009952;
color:#FFFFFF;
float:left;
font-size:1.2em;
height:40px;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:13px;
width:910px;
}

.form_error {
background-color:#B01C1D;
color:#FFFFFF;
float:left;
font-size:1.2em;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:13px;
padding-bottom:13px;
width:910px;
}

.form_ok_small {
background-color:#009952;
color:#FFFFFF;
float:left;
font-size:1.2em;
height:40px;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:13px;
width:535px;
}

.form_error_small {
background-color:#B01C1D;
color:#FFFFFF;
float:left;
font-size:1.2em;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:13px;
padding-bottom:13px;
width:535px;
}

.contact_form_ok {
background-color:#009952;
color:#FFFFFF;
font-size:1.2em;
height:107px;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:2px;
padding-bottom:19px;
width:535px;
}

.contact_form_error {
background-color:#B01C1D;
color:#FFFFFF;
font-size:1.2em;
height:82px;
margin-top:8px; 
margin-bottom:8px;
padding-left:10px;
padding-top:2px;
width:535px;
}

/* =============================================================================
MESSAGES
============================================================================= */

.msg {padding:10px;}
.msg.warning {background:url("../design/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../design/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../design/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../design/ico-delete.gif") 10px 50% no-repeat;}

/* =============================================================================
STEPS
============================================================================= */

ul.step {
    background: transparent url('../design/step_start.gif') no-repeat 25px 30px;
    list-style: none;
    margin:0.8em auto 2em;
    padding-left: 40px;
    height: 50px;
    width:880px;
}
ul.step li {
    height: 50px;
    float: left;
    width: 150px;
    text-align: center;
    background: transparent url('../design/step_standard.gif') no-repeat left 30px;
    padding-top:5px;
}
ul.step li.step_current {
    background: transparent url('../design/step_current.gif') no-repeat left 30px;
    font-weight:bold;
}
ul.step li.step_todo {
    font-style:italic;
}
ul.step li#step_end { width: 60px; }
ul.step li#step_end { background: transparent url('../design/step_end.gif') no-repeat left 30px; }
ul.step li#step_end.step_current { background: transparent url('../design/step_end_current.gif') no-repeat left 30px; }
ul#order_step {
    background-color: white;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -webkit-border-radius:7px;
    border:1px solid #E2E2E2;
}

/* =============================================================================
TABLE
============================================================================= */

#box-table-a
{
    font-size: 12px;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}
#box-table-a th
{
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #DBDBDB;
    border-top: 4px solid #BFBFBF;
    border-bottom: 1px solid #fff;
    color: #000;
}
#box-table-a td
{
    padding: 8px;
    background: #F5F5F5; 
    border-bottom: 1px solid #fff;
    color: #404040;
    border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
    background: #DBDBDB;
    color: #000;
}

/* =============================================================================
LINKS ICO
============================================================================= */

#link-ico-update {
    background: url(/design/ico-arrow_refresh.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-add {
    background: url(/design/ico-add.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-delete {
    background: url(/design/ico-cancel.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-info {
    background: url(/design/ico-information.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-eps {
    background: url(/design/ico-doc_illustrator.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-eps:hover {
    text-decoration:underline;
}

#link-ico-pdf {
    background: url(/design/ico-doc_pdf.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-pdf:hover {
    text-decoration:underline;
}

#link-ico-save {
    background: url(/design/ico-page_save.png) 0px 50% no-repeat;   
    padding-left:25px; 
    text-decoration:none; 
}

#link-ico-save:hover {
    text-decoration:underline;
}

#link-ico-zoom {
    background: url(/design/ico-magnifier.png) 0px 50% no-repeat;   
    padding-left:25px; 
    text-decoration:none; 
}

#link-ico-zoom:hover {
    text-decoration:underline;
}

#link-ico-cadena {
    background: url(/design/ico-lock.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-download {
    background: url(/design/ico-page_save.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

#link-ico-previous {
    background: url(/design/ico-previous.png) 0px 50% no-repeat;   
    padding-left:25px; 
}

/* =============================================================================
Cacher
============================================================================= */

.hide {
  display: none;
}

/* =============================================================================
Table
============================================================================= */

.table-top td {
  vertical-align:text-top;
}

.table-bottom td {
  vertical-align:text-top;
}