@charset "utf-8";

/*OVERALL CSS*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7f7f7f; line-height:19px; background:#efefef}
body,h1,h2,h3,h4,h5,h6,ul,li,form{margin:0; padding:0; font-weight:normal;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
.container:after, .nav:after, .welcome-con:after, .footer .copycon:after, .listing:after, .contact-address:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}

/*CONTAINER*/
.container{width:800px; margin:0 auto; background:#FFF;}
.section-con{float:left; width:800px; background: url(../../images/top-bg.gif) repeat-x;}
.left-panel{float:left; width:232px;}
.right-panel{float:left; width:568px;}

/*LOGO*/
.logo, .logo-two{width:227px; height:124px;}
.logo a{width:227px; height:124px; background:url(../../images/logo.gif) no-repeat; display:block; text-indent:-10000px; margin:0 0 0 4px;}
.logo-two a{width:227px; height:124px; background:url(../../images/logo-2.gif) no-repeat; display:block; text-indent:-10000px; margin:0 0 0 4px;}


/*MANAGEMENT*/
.management img{ float:left;}

/*REQUEST QUOTE*/
.quote{background:#efefef;float:left; width:232px; padding:0 0 5px 0;}
/*
.quote h1{background:url(../../images/quote-bg.gif) repeat-x; color:#FFF; font-size:18px; padding:8px 0 10px 10px;}
*/
.quote h1{background:url(../../images/quote-button.jpg) no-repeat; color:#FFF; font-size:18px; padding:8px 0 10px 10px;text-align:center;}

.quote p{ text-align:center; margin:5px 0;}
.quote a{ color:#FFF;text-decoration:underline;}
.quote div{margin:0; text-align:center;}

/*PHONE*/
.phone{width:auto;}
.phone h1{height:33px; font-size:24px; font-weight:bold; background:url(../../images/phone.gif) no-repeat 98% 0; color:#ca0202; margin:20px 10px 0 0; padding:15px 15px 0 0; text-align: right;}
.phone span{font-size:12px; padding:0 60px 0 0;}
.phone a{color:#FFF;background:url(../../images/new-account.gif) no-repeat; padding:5px 0 0 25px; text-decoration:underline !important; float:left; margin:0 0 0 170px;}
.phone a:hover{text-decoration:none !important;}
/*NAVIGATION*/
.nav{width:568px; margin:27px 0 0 0;}
.nav ul{margin:0 0 0 5px;}
.nav li{float:left; list-style:none; font-weight:bold;}
.nav a{color:#000; padding:3px 9px; background:url(../../images/sep.gif) no-repeat right;}
.nav .nosep a{ background:none;}
.nav a:hover{color:#ca0202; text-decoration:none;}
.nav .current a{color:#ca0202;}
.nav li.selected a{color:#ca0202;}
.dropdown{position:absolute;top: 0;font-size:12px;line-height:18px; z-index:100;background-color: #f3f3f3;width:180px;visibility: hidden; margin:8px 0 0 0;}
.dropdown a{width:auto;display: block;text-indent: 5px; border-bottom: 1px solid #FFFFFF; padding: 5px 0;
text-decoration: none;color: #000;}
* html .dropdown a{width: 100%;}
.dropdown a:hover{background:#c81728;color: #FFFFFF; text-decoration:none;}

/*NAVIGATION*/
.banner{ float:left; padding:10px 0 0 0;}

/*WELCOME*/
.welcome-con{width:568px; float:left;}
.welcome{float:left; width:338px; padding:5px 10px;}
.welcome h1{font-size:18px;}
.welcome span{color:#ca0202;}
.welcome img{float:right; margin:0 0 0 10px;}
.welcome p{ line-height:21px; margin:10px 0 5px 0;}
.more a{color:#ca0202; background:url(../../images/arrow.gif) no-repeat right; padding:0 12px 0 0; font-size:11px; }

/*SERVICES*/
.services{float:right; width:210px;}
.services li{list-style:none;margin:5px 0; width:210px; height:73px;}
.delivery{ background:url(../../images/delivery-service.gif) no-repeat; }
.warehouse{ background:url(../../images/warehousing.gif) no-repeat;}
.callcenter{ background:url(../../images/call-center.gif) no-repeat;} 
.services a{color:#ca0202; background:url(../../images/arrow.gif) no-repeat 193px 59px; font-size:11px; width:75px; height:20px; padding:53px 0 0 135px; display:block;}

/*FOOTER*/
.footer{padding:10px 0 10px 0; border-top:solid 1px #efefef; color:#656565; font-size:11px; float:left; width:800px;}
.footer a{color:#656565; padding:0 10px;}
.footer .link{ text-align:center;}
.footer .copycon{width:800px;}
.footer .copycon .left{float:left; width:350px; padding:5px 0 0 15px;}
.footer .copycon .right{float:right; width:350px; text-align:right; padding:5px 15px 0 0; vertical-align:middle;}
.footer .copycon .right img{vertical-align:middle;}
.footer .copycon .right a{padding:0;}

/*INNER CONTENT*/
.inside-con{width:565px; float:left; margin:0 0 0 2px; border-left:solid 1px #E9E9E9;}
.inside-con h1{font-size:18px; background:#030303 url(../../images/quote-bg.gif) repeat-x top; color:#FFF; padding:9px; margin:1px 0 0 0;}
.inside-con .content{padding:10px;}
.inside-con p{margin:5px 0;}
.inside-con h2{color:#c01228; font-size:16px; padding:10px 0 10px 30px; font-weight:bold; margin:10px 0 0 0; border-bottom:solid 1px #c01228; background:url(../../images/h2-arrow.gif) no-repeat 0 7px;}
.inside-con a{color:#c01228; text-decoration:underline;}
.inside-con a:hover{text-decoration:none;}
.inside-con ul{margin:10px 0 10px 10px;}
.inside-con li{ padding:3px 0; background:url(../../images/li-arrow.gif) no-repeat 0 6px; list-style:none; padding:0 0 0 15px;}
.inside-con li span{font-size:10px;}
.team1{padding:10px 0; border-bottom:#CCC dashed 1px;}
.team1 img{ float:left; margin:0 15px 0 0;}
.inside-con h3,h4{color:#c01228; font-size:16px; font-weight:bold; padding:0 0 5px 0;}
.inside-con h4{border-top:#CCC dashed 1px; padding:5px 0 0 0;}
.inside-con .table{ border:#E5E5E5 solid 1px; margin:5px 0 0 0;}
.inside-con .table .head{ background:#666; color:#FFF; font-weight:bold;}
.inside-con .table td{border:#E5E5E5 solid 1px; padding:3px;}
.inside-con ol{margin:5px 0;}
.inside-con ol li{ list-style:decimal; background:none; padding:5px 0;}
.inside-con ol ul{margin-left:35px;}
.inside-con ol ul li{list-style:lower-alpha;}

.team2{padding:10px 0; border-bottom:#CCC dashed 1px;}
.team2 img{ float:right; margin:0 0 0 15px;}
.phone-no1{ width:300px; font-size:13px; font-weight:bold;}
.phone-no1 span{color:#c01228;}
.phone-no1 a{ font-weight:normal;color:#c01228;}
.request-form input{ width:300px; border:#CCC solid 1px; height:19px;}
.request-form textarea{ width:300px; border:#CCC solid 1px; height:100px; overflow:hidden;}
.request-form .button{ width:auto; background:#666; color:#FFF; font-weight:bold; height:25px;}

.listing{width:540px;}
.listing div{width:180px; float:left;}
.request-quote a{ background:url(../../images/request-quote.gif) no-repeat; width:222px; height:85px; display:block; text-indent:-10000px;}
.request-quote a:hover{ background:url(../../images/request-quote-o.gif) no-repeat;}

.request-quote-home a{ background:url(../../images/request-quote.gif) no-repeat center; width:214px; height:85px; display:block; text-indent:-10000px; border:solid 1px #FFF;}
.request-quote-home a:hover{ background:url(../../images/request-quote-o.gif) no-repeat center;}

.contact-address{width:540px; float:left;}
.contact-address h2{font-size:14px;}
.contact-address div{width:250px; float:left; margin:0 0 0 10px;}
.contact-address h2 a{text-decoration:none;}
.contact-address h2 a:hover{color:#000;}

.new-account{font-size:11px;}
.new-account input{ width:100px; border:#CCC solid 1px; height:19px;}
.new-account textarea{ width:300px; border:#CCC solid 1px; height:100px; overflow:hidden;}
.new-account .button{ width:auto; background:#666; color:#FFF; font-weight:bold; height:25px;}
.new-account h3{font-size:14px;padding-top:5px;color:#666; padding:5px; background:#EFEFEF;}
.new-account .radio{width:auto; height:auto; border:none;}
.new-account textarea{ width:200px; border:#CCC solid 1px; height:70px; overflow:hidden;}
.new-account .hr{border-top:#EFEFEF solid 1px;}

.tech-img{ float:left; margin:0 15px 0 0; padding:5px; border:solid 1px #E1E1E1;}
.tech-img2{ float:right; margin:25px 0 0 15px;padding:5px; border:solid 1px #E1E1E1;}
.tech-img3{margin:0 15px 0 0; padding:5px; border:solid 1px #E1E1E1;}

.newsletter{padding:5px 10px 15px 10px;float:left;font-size:11px;}
.newsletter p{font-weight:bold; margin:0 0 8px 0; font-size:13px; color:#d00001;}
.newsletter label{float:left; width:30px;}
.newsletter input{ width:145px; border:#CCC solid 1px; height:17px; float:left;}
.newsletter .but{ width:auto; background:#666; color:#FFF; font-weight:bold; border:none; height:21px; margin:0 0 0 5px; padding:0;}

.img-float{float:right; padding:5px; border:solid 1px #EBEBEB; margin:5px 0 0 10px;}
.img-float4{float:right; padding:5px; border:solid 1px #EBEBEB; margin:5px 0 10px 10px;}