﻿/************/
/*** HOME ***/
/************/

#home           { clear: both; float: none; margin: 10px 0px 0px 10px; padding: 0px; width: 940px; min-height: 400px; }
#home_left      { float: left;  margin: 10px 0px 0px 0px; padding: 0px; width: 660px; min-height: 280px; }
#home_right     { float: right; margin: 10px 0px 0px 0px; padding: 0px; width: 260px; min-height: 280px; }

.banner         { clear: both; float: left; width: 560px; height: 340px; border:1px solid #CCCCCC; margin: 20px 0px 0px 0px; padding: 0px; }
.banner_content { position: relative; width: 560px; height: 340px; margin: 0px; padding: 0px; } 
.banner img     { padding: 1px; border:1px solid #cccccc}

.box_dealday          { float: right; width: 360px; height: 160px; border:1px solid #cccccc; margin: 17px 0px 0px 0px; padding: 0px; }
.box_dealday_content  { position: relative; width: 360px; height: 160px; margin: 0px; padding: 0px; } 
.box_dealday img      { position: absolute; left: 10px; top: 25px; padding: 1px; border:1px solid #cccccc; width: 160px; height: 120px; }
.box_dealday_info     { position: absolute; left: 180px; top: 25px; width: 175px; height: 135px; }
.box_dealday h1       { position: absolute; left: 10px; top: 5px;  color:#C00000; font-size:12px; font-weight:bold; text-transform:uppercase; margin: 0px; padding: 0px; }
.box_dealday h2       { position: relative; left: 0px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 4px 0px;}
.box_dealday p        { position: relative; font-size: 10px; color: #666666; }
.box_dealday a.bottom { position: absolute; bottom: 0px; font-size:10px; color:#1F497D; }

.process        { float: left; width: 940px; height: 100px; border:1px solid #cccccc; margin: 10px 0px 0px 0px; padding: 0px; }
.process_content{ position: relative; width: 940px; height: 100px; margin: 0px; padding: 0px; } 
.process h1     { position: absolute; left: 10px; top: 5px;  color:#C00000; font-size:12px; font-weight:bold; text-transform:uppercase; margin: 0px; padding: 0px; }
.process_box    { float: left; width: 130px; height: 80px; margin: 20px 0px 0px 0px; padding: 0px;  }
.process h2     { position: relative; top: 32px; color:#1F497D; font-size:14px; font-weight:bold; margin: 0px; padding: 0px; text-align: center; }
.process h2:hover { color: #C00000; }
.process a      { text-decoration: none; color:#1F497D; font-size:14px; font-weight:bold; margin: 0px; padding: 0px; text-align: center; }
.process img    { position: absolute; right: 0px; bottom: 0px; }

.home_left_box { float: left; width: 680px; margin: 0px; padding: 0px; }
.hbox          { float: left; width: 210px; height: 180px; border:1px solid #cccccc; margin: 0px 13px 10px 0px; padding: 0px; }
.hbox_content  { position: relative; width: 210px; height: 180px; margin: 0px; padding: 0px; } 
.hbox img      { padding:1px; border:1px solid #cccccc; }
.hbox h1       { position: relative; left: 10px; top: 10px; color:#C00000; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 10px 0px;}
.hbox p        { position: relative; left: 10px; top: 6px; font-size: 11px; color: #666666; }
.hbox a.bottom { position: relative; left: 10px; top: 0px; font-size: 11px; color:#1F497D;}

.box_login          { float: left; width: 660px; height: 32px; border:1px solid #cccccc; margin: 0px 0px 10px 0px; padding: 0px; }
.box_login_content  { position: relative; width: 660px; height: 32px; margin: 0px; padding: 0px; } 
.box_login img      { padding:1px; border:1px solid #cccccc; }
.box_login p        { position: relative; left: 10px; top: 10px; font-size: 11px; color: #666666; }
.box_login .title   { font-size: 12px; color: #C00000; font-weight:bold; text-transform:uppercase; }
.box_login a.bottom { position: relative; left: 380px; top: -5px; }
.box_login a.welcome { position: relative; left: 610px; top: -5px;}
.box_login a.admin  { text-decoration: none; color: #666666; }
.box_login a.admin:hover  { text-decoration: none; color: #4A6E93; }

.box_search           { float: right; width: 360px; height: 160px; border:1px solid #cccccc; margin: 20px 0px 0px 0px; padding: 0px; }
.box_search_content   { position: relative; width: 360px; height: 160px; margin: 0px; padding: 0px; } 
.box_search img       { padding:1px; border:1px solid #cccccc; }
.box_search h1        { position: relative; left: 10px; top: 5px; color:#C00000; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 10px 0px;}
.box_search p         { position: relative; left: 10px; top: 5px; font-size: 11px; color: #666666; }
.box_search a.bottom  { position: relative; left: 10px; top: 0px; font-size: 11px; color: #1F497D;}

.slot           { clear: both; width: 260px; height: 80px; border:1px solid #cccccc; margin: 0px 0px 10px 0px; padding: 0px; }
.slot_content   { position: relative; width: 260px; height: 80px; margin: 0px; padding: 0px;  } 
.slot img       { padding:1px; border:1px solid #cccccc}
.slot h1        { position: relative; left: 10px; top: 5px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 8px 0px;}
.slot p         { position: relative; left: 10px; font-size: 10px; color: #666666; }
.slot a.bottom  { position: absolute; left: 10px; top: 60px; font-size:10px; color:#1F497D;}
