body {font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; letter-spacing: -0.01em; line-height: 14px; background-repeat: no-repeat; background-position: 50px 0px; background: #999; background-image: url(assets/images/backgrounds/briancleggbg.gif); } /*page backgrounds */ body#artsandcrafts {background-image: url(assets/images/backgrounds/artsandcraftsbg.gif);} body#toys {background-image: url(assets/images/backgrounds/toysbg.gif);} body#creativeideas {background-image: url(assets/images/backgrounds/creativeideasbg.gif);} body#about, body#about2 {background-image: url(assets/images/backgrounds/aboutbg.gif);} /* generic styles */ a {text-decoration: none;color: #00ADEE;} a:hover {text-decoration: none;color: #B3B3B3;} p {margin-bottom:3px;} p + h5, ul + h5 {margin-top:10px;} h3 {font-size: 18px;color: #542784;background: url(assets/images/slightGreyHeader.jpg);background-color: #F0F0F2;background-repeat: repeat-x;padding: 8px 10px 8px 10px;margin-bottom: 10px;} h4 {color: #FFF;padding: 5px 10px;font-size: 10px;line-height: 10px;text-transform: uppercase;} h5 {font-size: 11px;color: #542784;border-bottom: 1px dotted #8B9298;padding-bottom: 3px;margin-bottom: 5px;text-transform: uppercase;} #header {position:fixed;top:0;left:0;width: 100%;z-index: 1000;background: url(assets/images/tornBanner.png) center 30px repeat-x;height:165px;} /*#tabs ul {width: 780px;list-style: none;margin-left:60px;float:left;}*/ /* tabs */ #tabs {height:30px;padding-top: 0px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;top:0px;left:0;width: 100%;z-index:999;} #tabs ul {width:965px;list-style: none;overflow:hidden;margin:10px auto 0 auto;} #tabs ul li {display: inline;width: 140px;} #tabs ul li a {float: left;margin-right: 20px;display: block;width: 140px;height: 20px;text-indent: -1000px;} #tabs ul li.colorlord a:hover, #tabs ul li.brianclegg a:hover, #tabs ul li.ronaldbritton a:hover, #tabs ul li.colororb a:hover {background-position:0 -20px;} #tabs ul li.colorlord.active a, #tabs ul li.brianclegg.active a, #tabs ul li.ronaldbritton.active a, #tabs ul li.colororb.active a {background-position: 0 -40px;} #tabs ul li.colorlord a {background: no-repeat url(assets/images/colorlordTab.png);} #tabs ul li.brianclegg a {background: no-repeat url(assets/images/brianCleggTab.png);} #tabs ul li.ronaldbritton a {background: no-repeat url(assets/images/ronaldBrittonTab.png);} #tabs ul li.colororb a {background: no-repeat url(assets/images/colorOrbTab.png);} /* navigation */ #banner #navigation {position:absolute;top:55px;left:50%;margin-left:-205px;z-index: 104;width: 710px;height: 32px;} #banner #navigation div.top {list-style: none;display: inline;overflow: hidden;} #banner #navigation div.top a.section {text-indent: -2000px;width: 118px;height: 32px;display: block;float: left;margin-right: 2px;} #banner #navigation div.single a.section {width: 118px;height: 32px;display: block;float: left;margin-right: 2px;text-indent: -2000px;} #banner #navigation .subnavigation {display: none;position: absolute;border-top: 4px solid #CCC;border-bottom: 4px solid #CCC;padding: 10px;left: -240px;width: 844px;top: 35px;background-color: #FFF;} #banner #navigation div.top:hover .subnavigation {display:block;} #banner #navigation div.artsandcrafts .subnavigation {border-color: #007AEE;border-bottom: none;background:url(assets/images/page/artscraftsMenuBottom.png) left bottom repeat-x transparent;} #banner #navigation div.toys .subnavigation {border-color: #e78e24;border-bottom: none;background:url(assets/images/page/toysMenuBottom.png) left bottom repeat-x transparent;} #banner #navigation div.creativeideas .subnavigation {border-color: #bb0077;border-bottom: none;background:url(assets/images/page/creativeideasMenuBottom.png) left bottom repeat-x transparent;} #banner #navigation div.about .subnavigation {width: 424px; left: 180px;border-color: #6b992e;border-bottom: none;background:url(assets/images/page/aboutMenuBottom.png) left bottom repeat-x transparent;} #banner #navigation div.artsandcrafts a.section {background-image: url(assets/images/artsandcraftsBtn.png);} #banner #navigation div.toys a.section {background-image: url(assets/images/toysBtn.png);} #banner #navigation div.creativeideas a.section {background-image: url(assets/images/creativeideasBtn.png);} #banner #navigation div.about a.section {background-image: url(assets/images/aboutBtn.png);} #banner #navigation div.contact a.section {background-image: url(assets/images/contactBtn.png);} #artsandcrafts #banner div.artsandcrafts a, #toys #banner div.toys a, #creativeideas #banner div.creativeideas a, /*#about #banner #navigation div.about a, #contact #banner #navigation div.contact a {background-position:left bottom;}*/ #banner #navigation div a:hover {background-position:right top;} #banner #navigation div.artsandcrafts:hover a.section, #banner #navigation div.toys:hover a.section, #banner #navigation div.creativeideas:hover a.section, #banner #navigation div.about:hover a.section {background-position:right top;height:35px;} #banner #navigation div.contact a {} #navigation .subnavigation ul.menu {float:left;display:block;font-weight: bold; text-transform: uppercase;color: #004F6A;} #navigation .subnavigation ul.menu a {color: #004F6A;} #navigation .subnavigation ul.menu > li.lvls1 {display: block;float:left;width: 200px;height: 50px;margin-right: 10px;padding-bottom: 5px;margin-bottom: 5px;} #navigation .subnavigation ul.menu > li.lvls1.parent {display: block;float:left;width: 200px;height: 180px;margin-right: 10px;padding-bottom: 5px;margin-bottom: 5px;} #navigation .subnavigation li {margin-bottom: 3px;font-size: 10px;line-height: 10px;} #navigation .subnavigation li.parent > a {padding-bottom: 2px;margin-bottom: 5px;border-bottom: 1px solid #DDD;display: block;} #navigation .subnavigation ul.submenu {margin-left: 3px;font-weight: normal;text-transform: none;color: #00ADEE;} #navigation .subnavigation ul.submenu a {color: #00ADEE;} #navigation .subnavigation ul.submenu a:hover, #navigation .subnavigation ul.menu a:hover {color: #666666;} #navigation li.lvls1 {display:inline;} #navigation .creativeideas li.lvls1 a, #navigation .about li.lvls1 a{display: block;width: 200px;margin: 0 10px 10px 0;height: 20px;float: left;text-transform: none;font-weight: normal;color: #00ADEE;} #navigation .clear {clear:both;} #header #banner .login {display:block; float: right; text-indent: -8000px;} #header #banner .login a {display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loginTab.png);} #header #banner .login a:hover {background-position: 0 -20px;} #header #banner .loggedin {display:inline;text-indent: -4000px;} #header #banner .loggedin a {display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loggedinTab.png);} #header #banner .loggedin a:hover {background-position: 0 0;} /* end of navigation */ #newsletter { width: 220px; position: relative; padding: 0; background-color: #62a9ec; background-image: url(images/newsletterBG.gif); background-repeat: repeat-x; background-position: top left;} #newsletter label {font-size: 11px; color: #FFF; font-weight: bold; } #newsletter input { background-color: #d7eefb; border-left: none; border-top: 1px solid #89bef3; border-bottom: 1px solid #89bef3; border-right: none;} input#zgdjr-zgdjr {width: 200px; margin-bottom: 5px;} #social-buttons { clear: both; width: 210px; position: relative; height: 75px; margin-top: 10px;} #social-buttons .twitter {position: absolute; left: 0; width: 54px;} #social-buttons .facebook {position: absolute; left: 90px; width: 50px !important; overflow: visible !important;} #social-buttons .google {position: absolute; right: 0; width: 40px;} #social-buttons .follow {clear:both; margin-top: 90px; height: 90px;} .twitter-follow-button {height: 30px;} /* page structure */ #banner {margin:auto;width:965px;height: 113px;} #banner h1 a {display:block;float:left;width:142px;height:72px;background: no-repeat url(assets/images/brianCleggLogo.gif);text-indent: -1000px;margin:40px 0 0 20px;} #wrapper {width:965px;margin:auto;padding:157px 0 20px 0;background:#fff;overflow:hidden;} /*#contact #wrapper {min-height:1050px;overflow:visible;float:left;padding-bottom:30px;}*/ #content {background-color:#FFF;width:965px;float:left;} #content.standard .story {font-size: 14px;line-height: 20px;width: 600px;margin-bottom:20px;background-color: #F2F2F2;min-height: 190px; margin: 0 0 20px 10px;} #content.standard .rightColumn {float: right; width: 285px; padding: 10px 10px; background-color: #AAA; margin-right: 10px;} #brianclegg.login #content.standard .story, #brianclegg.profile #content.standard .story {font-size: 14px;line-height: 20px;width: 945px;margin: 0 0 20px 10px;min-height: 190px;background-color: #FFF;} .bchome #wrapper #content .sliderintro {background-color: #000; width: 700px; height: 350px; position: relative; margin: 0 0 15px 10px;} .bchome #wrapper #content .sliderintro #slider {background-color: #000; position: relative; overflow: hidden; width: 230px; height: 350px;} .bchome #wrapper #content .sliderintro #slider img {position: absolute; top: 0; left: 0;} .bchome #wrapper #content .sliderintro .words {width: 420px; margin-top: 10px; display: block; position: absolute; top: 10px; right: 20px; color: #FFF; font-size: 15px;} .bchome #wrapper #content .sliderintro .words p { font-size: 13px; line-height: 16px; margin-bottom: 6px;} .bchome #wrapper #content .sliderintro .words em {font-weight: bold; color: #63abec; font-size: 13px; line-height: 16px; font-style: normal;} #breadcrumbs {position:absolute;width:620px;border-top: 1px solid #A993C1;border-bottom: 1px solid #A993C1;background-color: transparent;color: #B3B3B3;padding: 0 0 0 3px;z-index: 99;left:50%;margin-left:-205px;top:95px;} /*#banner #navigation {position:relative;top:25px;left:115px;z-index: 104;width: 850px;height: 32px;}*/ #breadcrumbs .B_currentCrumb {color:#B3B3B3;} #leftCol {float:left;width: 380px;margin-right: 20px;margin-left: 10px;} #leftCol .story {font-size: 12px;line-height: 15px;padding: 10px;background-color: #E3E3E3;margin-bottom: 10px;} #midCol {float: left;width:300px;} #midCol #productInfo {background-color: #E3E3E3;padding: 10px 10px 0px 10px;} #midCol #additionalInfo {background-color: #E3E3E3;padding: 10px 10px 10px 10px;} #midCol #productInfo div {margin-bottom: 10px;} #midCol #productInfo div ul, #midCol #additionalInfo ul {list-style: square;line-height: 15px;margin: 5px 0 0 13px;} /*#rightCol {padding: 232px 10px 10px 10px;width: 220px;position: absolute;min-height: 660px;right: 0;top: -54px;background-image:url(assets/images/rightColGrad.jpg);background-repeat:no-repeat;}*/ #rightCol {padding:152px 10px 10px 10px;margin:0 0 0 0;width:220px;min-height:660px;background-image:url(assets/images/rightColGrad.jpg);background-repeat:no-repeat;float:right;position:absolute;top:0px;left:50%;margin-left:242px;} #rightCol #infoAndDownloads {padding: 10px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #A386BD; border-bottom-color: #A386BD; border-left-color: #A386BD; background: url(assets/images/downloadBg.png) no-repeat #EEE9F3; margin-bottom: 10px; } #rightCol h4.downloads {background: url(assets/images/downloadHeader.png);background-repeat: no-repeat;} #rightCol li {list-style:disc;margin-left: 15px;} #rightCol .text {display: block;padding: 10px;background-color: #FFF;} #rightCol .text .normal {color: #000;} #rightCol .featuredproduct {background-color:#fff; margin: 0 0 10px 0;} #rightCol #exhibitionBox {background: url(assets/images/page/exhibBG.gif) bottom left; font-size: 13px;} #rightCol #exhibitionBox h4 {text-indent: -2000px; background: url(assets/images/page/tornVisit.png) top left no-repeat; height: 45px;} #rightCol #exhibitionBox .content {padding: 10px;} #rightCol #exhibitionBox .content p {line-height: 16px; margin-bottom: 4px;} #rightCol #exhibitionBox hr {border: none; height:1px; background-color: #CCC;} #footerWrapper {height: 20px;padding-top: 2px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;} #footer {width:965px;margin:auto;} /*#footer {height: 20px;padding-left: 60px;padding-top: 2px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;}*/ #footer .login {display:inline;text-indent: -1000px;} #footer .login a {display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loginTab.png);} #footer .login a:hover {background-position: 0 -20px;} #footer .loggedin {display:inline;text-indent: -1000px;} #footer .loggedin a {display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loggedinTab.png);} .pageend {clear: both;height: 300px;background-color: #FFF;display:block;} /* page elements */ .sectionImg {margin-bottom: 20px;float:left;} .clear {height: 1px;font-size: 1px;clear:both;} .tablebtn, .print {cursor: pointer;color: #00ADEE;margin-bottom: 10px;} .print {margin-top: 10px;} .boxsection {display: block;margin-bottom: 15px;} h5 .little {font-size: 8px;font-weight: normal;} .collapse {padding-bottom: 10px;} span.little {display: block;float: left;background-image:url(assets/images/page/maxmin.gif);width: 22px;height: 11px;background-position: top left;} /*page headers */ #content h2 {margin:-112px 0 10px 10px;display: block;height: 127px;width: 220px;} /* #content h2 {display: block;height: 127px;width: 220px;margin:0 0 0 10px;} */ #content h2 a {display: block;height: 127px;width: 220px;} #brianclegg.login #content h2 a {background: url(assets/images/headers/loginregh2.png);} #latestnews #content h2 a {background: url(assets/images/headers/newsh2.gif);} #artsandcrafts #content h2 a {background: url(assets/images/headers/artsandcraftsh2.gif);} #toys #content h2 a {background: url(assets/images/headers/toysh2.gif);} #creativeideas #content h2 a {background: url(assets/images/headers/creativeideash2.gif);} #about2 #content h2 a, #about #content h2 a {background: url(assets/images/headers/abouth2.gif);} #contact #content h2 a {background: url(assets/images/headers/contacth2.gif);} #brianclegg.brianclegg #content h2 a {background: url(assets/images/headers/welcomeh2.png);} #search #content h2 a {background: url(assets/images/headers/search2.gif);} #artsandcrafts h4, #brianclegg h4, #latestnews h4 {background: url(assets/images/artsandcraftsGrad_h4.png);background-color: #28ABE2;} #creativeideas h4, #creativeideas .creativeBox h4 {background: url(assets/images/page/creativeideasGrad_h4.png);background-color: #BB0077;} #toys h4 {background: url(assets/images/toysGrad_h4.png);background-color: #FFCC00;} /* product section */ #productsection {float: left;width:705px;margin-right:0;margin-left: 10px;} #brianclegg.brianclegg #productsection {} .search #productsection {width:955px;clear:both;} #productsection h3 {width:680px;} #productsection .story {font-size: 14px;line-height: 20px;width: 417px;float: right;margin-bottom: 20px;background-color: #F2F2F2;padding: 15px 25px;margin-right: 5px;min-height: 190px;} #productsection .listings .item a {width: 230px;height: 160px;background-color: #CCCCCC;float: left;margin:0 5px 10px 0;position: relative;color: #000;} #productsection .listings .item a strong {display: block;height: 20px;background: url(assets/images/artsandcraftsGrad_h4.png);text-transform: uppercase;font-size: 10px;} #productsection .listings .item a img {position: absolute;bottom: 0;left: 0;width: 75px;margin: 1px;} #productsection .listings .item a .description {width: 132px;height: 130px;position: absolute;bottom: 0;right: 5px;padding: 4px;font-size: 10px;line-height: 12px;} #productsection .listings .item a:hover {background-color: #999;} #productsection .listings .item strong.title {color: #FFF;padding: 2px 10px 0 10px;border: none;background-color: #7D6599;} #toys #productsection .listings .item a strong {background: url(assets/images/toysGrad_h4.png);} #creativeideas #productsection .listings .item a strong {background: url(assets/images/creativeideasGrad_h4.png);} #swatchBlock .swatchgroup {padding:0;margin:0;} #swatchBlock .swatchgroup h6 {display:block;clear:both;margin-bottom:5px;padding:0;} /* gallery */ .gallery .image {width: 380px; /*height: 384px;background-color: #E3E3E3;border: 2px solid #E3E3E3; vertical-align: middle;display: table-cell;*/ } .gallery .image img {margin-left: auto;margin-right: auto;display: block;} .gallery .thumbs {margin-top: 10px;background-color: #E3E3E3;padding: 10px 10px 10px 0;margin-bottom: 30px;} .gallery .thumbs img {margin-left: 8px;border: 2px solid #E3E3E3;cursor: pointer;} .gallery .thumbs img.active {margin-left: 8px;border: 2px solid #00ADEE;} /* product table */ .productTable {font-size: 11px;} .productTable td, .productTable th {border-bottom: 1px solid #D3D3D3;padding: 4px;font-size: 11px;text-align: left;vertical-align: top;} /* Creative Ideas */ #rightCol h4.creativeIdeas {background: url(assets/images/page/creativeIdeasH4.gif);} #rightCol #creativeIdeas {padding: 10px 10px 10px 0;background-color: #CCBEDA;margin-bottom: 5px;} #rightCol #creativeIdeas a {display: block;float: left;border: 1px solid #FFF;margin-left: 8px;margin-bottom: 8px;} #creativeideas #rightCol #infoAndDownloads {padding: 0;display:block;overflow:hidden;} #creativeideas #rightCol #infoAndDownloads li {list-style:none;} #creativeideas #rightCol #infoAndDownloads li:hover {background:#fff;} #creativeideas #rightCol #infoAndDownloads li a {margin-bottom:5px;padding:5px 10px;display:block;clear:both;float:left;} #creativeideas #rightCol #infoAndDownloads li a:hover {background:#fff;} .creativeideashint {text-align: center;font-weight: bold;font-size: 10px;text-transform: uppercase;z-index: 301;position: absolute;width: 120px;height: auto;padding: 5px;margin: 5px 0 0 5px;background-color: #FFF;} .creativeideashint small {font-size: 8px;} #wrapper #creativeideaslist {width:700px;margin-right: 20px;padding-top:0px;margin-left: 10px;} .creativeBox {width: 700px;background-color: #EEE;margin-top: 10px;} .creativeBox h4 {margin-bottom: 10px;} .creativeBox .creativeboximg {margin-left: 10px;float:left;text-align:center;} .creativeBox .creativeboximg img {margin-bottom:5px;} .creativeBox .details {width: 520px;float: right;margin-right: 10px;} #wrapper #creativeideaslist .creativeBox ul {margin-bottom: 10px;} #wrapper #creativeideaslist .creativeBox ul li {list-style: disc;margin: 0 0 5px 25px;} /* ABOUT */ /* NEWS */ #latestnews {background-color: #FFF; padding-bottom: 5px; margin: 10px 0;} #latestnews .newsitem {margin-bottom: 3px;} #latestnews .newsitem h5 {padding: 5px 10px 2px 10px; border-bottom: 1px dotted #EEE;} #latestnews .newsitem p {padding: 0 10px 2px 10px;} #latestnews #content h3 {margin-left: 10px; width: 630px; margin-bottom: 3px;} #latestnews #content .date {width: 630px; font-size: 11px; color: #666;} #latestnews #content .story {width: 630px; padding: 0 10px 10px 10px; margin-left: 10px;} #latestnews #content.standard .story.newslist {font-size: 14px;line-height: 20px;width: 600px;margin-bottom:20px;background-color: #FFF; margin: 0 0 20px 10px; padding: 0 !important;} #latestnews #content.standard .story.newslist .newsitem {margin-bottom: 10px; background-color: #F2F2F2;} #latestnews #content.standard .story.newslist .newsitem h5 { padding: 6px 10px 3px 10px; font-size: 13px;} #latestnews #content.standard .story.newslist .newsitem p {padding: 4px 10px; font-size: 13px;} #latestnews #content.standard .story.newslist .thumb { margin: 0 10px; float: left;} #latestnews #content.standard .story.newslist .summary { margin: 0 10px; float: right; width: 455px;} .news #content.standard .story.newspage {} /* MEMBER LIST */ .user-manager #leftCol {width:945px;} /*.webuserbox {float:left;margin:10px 10px 0 0;border:1px solid #ccc;padding:10px;}*/ .wlpeusertable thead {font-weight:bold;} .wlpeusertable thead td {border-bottom:1px solid #ccc;} .wlpeusertable thead .profileimage {width:90px;} .wlpeusertable thead .fullname {width:200px;} .wlpeusertable thead .username {width:200px;} .webuserbox img {width:40px;height:40px;display:block;background:url(assets/snippets/webloginpe/userimages/default_user.jpg);} .webuserbox .profileimage {width:90px;} .webuserbox .fullname {width:200px;} .webuserbox .username {width:200px;} .webuserbox {vertical-align:middle;} .webuserbox td {border-bottom:1px solid #ccc;vertical-align:middle;} .wlpeUsersList {clear:both;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:20px;overflow:hidden;} /* SEARCH */ .search .ajaxSearch_resultsInfo {float:left;width:50%;} .search #content #ajaxSearch_form {float:right;margin-right:10px;} .search .ajaxSearch_paging {display:block;clear:both;} /* FORMS */ .story #login {float: left;width: 400px;margin-right: 10px;} .story #register {float: right;width: 530px;} .story #profile {float: left;width: 500px;} .story .logbox {background-color:#EFEFEF;font-size: 12px;} form {padding:10px;} #contact .story {padding:10px;float:left;width:500px;} #contact .errors {padding:10px;border:1px solid #ccc;margin-bottom:10px;} .contact form {float:left;padding:0;} .contact label {width: 175px;display: inline-block;font-size: 12px;vertical-align: top;margin-bottom: 10px;} .contact form p {font-size: 12px;} #about .story {padding:10px;float:left;width:500px;} #about .errors {padding:10px;border:1px solid #ccc;margin-bottom:10px;} /*.about form {float:left;padding:0;} .about label {width: 175px;display: inline-block;font-size: 12px;vertical-align: top;margin-bottom: 10px;} .about form p {font-size: 12px;}*/ .nolabel {margin-left: 175px;margin-bottom: 10px;} .requiredstar {color:#e35151;} .wlpeMessage {padding:5px;border:2px solid #ccc;margin-bottom:5px;font-weight:bold;} .stdform label {width:200px;display:block;float:left;clear:left;} .addressDetails {float:left;margin-left:10px;display: block;width: 360px;height: 200px;font-size: 14px;line-height: 19px;padding: 20px 10px;background-color: #EEE;} #tabs .searchBox {float:right;width:250px;height:30px;position:absolute;top:-10px;left:50%;margin-left:280px;} #tabs form {padding:0;height:30px;margin:0;float:none;} #tabs form input {margin:0;} #tabs #ajaxSearch_input {width:150px;float:left;} #tabs #ajaxSearch_submit {float:left;} .search #tabs label, .contact #tabs label {width:auto;display:inline;vertical-align:auto;margin-bottom:0;} .bchome.bienvenue #content h2 a {background: url(assets/images/headers/bienvenueh2.png) left bottom;} .bchome.willkommen #content h2 a {background: url(assets/images/headers/willkommenh2.png) left bottom;} .bchome.bienvenue #wrapper #content .story, .bchome.willkommen #wrapper #content .story {width:340px;padding-left:350px;background:url("assets/images/page/briancleggtranswelcome.jpg");} .bchome .langselect {background:url(assets/images/trans_selectbg.gif) no-repeat;height:30px;overflow:hidden;float:right;margin:-25px 255px 0 0;width:80px;} .bchome .langselect a {display:block;width:21px;height:24px;background:url(assets/images/trans_icons.png);text-indent:-9999px;overflow:hidden;float:left;margin-top:3px;} * html .home .langselect a {background:url(assets/images/trans_icons.gif);} .bchome .langselect .french {background-position:left top;margin-left:15px;} .bchome .langselect .german {background-position:right top;margin-left:8px;} .bchome .langselect .french:hover {background-position:left bottom;} .bchome .langselect .german:hover {background-position:right bottom;} .bchome .curlang {clear:none;float:right;padding:0;margin:-25px 255px 0 0;display:block;width:21px;height:24px;background:url(assets/images/trans_icons.png);text-indent:-9999px;overflow:hidden;} .bchome.bienvenue .curlang {background-position:left top;} .bchome.willkommen .curlang {background-position:right top;} .bchome .transinfo {float:left;clear:both;width:700px;margin:-10px 0 0 10px;} .bchome .transinfo .pdfs {width:335px;float:left;margin-top:10px;} .bchome .transinfo .pdfs a {float:left;display:block;text-align:center;} .bchome .transinfo .pdfs .pdf1 {background:url(assets/images/transpdf1.jpg) no-repeat;width:112px;padding-top:127px;margin:0 0 0 15px;} .bchome .transinfo .pdfs .pdf2 {background:url(assets/images/transpdf2.jpg) no-repeat;width:144px;padding-top:95px;margin:32px 0 0 25px;} .bchome .transinfo .info {background:url(assets/images/trans_info.gif) left top repeat-x #fff;width:345px;float:right;color:#fff;color:#000;padding:20px 10px;} #jquery-overlay{position:absolute;top:0;left:0;z-index:99998;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:99999;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box >#lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em} /*************************** MODAL POPUP ***************************/ .jqmWindow {display: none;position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;} .jqmClose {position:absolute;top:5px;right:5px;} .jqmOverlay {background-color: #000;} .jqmregister {margin-top:5px;padding-top:5px;border-top:1px solid #ccc;} .jqmregister a {font-weight:bold;} * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} * html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');} /* IE6 FIXES */ * html #banner, * html #tabs {position:absolute;} * html #productsection {display:inline;} * html #productsection .story {display:inline;}