/* ================================================================================ */ /* = BetaCalco - CSS - Coded For superscope media inc ....*/ /* ================================================================================ */ /*- THE BIG GUYS -*/ * {margin:0;padding:0} body {background-color: #111; font-size: 70%; font-family:verdana,sans-serif; color: #a0a0a0; background-image: url(../img/bgtile.gif);background-repeat: repeat-x;line-height: 16px} /* =================================== */ /* = MAIN WRAPS AND CONTAINER....... = */ /* =================================== */ #wrap {width:950px; margin: 0 auto; padding: 0px 0px 0px 0px;position:relative;background-image: url(../img/wrap.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;} #mainbodywrap {width:900px; margin: 0 auto;padding: 0px 0px 0px 0px;position:relative;background:#000;overflow: hidden;} #header {width:900px;margin: 0 auto; padding: 0px 0px 0px 0px;} #feature {width:900px; height:350px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; background-color:#000000;z-index:1; background-image:url('../img/header-noflash2.jpg'); background-position:top; background-repeat:no-repeat;} #logfeature{width:900px; height:378px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; background-color:#000000;z-index:1; background-image:url('../img/header-noflash2.jpg'); background-position:top; background-repeat:no-repeat;} #footer {width:900px; margin: 0px 0px 10px 0px; padding: 20px 0px 100px 0px; margin-left: auto; margin-right: auto; background:#000; background-image: url("../img/footerbg.png");background-repeat: no-repeat; background-position: bottom;border-top:1px dotted #222;clear:both;overflow: hidden;} /* =================================== */ /* = COLUM SPLIT LAYOTUS............ = */ /* =================================== */ /*- 50% split -*/ #col-left {width:450px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;float: left; display: inline;} #col-right {width:450px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;float: right; display: inline;} #half {width:49%; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; float: left;overflow: hidden;min-height:180px;height:auto;display: inline;} /*- 70% 30% split -*/ #col-left-unsplit {width:700px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;height:auto !important;display: inline;} #col-right-unsplit {width:200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;float: right; background-image: url(../img/pnav-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;display: inline;} /*- Full Width -*/ #col-full {width:900px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;float: left; overflow: hidden;} /* =================================== */ /* = NAVIGATION ELEMENTS............ = */ /* =================================== */ /* = Main menu = */ /* = -------------------------------------------- = */ /* Containers and general Setup */ #header {height:50px;font-size:14px;position:relative;z-index:98;} #header h1 {position:absolute;left:-9999px;} #header ul {list-style:none;margin:0;padding:0px 0px 0px 10px;} /* Nav buttons setup */ #header ul li {float:left;border-right:1px solid #000;line-height:50px;position:relative;z-index:99;outline: none;} #header ul li img {padding:11px 0 0;} #header ul li a.logo {color:#999;text-decoration:none;height:50px;float:left;display:inline; /*ie*/padding:0 10px;outline: none;} #header ul li a.logo:active {color:#fff; background-color:#333;} #header ul li a.logo:hover {color:#fff; background-color:transparent;} /* Nav States */ #header ul li a {color:#999;text-decoration:none;height:50px;float:left;display:inline; /*ie*/padding:0 10px;outline: none;} #header ul li a:active {color:#fff; background-color:#333;} #header ul li a:hover {color:#fff; background-color:#000;} /* Drop setup */ #header ul li.hover ul, #header ul li:hover ul {display:block; outline: none;} /* Drop styling */ #header ul ul {position:absolute;top:50px;left:-1px;background:#222;border:1px solid #000;border-width:1px 1px 0 1px; width:160px; display:none; font-size:11px; z-index:99;} #header ul ul li {float:none;border:1px solid #000;border-width:0 0 1px 0;height:29px;line-height:29px; z-index:99;} /* Drop states */ #header ul ul li a {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#222;color:#999;outline: none;} #header ul ul li a:active {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#000;color:#fff;} #header ul ul li a:hover {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#000;color:#fff;} /* = Side Menu = */ /* = -------------------------------------------- = */ #sidenav-con {width:149px; margin: 0 auto; padding: 25px 25px 25px 25px; float: left;/*border-left:1px dotted #222;*/overflow:hidden} #sidenav ul {margin:0;padding:0;list-style:none;} #sidenav ul li {display: block;} #sidenav ul li a { display: block; list-style-type:none;margin:0; padding:0; width:100%; font-weight:normal; line-height:18px;color:#999;outline: none;} #sidenav ul li a.active{color:#fff; margin-left:10px; font-weight:bold} #sidenav ul li a:hover{color:#fff;} #navarcactive ul {margin:0;padding:0;list-style:none;} #navarcactive ul li {display: block;} #navarcactive ul li a { display: block; list-style-type:none;margin:0; padding:0; width:100%; font-weight:normal; line-height:18px;color:#999;outline: none;} #navarcactive ul li a.active{color:#fff; font-weight:bold} #navarcactive ul li a:hover{color:#fff;} /* = Associated Item Side Menu - Quick Favorites Reference, Feature Install = */ /* = -------------------------------------------- = */ #a-sn-con {width:149px; margin: 0 auto; padding: 25px 25px 25px 25px; float: left;border-left:1px dotted #222;overflow:hidden} #a-sn ul {margin:0;padding:0;list-style:none;} #a-sn ul li {display: block;outline: none;} #a-sn ul li a { display: block; list-style-type:none;margin:0; padding:0; width:100%; font-weight:normal; line-height:30px;border-bottom:1px dotted #222;outline: none;color:#999;} #a-sn ul li a.active{color:#999; margin-left:10px;} #a-sn ul li a:hover{color:#fff;} /* = Account menu - Used in header = */ /* = -------------------------------------------- = */ #account-con {width:240px;float:right;display:inline; /*ie*/height:50px;font-size:10px;line-height:50px;color:#525252;} #account-status {float:left;display:inline; /*ie*/height:50px;font-size:10px;line-height:50px;color:#525252;} #account-status a {color:#999;text-decoration:none;outline: none;} #account-status a:hover {color:#fff;text-decoration:none;} #account-icon{float:right; height:50px;font-size:10px;line-height:50px;color:#525252;margin:0px 30px 0 0;} /* = Footer Menu = */ /* = -------------------------------------------- = */ #footer-col {width:125px; margin: 0 auto; padding: 5px 10px 0px 10px; float: left;} .footmenu{list-style-type: none;margin: 0;padding: 0;width: 100%;color: #666;font-weight:normal;line-height:18px;} .footmenu li a{display: block; width: auto;padding: 0px 0px 0px 0px;text-decoration: none;color:#666;} * html .footmenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 125px;color: #666;} .footmenu li a:active, .footmenu li a:visited {color: #666;font-weight:normal;} .footmenu li a:hover {color:#999;} /* =================================== */ /* = PAGE LAYOUTS................... = */ /* =================================== */ /*- General Con for info heavy text pages - About -*/ #info-con {width:640px; margin: 0px 0px 0px 0px; padding: 30px 15px 30px 30px; float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;height:auto !important;} /* Gallery index and IMG Detail page */ #gallery-con {width:616px; margin: 0px 0px 0px 0px; padding: 32px 32px 32px 32px; float: left; overflow: hidden; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;} #photo-info {width:680px; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 26px; font-size:9px; color: #555; background: #121212; overflow: hidden; border-top:1px solid #000; border-bottom:1px solid #222;} /* Detail pages - Products */ #prddetail-info-con {width:420px; margin: 0px 0px 0px 0px; padding: 30px 9px 30px 30px; float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;} #prddetail-pics-con {width:240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; overflow: hidden; } #prddetail-pics-con-type {width:240px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;float: right; overflow: hidden;} /* Detail pages - Products, News, Events, Featured, Spotlight */ #detail-info-con {width:540px; margin: 0px 0px 0px 0px; padding: 30px 9px 30px 30px; float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden;} #detail-pics-con {width:120px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; overflow: hidden; } #detail-pics-con-type {width:120px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;float: right; overflow: hidden;} /* Lightbox */ #controlpanel {width:620px; margin: 10px 0px 30px 0px; padding: 6px 20px 6px 20px; background: #121212; overflow: hidden; border-bottom:2px solid #111; /*ie*/height:30px;font-size:11px;line-height:30px;background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;} #username { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow:hidden;color:#cfcfcf;font-weight:bold;} #options-con { float:right; color:#999;display:inline; /*ie*/height:30px;font-size:11px;line-height:30px;} /* Specs Containers with Icons */ #specs-con{width:100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; /*ie*/height:26px;line-height:26px;} .specs-icon{margin: 0px 14px 0px 0px;} /* Date highlight - used in events */ #date {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;overflow: hidden; /*ie*/height:24px;line-height:24px; display:block; background-color:#111; color:#fff; font-size:9px;} #date-sm {width: 100%; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; float: left;overflow: hidden; /*ie*/height:10px;line-height:10px; display:block; color:#666; font-size:9px;} /* =================================== */ /* PHOTOGRIDS */ /* - Containers to hold the grids */ /* =================================== */ #photogrid-con {width:680px; margin: 0px 0px 0px 20px; padding: 20px 0px 40px 0px; overflow: hidden; float:left} #finishesgrid-con {width:670px; margin: 0 auto; padding: 10px 10px 10px 20px;overflow: hidden;float:left} /*- News Grid - News, events, feature, product spotlight -*/ #newsgrid-con {width:640px; margin: 0 auto; padding: 20px 20px 40px 20px;overflow: hidden;} /*- Homepage Thumbnail grid and news -*/ #home-con-left {width:400px; margin: 0 auto; padding: 15px 0px 20px 25px;overflow: hidden; float:left; } #home-con-right {width:445px; margin: 0 auto; padding: 15px 25px 0px 0px;overflow: hidden; float:right;} #viewallbutton {width:380px; margin: 0 auto; padding: 8px 0px 0px 0px; color: #666; font-size: 90%; font-weight:normal; float: left; overflow: hidden; text-align:right; } /* =================================== */ /* THUMBNAIL Sizes */ /* - Thumb cons with mouse overs */ /* =================================== */ #ws-thumb-con {width:120px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;} #ws-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #ws-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #ws-prdcat-thumb-con {width:222px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block; text-align:center;} #ws-prdcat-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #ws-prdcat-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #ws-sm-thumb-con {width:122px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;} #ws-sm-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #ws-sm-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #thumb-con {width:120px; height:118px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block; text-align:center;} #thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #fini-thumb-con {width:108px; height:125px; margin: 10px 2px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block; text-align:center;} #fini-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #fini-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #sm-thumb-con {width:120px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;} #sm-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #sm-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #pg-thumb-con {width:120px; height:120px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;} #pg-thumb-con a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #pg-thumb-con a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} #sm-thumb-con-home {width:122px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;} #sm-thumb-con-home a { display: block; background:#222; border:1px solid #111; overflow: hidden;} #sm-thumb-con-home a:hover {display: block; background:#222; color:#fff; border:1px solid #ccc; overflow: hidden;} /* =================================== */ /* DISPLAY OPTIONS */ /* - displaying modular content */ /* =================================== */ /*- Display 1 - WIDESCREEN THUMB --------------- 220px ---- with title and body .......... */ /* = ------------------------------------------------------------------- = */ #Display-ws-con {width:630px; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px; display: block; border-bottom:1px dotted #222; overflow: hidden;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top; min-height:130px;height:auto !important;height:130px;} #Display-ws-text {width:490px; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 20px; overflow: hidden;float: left;} /*- Display 2 - WIDESCREEN SMALL THUMB ----------75px ---- with title and body - ...... */ /* = ------------------------------------------------------------------- = */ #Display-ws-sm-con {width:630px; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 10px; display: block; border-bottom:1px dotted #222;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top;} #Display-ws-sm-text {width:450px; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 20px; overflow: hidden;float: left;} /*- Display 3 - SHORT WIDESCREEN SMALL THUMB ----75px ---- with title and body - homepage ...... */ /* = ------------------------------------------------------------------- = */ #Display-sws-sm-con {width:430px; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 10px; display: block; border-bottom:1px dotted #222; float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat;min-height:77px;height:auto !important;height:77px; font-size:90%} #Display-sws-sm-text {width:290px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; overflow: hidden; color:#666} /* Display 4 - LARGE THUMB ---------------------110px ---- with title and body - News index Grid */ /* = ------------------------------------------------------------------- = */ #Display-lg-con {width:630px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 10px; display: block; border-bottom:1px dotted #222; overflow: hidden;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top; min-height:130px;height:auto !important;height:130px;} #Display-lg-text {width:478px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 20px; overflow: hidden;float: left;} /*- Display 5 - SMALL THUMB ----------------------75px ---- with title and body - News, Feature intsall and spotlight */ /* = ------------------------------------------------------------------- = */ #Display-sm-con {width:630px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 10px; display: block; border-bottom:1px dotted #222; overflow: hidden;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top; min-height:95px;height:auto !important;height:95px;} #Display-sm-text {width:533px; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 20px; overflow: hidden;float: left;} /*- Display 6 - NO THUMB ------------------------- Displays just title and body - Event Grid ..... */ /* = ------------------------------------------------------------------- = */ #Display-ti-con {width:640px; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; display: block; border-bottom:1px dotted #222; overflow: hidden;float: left;} /*- Display 7 - NO THUMB ------------------------- Displays just title and body - Homepage ....... */ /* = ------------------------------------------------------------------- = */ #Display-ti-sm-con {width:440px; margin: 0px 0px 10px 0px; padding: 8px 10px 8px 20px; display: block; border-bottom:1px dotted #222; overflow: hidden;float: left; background-image: url(../img/maincel-bg.jpg);background-repeat: no-repeat; background-position: top; min-height:40px;height:auto !important;height:40px; font-size:9px} /* ==================================== */ /* SPECIAL LINKING & MODULES */ /* ==================================== */ /*- Add to favorites link -*/ #addtofav-con {width: 160px; margin: -36px -38px 0px 0px; padding: 0px 0px 0px 75px; background-image: url(../img/addtofav-bg1.gif);background-repeat: no-repeat; background-position: bottom; float: right; overflow: hidden; /*ie*/height:36px;line-height:36px;} /*- Remove from favorites link -*/ #removefav-con {width: 160px; margin: -36px -38px 0px 0px; padding: 0px 0px 0px 75px; background-image: url(../img/removefav-bg1.gif);background-repeat: no-repeat; background-position: bottom; float: right; overflow: hidden; /*ie*/height:36px;line-height:36px;} /*- View details link -*/ #viewdetails-con { width: 175px; margin: -36px 0px 0px -38px; padding: 0px 0px 0px 75px; background-image: url(../img/viewdetails-bg1.gif); background-repeat: no-repeat; background-position: bottom; float: left; overflow: hidden; /*ie*/ height:36px; line-height:36px; } #sitecredit{width:830px; margin: 0px 0px 40px 0px; padding: 0px 50px 0px 20px; margin-left: auto; margin-right: auto; font-size:9px} .sitecredit a:link {color:#666; font-weight:bold;} .sitecredit a:visited {color:#333; font-weight:bold;} .sitecredit a:hover {color:#fff; font-weight:bold} .sitecredit a:active {color:#666;} /* =================================== */ /* DETAIL PAGE STYLES */ /* =================================== */ /* = BreadCrumbs = */ div#breadcrumb {color:#666;margin: 0 auto; padding: 6px 0px 6px 26px;font-size:9px;background: #121212;background-image: url(../img/breadcrumbs-bg.gif);background-repeat: repeat-x;} div#breadcrumb a {color: #525252;text-decoration:none;margin:0;} div#breadcrumb a:hover {color:#999;} /* = Logged in status = */ div#loggedin{color:#333;margin: 0 auto; padding: 6px 0px 6px 26px;font-size:9px;background: #121212;background-image: url(../img/loggedin-bg.gif);background-repeat: repeat-x;} div#loggedin a {color: #333;text-decoration:none;margin:0;} div#loggedin a:hover {color:#999;} /* =================================== */ /* GLOBAL STYLES */ /* =================================== */ /* GENERAL Utilities */ img {border:none; margin: 0 auto;padding: 0px 0px 0px 0px;float: left;overflow: hidden; } .right {border:none; margin: 0 auto;padding: 0px 0px 0px 0px; float: right; } .left {border:none; margin: 0 auto;padding: 0px 0px 0px 0px; float: left; } /* =================================== */ /* TYPOGRAPHY */ /* =================================== */ /* TYPOGRAPHY - general */ p {color:#a0a0a0;} ul {color:#ccc; padding-left: 20px; line-height: 16px} ol {color:#ccc;} /* TYPOGRAPHY - headlines */ h1, h2, h3 {letter-spacing: 0px; } /* h1,h2 used for product titles and sub titles */ h1 {color: #cfcfcf; font-size: 200%; font-weight:normal; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; line-height: 24px;} h2 {color: #999; font-size: 90%; font-weight:bold; margin: -14px 0px 20px 0px; padding: 0px 0px 0px 0px;} /* h3, used for seperating the photos on detail pages into groups */ h3 {color: #555; font-size: 90%; font-weight:normal; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #222; border-style: none none dotted;padding-Bottom: .6em} /* h4, used for medium size titles */ h4 {color: #ccc; font-size: 120%; font-weight:bold; margin: 16px 0px 16px 0px; padding: 0px 0px 0px 0px;} /* h5, News, Events, Featured, Spotlight titles */ h5 {color: #fff; font-size: 110%; font-weight:bold; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px;} /* h6 used for all navigation titling */ h6 {color: #fff; font-size: 130%; font-weight:normal; margin: 16px 0px 10px 0px; padding: 0px 0px 0px 0px;} /* =================================== */ /* TEXT STYLING */ /* =================================== */ .lrgtxt {font-size: 140%} .smalltx {font-size: 90%; font-weight:normal;} .italic {font-style: italic} .subdued {color:#999} .subduedsm {color:#999;font-size: 80%} .bold {font-weight:bold; font-size: 110%; letter-spacing:0px;} .quote {color:#ccc; font-weight:bold; font-size: 110%; letter-spacing:0px;font-style: italic} .highlight {color:#cfcfcf;} .highlightbold {color:#cfcfcf;font-weight:bold;font-size: 100%} .highlightsm {color:#cfcfcf;font-weight:bold;font-size: 90%} .alert {color:#ff0000;font-weight:bold;font-size: 100%} .thumbtitle {line-height:15px;font-size: 90%} .Cat-thumbtitle {line-height:30px; font-size: 110%;font-weight:bold;} .smallheadline{color: #666; font-size: 90%; font-weight:normal; } .subtlehighlightbold {color:#666;font-weight:bold;} /* =================================== */ /* LINKS STYLING */ /* =================================== */ /* LINKS - general*/ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} a:link {color:#ccc;font-weight:normal;} a:visited {color:#999;font-weight:normal;} a:hover,a:active {color:#fff;font-weight:normal} /* LINKS - headlines */ .headline a:link {color:#ccc; font-weight:bold;} .headline a:visited {color:#999; font-weight:bold;} .headline a:hover {color:#fff; font-weight:bold} .headline a:active {color:#999;} /* =================================== */ /* TABLE STYLING */ /* =================================== */ .table-gen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;font-size: 90%} .table-rw-gen{padding: 0px;} /* ========================= */ /* CLEAR FIXES */ /* ========================= */ .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} .fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*paging display*/ #productpaging {margin: 200px 0px 0px 0px;padding: 0px 0px 0px 0px;}