/* Theme Name: TRC Welding Theme Theme URI: http://www.guilddev.com/ Description: Custom Theme Developed for The Roueche Company Author: Bryan Haddock Version: .5 Tags: cool,awesome General comments and license statement. */ /* BEGIN RESET CSS */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* END RESET CSS */ body {background-color: #EEEEEE; font-family: Arial; text-align: center;} #wrapper {width: 980px; margin: 0px auto; background-image: url(images/trcbg.jpg); background-position: top center; background-repeat: repeat-y; text-align: center;} .electedBody td{padding:10px;} #header {height: 80px;} #header div.logo {margin-top: 10px; margin-left: 40px; float: left;} #nav {height: 30px;} #nav ul {display: inline; float:left; margin-left: 30px;} #nav ul li {display: block; width auto; text-align: center; margin: auto; height: 30px; line-height: 30px; z-index: 0; float: left;} #nav ul li a {padding: 0px 12px; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #333333; border-right: 1px solid #CCCCCC;} #nav ul li.last-menu-item a {border-right: none;} #nav ul li a:hover {color: #CC0000;} #nav ul li ul{background:#A40000; display:none; height:auto; padding:0px; margin:0px; margin-top: -6px; border:0px; position:absolute; width:225px; z-index:200; margin-left: 0px;} #nav ul li:hover ul{display:block; border: 1px solid #FF0000; border-top: none;} #nav ul li ul li a {display:block; float:none; margin:0px; padding:0px; width:225px; height: 40px; line-height: 40px;} #nav ul li ul li a:hover {background-image: url(images/hcgop-nav-bg-over.jpg); background-repeat: repeat-x; background-position: 0px 6px;} #postnav {height: 36px; width: 920px; padding:0 20px 0 20px; margin: 0px auto; background-color: #000000; color: #FFFFFF; line-height: 36px; font-size: 14px; font-weight: normal;} #postnav a {text-decoration: none; color: #FFFFFF;} #postnav a:hover {color: #CC0000;} #postnav div.left {float: left; margin-left: 10px; width: 40%; text-align: left;} #postnav div.right {float: right; margin-right: 10px; width: 40%; text-align: right;} #main-content-top {height:5px; background-image: url(images/hcgop-mainbg-top.png); background-position: bottom center; background-repeat: no-repeat;} #main-content-bot {height:6px; background-image: url(images/hcgop-mainbg-bot.png); background-position: top center; background-repeat: no-repeat;} #main-content {padding: 20px 20px 20px 20px; margin:0 auto; width:920px; background:#444444; overflow:hidden;} #main-content #left-block {width: 670px; float: left; margin-bottom:5px;} #main-content #full-block {width: 100%; float: left; margin-bottom:5px;} #main-content #right-block {width: 240px; float: right; color:#FFF !important;} #main-content #right-block #blurb {min-height: 170px; text-align: left;} #main-content #right-block #blurb h2 a {font-size: 16px; line-height: 20px; color:#FFF !important; text-decoration: none;} #main-content #right-block #blurb h2 a:hover {color: #CC0000;} #main-content #right-block #blurb p {font-size: 13px; margin-top: 10px; line-height: 15px;} #main-content #right-block #blurb div.learnmore {text-align: right; margin-bottom: 10px;} #main-content #right-block #blurb div.learnmore a {font-size: 12px; color: #CC0000; text-decoration: none;} #main-content #right-block #blurb div.learnmore a:hover {color: color:#FFF !important;} #main-content h2.sectiontitle {background-image: url(images/hcgop-sectiontitle-bg.jpg); background-position: top right; background-repeat: repeat-x; height: 30px; border: 1px solid #FF0000; line-height: 30px; color: #FFFFFF; font-variant: small-caps; padding-left: 10px; font-size: 16px; letter-spacing: 1px; margin: 5px 0px; text-transform: uppercase;} #bottom-content {width: 920px; padding:10px 20px 10px 20px; margin: 0px auto; background-color: #999999;} #bottom-content h2 {float: left; font-size: 20px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; margin-bottom: 10px;} #bottom-content p {float: left; font-size: 13px; color: #000000; font-weight: normal;} #bottom-content a {float: right; margin-right: 20px; text-decoration: none; color: #FFFFFF;} #bottom-content #bottom-top {height:10px; background-image: url(images/bottomcurves.jpg); background-position: top; float: left; width: 100%;} #bottom-content #bottom-bottom {height:10px; background-image: url(images/bottomcurves.jpg); background-position: bottom;float: left; width: 100%;} #bottom-content #left-block {width: 270px; float: left; margin-top: 10px; margin-left: 10px; font-size: 12px; line-height: 20px; color: #FFFFFF; background-image: url(images/bottomdivider.jpg); background-position: right; background-repeat: repeat-y; min-height: 120px; text-align: left;} #bottom-content #left-block h2 {float: right; width: 150px;} #bottom-content #left-block img {float: left; width: 102px;} #bottom-content #left-block p {float: right; width: 150px;} #bottom-content #left-block a {display: block; width: 116px; height: 34px; line-height: 34px; text-align: center; color:#333; text-decoration: none; background-image: url(images/button-bg.png); background-repeat: no-repeat; background-position: top left; font-weight: bold;} #bottom-content #middle-block {width: 340px; float: left; margin-top: 10px; margin-left: 10px; font-size: 12px; line-height: 20px; color: #FFFFFF; min-height: 120px; text-align: left;} #bottom-content #middle-block p {width: 100%;} #bottom-content #right-block {width: 270px; float: right; margin-top: 10px; margin-right: 10px; padding-left: 10px; font-size: 12px; line-height: 20px; color: #FFFFFF; background-image: url(images/bottomdivider.jpg); background-position: left; background-repeat: repeat-y; min-height: 120px; text-align: left;} #bottom-content #right-block p {width: 100%;} /*FOOTER NAV*/ #footernav {width: 920px; padding:0 20px 0 20px; height: 40px; text-align: center; background-color: #CCCCCC; margin: 0px auto;} #footernav ul {display: inline;} #footernav ul li {display: inline; line-height: 40px; font-size: 12px;} #footernav ul li a {color: #333333; text-decoration: none; padding: 0px 8px; border-right: 1px solid #333333;} #footernav ul li a:hover {color: #CC0000;} #footernav ul li.last-menu-item a {color: #333333; text-decoration: none; padding: 0px 8px; border-right: none;} #footernav ul li.last-menu-item a:hover {color: #CC0000;} #footer {margin-bottom: 0;color:#666666;font-size:10px;text-align:right; margin: 10px 30px;} #footer a {text-decoration: none;color:#666666;} #footer .left {float: left; width: 58%; text-align: left;} #footer .right {float: right; width: 42%; text-align: right;} #footer-bottom {width: 100%; background-color: #EEEEEE; margin: 0px auto -10px auto; height: 20px; background-image: url(images/trcbg-bottom.jpg); background-repeat: no-repeat; background-position: top;} .widget-title {text-align: center; height: 40px; line-height: 40px; background-image: url(images/alphamask.png); background-position: top; background-repeat:repeat-x; font-size: 20px; font-weight: bold; margin-bottom: 5px;} .widget-content {font-size: 12px; line-height: 16px; padding: 5px 10px;} .widget-content a {text-decoration: none; font-weight: bold; color: #6689AB;} #loop {} #loop .page-title {height: 40px; width: 100%; font-size: 18px !important; line-height: 40px; text-transform: uppercase; float: left; color: #FFFFFF; background-image: url(images/trc-titlebg.jpg); background-position: top left; background-repeat: no-repeat; margin-bottom: 10px; padding-left: 50px; text-align: left;} #loop .page-title-full {height: 40px; width: 100%; font-size: 18px !important; line-height: 40px; text-transform: uppercase; float: left; color: #FFFFFF; background-image: url(images/trc-titlebg-full.jpg); background-position: top left; background-repeat: no-repeat; margin-bottom: 10px; padding-left: 50px; text-align: left;} /* #loop .page-title {font-size: 18px; line-height: 20px; font-weight: bold; text-transform: uppercase; float: left; width: 100%; margin-left: 5px; color: #000000; padding-bottom: 10px; margin-top: -10px;} */ #loop .page-title a {color: #000000; text-decoration: none;} #loop .date {font-size: 12px; line-height: 20px; font-style: italic; float: right; width: 110px; color: #990000;} #loop .full-content {float:left; margin: 10px 5px 10px 0px; color:#FFF !important; min-height: 130px; width: 100%;} #loop .full-content table {width: 100%; margin: 5px 0px;} #loop .full-content table td {vertical-align: top; padding: 10px; font-size: 12px; line-height: 16px;} #loop .full-content table td.subhead {font-size: 16px; font-weight: bold; text-transform: capitalize; background-image: url(images/trc-subheadbg.jpg); background-position: 0px 10px; background-repeat: no-repeat; line-height: 40px; height: 40px; padding: 10px 0px 10px 15px;} #loop .full-content table td.subhead-fullwidth {font-size: 16px; font-weight: bold; text-transform: capitalize; background-image: url(images/fullwidth-subheadbg.jpg); background-position: 0px 10px; background-repeat: no-repeat; line-height: 40px; height: 40px; padding: 10px 0px 10px 15px;} #loop .full-content table td.subhead-half {font-size: 12px; line-height: 14px; font-weight: bold; text-transform: capitalize; /* background-image: url(images/trc-subheadbg-half.jpg); background-position: 0px 5px; background-repeat: no-repeat;*/ height: 70px; padding-top: 12px; width: 50%; text-align: center; vertical-align: middle;} #loop .full-content table td.subhead-3c {width:33% !important; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: capitalize; /* background-image: url(images/trc-subheadbg-half.jpg); background-position: 0px 5px; background-repeat: no-repeat;*/ height: 70px; padding-top: 12px; width: 50%; text-align: center; vertical-align: middle;} #loop .full-content table td.subhead-third {font-size: 12px; line-height: 14px; font-weight: bold; text-transform: capitalize; /* background-image: url(images/trc-subheadbg-third.jpg); background-position: 0px 5px; background-repeat: no-repeat; */ height: 70px; padding-top: 12px; width: 220px; text-align: center; vertical-align: middle;} #loop .full-content table td.subhead-tallwide {font-size: 12px; line-height: 14px; font-weight: bold; text-transform: capitalize; /* background-image: url(images/trc-subheadbg-tallwide.jpg); background-position: 0px 5px; background-repeat: no-repeat; */ height: 70px; padding-top: 12px; width: 100%; text-align: center; vertical-align: middle;} #loop .full-content table td.imagebox {width: 10%; padding-top: 0px;} #loop .full-content table td.imagebox img {border: 1px solid #999999;} #loop .full-content table td.imagebox-wide {width: 100%; padding: 0px; text-align: center;} #loop .full-content table td.imagebox-wide img {float: left; border: 1px solid #999999; margin: 1px;} #loop .full-content table td.imagebox-half {width: 50%; padding: 0px; text-align: center; vertical-align: bottom;} #loop .full-content table td.imagebox-half img {border: 1px solid #999999; margin: 1px;} #loop .full-content table td.imagebox-3c {width: 33%; padding: 0px; text-align: center; vertical-align: bottom;} #loop .full-content table td.imagebox-3c img {border: 1px solid #999999; margin: 1px; display:inline-block;} #loop .full-content table td.imagebox-third {width: 220px; padding: 0px; text-align: center; vertical-align: bottom;} #loop .full-content table td.imagebox-third img {border: 1px solid #999999; margin: 1px;} #loop .full-content table td.textbox {margin: 10px 0px;} .bodyimage {border: 1px solid #999999;} #loop .full-content ul.links {} #loop .full-content ul.links li {display: block; width: 96%; background-color: #333333; margin: 4px 0px; border: 1px solid #111; list-style: none;} #loop .full-content ul.links li:hover{background:#111;} #loop .full-content ul.links li a {display:block; width:100%; font-weight: bold; color: #CC0000; padding:4px 4px 4px 4px;} #loop .full-content ul li a:hover { color:#FFF !important;} /* #loop .full-content table td.subhead {font-size: 14px; font-weight: bold; text-transform: capitalize;} */ #loop .full-content ul{padding-bottom: 10px;} #loop .full-content li{list-style: disc; font-size:12px; margin-left: 30px; line-height: 16px;text-align:left;} #loop .full-content li.bold {font-weight: bold;} #loop .full-content ul.nodisc li {list-style: none; font-size:12px; margin-left: 20px; line-height: 16px;text-align:left;} #loop .full-content ul.nodisc li strong {margin-right: 4px;} #loop .full-content a { color:#FFF !important; text-decoration: none;} #loop .full-content h1 {display: block; color: #666666; font-size: 24px; line-height: 28px; padding: 0px; margin-bottom: 10px; border-bottom: 1px solid; font-weight: bold;text-align:left;} #loop .full-content h2 {display: block; float: left; font-size: 22px; line-height: 32px; padding: 4px; margin-bottom: 10px; border-bottom: 2px solid; font-weight: bold; width: 100%;} #loop .full-content h3 {float: left; font-size: 20px; padding-bottom: 10px; font-weight: bold; width: 100%;} #loop .full-content h4 {float: left; font-size: 18px; padding-bottom: 10px; font-weight: bold; width: 100%;} #loop .full-content h5 {float: left; font-size: 16px; padding-bottom: 10px; font-weight: normal; width: 100%;} #loop .full-content p {line-height: 16px; font-size: 12px; padding-bottom: 10px;text-align:left;} #loop .full-content p img {float:left; margin: 0px 10px 10px 0px;} #loop .full-content div.youtube_gallery div.youtube_gallery_item div.youtube_gallery_caption {font-size: 12px; font-weight: bold; color: #FFF; text-align: center;} #loop .full-content .immediate {float: right; text-align: left; font-size: 18px; color: #CC0000; margin-right: 20px; line-height: 22px;} /**/ /* rotator in-page placement */ div.rotator { position:relative; height:335px; width: 670px !important; background-color: #000000; text-align: center; overflow:hidden; } /* rotator css */ div.rotator li { float:left; position:absolute; top:0; left:0; list-style: none; display:block; text-align: center; width: 670px !important; height: 335px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* rotator image style */ div.rotator ul li img { margin: 0px auto; } div.rotator ul li.show { z-index:500; } /* UPDATES */ .grayBarTitles{float:left; width:630px; height:30px; padding-left:20px; text-align:left; margin-top:10px; margin-bottom:10px; background: url(images/trc-subheadbg.jpg) 0 0 no-repeat; font-size: 14px; font-weight: bold; text-transform: capitalize; line-height:30px;} .productHeader{float:left; width:640px; height:170px; margin-top:20px; margin-bottom:15px; background:#EEE; -webkit-border-radius:7px; border-radius: 7px; } .productHeader span{float:left; margin-top:70px; width:165px; height:30px; padding-left:15px; padding-top:10px; font-size:18px; font-weight:bold; color:#FFF; text-align:left; background:url(images/productsHeaderTextBg.png) 0 0 repeat-x; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; } .productsList{float:left; width:100%; margin:0 !important; padding: 0 !important; list-style:none !important;} .productsList li{float:left; width:310px; height:150px; margin-right:18px !important; margin-left:0px !important; margin-bottom:10px; list-style:none !important; background-size:cover; text-align:center; -webkit-border-radius: 6px; border-radius: 6px; overflow:hidden;} .productsList li a{float:left; text-align:center; width:310px; height:35px; padding-top:115px; border:0px; -webkit-border-radius: 4px; border-radius: 4px; overflow:hidden; text-decoration:none;} .productsList li a:hover{ width:306px; padding-top:111px; border:2px solid #D60000; -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, .5); box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, .5); } .productsList li a span{float:left; text-align:center; width:100%; height:35px; text-align:center; font-size:12px; line-height:33px; font-weight:bolder; background:url(http://www.trcwelding.com/wp-content/themes/devtheme/images/productItemBg2.png) bottom left repeat-x #D30203;} #companyImage{float:left; text-align:center; width:100%; margin-bottom:20px;} .page-id-11 .full-content p{font-size:16px !important; line-height:20px !important;} .subhead-wrapper{width:100%; padding:5%; background:url(images/productItemBg2.png) bottom left repeat-x; border:0px; -webkit-border-radius: 4px; border-radius: 4px; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #supportList{list-style:none !important; padding-top:20px; padding-bottom:20px !important; padding-left:0; margin:0; background:#3B3B3B; margin-bottom:10px !important; margin-top:10px !important;} #supportList li{list-style:none !important; padding-left:22px; padding-top:5px; padding-bottom:5px; font-size:18px; font-weight:bold; background:url(http://www.trcwelding.com/wp-content/themes/devtheme/images/checkmark.png) left center no-repeat;} /* BACKUP .grayBarTitles{float:left; width:630px; height:30px; padding-left:20px; text-align:left; margin-top:10px; margin-bottom:10px; background: url(images/trc-subheadbg.jpg) 0 0 no-repeat; font-size: 14px; font-weight: bold; text-transform: capitalize; line-height:30px;} .productsList{float:left; width:100%; margin:0 !important; padding: 0 !important; list-style:none !important;} .productsList li{float:left; width:130px; margin-right:10px !important; margin-left:10px !important; margin-bottom:20px; list-style:none !important;} .productsList li a{float:left; width:130px; height:145px; background:url(images/productItemBg.png) bottom left repeat-x; border:1px solid #C6C6C6; -webkit-border-radius: 4px; border-radius: 4px; overflow:hidden; text-decoration:none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .productsList li a:hover{-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .5); } .productsList li a img{float:left; width:130px; height:100px;} .productsList li a span{float:left; width:120px; padding-left:5px; padding-right:5px; padding-top:8px; text-align:center; font-size:11px; line-height:13px; font-weight:bold;} #companyImage{float:left; text-align:center; width:100%; margin-bottom:20px;} */