/* css for uscc - this is the main stuff, generic for all pages
  
  **PAGE SPECIFIC STUFF SHOULD NOT GO HERE, PLEASE.
*/
body{background:url(//s3.amazonaws.com/uscargocontrol/assets/uscc/header-bars.png) repeat-x top;background-color:#e6e6e6;margin:0 auto;width:1024px;font-family:arial,helvetica,sans-serif;font-size:15px}
a{color:#254ed1}
a:hover{color:#900;text-decoration:underline}

h4 {}
h3 {color:#900; margin: 1.2em 0 .8em}
h2, h2 {color:#900;font-size:18px}
h1 {color:#900;font-size:20px}

table {margin:0;padding:0;border-spacing:0px}

#div__body {width:980px;margin:0px auto !important}
#div__body table {background:#fff}
#div__footer {height:150px;width:980px;margin:0 auto;background-color:#262626}

#header, #header ul {margin:5px 0 0 0;padding:0}
#uhOhMessage {margin:0 0 10px 0;height:27px;overflow:hidden}

#uhOhMessage, #header-nav {width:755px;float:right}
#header #uhOhMessage {margin:0;height:37px;font-size:23px;color:#fc0;overflow:hidden}
#header #uhOhMessage .salesMsg {padding:4px 0 0 5px}
#header #header-nav {margin-right:3px}
#header #header-nav {margin-bottom:25px}
#header #header-nav a {text-decoration:none}

#header li {display:inline}
#header #header-nav-main {padding:14px 0;height:24px;margin:0 0 0 8px;text-shadow:0px -1px 0px #000;}
#header #header-nav-sub {padding:2px 0;height:18px;margin:0 auto;visibility:hidden}
#header #header-nav-main li {font-size:19px}
#header #header-nav-sub li {font-size:14px}
#header #header-nav-main a {padding:0 3px}
#header #header-nav-main li, #header #header-nav-main a {color:#fff}
#header #header-nav-sub a {padding:0 20px}
#header #header-nav-sub li, #header #header-nav-sub a {color:#808080}

#header #info-bar {float:right;width:1024px;height:45px;background-color:#666666;margin:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #3e3e3e;border-bottom:3px solid #333}
#header #info-bar div {float:left}
#header #info-bar.fixed {float:none;position:fixed;top:0;z-index:10}
#div__body.fixed {padding:50px 0 0 0}
#header #info-bar #miniLogo {visibility:hidden;width:50px;height:30px;margin:10px 0 0 10px}
#header #info-bar.fixed #miniLogo {visibility:visible;margin:6px 0 0 10px}
#header #info-bar #phoneBox {height:40px;color:#fff;font-weight:bold;font-size:24px;margin:10px 62px 0 13px}
#header #info-bar.fixed #phoneBox {margin:0}
#header #info-bar.fixed #phone {margin:6px 62px 0 13px}
#header #info-bar #search-input input, #header #info-bar #cart-info {}
#header #info-bar #search-input #submitButton input {float:left;border:none;}
#header #info-bar #search-input input.text {float:left;margin:7px 0 0 0;padding:0 5px;font-size:14px;float:left;border-radius:5px;height:25px;width:360px;color:#777}
#header #info-bar #search-input input.query {color:#333}
#header #info-bar #submitButton {margin:8px 0 0 4px}
#header #info-bar #mini-cart {margin:0 10px 0 0;float:right;padding:10px;height:25px}
#header #info-bar #cart-info {padding:3px 5px 3px 5px;text-align:center;color:#b50f11;font-size:12px;background-color:#fff;border-radius:3px;min-height:18px;margin:0 10px;max-width:135px}
#header #info-bar #checkout-button {margin:3px 0 0 0}
#header #info-bar #checkout-button a {color:#fff;font-size:12px;text-decoration:underline}
#header #info-bar #checkout-button a:hover {text-decoration:none}

.proButton {float: right; padding:10px}

.portletHandle {}
#contentAreaTemplate {padding:0 20px 0 0;width:718px}

#header #logo {margin: -164px 0 0 31px;float:left}

#crumb {font-size:12px;margin:8px 0 0 0;color:#333}
#crumb a {color:#900;text-decoration:underline}

#sidebar a{color:#333;text-decoration:none}
#sidebar a:hover{color:#900;text-decoration:underline}

#sidebar{margin:0;min-height:400px;padding:0;width:253px}
#sidebar #popularSearches{border-radius:7px;background:#eee;margin:8px 0 8px 8px;padding:6px;width:220px}

#sidebar #viewPopularSearches{margin:0 0 0 2px}
#sidebar #showPopularSearches dl{margin:0;padding:0}
#sidebar #showPopularSearches dt{display:block;font-size:1.17em;font-weight:bold}
#sidebar #showPopularSearches dd{display:inline;margin:0}
#sidebar #showPopularSearches dd.hide{float:right;margin:15px 0 0 0}
#sidebar #showPopularSearches dd.hide a{font-size:.8em;text-decoration:none}

#sidebar #left-nav{border-radius:7px;background:#eee;margin:8px 0 8px 8px;padding:6px;width:220px}
#sidebar #left-nav a:hover {color:#254ed1}
#sidebar #left-nav ul,#sidebar div#left-nav li{font-size:15px;line-height:18px;list-style:none;margin:0;padding:0}
#sidebar #left-nav ul{margin:12px 0 0 6px}
#sidebar #left-nav li.bold{color:#000;font-weight:700;padding:0}
#sidebar #left-nav .highlight{background-color:#FFC;font-weight:700}

#sidebar #testimonials{background:#eee;margin:0 13px 0 10px;font-weight:bold;border-radius:7px;}
#sidebar #testimonials p.testimonials{margin:0 0 0 10px;padding:10px 0 0px 12px}
#sidebar #testimonials div.content{background:url('//s3.amazonaws.com/uscargocontrol/assets/images/testimonials-background.jpg') top left;margin:0 0 0 16px;width:193px}
#sidebar #testimonials div.content p{color:#666;margin:0 auto;width:163px}
#sidebar #testimonials div.content p.first{border-bottom:1px dotted #000;margin-bottom:10px;padding-bottom:10px}
#sidebar #testimonials div.content p em{color:#333}
#sidebar #testimonials div.content div.testimonials-top{background:url('//s3.amazonaws.com/uscargocontrol/assets/images/testimonials-top.jpg') top left no-repeat;height:11px;width:193px}
#sidebar #testimonials div.content div.testimonials-bottom{background:url('//s3.amazonaws.com/uscargocontrol/assets/images/testimonials-bottom.jpg') top left no-repeat;height:24px;width:193px}
#sidebar #testimonials div.bottom{height:11px}

div#category-wrapper{width: 707px; margin-bottom: 20px}

.cat-Header li.message {padding: 0 5px 0 0; width: 560px; height: 155px; position: relative}
.cat-Header li.message.slingBKG{background: url('http://images.uscargocontrol.com/assets/catHeader/chainsling_category_header_bkg.png') no-repeat; }
.cat-Header li.message span.upperMessage{font-size: 22px; color: #333; position: absolute; top: 10px; right: 10px;display: block}
.cat-Header li.message span.lowerMessage{font-size: 16px; color: #777; position: absolute; bottom: 0; right: 10px;}
#.cat-Header li.message span.primary{font-size: 22px; color: #333}
.cat-Header li.message span.secondary{font-size: 16px; color: #777}


/*category specific */
.cat-Header li.message img.cat-chsling-usa{position: absolute; right: 10px; top: 40px}
.cat-Header li.message img {float: right; margin: 0px 14px 0 14px;}

div.category_message {background:#666;margin:20px 10px 10px 0;padding:10px;font-size:20px;color:#fff;border-radius:10px;display:block}
div#learnabout {padding:10px}

#footer{clear:both;padding:0;margin:0}
#footer .footer-menu {padding:15px;margin:0;line-height:17px}/*added line height to correct firefox - wl*/
#footer ul{padding:0;margin:0;float:left;width:148px}
#footer ul.guestlist{width:180px;margin:0 0 0 175px}
#footer ul.guestlist .usernav .smalltext {font-size:14px}
#footer ul.guestlist .usernav .login {display:block;margin:15px 0 0 0}
#footer li{list-style:none;margin:0;padding:0;font-size:14px}
#footer a {color:#e6e6e6}
#footer .title, #footer .title a {color:#fc0;font-size:14px;font-weight:bold}
#footer a:hover,#subfooter a:hover{color:#FFF;text-decoration:underline}

#subfooter{color:#fff;font-size:12px;background:#000 url('//s3.amazonaws.com/uscargocontrol/assets/images/credit-cards.png') 10px 20px no-repeat;clear:both}
#subfooter div.guarantee{float:right;padding:5px 5px 0 0}
#subfooter div.copyright{margin:0 0 0 320px;width:460px}
#subfooter div.copyright a{color:#FFF}

#crumb,#crumb a:hover {font-size:8pt}
#crumb a:hover {color:#808080}

.display-none,#div__label,#div__title {display:none}

.partNum a {text-decoration:none}
.clear {clear:both}
.red {color:#ff0000}
.strike {text-decoration:line-through}
.tight {margin:0;padding:0}
.sectionTitle{font-size: 1.3em}
.fleft{float: left}
.fright{float: right}
.picleft{margin: 0 10px 12px 0}
.picright{margin: 0 0 12px 10px}
.largerText{font-size: 1.3em}
.contentBlock{margin: 30px 0}
.centerElement{margin: 0 auto; display: block}
span.r45{font-size: 0.7em; vertical-align: text-top; display: inline-block; rotation-point: 50% 50%; rotation: 315deg; -moz-transform:rotate(315deg); -webkit-transform:rotate(315deg); -ms-transform:rotate(315deg);}
#regPartner_fs {display:none}
#wxMessage {background:#808080;padding:10px 10px 10px 26px;border-radius:5px;border:1px #fff solid;margin:10px 20px 15px 20px;color:#fff;font-size:20px}

#afterPurchasePopUp {font-family:sans-serif;width:365px;margin:10px auto 0;background:url(//s3.amazonaws.com/uscargocontrol/assets/images/top-bar.png) no-repeat 6px 5px}
#afterPurchasePopUp img {margin:0 5px}
#afterPurchasePopUp .texter {width:260px;padding: 0 40px 10px 0;float:right}  
#afterPurchasePopUp #afterPurchaseImage {margin:10px 0 0 0}
#afterPurchasePopUp #afterPurchaseMsg {font-size:13px;font-weight:bold;padding:8px 0 10px 20px;color:#fff;height:20px}
#afterPurchasePopUp #afterPurchaseMsg .color {color:#591c70}
#afterPurchasePopUp #afterPurchaseMsg #afterPurchaseMsgCartItems {float:left;margin:4px 0 0 0}
#afterPurchasePopUp #afterPurchaseMsg #afterPurchaseMsgCartSubtotal {float:right;margin:4px 15px 0 0;font-weight:bold}
#afterPurchasePopUp #afterPurchaseButtons {clear:both;text-align:center;padding:25px 0 0 0}
#afterPurchasePopUp #afterPurchaseButtons #btn-keepshopping {margin:0 15px 4px 0}
#afterPurchasePopUp #afterPurchaseBanner img {margin:30px 0 0 0}
#uhOhMessage h2 {color:#fff}

#canadianBanner {text-align:center}
.canadianBanner {margin:8px 0 0 0;border:1px solid #999;box-shadow:0px 2px 2px #fff;border-radius:6px}
.canadianBanner:hover {box-shadow:0px 2px 2px #999;border:1px solid #666}
.canadianBanner:active {border:1px solid #999;box-shadow:0px 2px 2px #fff}

#RTThoverText {display:none;position:fixed;bottom:55px;margin:2px 4px;text-align:right;color:#666}
#ReturnToTopIcon {display:none;position:fixed;bottom:15px;margin-left:1000px;text-align:right}
#ReturnToTopIcon a {color:#333}
#ReturnToTopIcon a:hover {color:#333;text-decoration:none}
#ReturnToTopIcon .ReturnToTopImage {padding:8px;float:right;background:#aaa;border-radius:5px}
#ReturnToTopIcon .ReturnToTopImage:hover {background:#666}

.col2{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col3{width:33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col4{width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col5{width:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.psuedoCatList img{width: 175px}

#td715755,#td716900,#td522624,#td715587,#td715591,#td715605,#td522749,#td606076,#td715471,#td605650,#td715582,#td727036,#td742778,#td742779,
#td776828,#td776810,#td776813,#td776814,#td776815,#td776816,#td776821,#td776811,#td776822,
#td796411,#td796412,#td796414,#td796418,#td796422,#td796423,#td796426,#td796427,
#td776830,#td776833,#td776834,#td776835,#td776838,#td776839,#td776832,#td776840,#td776841,
#td776842,#td776801,#td776849,#td776843,#td776823  {display:none} 

/* Manual Columns */
.psuCatButtons{width: 100%;}
.psuCatButtons .categoryButton{width: 50%; float: left; text-align: center}

/*clearfix*/
/* For modern browsers */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}


/* CA BANNER */
#canadianBanner {text-align:center}
.canadianBanner {margin:8px 0 0 0;border: 1px solid #999;box-shadow: 0px 2px 2px #fff;border-radius: 6px;}
.canadianBanner:hover {box-shadow: 0px 2px 2px #999;border: 1px solid #666;}
.canadianBanner:active {border: 1px solid #999;box-shadow: 0px 2px 2px #fff;}


/* PROMOS */
#promotionWrapper{width:667px;margin:10px auto}
.promobanner{border: 1px #666 solid; display: block; border-radius: 10px;}


/* UI Tooltip */
div.ui-tooltip {max-width: 300px; position: absolute;}
.ui-tooltip, .arrow:after {background: #900; border: 1px solid #eee;}
.ui-tooltip {font-size: 14px !important; padding: 10px 20px; color: white; border-radius: 20px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3);}
.arrow {width: 35px; height: 70px; overflow: hidden; position: absolute; top: 25%; margin-left: -6px; right: -35px;}
.arrow.top {top: -16px; bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: ""; position: absolute; left: -12px; top: 0; width: 12px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg);}
.arrow.top:after {bottom: -20px; top: auto;}



/* TRUST HEADER TEMPLATE */

.cat-Header #messageWrapper {width:550px;height:160px;float:left; padding-right: 15px; border-right: 1px #ddd solid; margin-right: 15px}
.cat-Header #messageWrapper p {font-size: 16px;}
#thRepPhoto{margin: 0 20px 0 0; float:left}
#thRepPhoto img{display: block;}
#thRepQuote{font-size: 16px}
#thRepName{color: #666; margin-top: 12px; font-size: 1.2em; font-style: italic}
#thRepPhone{float:right; margin-top: 10px; font-size:18px}


/* ----------------------- */
/* NEW STYLE CAT LIST PAGE */
/* ----------------------- */
.subCatList{width: 685px; border-bottom: 2px #eee solid; padding-bottom: 2%}
.subCatList li{margin-left: 5%}
.subCatList .bgnd{float: left; margin-right: 1%; width: 35%}
.subCatList .subCatListDesc{float: left; width: 63%}

/* #subCatDataSrcList{display: none} */

/* Psuedo Category Styles */
.subCatList a h2{color: #254ED1; margin-top: 0; font-size: 18px;}
.subCatList a h2:hover{color: #900}

.subCatList ul{margin-left: 12px; padding: 0}

.subCatList .leftCol{float: left; width: 32%}
.subCatList .rightCol{float: left; margin-left: 2.5%; width: 65%}

.catLayoutTpl .optionalElement{display: none}