/*
----------------------------------------
file: main.css
app: imandi.com
date: november 2007
desc: main style document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0;
   padding: 0 0 10px;
   font: 1em verdana, arial, helvetica, sans-serif;
   line-height: 1em;
   color: #666;
   background: #cad6e8 url(../img/body_back.gif) repeat-y 50% 0;
   }

div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, tr, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }

img {
   display: block; /* remove inline whitespace (strict doctype) */
   }

body a {
   text-decoration: none;
   }

body a:hover {
   border: 0;
   }


/* layout
................................................................................ */
#maincontain {
   width: 910px;
   margin: 20px auto 0;
   }

#rightcol {
   float: right;
   width: 210px;
   margin: 0 0 10px;
   }

#centercol {
   width: 680px;
   margin-right: 230px; /* refer to ie6-only style sheet for alternate value */
   }


/* top link bar
................................................................................ */
#toplinkbar {
   width: 980px;
   height: 30px;
   overflow: hidden; /* for correct height in ie6 */
   margin: 0 auto;
   background: url(../img/shadow_top.gif) no-repeat 0 0;
   }

.toplinks {
   margin: 0 35px;
   padding: 3px 0 0;
   font-size: 65%;
   font-weight: bold;
   text-transform: uppercase;
   text-align: right;
   color: #246bb3;
   }

.toplinks a {
   margin: 0 3px;
   border-bottom: 1px solid #999;
   color: #333;
   }


/* category listing
................................................................................ */
#catlist {
   margin: 0 0 10px;
   }

#catlist .topcor {
   height: 5px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/catlist_topcor.gif) no-repeat 0 0;
   }

#catlist .botcor {
   height: 5px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/catlist_botcor.gif) no-repeat 0 0;
   }

#catlist .content {
   padding: 10px 20px 0;
   border: 1px solid #ccc;
   border-width: 0 1px;
   background-color: #f9f9f9;
   }

#catcol1, #catcol2, #catcol3 {
   float: left;
   width: 199px;
   }

#catcol2 {
   margin-left: 20px;
   }

#catcol3 {
   margin-left: 20px;
   }

#catlist h3 {
   margin: 0 0 6px;
   padding: 0 0 4px;
   border-bottom: 1px solid #5c91cb;
   font-size: 70%;
   color: #164ba3;
   }

#catlist h3.feat {
   border-bottom-color: #d58a00;
   color: #d58a00;
   }

#catlist ul {
   margin: 0 0 10px;
   }

#catlist li {
   padding: 0 0 4px;
   font-size: 70%;
   line-height: 1;
   }

#catlist li a {
   color: #666;
   }

#catlist ul.feat li a {
   color: #d58a00;
   }

#catlist ul.feat li a:hover {
   border-bottom-color: #d58a00;
   color: #d58a00;
   }

#catlist a:hover {
   border-bottom: 1px solid #666;
   color: #333;
   }


/* head
................................................................................ */
#head {
   position: relative;
   height: 100px;
   margin: 0 0 20px;
   }

#head img {
   display: inline;
   }

#step1, #step2, #step3 {
   margin-left: 10px;
   }


/* search box
................................................................................ */
#search {
   margin: 0 0 20px;
   }

#search .topcor {
   height: 7px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/search_topcor.gif) no-repeat 0 0;
   }

#search .botcor {
   height: 7px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/search_botcor.gif) no-repeat 0 0;
   }

#search .content {
   padding: 5px 15px;
   background: url(../img/search_back.gif) repeat-y 0 0;
   }

#search h3 {
   padding: 0 0 5px;
   font: bold 95% arial, helvetica, sans-serif;
   text-align: center;
   color: #333;
   }

#search label {
   display: block;
   font-size: 70%;
   color: #333;
   }

#search input, #search select {
   font-size: 95%;
   margin: 3px 3px 3px 0;
   color: #333;
   }

#s-city {
   width: 120px;
   }

#search #searchsubmit {
   display: block;
   height: 20px;
   margin: 5px auto 0;
   }


/* box1
................................................................................ */
.box1 {
   margin: 20px 0 0;
   }

.box1 .topcor {
   height: 5px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/box1_topcor.gif) no-repeat 0 0;
   }

.box1 .botcor {
   height: 5px;
   overflow: hidden; /* for correct height in ie6 */
   background: url(../img/box1_botcor.gif) no-repeat 0 0;
   }

.box1 h4 {
   padding: 0 10px 10px;
   border: 1px solid #ffcf75;
   border-width: 0 1px;
   font-size: 70%;
   color: #333;
   background: #fff url(../img/box1_head_back.gif) no-repeat 0 0;
   }

.box1 .content {
   padding: 5px 10px 0; /* a bottom padding value causes a display bug in ie6 with the bottom corners image div */
   border: 1px solid #ffcf75;
   border-width: 0 1px;
   }

.box1 .context {
   margin: 0 0 10px;
   padding: 3px 5px;
   font-size: 65%;
   text-align: right;
   color: #103574;
   background-color: #f0f0f0;
   }

.box1 .context span {
   float: left;
   }

.box1 .more {
   padding: 0 0 8px;
   font-size: 65%;
   text-align: center;
   }

.box1 .more a {
   border-bottom: 1px solid #333;
   text-decoration: none;
   color: #333;
   }

.box1 .more a:hover {
   border: 0;
   }

.chatpromo, .ques, .ans {
   padding: 0 0 10px;
   }

.chatpromo img, .ques img {
   float: left;
   border: 1px solid #666;
   }

.chatpromo p, .ques p, .ans p {
   margin-left: 60px;
   font-size: 65%;
   line-height: 1.3;
   color: #555;
   }

.chatpromo p a, .ques p a, .ans p a {
   text-decoration: none;
   border-bottom: 1px solid #ccc;
   color: #3e7bbf;
   }

.chatpromo p a:hover, .ques p a:hover, .ans p a:hover {
   border: 0;
   }

.chatpromo p span {
   display: block;
   color: #333;
   }

.chatpromo p span.time {
   color: #930;
   }

.ques em {
   font-weight: bold;
   font-style: normal;
   color: #900;
   }

.ques .name {
   margin-bottom: 2px;
   }

.ans p {
   margin-left: 0;
   }

.ans em {
   font-weight: bold;
   font-style: normal;
   color: #060;
   }


/* misc
................................................................................ */
.clearleft {
   clear: left;
   }

.floatleft {
   float: left;
   }

.floatright {
   float: right;
   }


/* request form
................................................................................ */
.requestform {
   font-size: 75%;
   }

.requestform fieldset { /* refer to ie6-only AND ie7-only style sheets for alternate values */
   position: relative;
   margin: 10px 0 15px;
   padding: 5px 15px 15px;
   border: 1px solid #1f6bb8;
   background-color: #f7fafd;
   }

.requestform legend {
   position: absolute;
   top: -.5em;
   left: 15px;
   margin: -3px;
   padding: 3px 10px;
   border: 1px solid #1f6bb8;
   font-weight: bold;
   color: #003366;
   background-color: #fff;
   }

.requestform label, .requestform .label1 {
   display: block;
   margin: 5px 0 3px;
   padding: 4px 0 0;
   border-top: 1px dashed #ccc;
   font: bold 85% verdana, arial, helvetica, sans-serif;
   color: #444;
   }

.requestform .label1 {
   font-weight: bold;
   color: #444;
   }

.requestform label {
   display: block;
   margin: 5px 0 3px;
   padding: 4px 0 0;
   border-top: 1px dashed #ccc;
   font: bold 85% verdana, arial, helvetica, sans-serif;
   color: #444;
   }

.requestform label span {
   margin-left: 5px;
   font-weight: normal;
   }

.requestform label span.error {
   color: #900;
   }

.requestform input, .requestform select, .requestform textarea {
   font: 85% verdana, arial, helvetica, sans-serif;
   }

.requestform h6 {
   margin: 0 0 10px;
   font-size: 125%;
   color: #1b50a0;
   }

.requestform p {
   margin: 0 0 10px;
   }

.requestform .errors {
   margin: 0 0 15px;
   padding: 10px;
   border: 2px solid #900;
   color: #000;
   background-color: #f4e8e8;
   }

.requestform .errors p {
   font-size: 115%;
   color: #600;
   }

.requestform .errors li {
   margin: 0 0 0 25px;
   list-style-type: disc;
   font-size: 95%;
   }


/* business promos
................................................................................ */
.buspromo {
   padding: 0 0 15px;
   text-align: center;
   }

.buspromo h6 {
   margin: 0 0 3px;
   font-size: 75%;
   color: #333;
   }

.buspromo p {
   margin: 0 0 3px;
   font-size: 75%;
   }

.buspromo a img {
   border: 1px solid #666;
   display: block;
   margin: 0 auto 5px;
   }

.buspromo a.butt img {
   border: 0;
   margin: 0;
   }


/* foot
................................................................................ */
#foot {
   clear: both;
   margin: 10px 0 0;
   padding: 5px 15px 10px;
   border-top: 3px solid #246bb3;
   }

#foot p {
   font-size: 65%;
   text-align: center;
   color: #333;
   }

.footlinks {
   padding: 0 0 0 15px;
   }

.footlinks a {
   margin: 0 3px;
   border-bottom: 1px solid #aaa;
   color: #333;
   }