.xternalPages p { color:black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } .xternalPages p a { color:#225BA0; text-decoration:underline; font-size:10pt; } body { padding:0; margin:0; background-color:#ECECEC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666; height:100%; } img { border: 0; display:block; } /* MISC: =Links ----------------------------------------------- */ a, a:link, a:visited {color: #666; text-decoration: underline;} a:hover {color: #666; text-decoration: none;} a:active {color: #000;} /* =Header ----------------------------------------------- */ #container {width:100%; height:100%; margin: 0px auto; text-align:center;} #containerWhite {width:100%; height:100%; background-color:#fff; margin-right:auto; margin-left:auto; text-align:center; margin-top:0px;} #can {background: #ececec url(../imagesint/bg.gif) repeat-y fixed 50% 0; position:relative; width:718px; margin: 0px auto; padding:0;} #header {position:relative; background-color: #333; margin: 0px auto; padding: 0px; width: 700px; border:0px} #header .left {float:left; background-color: #333; margin: 0px auto; padding: 0px; width: 525px; border:0px;} #header .right {float:left; background-color: #333; margin: 0px auto; padding: 0px; width: 175px; border:0px;} #logo {clear:both; position:relative; height: 210px; margin: 0; border-bottom:1px solid #333;} .homeWelcome {font-size: 10px; color:#fff; margin: 0px auto; padding: 13 0 0 13; text-align: left;} .homeWelcome a, #homeWelcome a:link, #homeWelcome a:visited {text-decoration: underline; color: #fff; font-size: 10px; width: auto;} .homeWelcome a:hover {text-decoration: none;} /* =Structure: ----------------------------------------------- */ /* Fix Mozillabug bug */ html {min-width: 718px;} /* Overcome stupid 3px margin bug in IE/Win floats, which fixes a lot of things, including disapearing company nav, randomly appearing text, and wrappers pushed too wide. http://www.positioniseverything.net/explorer/threepxtest.html ----------------------------------------------- */ * html #container {margin-right:-3px;} /* Structure: =Content ----------------------------------------------- */ #mainContent {background-color:#fff; clear:both; position:relative; width:700px; margin-right:9px; margin-left:9px; padding:0; border-bottom: 1px solid #fff; text-align:left;} /* Structure: =Home ----------------------------------------------- */ #columnOne {float:left; width:232px; margin:0; padding:8px 0 20px 0; border-top:1px solid #e5e5e5; border-left:1px solid #fff; border-right: 1px solid #fff;} #columnTwo {background-color:#deedf8; float:left; width:232px; margin:0; padding:8px 0 20px 0; border:0;} #columnThree {background-color: #ecf4d6; float:right; width:232px; margin:0; padding:8px 0 66px 0; border-left:1px solid #fff; border-right:1px solid #fff;} #featuredHome {position:relative; width: 700px; margin: 0px auto; padding: 0px; border:0px} #featuredHome .left {float:left; width:467px; margin:0; padding:0; border:0;} #featuredHome .right {float:right; margin: 0px auto; padding: 0px; width: 233px; border:0px;} #home_cols p {margin:0; padding:5px 13px 5px 13px; color:#666;} #threeColumns {background: url(../images/home_columns_bg.gif); clear:both; position:relative; width:700px; margin:0; padding:0; border:0;} /* =Nav ----------------------------------------------- */ #navCan {background-color: #transparent; clear:both; position:relative; width:700px; margin:0px auto; padding:0; border:0; text-align:left;} div#nav {background:#transparent; float:left; height:26px; width:450px; margin:0 0 0 0; padding:0; border:0;} div#nav ul#menu {background:transparent url(../images/nav.gif) top left no-repeat; height:26px; width:450px; margin:0; padding:0; position: relative;} div#nav ul#menu li {position:absolute; margin: 0; padding: 0; top:0; list-style: none;} ul#menu li, ul#menu a {height: 26px; display: block;} div#nav ul#menu li a {text-indent: -9999px; text-decoration: none;} #home-nav {left: 0; width: 46px;} #about {left: 46px; width: 54px;} #television {left: 100px; width: 60px;} #store {left: 160px; width: 40px;} #resources {left: 200px; width: 60px;} #events {left: 260px; width: 43px;} #support {left: 303px; width: 50px;} #contact {left: 353px; width: 65px;} #home-nav a:hover {background: transparent url(../images/nav.gif) 0 -26px no-repeat;} #about a:hover {background: transparent url(../images/nav.gif) -46px -26px no-repeat;} #television a:hover {background: transparent url(../images/nav.gif) -100px -26px no-repeat;} #store a:hover {background: transparent url(../images/nav.gif) -160px -26px no-repeat;} #resources a:hover {background: transparent url(../images/nav.gif) -200px -26px no-repeat;} #events a:hover {background: transparent url(../images/nav.gif) -260px -26px no-repeat;} #support a:hover {background: transparent url(../images/nav.gif) -303px -26px no-repeat;} #contact a:hover {background: transparent url(../images/nav.gif) -353px -26px no-repeat;} #home-nav a:active, #home-nav a.selected {background: transparent url(../images/nav.gif) 0 -52px no-repeat;} #about a:active, #about a.selected {background: transparent url(../images/nav.gif) -46px -52px no-repeat;} #television a:active, #television a.selected {background: transparent url(../images/nav.gif) -100px -52px no-repeat;} #store a:active, #store a.selected {background: transparent url(../images/nav.gif) -160px -52px no-repeat;} #resources a:active, #resources a.selected {background: transparent url(../images/nav.gif) -200px -52px no-repeat;} #events a:active, #events a.selected {background: transparent url(../images/nav.gif) -260px -52px no-repeat;} #support a:active, #support a.selected {background: transparent url(../images/nav.gif) -303px -52px no-repeat;} #contact a:active, #contact a.selected {background: transparent url(../images/nav.gif) -353px -52px no-repeat;} /* MISC: =Headings ----------------------------------------------- */ h1 {font-family:Verdana, Arial; color:#4387BC; margin:0; padding:17px 10px 2px 13px; font-size:11px; line-height:18px; font-weight:bold} /* =Search ----------------------------------------------- */ #search {position:relative; float:left; height:26px; width:250px; margin:0 0 0 0px; padding:0px; border:0; background-color:#ededed;} #search .box {float:left; margin:0 0 0 10px; padding:3px 0px 0px 0px; border:0px; width:175px; text-align:right;} #search .button {float:left; margin:0px auto; padding:0px 5px 0px 0px; border:0px; width:30px;} /* MISC: =Featured Homepage Links ----------------------------------------------- */ div#btns {width:233px; height:167px; background:#transparent; margin:0; padding:0; border:0; position:absolute;} div#btns ul#featuredRight {width:233px; height:167px; background: transparent url(../images/featured_right.gif) top left no-repeat; margin:0; padding:0; position:relative; float:left;} div#btns ul#featuredRight li { margin:0; padding:0; list-style:none; float:left;} ul#featuredRight li, ul#featuredRight a { width:233px; height:55px; display: block; } div#btns ul#featuredRight li a {text-indent: -9999px; text-decoration: none;} #topHome { left: 0px; width: 233px; top: 0px; height: 55px; } #midHome { left: 0px; width: 233px; top: -55px; height: 56px; } #btmHome { left: 0px; width: 233px; top: -111px; height: 56px; } #topHome a:hover { background: transparent url(../images/featured_right.gif) -233px 0px no-repeat;} #midHome a:hover { background: transparent url(../images/featured_right.gif) -233px -55px no-repeat;} #btmHome a:hover { background: transparent url(../images/featured_right.gif) -233px -111px no-repeat;} /* =404 Page ----------------------------------------------- */ .fourohfour {margin:0; padding:5px 15px 5px 13px; color:#666; line-height:18px;} /* =News & Articles ----------------------------------------------- */ #newsTitleLeft {float:left; width:375px; padding: 7px 15px 7px 0; margin:0 auto;} #newsTitleLeft .newsTitle {font-size: 18px; line-height: 24px; color: #4387BC;} div#newsTitleRight {height:15px; float:right; width:50px; margin:0 0 0 0; padding:13px 7px 7px 0px; border:0; background:#transparent;} div#newsTitleRight ul#menuEmailPrint {height: 15px; width: 50px; background: transparent url(../imagesint/icons_email_print.gif) top left no-repeat; margin: 0; padding: 0; position: relative;} div#newsTitleRight ul#menuEmailPrint li {margin:0; padding:0; list-style:none; float:left;} ul#menuEmailPrint li, ul#menuEmailPrint a {height: 15px; display: block;} div#newsTitleRight ul#menuEmailPrint li a {text-indent: -9999px; text-decoration: none;} #email {left: 0; width: 25px;} #print {left: 25px; width: 25px;} #email a:hover {background: transparent url(../imagesint/icons_email_print.gif) 0 -15px no-repeat;} #print a:hover {background: transparent url(../imagesint/icons_email_print.gif) -25px -15px no-repeat;} .newsDateAuthor {clear:both; padding: 7px 0 7px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;} .newsDateAuthor p {font-size: 11px; line-height: 18px; color: #666;} .leadCopy {border-bottom:1px dotted #ccc; margin:0 0 25px 0; padding:10px 0 0 0;} .leadCopy p {font-size: 11px; line-height: 22px; color: #666; text-transform:uppercase;} .leadCopy h1 {font:11px/22px Verdana, Arial; color: #2E6BA2; margin:0; padding:0; font-weight: bold; text-transform:uppercase;padding: 7px 0 0 0;} .mainCopy p {font-size: 11px; line-height: 14px; color: #666;} .mainCopy ul, .mainCopy li {font-size: 11px; line-height: 14px; color: #666;} .mainCopy h1 {font-size: 11px; line-height: 18px; color: #000; font-weight:bold; text-transform:uppercase;} /* =Footer ----------------------------------------------- */ .footer {font-size: 11px; line-height: 18px; color: #999;} .footer_white {color: #fff} #footer {clear:both; position:relative; background-color:#333; width:700px; margin:0px auto; padding:0px; border:0px; text-align: left;} #footer p {width:670px; margin:0px auto; padding:10px 10px 5px 20px; border:0px; text-align: left;} #footer a, #footer a:link, #footer a:visited {text-decoration: underline; color: #999; font-size: 11px;} #footer a:hover {text-decoration: none; color: #fff;} #btmCap {clear:both; position:relative; background: url(../imagesint/btm_footer.gif) 0 0 no-repeat; width:718px; height:40px; margin:0px auto; padding:0px; border:0px;} /* =Purchasing page ----------------------------------------------- */ .ShoppingTitle, .ProductConfigLabel { font-weight: bold; } .ProductConfigSection { background-color:#D8E0EB; border-bottom:2px solid #3079AA; font-weight:bold; padding:4px; width:100%; } .ProductConfigLabel { width: 150px; }