/*
** Atlantic Credit Leasing Calculator Webpage Styles
** Developed by TICODE, mar 2008.
*/

.clear { clear:both; margin:0px; padding:0px;
       }

body { margin:0px; padding:0px; font-size:14px; margin:0px;
       color:#000000; font-family: Arial, Helvetica, sans-serif;
     }

body a { text-decoration:none;
       }

#wrapper { width:900px; height:auto; padding:0px; margin:auto;
         }
#top-menu { height:31px;  margin-top:5px;
	  }

#top-menu ul { margin:0px;
	     }

#top-menu li { float:left; list-style-type:none; width:172px; height:32px;
	       background:url(/images/top-menu.png) no-repeat;
	       margin:0px 10px 0px 0px;	padding:10px 0px;
	       text-align:center;
	     }

#top-menu li:hover { background:url(/images/top-menu2.png) no-repeat;
		   }	     

#top-menu   a ,
#right-menu a { margin:0 auto; color:#ffffff; padding:0 auto;
		vertical-align:middle;
	      }	     

#right-menu { float:right; margin:0px;	text-align:center;
	    }

#right-menu ul { margin:0px; 
	       }	    

#right-menu li { background:url(/images/right-menu.png) repeat-y;
		 list-style-type:none; height:52px; width:247px;
		 margin:0px 0px 10px 0px; text-align:center;
		 padding-top:10px;
	       } 

#right-menu li:hover { background:url(/images/right-menu2.png) repeat-y;
		     }	     

#header { background:url(/images/header.png) no-repeat;
          height:172px; margin:0px; padding:0px;
        }

#call-number { padding:50px 20px 0px 0px; text-align:right;
	       color:#ffffff; font-size:20px; 
	     }		

.cuerpo { border-bottom:3px solid #5271b2; 
	}	     

#leftbox { float:left;	width:612px;  min-height:350px;
	 }

.info	{ padding:10px 40px; 
	}	 

#buttons { margin-bottom:20px;
	 }

#get h2 { margin:0px;  
	}     		     

#get { margin:20px 33%;  text-align:center;
     }	

.align { float:left; 
       }	  

.block2 { text-align:center; margin:-5px 5px 0px; 
	}       

#circles  { margin:20px 5%; margin-bottom:20px;
	  }

#circles a { color:#ffffff; 
	   }	  
.bot  { float:left; margin-left:50px; width:104px; height:125px;
	text-align:center;
      }	
#IE7_root .bot a  { display:block;
		  }

/** Home **/	      
#firma { width:179px; margin-top:10px;
       }




/***/






/** Old rules*/     
img { border:0px solid #777777; 
    }

img#lft { margin:0px 10px 0px 0px;
        }

img#rgt { margin:0px 0px 0px 10px;
        }

a { color:#435BA3; text-decoration:none; font-weight:bold;
  }

a:hover { color:#364A85; 
        }
		 

/* CALCULATOR STYLES */
#IE_root #calculate { width:500px;
		    }

#calculate fieldset  { border:1px solid #879AC4; padding:8px; margin:0px;
                     }
#calculate legend  { /*border:1px solid #000;*/
                   }
#calculate div  { border:1px solid #879AC4; padding:4px;
	        }
#calculate #results div	{ float:left; min-width:175px; margin:4px;
			  padding:4px;
		        }
#calculate div.header { font-weight:bold;
		      }
#calculate div.no_r  { background:transparent;
                     }
#calculate div.r10  { background:#ddf; width:175px;
                    }
#calculate div.r100  { background:#dfd; width:175px;
		     }
#calculate #results div.rpad  { width:29px; min-width:29px; border:0px;
			      }
#calculate #results div.spad  { width:20px; min-width:20px; border:0px;
			      }

div#proposal_link { text-align:center; width:100%; border:0px; margin:0px;
		  }
#proposal_link div.options  { display:inline; width:180px; height:80px;
			      border:0px; margin:0px; padding:0px;
			      text-align:center;
			    }
#proposal_link button#print,
#proposal_link div.buttons  { border:0px; margin:0px; padding:0px;
			      width:175px; max-width:175px; min-width:175px;
			      height:80px; max-height:80px; min-width:80px;
			      background-color:#fff; cursor:pointer;
			    }
#proposal_link div#emailme  { background-image:url("/imgs/email.jpg");
			      background-repeat:no-repeat;
			      width:304px; height:76px; margin:5px 52px;
			    }
#IE_root #proposal_link div#emailme { margin:5px 0px; right:-50px;
				      position:relative;
				    }
div#emailme input#theEmail  { width:125px; height:14px; float:left;
			      margin-top:30px; margin-left:20px;
			    }
#IE_root div#emailme input#theEmail { right:50px;
				    }
div#emailme button#theButton,
div#emailme div.ebutton { background:transparent none; border:0px;
			  width:150px; height:76px; float:right;
			  cursor:pointer;
			}

/**/
div#topbar { width:765px; height:55px; text-align:right;
           }

div#topmen { padding:10px 10px 0px 0px;
           }

div#topmen a { color:#4258A3; font-size:11px;
             }

div#topmen a:hover { color:#96AEC8;
                   }

div#banner { width:763px; height:200px; margin:0 auto;
             padding-left:2px;
           }

div#content { margin:0 auto; max-width: 1024px; 
	      background-image: url("../imgs/botgen.gif");
              background-position:bottom; background-repeat:no-repeat;
	    }

div#sidebar { float: right; width:195px; margin:0; padding:0;
              /*background:#666633;*/ border-left:1px solid #9AA8CF;
	    }

div#sidebar-content { margin:10px 0px 10px 0px; padding:0px; 
		      text-align:right;
		    }

div#sidebar-content p { padding-right:10px; color:#A3A3A3; text-align:right;
                      }

div#sidebar-content a { display:block;
                      } 

div#main-home,
div#main { margin:0 195px 0 0; padding:0; text-align:left;
	 }

div#main-content { margin:0; padding: 0.5em 1em; font-size: 100%;
		 }
		 
div#main-content p { padding-bottom:10px; text-align:justify;
 	           }

hr.cleaner 	 { clear:both; height:1px; margin: -1px 0 0 0; padding:0;
		   border:none; visibility: hidden;
		 }

/**/
/*
div#footer { width:765px; height:30px; margin:0 auto; padding:0px;
             background-image: url("../imgs/footer.gif");
             background-repeat:no-repeat;
           }

div#footerMen { text-align:right; font-size:12px; color:#fff; 
                margin:0px auto; padding:0px;
              }

div#footerMen a { color:#fff; font-size:12px; font-weight:normal;
                }

div#footerMen a:hover { color:#253A67;
                      }

div#footerMen a.sp { padding-left:43px;
                   }
                
div#footerMen span.bt { padding-right:310px;
                      }
*/
/* control subsite (admin) */
#admin_home .message  { width:350px; float:left; display:inline;
		      }
div.menu-box  { float:left; padding-right:15px; width:150px;
		display:inline;
	      }
div.menu-box a	{ display:block; padding-top:12px;
		}

/*HERITAGE STYLES*/

button.flr  { float:right;
	    }
div#text-link { font-size:12px; text-align:center; padding-top:4px;
	      }

/* This is for the log in sub-sections on many pages */

div#logform { float:left; display:inline; width:235px; height:110px;
	      border:1px solid #879AC4; padding:10px;
	      margin:2px 2px 35px 2px;
	    }
div#logform label { width:80px; float:left; display:inline; 
		    padding:3px 2px;
		  }
div#logform input { width:115px; float:right;
		  }
div#newuser { float:right; width:245px; height:110px; text-align:justify;
	      border:1px solid #879AC4; padding:10px; margin-top:2px;
	    }

/* This is for the send new user subsection on various pages */

div#newuserform	{ border:1px solid #879AC4; padding:3px; 
                  margin:0px auto 40px auto; width:350px; 
		}

div#newuserform	input { width:203px;
                      }

div#newuserform	input.sub { width:95px;
                          }


/* ^ calculator.tpl ^ */



div#proposal_link { text-align:center; width:100%; border:0px; margin:0px;
		  }

table.appForm { margin:0px; padding:0px;
              }

.red { color:red;
     }

table.appForm td { padding:3px; 
                 }

table.appForm th { padding-left:40px; 
                 }

/* Used in ^ templates/admin/reports ^ */
#wqtr { width:485px; margin:8px auto;
      }
#wqtr table { width:485px; margin-top:20px; border:2px solid #000;
	    }
#wqtr thead td	{ padding:3px 3px; color:#666666; font-size:11px;
		  font-weight:bold; width:15px; border:1px solid #aaa;
		  text-align:center;
		}
#wqtr tbody td	{ color:#666666; background:#fff; width:15px;
		  text-align:center; font-size:11px;
		  border:1px solid #aaa;
		}
#wqtr tbody th	{ color:#666666; background:#eeddcc; width:15px;
		  text-align:center; font-size:11px;
		  border:1px solid #aaa;
		}
#wqtr input#from,
#wqtr input#to	{ margin-left:50px;
		}
#wqtr button#showcalfrom  { cursor:pointer; margin-left:10px;
			  }

/*
** try to fix ugly ie table cells
*/
#wqtr table.reports tbody td,
#wqtr table.reports tbody th  { white-space:pre;
			      }
#IE_root #wqtr table.reports tbody td,
#IE_root #wqtr table.reports tbody th { width:20%;
				      }
#wqtr table.reports tbody td.lefted,
#wqtr table.reports tbody th.lefted { text-align:left;
				    }
span#note { font-size:12px; color:#733; background:#ff9; width:100%;
	    border:1px solid #373; text-align:left;
	  }
#IE_root div#emailme input#theEmail { height:20px;
				    }



/* log_in_info.tpl */


div#quoteform { background:#F5F5F5; width:350px; margin:0 auto;
                padding:7px; border:1px solid #999;
              }

div#quoteform input { width:340px;
                    }

div#quoteform input.amot { width:80px;
                         }

div#quoteform select.commmi { width:80px;
			    }
div#quoteform textarea	{ width:340px;
			}
div#quoteform input.subm { width:110px; margin-left:110px;
                         } 

div#quoteform input.tosend  { width:110px;
			    }

/* table version for the atlantic calculator results */
#calculate table  { width:90%; margin:5px auto;
		  }
#calculate table td,
#calculate table th { border:1px solid #ccc; padding:2px 4px;
		      text-align:center;
		    }
#calculate table th { font-weight:bold;
		    }
    
#calculate table .r10 { /*background:#ddf;*/
		      }
#calculate table .r100	{ /*background:#dfd;*/
			}
#calculate  { margin-bottom:20px;
	    }
div#main-content  { padding-bottom:50px;
		  }

div#quote_details { border:0px solid #fff;
		  }
div#quote_details b { padding-left:30px;
		    }

div#remote  { background:#fff; max-width:600px; margin:20px auto;
              border:1px solid #9AA8CF;
            }

.space li { margin-bottom:10px; 
	  }	    

/*
** ======================================================================
** March 2011 theme re-design
** New design requested from client, we are adapting elements of the
** previous design, so we keep all from above.
**
**  Colors:
**    Darker light blue	- #63a2d5
**    Light blue	- #bad9f0
**    Black		- #283639
**    Gray (bars)	- #d0d0d0
*/
h1  { font-size:30px; margin-bottom:5px; font-weight:normal;
    }
h2  { font-size:26px; margin:24px 40px 24px 8px; font-weight:normal;
    }
hr  { border-top:1px solid #d0d0d0; border-bottom:1px solid #eeeeee;
      height:2px; background-color:#d0d0d0;
    }

.head-title { font-size:26px;
	    }
a.long-btn  { width:154px; height:18px; float:left; color:#fff;
	      margin:20px 15px 0px 0px; font-weight:normal;
	      padding:4px 0px 22px 0px;
	      background:url(/images/btn-long.png) top left no-repeat;
	      background:url(/images/btn-2.png) top left no-repeat;
	    }
a.long-btn span	{ text-align:center; width:120px; display:block;
		}
a.reg-btn span	{ text-align:center; width:88px; display:block;
		}
a.reg-btn { width:90px; height:18px; float:left; color:#fff;
	    margin:20px 15px 0px 0px; font-weight:normal;
	    padding:14px 0px 12px 0px;
	    background:url(/images/btn-reg.png) top left no-repeat;
	    background:url(/images/btn-5.png) top left no-repeat;
	  }
a.long-btn img, a.reg-btn img { margin-right:2px;
			      }
a.reg-btn:hover, a.long-btn:hover { color:#bad9f0;
				  }
#wide-menu li a:hover { color:#bad9f0;
		      }
#foot-menu a:hover, a:hover { color:#5271B2;
			    }
.right	{ float:right;
	}
.left { float:left;
      }

#wrapper  { border-top:25px solid #63A2D5;
	    padding:0px; margin:0px auto;
	  }
#topbanner  { height:83px; margin-top:7px; margin-bottom:7px;
	      background:#BAD9F0 none;
	    }
#topbanner #home a  { background:url(/images/atlantic-title.png)
			no-repeat;
		      width:432px; height:61px; margin:13px 0px 0px 40px;
		      float:left;
		    }
#topbanner #call-number	{ color:#283639; margin:35px 35px 0px 0px;
			  float:right; padding:0px;
			}
#wide-menu  { height:60px; background:#BAD9F0 none;
	    }
#wide-menu .head-title	{ float:left; margin:14px 0px 0px 50px;
			}
#wide-menu ul { float:right; padding:0px; margin:0px 30px 0px 0px;
	      }
#wide-menu li { display:inline; float:left; margin:8px 8px 0px 0px;
	      }
#wide-menu li a	{ width:77px; height:42px; display:block; padding-top:12px;
		  background:url(/images/btn-1.png) top left no-repeat;
		  text-align:center; color:#fff; font-weight:normal;
		  font-size:12px;
		}
/*
** Yuck! this design has buttons with variable width and variable size of
** the background image.  I have to set each separate.
*/
#wide-menu li a#btn-1 { /* used this as base one. */
		      }
#wide-menu li a#btn-2 { width:120px;
			background-image:url(/images/btn-2.png);
		      }
#wide-menu li a#btn-3 { width:105px;
			background-image:url(/images/btn-3.png);
		      }
#wide-menu li a#btn-4 { width:77px;
			background-image:url(/images/btn-4.png);
		      }
#wide-menu li a#btn-5 { width:90px;
			background-image:url(/images/btn-5.png);
		      }

div#main-home { margin:0px; padding:0px;
	      }
div#main  { margin:0px; padding:4px 20px;
	  }
#content-header	{ height:245px; padding:20px 365px 0px 30px;
		  margin-top:60px; margin-left:50px;
		  background:url(/images/atl-front.png)
		    top right no-repeat;
		}
#IE7_root #content-header { padding-top:40px;
			  }
#foot-menu  { height:15px; background:#BAD9F0; padding:15px 50px;
	    }
#foot-menu a  { color:#000000; text-decoration:none; font-weight:normal;
		font-size:12px; float:left; border-left:1px solid #333;
		padding-right:20px; padding-left:20px;
	      }
#foot-menu a.first  { border-left:0px solid #333; padding-left:0px;
		    }
#foot-menu #copyright { float:right; font-size:12px;
		      }
#ending	{ font-weight:bold; font-size:16px;
	  padding:15px 50px 15px 50px;
	}
#ticode	{ height:25px; margin:0px; background:#63A2D5;
	  text-align:center; font-size:12px;
	}
#ticode a { color:#BAD9F0;
	  }


/*
** home page elements:
*/
#buttons  { margin:45px 0px 0px 0px;
	  }
#circles  { 
	  }
#home #main2  { background:url(/images/atl-shadow.png)
		  500px 50px no-repeat;
	      }
#apply	{ width:460px; float:left; 
	}
#apply ul { margin:0px 0px 0px -30px;
	  }
#IE7_root #apply ul { margin:0px;
		    }
#apply li { list-style-type:none; margin-bottom:18px; padding-left:35px;
	    background:url(/images/atl-arrow.png) top left no-repeat;
	  }
#welcome  { width:330px; float:right;
	  }
.sidenote { height:420px;
	  }


/*
** Contact form elements:
*/
#contact-form-wrapper { width:800px; margin:5px auto;
		      }
#contact-form-wrapper
  .field	      { width:46%; height:50px; float:left; margin-right:3%;
		      }
#contact-form-wrapper
  .field label	      { width:40%; float:left;
		      }
#contact-form-wrapper
  .field input	      { width:55%; float:right;
		      }
#contact-form-wrapper
  .field textarea     { width:99%; float:right;
		      }
#contact-form-wrapper
  .field.textarea-wrap	{ height:125px;
			}
#contact-form-wrapper em,
#contact-form-wrapper
  .field em	      { color:#ee3333; font-weight:bold;
		      }
#contact-form-wrapper
  .field label.error  { width:55%; float:right; color:#ee3333;
		      }

#contact-form-wrapper
  #captcha_block  { border:1px solid #333; width:46%; float:right; 
		    padding:4px; text-align:center; margin-top:20px;
		  }
#contact-form-wrapper
  #captcha_block label.error  { display:block; color:#ee3333;
			      }

#contact-form-wrapper
  #instructions	{ float:left; width:45%; padding-top:10px;
		}
#contact-form-wrapper
  #actions  { float:right; width:100px; padding-top:2px;
	    }

ul.space li em	{ font-weight:bold; font-style:normal;
		}