/*--------------------------------------------------*/
/* Mitsubishi Forklift Truck of Houston - June 2008 */
/*--------------------------------------------------*/

@import "default.css";

/*PAGE LAYOUT----------*/
body{background:#e7e7e7 url(../images/body-bg.jpg) repeat-x 0 0;}
#wrapper{xbackground-color:#fff;margin:0 auto;width:850px}
#header{height:135px;margin-top:10px;background:#fff;width:850px;}
#page-content{background-color:#fff;min-height:400px;overflow:hidden;padding:15px 0 15px 15px;}
#page-content #left-side{float:left;width:210px;}
#page-content #right-side{float:left;;width:605px;}
#footer{background:#9d9fa2 url(../images/mit-logo-white.gif) no-repeat 97% 10px;clear:both;height:50px;margin-bottom:10px;}
#layout .col{margin:32px}

/*Temporary Message*/
div#temp{color:#050505;position:absolute;top:20px;left:50%;text-align:left;margin-left:-230px;padding-left:85px;padding-bottom:5px;overflow:hidden;}

/*HEADER----------*/
#header h1{background:transparent;float:left;height:64px;overflow:hidden;margin:20px 0 0 20px;width:157px;}
#header h1 a{display:block}
#header h1 a span{text-indent:-999em}

/*Navigation*/
#top-nav{float:right;margin-right:25px;text-align:right;width:600px}
#top-nav ul{float:right;margin:0}
#top-nav li{color:#aaa;cursor:default;float:left;font-size:11px;font-weight:600;list-style:none;padding-top:8px;}
#top-nav li a{border-right:1px solid #aaa;color:#777;display:block;padding:0 8px;}
#top-nav li a.last{border:none;padding-right:0;}
#top-nav li a:hover{text-decoration:underline;}
#top-nav li a:active{color:#000;text-decoration:underline;}
.phone-number{background:url(../images/phone-number.gif) no-repeat 0 0;clear:both;float:right;height:14px;margin-top:15px;width:110px}
.phone-number h3{display:none}
.email a{background:url(../images/email.gif) no-repeat 0 0;clear:both;float:right;height:11px;margin-top:6px;text-decoration:none;width:54px}

#main-nav{background:#999;float:left;height:34px;margin:15px 0 0 15px;width:820px;z-index:200;}
#main-nav ul{margin:0 0 0 6px;}
#main-nav li{color:#bbb;cursor:default;float:left;font-size:14px;font-weight:700;list-style:none;padding:6px 0;}
#main-nav li a{border-right:1px solid #bbb;color:#fff;display:block;padding:0 10px;text-decoration:none;}
#main-nav li a.last{border:none;padding:0 6px 0 10px;}
#main-nav li a:hover{color:#da2128;text-decoration:none;}
#main-nav li a:active{color:#000;text-decoration:none;}

#nav ul{background:url(../images/opacity.png) repeat-x 0 0;list-style:none;z-index:200;}
#nav li ul{position:absolute;left:-999em;width:10em;}
#nav li:hover ul,#nav li.sfhover ul{left:auto;}
#nav li ul li{border-bottom:1px solid #bbb;width:10em;}
#nav li ul li:hover{background-color:#999;}
#nav li ul li a{border:0;color:#fff;display:block;font-size:90%;font-weight:400;}

/*
a.button{background:#da2128;color:#fff;padding:2px 4px;text-decoration:none;}
a:hover.button{background:#999;color:#fff;text-decoration:none;}
a:active.button{background:#999;color:#000;text-decoration:none;}
*/

/*HOME-PAGE*/
.big-image{float:left;margin:25px 0 0 20px;position:relative;z-index:100;}

.banner{background:url(../images/banner-bg.jpg) no-repeat 0 0;float:left;height:278px;position:absolute;width:820px;z-index:1}
.banner-thumbs{position:absolute;top:190px;left:250px;width:540px;}
.banner-thumbs li{float:left;list-style:none;padding-right:6px;}
.banner-thumbs li a {border:3px solid #9d9fa2;display:block;line-height:0}
.banner-thumbs li a:hover {border-color:#9d9fa2;cursor:default;}

.lower-content{background:url(../images/top-gradient.jpg) repeat-x 0 0;float:left;margin-top:-47px;padding-top:47px;width:820px;}
.section, .lower-content .vcard{border-left:1px solid #9d9fa2;float:left;padding:10px;width:184px;}

a.read-more{background:url(../images/red-circle-13px.gif) no-repeat 0 1px;color:#da2128;padding-left:16px;text-decoration:none;}
a:hover.read-more{text-decoration:underline;}
a:active.read-more{color:#000;text-decoration:underline;}

/*PAGE-CONTENT----------*/
#page-content ul{list-style-image:url(../images/red-circle-12px.gif);padding-left:5px;}
#left-side{background:#A1A2A6 url(../images/left-side-bg.jpg) no-repeat 0 0;min-height:400px;}
#left-side .vcard{margin:350px 0 20px 15px;}
#right-side .page-header{background:url(../images/page-header-bg.jpg) no-repeat 100% 0;height:79px;padding:20px 0 0 20px;}
#right-side .page-header h2{height:45px;text-indent:-999em;width:545px;}
#right-side .page-header h2.financing{background:url(../images/financing.png) no-repeat 0 0;}
#right-side .page-header h2.rental{background:url(../images/rental.png) no-repeat 0 0;}
#right-side .page-header h2.service{background:url(../images/service.png) no-repeat 0 0;}
#right-side .page-header h2.training{background:url(../images/training.png) no-repeat 0 0;}
#right-side .page-header h2.contact-us{background:url(../images/contact-us.png) no-repeat 0 0;}
#right-side .page-header h2.company-information{background:url(../images/company-information.png) no-repeat 0 0;}
#right-side .page-header h2.parts-tires{background:url(../images/parts-tires.png) no-repeat 0 0;}
#right-side .page-header h2.new-equipment{background:url(../images/new-equipment.png) no-repeat 0 0;}
#right-side .page-header h2.whats-new{background:url(../images/whats-new.png) no-repeat 0 0;}
#right-side h2.used-equipment{background:url(../images/used-equipment.png) no-repeat 0 0;text-indent:-999em}
#right-side .content{padding:25px;}

.product-thumb{float:left;height:220px;margin-left:10px;width:260px;}

/*SEARCH----------*/
.search-form{background:#c4c4c4 url(../images/search-bg.jpg) repeat-x 0 100%;padding:20px;}
.search-form .filter{overflow:hidden;}
.search-form .filter dl{display:block;float:left;padding-right:20px;}
.search-form .filter dd input{width:90px}

.search-results h3{margin:0}
.search-results td{border-bottom:1px solid #ddd;padding:10px;}
.search-results tr:hover td{background:#eee}
.search-results td dt{color:#777;clear:both;font-weight:400;float:left;width:75px;}
.search-results td dd {color:#111;float:left;width:200px;}

/*FOOTER----------*/
#footer p{float:left;font-size:105%;margin-left:20px;padding-top:16px;}

/*OTHER----------*/
/*VCard*/
.vcard .fn{font-weight:700}
.vcard .url{display:none}
.vcard .email{display:none}

/*ADMIN----------*/
.cms-control a{background:#eee;border:1px solid #aaa;color:#000;padding:2px 5px;text-decoration:none;}
.cms-control a:hover{text-decoration:underline;}
.cms-control a:active{background:#ccc;}
.editable .cms-content{background-color:#CFE2FB;border-top:2px solid #0029CF;border-bottom:2px solid #0029CF;overflow:hidden;}
table.table {margin-bottom:1.4em;width:98%;}
.table th {font-weight:bold;background:#CFE2FB;}
.tabel th, .table td {padding:4px 10px 4px 5px;}
.table tr:hover td {background:#E0E7EF;}

fieldset{border:1px solid #ccc;padding:1em;width:90%}
legend{border:none;padding:0 .5em;text-transform:uppercase;}

.error, .notice, .success {display:block;padding:.5em;margin-bottom:1em;border:2px solid #ddd;width:90%}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}

a.tip{cursor:help;height:1px;width:100%;margin:0;padding:0;position:relative;text-decoration;none}
a.tip span{background:#333;color:#fff;font:11px arial,sans-serif;padding:5px;width:250px;display:none;position:absolute;left:45px;top:20px;z-index:100}
a:hover.tip span{display:block}