body { background-color: #ccc; background-image: url('../images/background.jpg'); }
body * { font-family: Arial, Helvetica, Sans-Serif; }


a, a:visited { color: #00f; }
a:hover { color: #f00; }


h1 { color: #000f60; }
h1 a, h1 a:visited, h1 a:hover { color: #000f60; }
h2 { color: #666; }
h2 a, h2 a:visited, h2 a:hover { color: #666; }
h3 { color: #666; }
h3 a, h3 a:visited, h3 a:hover { color: #666; }


p { margin: 0 0 1em 0; padding: 0; }
.marginblock { font-size: 1px; line-height: 1px; height: 1px; height: 1px; }
.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; height: 1px; }
.nopadding { padding: 0 !important; }
.topgap { margin-top: 10px; }
.topgap-double { margin-top: 20px; }

#outer { width: 948px; background-color: #ccc; border: solid 1px #fff; margin: auto; margin-bottom: 20px; border-top: none; background-image: url('../images/inner-background.jpg'); background-repeat: repeat-x; background-position: top; }

#top { margin-left: 9px; }
#top #top-banner { height: 30px; background-image: url('../images/top-banner.png'); background-repeat: no-repeat; }
#top #top-banner a, #top #top-banner a:visited { display: block; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 25px; text-decoration: none; }
#top #top-banner a:hover { color: #f00; }
#top #top-banner .login { float: left; }
#top #top-banner .login a { width: 50px; }
#top #top-banner .about-us { float: left; margin-left: 250px; border-left: solid 1px #fff; }
#top #top-banner .sitemap { float: left; }
#top #top-banner .sitemap a { border-left: solid 1px #fff; }
#top #top-banner .mailing-list { float: left; }
#top #top-banner .mailing-list a { border-left: solid 1px #fff; }
#top #top-banner .search { float: left; border-left: solid 1px #fff; line-height: 30px; color: #fff; padding-left: 24px; font-size: 12px; font-weight: bold; }
#top #top-banner .searchbox { float: left; padding-top: 3px; }
#top #top-banner .searchbox .textbox { border: solid 1px #333; margin-left: 4px; display: block; float: left; margin-top: 2px; }
#top #top-banner .searchbox .button { display: block; float: left; margin-top: 3px; margin-left: 4px; }
#top #top-banner .searchbox .options { display: none; }
#top #logo { height: 32px; padding: 19px 28px; }
#top #logo a img { border: none; }


#menu ul { padding: 0; margin: 0 0 0 9px; list-style: none; background-image: url('../images/menu.png'); width: 930px; height: 30px; }
#menu ul li { float: left; }
#menu ul li a, #menu ul li a:visited { display: block; color: #000f60; text-decoration: none; line-height: 30px; font-size: 13px; font-weight: bold; text-align: center; }
#menu ul li a:hover { color: #fff; }

#menu ul li.item { border-right: solid 1px #fff; }
#menu ul li.last { border-right: none; }

#menu ul#splash li { width: 149px; }
#menu ul#splash li#home { width: 139px; }

#menu ul#plantservices li#titan-plant-services { width: 139px; }
#menu ul#plantservices li#contact-us { width: 169px; }
#menu ul#plantservices li#new-equipment-search { width: 172px; }
#menu ul#plantservices li#used-equipment { width: 191px; }
#menu ul#plantservices li#parts-and-services { width: 185px; }
#menu ul#plantservices li#news { width: 99px; }
#menu ul#plantservices li#contact-us2 { width: 139px; }


#submenu ul { padding: 0; margin: 0; list-style: none; width: 930px; height: 30px; padding-left: 20px; }
#submenu ul li { float: left; }
#submenu ul li a, #submenu ul li a:visited { color: #000f60; line-height: 30px; font-size: 12px; padding-right: 10px; text-decoration: none; }
#submenu ul li a:hover { color: Red; }


.section { margin-left: 8px; width: 933px; }
.section .top { height: 30px; background-image: url('../images/section-top.png'); background-repeat: no-repeat; }
.section .content { background-image: url('../images/section-slice.gif'); background-repeat: no-repeat; background-repeat: repeat-y; background-color: #fff; }
.section .bottom { height: 22px; background-image: url('../images/section-bottom.png'); background-repeat: no-repeat; clear:both; }


.content ul { padding: 0; margin: 0; list-style: none; }
.content ul li { background-image: url('../images/bullet.gif'); background-repeat: no-repeat; background-position: 0 4px; padding: 0 4px 4px 20px; line-height: 16px; }
.content ul li a { color: #666; line-height: 16px; }
.content ul li a:hover { color: #000f60; }

#hot-links-section { margin-top: 7px; }

#main-links { margin-left: 7px; width: 933px; }
#main-links .top { height: 15px; font-size: 1px; line-height: 1px; background-image: url('../images/center-links-top.png'); background-repeat: no-repeat; }
#main-links .panels { background-color: #fff; height: 111px; background-image: url('../images/center-links-slice.png'); background-repeat: no-repeat; background-repeat: repeat-y; }
#main-links .panels .panel { float: left; }
#main-links .panels .panel a.title, #main-links .panels .panel a.title:visited { display: block; background-image: url('../images/bigbullet.gif'); background-repeat: no-repeat; margin-left: 32px; padding-left: 20px; color: #000f60; font-weight: bold; font-size: 13px; text-decoration: none; line-height: 16px; }
#main-links .panels .panel a.title:hover { color: #666; }
#main-links .panels .panel a img { width: 247px; height: 87px; margin-left: 32px; margin-top: 7px; display: block; border: none; }
#main-links .panels .single { width: 311px; }
#main-links .panels .double { width: 622px; }
#main-links .panels .triple { width: 933px; }
#main-links .bottom { height: 17px; background-image: url('../images/center-links-bottom.png'); background-repeat: no-repeat; clear:both; }


/* Begin Titan Home Specific Styles */

#default-section1 #rollover { width: 602px; float: left; margin-left: 20px; font-size: 13px; }
#default-section1 #rollover .image { padding: 0 1px; }
#default-section1 #rollover .image img { display: block; }
#default-section1 #rollover .bottom { height: 41px; background-image: url('../images/rollover-bottom.jpg'); }
#default-section1 #rollover .bottom a.edit { float: left; line-height: 41px; margin-left: 20px; }
#default-section1 #rollover .bottom .tiny-images { float: right; padding: 9px 20px 9px 0; }
#default-section1 #rollover .bottom .tiny-images img { margin: 1px; }
#default-section1 #rollover .bottom .tiny-images img.selected { margin: 0; border: solid 1px #000; }


.section#default-section1 #quick-links { width: 270px; height: 321px; background-color: #C3B694; float: left; margin-left: 20px; color: #666; font-size: 13px; }
.section#default-section1 #quick-links .top { height: auto; background-image: url('../images/quick-links-top.jpg'); background-repeat: no-repeat; }
.section#default-section1 #quick-links .top .title { padding: 20px 0 10px 20px; font-size: 16px; color: #fff; font-weight: bold; }
.section#default-section1 #quick-links .middle { height: 231px; }
.section#default-section1 #quick-links .content { background: none; padding: 8px 0 10px 20px; border-top: solid 1px #fff; min-height: 50px; }
.section#default-section1 #quick-links .content h2 { padding: 0 0 0 0; margin: 0 0 4px 0; font-size: 13px; color: #fff; font-weight: bold; }
.section#default-section1 #quick-links .content ul { font-weight: bold; }
.section#default-section1 #quick-links .content ul li { background: none; padding: 0; } /* This is to override the .content ul li style */
.section#default-section1 #quick-links .content ul a, .section#default-section1 #quick-links .content ul a:visited { color: #666; background-image: url('../images/bigbullet.gif'); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 27px; line-height: 20px; }
.section#default-section1 #quick-links .content ul a:hover { color: #000f60; background-image: url('../images/bigbullet_down.gif'); }
.section#default-section1 #quick-links .bottom { width: 270px; height: 41px; background-image: url('../images/quick-links-bottom.jpg'); background-repeat: no-repeat; }

#hot-links-section { font-size: 13px; }

#default-services { margin-top: 7px; }

/* End Titan Home Specific Styles */


/* Begin Titan Main Styles */

#onecol { margin-top: 7px; margin-left: 7px; width: 933px; }
#onecol .top { height: 29px; background-image: url('../images/1col-top.png'); background-repeat: no-repeat; }
#onecol .content { padding: 0 30px; background-color: #fff; font-size: 13px; color: #666; }
#onecol .content h1 { font-size: 15px; font-weight: bold; }
#onecol .content h2 { padding: 18px 0 6px 0; margin: 0; font-size: 14px; font-weight: bold; }
#onecol .content h3 { padding: 12px 0 4px 0; margin: 0; font-size: 13px; font-weight: bold; }
#onecol .bottom { height: 29px; background-image: url('../images/1col-bottom.png'); background-repeat: no-repeat; }

#twocol { margin-top: 7px; }
#twocol .content h1 { margin: 0 0 20px 0; padding: 0; font-size: 15px; font-weight: bold; }
#twocol .content h2 { margin: 18px 0 6px 0; padding: 0; font-size: 14px; font-weight: bold; }
#twocol .content h3 { padding: 12px 0 4px 0; margin: 0; font-size: 13px; font-weight: bold; }

#twocol #twocol-left { width: 615px; float: right; margin-right: 9px; font-size: 13px; color: #666; }
#twocol #twocol-left .top { height: 29px; background-image: url('../images/2col-left-top.png'); background-repeat: no-repeat; }
#twocol #twocol-left .content { padding: 0 30px; background-color: #fff; }
#twocol #twocol-left .bottom { height: 29px; background-image: url('../images/2col-left-bottom.png'); background-repeat: no-repeat; }

#twocol #twocol-right { width: 300px; float: left; margin-left: 9px; font-size: 13px; color: #666; }
#twocol #twocol-right .top { height: 29px; background-image: url('../images/2col-right-top.png'); background-repeat: no-repeat; }
#twocol #twocol-right .content { padding: 0 30px; background-color: #fff; }
#twocol #twocol-right .bottom { height: 29px; background-image: url('../images/2col-right-bottom.png'); background-repeat: no-repeat; }

/* End Titan Main Styles */


.editor { z-index: 100; position: fixed; width: 720px; top: 64px; left: 50%; }
.editor .editor-inner { background-color: #fff; position: absolute; left: -350px; padding: 10px; border: solid 3px #000f60; }


.cms-header { z-index: 1; float: right; padding-right: 10px; background-color: #ddd; border: solid 1px #000f60; padding: 3px; }


table.form { border-collapse: collapse; }
table.form tr th { font-weight: bold; vertical-align: top; text-align: right; }


/* Begin Titan Module Styles */

.news-home ul li span.date { color: #000; display: block; font-size: 10px; }

.news-main ul li span.date { color: #000; }
.news-main .detail .title { margin: 6px 0 3px 0; padding: 0; font-size: 14px; color: #666; font-weight: bold; display: block; }
.news-main .detail .date { margin: 0 0 6px 0; padding: 0; font-size: 12px; color: #666; font-weight: bold; display: block; }
.news-main .detail .image { display: block; width: 300px; height: 200px; float: left; margin: 0 10px 10px 0; }

.contact-branches .item h2 { padding: 0; margin: 20px 0 4px 0; font-size: 14px; color: #666; font-weight: bold; }
.contact-branches .item h2 a { font-size: 14px; color: #666; font-weight: bold; }

.contact-people .item h2 { padding: 0; margin: 20px 0 4px 0; font-size: 14px; color: #666; font-weight: bold; }
.contact-people .item h2 a { font-size: 14px; color: #666; font-weight: bold; }
.contact-people .item h3 { padding: 0; margin: 0 0 4px 0; font-size: 12px; color: #666; font-weight: bold; }


.catalog h2 { color: #000f60 !important; padding-bottom: 10px !important; }
.catalog table tr th { color: #000f60; }
.catalog .paging { line-height: 16px; font-weight: bold; }
.catalog .paging a, .catalog .paging a:visited { line-height: 16px; font-weight: bold; color: #666; text-decoration: none; padding: 0 4px; }
.catalog .paging a:hover { text-decoration: underline; }
.catalog .paging span.current { color: #000f60; padding: 0 4px; }
.catalog .paging a.prev { background-image: url('../images/paging_prev.gif'); background-position: 2px 2px; background-repeat: no-repeat; padding: 0; }
.catalog .paging a.next { background-image: url('../images/paging_next.gif'); background-position: 2px 2px; background-repeat: no-repeat; padding: 0; }
.catalog .paging a span { visibility: hidden; }


.catalog-menu ul li span { cursor: pointer; }
.catalog-menu ul li span.selected { color: #000f60; font-weight: bold; }


.image-list .item { width: 30px; height: 19px; display: block; border: solid 1px #ddd; background-color: #ccc; float: right; margin: 4px 4px 3px 0; cursor: pointer; }
.image-list .item:hover { border: solid 1px #000f60; }


#newequipmentsearch { padding-left: 7px; }
#newequipmentsearch .searchbar { background-image: url('../images/bluebar.png'); background-repeat: no-repeat; width: 932px; height: 32px; color: #fff; font-size: 13px; font-weight: bold; line-height: 32px; padding-left: 12px; }
#newequipmentsearch .redirect-location { font-size: 70%; white-space: nowrap; }

#newequipmentsearch #brandsearch .item { float: left; width: 228px; margin-right: 6px; }
#newequipmentsearch #brandsearch .item .top { background-image: url('../images/brandsearch-top.png'); background-repeat: no-repeat; height: 18px; }
#newequipmentsearch #brandsearch .item .bottom { background-image: url('../images/brandsearch-bottom.png'); background-repeat: no-repeat; height: 18px; }
#newequipmentsearch #brandsearch .item .middle { background-image: url('../images/brandsearch-slice.png'); background-repeat: repeat-y; }
#newequipmentsearch #brandsearch .item .middle .middlecontent { padding-left: 20px; height: 75px; }
#newequipmentsearch #brandsearch .item .middle .middlecontent ul { margin: 0; padding: 0; }
#newequipmentsearch #brandsearch .item .middle .middlecontent ul li a, #newequipmentsearch #brandsearch .item .middle .middlecontent ul li a:visited { color: #666; font-size: 12px; text-decoration: none; font-weight: bold; }
#newequipmentsearch #brandsearch .item .middle .middlecontent ul li a:hover { color: #000f60; }


#newequipmentsearch #brandsearch .item .middle .logo { height: 63px; background-repeat: no-repeat; display: block; }
#newequipmentsearch #brandsearch .item .middle .logo span { display: none; }
#newequipmentsearch #brandsearch .volvo .middle .logo { background-image: url('../images/volvo.gif'); background-position: 19px 18px; }
#newequipmentsearch #brandsearch .yanmar .middle .logo { background-image: url('../images/yanmar.gif'); background-position: 19px 18px; }
#newequipmentsearch #brandsearch .tigercat .middle .logo { background-image: url('../images/tigercat.gif'); background-position: 19px 6px; }
#newequipmentsearch #brandsearch .kato .middle .logo { background-image: url('../images/kato.gif'); background-position: 19px 10px; }


#newequipmentsearch #equipmentsearch { padding-left: 1px; }
#newequipmentsearch #equipmentsearch .item { float: left; width: 225px; margin-right: 10px; }
#newequipmentsearch #equipmentsearch .item .top { background-image: url('../images/equipment-search-top.png'); background-repeat: no-repeat; height: 29px; }
#newequipmentsearch #equipmentsearch .item .bottom { background-image: url('../images/equipment-search-bottom.png'); background-repeat: no-repeat; height: 29px; }
#newequipmentsearch #equipmentsearch .item .middle { background-color: #fff; padding: 0 10px; height: 220px; }
#newequipmentsearch #equipmentsearch .item .middle h1 { font-size: 13px; margin: 0; padding-left: 20px; height: 22px; line-height: 16px; }
#newequipmentsearch #equipmentsearch .item .middle ul { padding: 0; margin: 20px 0 0 0; }
#newequipmentsearch #equipmentsearch .item ul li a, #newequipmentsearch #equipmentsearch .item ul li a:visited { color: #666; font-size: 12px; text-decoration: none; font-weight: bold; }
#newequipmentsearch #equipmentsearch .item ul li a:hover { color: #000f60; }


.image-list .enlarge { float: left; margin: 5px 0 0 5px; background-image: url('../images/magnify.gif'); background-repeat: no-repeat; background-position: 0 5px; padding-left: 15px; }
/* End Titan Module Styles */ 



/* Catalog Brand Styles */
.theme-kato h1 { color: #40329b !important; }
.theme-kato h2 { color: #40329b !important; }
.theme-kato h3 { color: #40329b !important; }
.theme-kato #twocol #twocol-left .top { background-image: url('../images/2col-kato-top.png'); }
.theme-kato #twocol #twocol-left .bottom { background-image: url('../images/2col-kato-bottom.png'); }
.theme-kato .catalog-menu ul li span.selected { color: #40329b; }
.theme-kato .catalog-menu ul li a:hover { color: #40329b; }

.theme-tigercat h1 { color: #f68b28 !important; }
.theme-tigercat h2 { color: #f68b28 !important; }
.theme-tigercat h3 { color: #f68b28 !important; }
.theme-tigercat #twocol #twocol-left .top { background-image: url('../images/2col-tigercat-top.png'); }
.theme-tigercat #twocol #twocol-left .bottom { background-image: url('../images/2col-tigercat-bottom.png'); }
.theme-tigercat .catalog-menu ul li span.selected { color: #f68b28; }
.theme-tigercat .catalog-menu ul li a:hover { color: #f68b28; }

.theme-yanmar h1 { color: #d21034 !important; }
.theme-yanmar h2 { color: #d21034 !important; }
.theme-yanmar h3 { color: #d21034 !important; }
.theme-yanmar #twocol #twocol-left .top { background-image: url('../images/2col-yanmar-top.png'); }
.theme-yanmar #twocol #twocol-left .bottom { background-image: url('../images/2col-yanmar-bottom.png'); }
.theme-yanmar .catalog-menu ul li span.selected { color: #d21034; }
.theme-yanmar .catalog-menu ul li a:hover { color: #d21034; }

/* End Catalog Brand Styles */


/* Used Equipment Splash */
.used-equipment-splash { border: solid 1px #3766b3; padding: 1px; }
.used-equipment-splash .heading { padding: 3px; }
.used-equipment-splash .heading .inner { background-image: url('../images/used-equipment.gif'); background-repeat: no-repeat; height: 31px; }

.used-equipment-splash table.products { width: 100%; }
.used-equipment-splash table.products tr td.product { vertical-align: top; background-color: #e0e1e3; width: 180px; }
.used-equipment-splash table.products tr td.product .image { height: 120px; }
.used-equipment-splash table.products tr td.product .image img { display: block; margin: auto; }
.used-equipment-splash table.products tr td.product .title { padding: 3px 5px; text-align: center; }
.used-equipment-splash table.products tr td.product .title a { color: #3766b3; font-weight: bold; }
.used-equipment-splash table.products tr td.product .details { padding: 0 5px 3px 5px; font-size: 10px; }

.used-equipment-splash table.products tr.seperator td { background-color: #3766B3; line-height: 8px; height: 8px; }
/* End Used Equipment Splash */


