/*----- Main CSS Layout for Sunpower Technologies Website -----*/ /*----- Global Styling -----*/ html, body { background: url(../images/softwhite-bg.jpg) #fff center top no-repeat; margin: 0px; padding: 0px; text-align: center; font-family: Arial; font-size: 12px; color: #444444; } a, a:link, a:visited { color: #FF0033; font-weight: bold; text-decoration: none; } a:hover { color: #FF3300; text-decoration: none; } img { border: 0px; } img, div, input, td, a { behavior: url("iepngfix.htc")!important; } p { line-height: 1.6em; text-align: left; } tr td { vertical-align: top!important; } #spliter { background: url(../images/spliter.jpg) top center no-repeat; height: 30px!important; } span.skype_pnh_container {display:none !important;} span.skype_pnh_print_container {display:inline !important;} /*----- Header Container -----*/ #header-container { background: url(../images/sunpowex-topbg.jpg) #E6E6E6 top left repeat-x; text-align: left; } #header-box { width: 960px; padding-top: 30px; padding-left: 5px; padding-right: 5px; padding-bottom: 4px; margin-left: auto; margin-right: auto; } #header-logo1 { width: 380px; height: 55px; margin-bottom: 25px!important; } #header-logo2 { width: 380px; height: 55px; margin-bottom: 25px!important; float: right;} #header-logo2 a{ width: 380px; height: 55px; margin-bottom: 25px!important; float: right;} #header-logo2 img { float: right;} #topnav { background: #222222; width: 960px!important; height: 38px; margin-left: auto; margin-right: auto; } /*--- Navigation ---*/ #nav { float: left; position: relative; } #navleft { float: left; position: relative; width: 1px; height: 38px; border-right: 1px solid #111111 !important; margin-left: 33px; } #navright { float: left; position: relative; width: 1px; height: 38px; border-left: 1px solid #333333!important; } #nav, #nav ul { float: left; list-style: none; font-weight: bold; padding: 0; margin: 0; z-index: 25; position: relative; } #nav li { float: left; } #nav li a, #nav li a:link, #nav li a:visited { display: block; position: relative; font-size: 11px; color: #FFFFFF; text-transform: uppercase; line-height: 38px; padding-left: 35px; padding-right: 35px; border-left: 1px solid #333333!important; border-right: 1px solid #111111 !important; } #nav li a:hover { background: #111111; color: #FF0033; } #nav li a.selected { background: #D30931!important; color: #FFFFFF; border-left: 1px solid #F74064!important; border-right: 1px solid #7C051D!important; } #nav li a:hover.selected { color: #222222; } #nav li ul { position: absolute; left: -999em; height: auto; width: 180px; margin: 0; } #nav li li { text-align: left; text-transform: none!important; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #222222!important; width: 180px; text-transform: none!important; border-bottom: 1px solid #1a1a1a; line-height: 35px!important; color: #FFFFFF; } #nav li li a:hover { background: #111111!important; color: #FF0033!important; } #nav li ul a { width: 180px; font-weight: normal!important; } #nav li ul ul { margin: -1.75em 0 0 14em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { } /*----- The Nivo Slider styles -----*/ #slider-container { background: #C60027; height: 300px; margin-left: auto; margin-right: auto; } #slider { width: 970px; height: 300px; margin-left: auto; margin-right: auto; } .nivoSlider { background: #C60027; position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { background: url(../images/blank.gif) top left repeat; display: block; position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 0px; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .nivoSlider { position:relative; background: #FFFFFF url(../images/loading.gif) no-repeat 50% 50%; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } .nivo-controlNav { text-align: center; padding: 0px; margin-top: -30px; } .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(../images/bullets.png) 0px 0px no-repeat; text-indent:-9999px; border:0; z-index: 10; position: relative; } .nivo-controlNav a.active { background:url(../images/bullets.png) 0px -22px no-repeat; } .nivo-directionNav a { display:block; width:30px; height:30px; text-indent:-9999px; border:0; } .nivo-slice, .nivo-box { background-color: #FFFFFF !important; } a.nivo-prevNav { background:url(../images/arrowsleft.png) no-repeat; left:20px; overflow: hidden; } a.nivo-nextNav { background:url(../images/arrowsright.png) no-repeat; right:20px; overflow: hidden; } .nivo-caption { font-family: Arial; } .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .nivo-caption a:hover { color:#fff; } .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /*----- Logo Icons Container ----*/ #logoicons-container { background: #F2F2F2; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } #logoicons-box { width: 960px; margin-left: auto; margin-right: auto; } .logobox1 a, .logobox1 a:link, .logobox1 a:visited { float: left; background: url(../images/footerlogo1.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } .logobox2 a, .logobox2 a:link, .logobox2 a:visited { float: left; background: url(../images/footerlogo2.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } .logobox3 a, .logobox3 a:link, .logobox3 a:visited { float: left; background: url(../images/footerlogo3.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } .logobox4 a, .logobox4 a:link, .logobox4 a:visited { float: left; background: url(../images/footerlogo4.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } .logobox5 a, .logobox5 a:link, .logobox5 a:visited { float: left; background: url(../images/footerlogo5.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } .logobox6 a, .logobox6 a:link, .logobox6 a:visited { float: left; background: url(../images/footerlogo6.jpg) 0px 0px no-repeat; width: 160px; height: 90px; } /* .logobox1 a:hover { background: url(../images/footerlogo1.jpg) 0px -90px no-repeat; } .logobox2 a:hover { background: url(../images/footerlogo2.jpg) 0px -90px no-repeat; } .logobox3 a:hover { background: url(../images/footerlogo3.jpg) 0px -90px no-repeat; } .logobox4 a:hover { background: url(../images/footerlogo4.jpg) 0px -90px no-repeat; } .logobox5 a:hover { background: url(../images/footerlogo5.jpg) 0px -90px no-repeat; } .logobox5 a:hover { background: url(../images/footerlogo5.jpg) 0px -90px no-repeat; }*/ /*----- Page Container -----*/ #page-container { background: #FFFFFF; width: 930px; padding: 15px; text-align: left!important; margin-left: auto; margin-right: auto; } #pageinner-container { background: url(../images/sunpowex-innerbg.jpg) top left repeat-y; padding: 5px; } #page-leftcol { float: left; width: 215px; padding-top: 10px; } #sidebar-header { background: url(../images/pageheader.jpg) bottom left repeat-x; height: 42px; text-align: left; } #sidebar-header h1 { background: url(../images/subnavicon.jpg) top left no-repeat; text-transform: uppercase; font-size: 18px!important; color: #FF0033; margin: 0px!important; padding-left: 35px!important; padding-top: 7px!important; height: 28px; font-weight: normal!important; letter-spacing: -0.5px!important; } #page-leftcol ul { margin: 0px!important; padding-top: 10px; padding-bottom: 15px; padding-left: 0px!important; text-align: left; } #page-leftcol ul li { background: url(../images/leftbullet.png) 10px 7px no-repeat; list-style: none!important; border-bottom: 1px solid #E6E6E6; font-size: 11px; line-height: 1.5em; padding-left: 30px; padding-right: 5px; padding-bottom: 5px!important; margin-bottom: 5px!important; } #page-leftcol ul li a, #page-leftcol ul li a:link, #page-leftcol ul li a:visited { font-weight: normal!important; } #page-leftcol .sidebar-button1 { background: url(../images/sunpowex-sbar-button1.jpg) 0px 0px no-repeat; width: 215px; height: 80px; margin-bottom: 20px!important; } #page-leftcol .sidebar-button1:hover { background: url(../images/sunpowex-sbar-button1.jpg) 0px -80px no-repeat; } #page-leftcol .sidebar-button2 { background: url(../images/sunpowex-sbar-button2.jpg) 0px 0px no-repeat; width: 215px; height: 80px; margin-bottom: 20px!important; } #page-leftcol .sidebar-button2:hover { background: url(../images/sunpowex-sbar-button2.jpg) 0px -80px no-repeat; } #page-leftcol .sidebar-button3 { background: url(../images/sunpowex-sbar-button3.jpg) 0px 0px no-repeat; width: 215px; height: 80px; margin-bottom: 20px!important; } #page-leftcol .sidebar-button3:hover { background: url(../images/sunpowex-sbar-button3.jpg) 0px -80px no-repeat; } #socialbox { padding-top: 10px; padding-bottom: 5px; width: 215px; margin-left: auto; margin-right: auto; border-top: 1px solid #E6E6E6; } #socialbox .socialleft { float: left; width: 105px; font-size: 10px; font-weight: bold; text-transform: uppercase; } #socialbox .socialright { float: right; width: 105px; } #page-rightcol { float: right; width: 665px; min-height: 400px; height: inherit; text-align: left!important; padding-bottom: 10px!important; } #page-container p, #page-rightcol p { padding-left: 10px!important; padding-right: 5px!important; } #page-rightcol a, #page-rightcol a:link, #page-rightcol a:visited { font-weight: normal!important; } #page-rightcol ul { margin: 0px!important; padding-left: 25px; padding-top: 10px; } #page-rightcol ul li { background: url(../images/leftbullet.png) 0px 7px no-repeat; list-style: none!important; line-height: 1.6em; padding-left: 15px; padding-right: 5px; padding-bottom: 15px!important; } #page-rightcol #pagi-container { border-top: 1px solid #E6E6E6; padding-top: 5px; } #page-rightcol #pagi-box { background: #F6F6F6; padding: 10px; } #page-rightcol #pagi-box .pagi-leftcol { float: left; width: 200px; } #page-rightcol #pagi-box .pagi-leftcol .totalhighlight { color: #E20A16; font-weight: bold; } #page-rightcol #pagi-box .pagi-rightcol { float: right; width: 300px; text-align: right; } #page-rightcol #pagi-box .pagi-rightcol a, #page-rightcol #pagi-box .pagi-rightcol a:link, #page-rightcol #pagi-box .pagi-rightcol a:visited { display: inline-block; width: 10px; font-weight: bold; text-decoration: none; border: 1px solid #CCCCCC; text-align: center; padding-left: 3px; padding-right: 3px; margin-left: 5px; } #page-rightcol #pagi-box .pagi-rightcol a:hover { background: #E20A16; color: #FFFFFF!important; border: 1px solid #E20A16; } #breadcrumbs { padding-top: 9px; padding-bottom: 9px; padding-left: 10px; border-bottom: 1px solid #E6E6E6; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: left; margin-bottom: 10px!important; } #breadcrumbs .textblack { font-weight: bold; color: #000000; } #pageheader { background: url(../images/pageheader.jpg) bottom left repeat-x; height: 42px; text-align: left; } #pageheader h2 { text-transform: uppercase; font-size: 18px!important; color: #FF0033; margin: 0px!important; padding-left: 10px!important; padding-top: 7px!important; height: 28px; font-weight: normal!important; letter-spacing: -0.5px!important; } .subtitle { font-size: 15px; padding-left: 10px; padding-top: 25px; padding-bottom: 5px; color: #222222; border-bottom: 1px solid #E6E6E6; margin-bottom: 10px!important; text-transform: uppercase; } #buttonbox { border-top: 1px solid #E6E6E6; padding-top: 15px; padding-bottom: 10px; padding-right: 5px!important; } #buttonbox .button { float: right; font-size: 11px; font-weight: bold; text-align: center; } #buttonbox .button a, #buttonbox .button a:link, #buttonbox .button a:visited { background: url(../images/sunpowex-button.jpg) 0px 0px no-repeat; display: block; width: 110px; height: 28px; color: #FFFFFF; line-height: 28px; } #buttonbox .button a:hover { background: url(../images/sunpowex-button.jpg) 0px -28px no-repeat; color: #FFFFFF; text-decoration: none; } #news-container { padding-top: 5px; padding-bottom: 5px; } #news-container ul { margin: 0px!important; padding-top: 5px!important; padding-left: 0px!important; } #news-container ul li { background: url(../images/leftbullet.png) 15px 14px no-repeat; list-style: none!important; border-bottom: 1px solid #E6E6E6; line-height: 1.6em; padding-left: 30px!important; padding-right: 5px!important; padding-top: 7px!important; padding-bottom: 7px!important; } .ndate { font-weight: bold; } .ntitle a { font-weight: normal; } #newstitle { font-size: 16px; padding-left: 5px; padding-top: 15px; padding-bottom: 5px!important; font-weight: bold; } #newstitle a, #newstitle a:link, #newstitle a:visited { font-weight: bold!important; } #postedsmall { font-size: 10px; font-weight: bold; padding-left: 5px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; text-transform: uppercase; } #postedsmall .date { color: #FF0033; } #newsdesc, #newsdesc p { text-align: left!important; padding-bottom: 5px; } #product-imgbox { width: 200px; height: 180px; border: 2px solid #E6E6E6; margin-left: auto; margin-right: auto; } #product-imgbox:hover { border: 2px solid #CCCCCC; } #product-title { width: 200px; padding-top: 10px; padding-bottom: 30px; font-size: 11px; text-align: center!important; margin-left: auto; margin-right: auto; } #product-inner { padding-top: 15px!important; } #product-inner ul { margin: 0px!important; padding-left: 25px; padding-top: 10px; } #product-inner ul li { background: url(../images/leftbullet.png) 0px 7px no-repeat; list-style: none!important; line-height: 1.6em; padding-left: 15px; padding-right: 5px; padding-bottom: 5px!important; } #product-inner .prodimgbox { text-align: center; padding-top: 10px!important; padding-bottom: 15px!important; } #cert-gallery { padding-top: 20px; margin-left: auto; margin-right: auto; } #cert-gallery #gallerybox { margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align:center; overflow: hidden; } #cert-gallery #gallerybox #cert-container { display: inline; float: left!important; margin-left: 5px; width: 160px; height: 260px; } #cert-container .certimgbox { width: 150px; border: 3px solid #E6E6E6; margin-bottom: 5px; margin-left: auto; margin-right: auto; } #cert-container .certimgbox img { display: block; } #cert-container .certimgbox:hover { border: 3px solid #CCCCCC; } #cert-container .certtitle { width: 146px; text-align: center; font-size: 11px; line-height: 1.2em!important; margin-left: auto; margin-right: auto; margin-bottom: 20px!important;; } /*----- Table Styles -----*/ #tableadvanced { margin-top: 15px; border-collapse: collapse; margin-bottom: 20px; width:100%; font-size: 12px; color: #333333; } #tableadvanced thead tr td { background: #222222; text-align: center; padding: 10px; font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.5em!important; } #tableadvanced thead tr { border-left: 3px solid #000000; } #tableadvanced thead tr td { border-left: 1px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; } #tableadvanced table tr td { padding: 10px!important; vertical-align: top; line-height: 1.5em!important; } #tableadvanced tbody tr { background: #F2F2F2; border-left: 3px solid #CCCCCC; } #tableadvanced tbody tr td { border-left: 1px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; padding: 5px 15px; line-height: 1.5em!important; vertical-align: top; } #tableadvanced tbody tr td.left { font-size: 12px; line-height: 1.5em!important; text-transform: uppercase; color: #FF0033; width: 180px; padding-top: 10px; padding-bottom: 10px; } #tableadvanced tbody tr td.left2 { width: 180px; font-size: 13px; line-height: 1.5em!important; text-transform: uppercase; color: #E40812; padding-top: 10px!important; padding-bottom: 10px!important; } #tableadvanced tbody tr td ul { margin-top: 5px; margin-bottom: 5px; padding-left: 10px; } #tableadvanced tbody tr td ul li { line-height: 1.6em; padding-bottom: 5px!important; } #tableadvanced tbody tr:nth-child(even) { background: #FAFAFA; } #tableadvanced tbody tr:hover { background: #FFE8EE; border-left: 3px solid #E40812; } #tableadvanced tbody tr td { line-height: 1.6em!important; text-align: left!important; } /*----- Tabs -----*/ .tabs { width: 100%; height: 33px!important; line-height: 1.1em!important; } .tabs a { float: left; display: block; padding: 9px 15px 7px 15px; margin-right: 2px; border-top: 1px solid #DDDDDD; border-bottom: 0px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF url(../images/tabs.png) repeat-x; color: #000000; font-weight: bold; font-size: 10px; text-transform: uppercase; text-decoration: none; z-index: 1; position: relative; cursor: pointer; top: 3px; } .tabs a.selected { background: #FFFFFF; border-bottom: 0px; padding-bottom: 8px; z-index: 1; } .tab_page { border: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px; display: block; z-index: 2; margin-bottom: 10px; } /* ----------------------- CONTACT PAGE -----------------------*/ /* Contact Form */ #conctactleft { border-right: 1px dotted #eaeaea; width: 450px; float: left; padding-right: 15px; } #maincontactform { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-top: 1px solid #E6E6E6; font-size: 12px!important; } #maincontactform #contact p, label, legend { font: 1.1em Arial, sans-serif; } #maincontactform #contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; } #maincontactform #contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; } #maincontactform #contact { display: block; padding-top: 15px; } #maincontactform #contact table { margin: 0px!important; } #maincontactform #contact tr td.formleft { text-align: left; padding-top: 10px; vertical-align: top!important; width: 115px; } #maincontactform #contact tr td.formright { text-align: left; vertical-align: top!important; } #maincontactform #contact tr td.formleftbottom { padding-top: 5px; } #maincontactform #contact tr td.formrightbottom { padding-top: 5px; } #maincontactform #contact .captchabox { float: left; padding-top: 12px; margin-right: 10px; } #maincontactform #contact .captchafield { float: left; padding-top: 5px; } /* Form style */ label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } input, textarea, select { margin: 0; padding: 7px; color: #666; background: #FFFFFF; border: 1px solid #E6E6E6; margin: 6px 0; font:1.1em Arial, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; outline: none!important; } input:focus, textarea:focus, select:focus { border: 1px solid #CCCCCC; color:#333; } fieldset { padding:20px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; } legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom:0 !important; margin-bottom:20px; } span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */ input.ibutton[type="submit"], input.ibutton[type="reset"] { background: url(../images/sunpowex-button.jpg) 0px 0px no-repeat; width: 110px; border: none!important; color: #FFFFFF; cursor: pointer!important; padding-top: 7px; padding-bottom: 12px; font-size: 11px; font-weight: bold; } input.ibutton[type="submit"]:hover, input.ibutton[type="reset"]:hover { background: url(../images/sunpowex-button.jpg) 0px -28px no-repeat; color: #FFFFFF; text-decoration: none; } input.ibutton[type="submit"]:focus, input.ibutton[type="reset"]:focus { background: url(../images/sunpowex-button.jpg) 0px -28px no-repeat; color: #000000; text-decoration: none; } #message, #msgsuccess { margin: 10px 0; padding: 0; } .error_message { display: block; line-height: 1.8em; background-color: #FBE3E4; border: 1px solid #FBC2C4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 15px; font-size: 12px!important; } .error_message h1 { background: url(../images/error.gif) left no-repeat; padding-left:25px; padding-top: 5px; padding-bottom: 5px; margin: 0px!important; color:#8a1f11; font-size: 20px!important; font-weight: bold; letter-spacing: -0.5px; } ul.error_messages { margin: 0 0 0 50px; padding: 0; } ul.error_messages li { list-style: decimal!important; height: 22px; line-height: 22px; color:#333; } .loader { padding: 0 10px; } #success_page { padding: 15px; border: 1px solid #E6E6E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #success_page h1 { background: url(../images/success.gif) left no-repeat; padding-left:25px; padding-top: 5px; padding-bottom: 5px; margin: 0px!important; color: #222222; font-size: 20px!important; font-weight: bold; letter-spacing: -0.5px; } #success_page p { padding-left:25px; font-size: 12px!important; padding-bottom: 0px!important; } acronym { border-bottom:1px dotted #ccc; } /* Contact Address */ #contactright { width: 445px; float: left; margin-left: 15px; padding-top: 15px; } .contactinfo { margin-top: 15px; padding-left: 0px!important; } .contactinfo li { clear: both; list-style: none!important; margin: 10px 0; padding-bottom: 15px; border-bottom: 1px solid #E6E6E6; color: #333333; font-size: 12px; line-height: 18px; padding-left: 10px; } .contacttitle { font-size: 12px; text-transform: uppercase; padding-bottom: 5px; } .contacttitle a { color: #013396; } #googlemap { width: 445px; height: 250px; border: 1px solid #E6E6E6; padding: 1px; } #googlelink { font-size: 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #E6E6E6; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } #googlelink a, #googlelink a:link, #googlelink a:visited { color: #666666; text-decoration: none; } #googlelink a:hover { color: #222222; text-decoration: none; } #captchabox { width: 400px!important; } /*----- Footer Container -----*/ #footer-container { background: #222222; padding-bottom: 15px!important; text-align: left!important; } #footer1-container { width: 940px; padding: 10px; margin-left: auto; margin-right: auto; } #footerbox1 h1, #footerbox2 h1, #footerbox3 h1 { text-transform: uppercase; font-size: 16px!important; color: #FF0033; padding-left: 10px!important; padding-top: 10px; padding-top: 10px; font-weight: normal!important; letter-spacing: -0.5px!important; margin: 0px!important; } #footerbox1 { float: left; width: 200px; margin-right: 15px!important; } #footerbox2 { float: left; width: 210px; margin-right: 15px!important; } #footerbox3 { float: left; width: 230px; margin-right: 15px!important; } #footerbox4 { float: left; width: 250px; } #footerbox1 ul, #footerbox2 ul, #footerbox3 ul, #footerbox4 ul { margin: 0px!important; padding: 0px!important; font-size: 11px; } #footerbox1 ul li, #footerbox2 ul li, #footerbox3 ul li, #footerbox4 ul li { list-style: none!important; line-height: 1.6em; } #footerbox4 ul li { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; border-bottom: 1px solid #333333; color: #E4E4E4; line-height: 1.6em; } #footerbox4 ul li .addtitle { text-transform: uppercase; padding-bottom: 5px; font-size: 12px!important; color: #FF0033; font-weight: bold; } #footerbox1 ul li a, #footerbox1 ul li a:link, #footerbox1 ul li a:visited, #footerbox2 ul li a, #footerbox2 ul li a:link, #footerbox2 ul li a:visited, #footerbox3 ul li a, #footerbox3 ul li a:link, #footerbox3 ul li a:visited { display: block; border-bottom: 1px solid #333333; color: #CCCCCC; font-weight: normal!important; text-align: left; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; } #footerbox4 ul li a, #footerbox4 ul li a:link, #footerbox4 ul li a:visited { color: #FF0033; font-weight: normal!important; } #footerbox4 ul li a:hover { color: #FF3300; } #footerbox1 ul li a:hover, #footerbox2 ul li a:hover, #footerbox3 ul li a:hover { color: #FF3300; font-weight: normal!important; } #footerbox1 h1, #footerbox2 h1, #footerbox3 h1, #footerbox4 h1 { font-size: 16px; color: #FF0033; text-transform: uppercase; font-weight: normal!important; letter-spacing: -0.5px!important; padding-top: 15px; padding-left: 10px!important; padding-bottom: 15px; margin: 0px!important; } #copyright-container { background: #000000; text-align: center!important; padding: 10px!important; font-size: 11px; color: #FFFFFF; }