/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* HOME
----------------------------------------------------------------------------- */

.box1 { width: 216px; float: left; padding: 10px 0 0 0; }
.box1 h2 { background: #262F47; display: block; padding: 4px 0 4px 6px; text-transform: uppercase; color: #FFFFFF; font-size: 12px; margin: 10px 0 0 0; }
.box1 .box { border: 1px solid #CFCFCF; }
.box1 .box kbd { border-top: 1px solid #CFCFCF; background: #ECECEC; height: 6px; overflow: hidden; display: block; }
.box1 .box li a { color: #262F47; display: block; background: url(images/connerscorner_sm-1.gif) no-repeat 13px 8px; font-weight: bold; padding: 5px 0 5px 25px; }
.box1 .box li a:hover { background: #F5F5F5 url(images/connerscorner_sm-1.gif) no-repeat 13px 8px; color: #ED2024; }
.box1 .box a span { text-decoration: underline; }
.box1 .box ul { padding: 5px 0; }
.box1 .box li { display: block; }
.box1 .box .soon { color: #505050; padding: 10px; }
.box1 .box .soon a { color: #262F47; font-weight: bold; }

.box2 { width: 673px; float: right; }
.box2 h2 { background: #262F47; display: block; padding: 4px 0 4px 6px; text-transform: uppercase; color: #FFFFFF; font-size: 12px; margin: 10px 0 0 0; !margin: 13px 0 0 0; }
.box2 h3 { background: #262F47; height: 6px; overflow: hidden; display: block; }
.box2 .box { border: 1px solid #CFCFCF; }
.box2 .box kbd { border-top: 1px solid #CFCFCF; background: #ECECEC; height: 6px; overflow: hidden; display: block; }
.box2 .welcome { font-size: 14px; }
.box2 .welcome p { padding: 12px; height: 130px; line-height: 16px; }
.box2 .welcome p a { color: #ED2024; }
.box2 .compli { font-size: 14px; }
.box2 .compli ul { padding: 12px 12px 0 12px; }
.box2 .compli li { padding: 0 0 10px 0; border-bottom: 1px dotted #B7B7B7; line-height:18px; }
.box2 .compli p { padding: 10px 0 10px 20px; line-height:18px; }
.box2 .compli a { color: #ED2024; text-decoration: underline; }
.box2 .compli h4 { color: #262F47; padding: 10px 0 0 10px; }
.box2 .contact { background: url(images/customerservice_contact.jpg) no-repeat 15px 20px; }
.box2 .contact .info { font-size: 14px; line-height:16px; padding: 8px 0 20px 80px; }
.box2 .contact .info a { color: #ED2024; text-decoration: underline; }
.box2 .contact { padding: 15px; }
.box2 .contact label { float: left; text-align: right; width: 150px; font-weight: bold; color: #262F47; padding: 0 10px 0 0; }
.box2 .contact p { padding: 0 0 12px 0; float: left; }
.box2 .contact textarea,
.box2 .contact .input { width: 300px; padding: 2px; }
.box2 .contact textarea { height: 120px; }
.box2 .contact span { display: block; text-align: center;  }