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

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

.box1 { width: 216px; float: left; }
.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 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 a:hover { background: #F5F5F5 url(images/connerscorner_sm-1.gif) no-repeat 13px 8px; color: #ED2024; }
.box1 .box a strong { color: #999999; text-decoration: none; display: block; }
.box1 .box a span { text-decoration: underline; }
.box1 .box ul { padding: 5px 0; }
.box1 .box li { display: block; }
.box1 .box .all a { color: #262F47; display: block; background: url(images/connerscorner_sm-2.gif) no-repeat 13px 8px; font-weight: bold; padding: 5px 0 5px 25px; text-transform: uppercase; }
.box1 .box .all a:hover { background: #F5F5F5 url(images/connerscorner_sm-2.gif) no-repeat 13px 8px; color: #ED2024; }
.box1 .box .soon { font-weight: bold; color: #999999; padding: 0 0 0 10px; }

.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: 10px; 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 { color: #262F47; height:284px; }
.box2 .welcome h4 { font-size:16px; font-weight:bold; padding:12px; }
.box2 .welcome p { padding: 5px 12px 12px 12px; line-height: 15px; font-size:14px;}
.box2 .welcome p a { color: #ED2024; }
.box2 .welcome kbd { margin-top: 11px; }

.box2 .form { padding: 0 0 0 0; }
.box2 .form form { padding: 8px 0 5px 190px; }
.box2 .form form select,
.box2 .form form input,
.box2 .form form img { float: left; }
.box2 .form form select  { margin: 0 8px 0 0; width: 110px; }
.box2 .form form .text { margin: 0 8px 0 8px; height: 20px; width: 170px; }
.box2 .form form select { height: 22px; }
.box2 .form .pag { background: #F2F2F2; display: block; padding: 7px 15px; }
.box2 .form .pag a { color: #000000; text-decoration: underline; }
.box2 .form .pag a:hover { color: #ED2024; }
.box2 .form .pag strong { color: #000000; }
.box2 .list ul { padding: 0 15px 15px 15px; }
.box2 .list li { border-bottom: 1px #B7B7B7 dotted; padding: 15px 0; height: 135px; overflow: hidden; }
.box2 .list .thumb { float: left; width: 183px; }
.box2 .list .thumb img { display: block; }
.box2 .list .info { float: left; width: 270px; padding: 0 0 0 10px; color: #262F47; position: relative; }
.box2 .list .info h4 { font-size: 18px; line-height: 18px; display: block; padding: 0 0 5px 0; }
.box2 .list .info p { height: 63px; padding: 5px 0 0 0; }
.box2 .list .info a {  color: #262F47; text-decoration: underline;}
.box2 .list .info .red,
.box2 .list .info a:hover { color: #ED2024; }
.box2 .list .info .new { position: absolute; top: 0px; right: 10px; }
.box2 .list .rate { float: right; width: 173px; padding: 25px 0 0 0; }
.box2 .list .rate h4 { font-size: 18px; line-height: 18px; display: block; padding: 0 0 5px 0; color: #262F47; }
.box2 .list .rate .note { background: #ED2024; padding: 5px 0 0 0; position: relative; }
.box2 .list .rate .note span { position: absolute; top: 22px; right: 8px; font-size: 24px; color: #FFFFFF; font-weight: bold; line-height: 24px; }