/********************************************************************/ /* 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, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Verdana, sans-serif; font-size:12px; color:#666666; background:#000;} p { padding-bottom:15px; line-height:17px;} sup { vertical-align:super; font-size:70%;} sub { vertical-align:sub; font-size:70%;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:bold; text-decoration:none; color:#023169;} #content a { text-decoration:underline;} a:hover, a:focus {text-decoration:underline; color:#ee7f00;} a:focus {-moz-outline: 1px dotted #000 !important;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} .skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:0px 0px 5px 8px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:3px solid #e7e7e7; border-bottom:3px solid #e7e7e7; border-left:3px solid #e7e7e7; border-right:2px solid #e7e7e7; text-align:left;} #content table th, #content table td { border-right:1px solid #e7e7e7;} #content table th { padding:10px 5px 10px 5px; font-weight:bold; text-transform:capitalize; background:url('/_images/bg/dark-gradient.gif') repeat-x bottom left;} #content table td { padding:5px 5px 5px 5px; border-top:1px solid #e7e7e7; vertical-align: top;} legend { display:none;} input, select, textarea { font-size:11px; font-family:Arial, Verdana, sans-serif; color:#666;} .checkbox input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size: 22px; color:#023169; font-weight:normal; padding:15px 15px 10px 15px; margin:0px 0px 15px 0px; border-bottom:1px solid #e7e7e7;} h2 { font-size: 18px; color:#023169; font-weight:normal; padding:0px 0px 10px 0px;} #content h2 { padding:0px 12px 10px 12px;} #content .wysiwygBlock h2, #content fieldset h2, #content .entry-content h2, #content .videoContainer h2, #content .pod h2 { padding:0px 0px 10px 0px;} h3 { font-size: 12px; color:#023169; font-weight:bold; padding:0px 0px 5px 0px;} /********************************************************************/ /* Text Button tags */ /********************************************************************/ /* Template Psd can be found: \psd, creative\PSD\bg\buttons.psd */ .formButton { float:left; position:relative; height:25px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; cursor:pointer; overflow:visible; white-space:nowrap; border:0;} /* very important */ .formButton::-moz-focus-inner { border:none; padding:0px; margin-top:-1px;} .buttonRight, .buttonBasic, .buttonLeft, .buttonUp, .buttonDown { float:left; text-transform:lowercase; cursor:pointer;} a.buttonRight, a:visited.buttonRight, .buttonRight .formButton, a.buttonBasic, a:visited.buttonBasic, .buttonBasic .formButton, a.buttonLeft, a:visited.buttonLeft, .buttonLeft .formButton, a.buttonUp, a:visited.buttonUp, .buttonUp .formButton, a.buttonDown, a:visited.buttonDown, .buttonDown .formButton { font-family:Arial, Verdana, sans-serif; font-weight:bold; font-size:11px; color:#fff; text-transform:lowercase;} .buttonRight { padding:0px 0px 0px 14px; background:url('/_images/bg/buttons.gif') no-repeat top left;} .buttonRight .formButton, .buttonRight span { padding:0px 24px 0px 0px; background:url('/_images/bg/buttons.gif') no-repeat right bottom;} .buttonBasic, .buttonUp, .buttonDown, .buttonLeft { padding:0px 14px 0px 0px; background:url('/_images/bg/buttons.gif') no-repeat 100% 0%;} .buttonBasic .formButton, .buttonBasic span, .buttonLeft .formButton, .buttonLeft span, .buttonUp .formButton, .buttonUp span, .buttonDown .formButton, .buttonDown span { padding:0px 0px 0px 24px; background:url('/_images/bg/buttons.gif') no-repeat 0px 0px;} .buttonBasic .formButton, .buttonBasic span { padding:0px 0px 0px 14px;} .buttonLeft .formButton, .buttonLeft span { background-position:0px -75px;} .buttonUp .formButton, .buttonUp span { background-position:0px -25px;} .buttonDown .formButton, .buttonDown span { background-position:0px -50px;} /* bit nasty but required for Safari */ a.buttonRight, a.buttonBasic, a.buttonLeft, a.buttonUp, a.buttonDown { float:left; display:inline;} a.buttonRight span, a.buttonBasic span, a.buttonLeft span, a.buttonUp span, a.buttonDown span { float:left; line-height:24px;} a.buttonRight span { padding:0px 24px 1px 0px;} a.buttonBasic span { padding:0px 0px 1px 14px;} a.buttonLeft span, a.buttonUp span, a.buttonDown span { padding:0px 0px 1px 24px;} #content a.buttonRight, #content a.buttonBasic, #content a.buttonLeft, #content a.buttonUp, #content a.buttonDown { text-decoration:none;} /********************************************************************/ /* Template tags */ /********************************************************************/ #_atssh { display:none;} #footGradient { float:left; width:100%; background:url('/_images/bg/footGradient.gif') repeat-x bottom left #fff;} #hearderBars { float:left; width:100%; background:url('/_images/bg/hearderBars-internal.gif') repeat-x top left;} .home#hearderBars { background:url('/_images/bg/hearderBars.gif') repeat-x top left;} #deepLinks { float:left; width:100%; background:url('/_images/bg/deepLinks.gif') repeat-x bottom left #0b0b0b;} #container, #footer, #deepLinks div { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 50px 0px;} #content { float:left; width:630px; padding:0px 0px 0px 10px;} .homeContent#content { width:850px; padding:0px 0px 0px 0px;} .sponsorContent#content { width:760px; padding:0px 0px 0px 0px;} #deepLinks { padding:20px 0px 40px 0px;} #deepLinks div { padding:0px 0px 0px 0px;} #deepLinks div h2 { float:left; width:160px; font-size:15px; line-height:21px; padding:0px 0px 15px 0px; color:#a1a1a1;} #deepLinks div ul { float:right; width:820px; padding:3px 0px 15px 0px;} #deepLinks div li { float:left; display:inline; padding:0px 25px 5px 8px; background:url('/_images/bullets/deepLinks.gif') no-repeat 0px 5px;} #deepLinks div a { font-weight:normal; color:#a1a1a1;} #deepLinks div a:hover, #footer li a:hover { text-decoration:none; color:#fff;} #footer ul { float:left; width:980px; padding:15px 0px 15px 0px; color:#d2d2d2; font-size:11px;} #footer li { display:inline; float:left; padding:0px 15px 0px 0px;} #footer li a { color:#d2d2d2; font-weight:normal;} #footer .redant { float:right; padding:0px 0px 0px 15px;} #footer li.rss a { padding-left:20px; background:url(/_images/bullets/rss-footer.gif) 0px 0px no-repeat;} #masthead { position:relative; float:left; width:980px; height:143px; padding:5px 0px 0px 0px;} #masthead .siteSearch p.advanced{ float:left; padding:12px 0 0 0;} #masthead .siteSearch{ float:right;} #masthead .siteSearch p.advanced a{ color:#919090; font-size:11px; padding:0 0 0 10px;} #masthead .siteSearch fieldset { float:left; width:200px; height:23px; padding:12px 5px 0px 5px; background:url('/_images/bg/search.gif') no-repeat 0px 5px;} #masthead .siteSearch fieldset label { position:absolute; margin-left:-9999px;} #masthead .siteSearch fieldset .field { float:left; width:170px;} #masthead .siteSearch fieldset .field input { float:left; width:168px; padding:2px 0px 0px 0px; border:1px solid #fff; color:#878787;} #masthead .siteSearch fieldset .formButton { float:right; width:18px; height:18px;} #masthead .loginOverlay { display:none; position:absolute; top:0px; right:213px; width:227px; height:123px; padding:0px 40px 0px 40px; font-size:11px; color:#888; background:url('/_images/bg/loginOverlay.png') no-repeat 0px 0px; z-index:9999;} #masthead .loginOverlay fieldset { position:relative; float:left; width:227px; height:auto; padding:0px 0px 0px 0px; background:none;} #masthead .loginOverlay fieldset h2 { padding:15px 0px 8px 0px;} #masthead .loginOverlay fieldset .field { float:left; width:227px; padding:0px 0px 3px 0px;} #masthead .loginOverlay fieldset label { float:left; width:67px; padding:3px 0px 0px 0px;} #masthead .loginOverlay fieldset .text input { float:left; width:150px; padding:1px 4px 1px 4px; margin:0px 0px 0px 0px; border:1px solid #d1d1d1;} #masthead .loginOverlay fieldset .formButton { float:right; width:63px; height:23px; display:inline; margin:3px 0px 0px 0px;} #masthead .loginOverlay fieldset a { float:left; display:inline; margin:8px 0px 0px 0px; font-weight:normal; color:#ee7f00; text-decoration:underline;} #masthead .loginOverlay fieldset .loginToggler { position:absolute; top:20px; right:0px; width:39px; height:9px; cursor:pointer; background:url('/_images/buttons/close.gif') no-repeat 0px 0px;} #masthead .options { float:right; /*width:765px;*/ width:565px; font-size:11px; padding:0px 5px 0px 0px; z-index:1;} #masthead .options li { float:right; display:inline; height:20px; padding:10px 10px 2px 10px; background:url('/_images/bullets/top-tab-link.gif') no-repeat 0px 13px;} #masthead .options .last { background:none;} #masthead .options li a { font-weight:normal; color:#919090;} #masthead .options .tabRight { padding:10px 35px 2px 0px; background:url('/_images/bg/top-tab.gif') no-repeat top right;} #masthead .options .tabLeft { padding:10px 0px 2px 35px; background:url('/_images/bg/top-tab.gif') no-repeat top left;} #masthead .options .tabRight a, #masthead .options .tabLeft a { float:left; padding:0px 5px 0px 5px;} #masthead .options .tabLeft a { padding:0px 8px 0px 5px; background:url('/_images/bullets/top-tab.gif') no-repeat 100% 50%;} #masthead #basketBubble { position:absolute; top:30px; left:215px; background:url('/_images/general/basket-bubble.png') top left no-repeat; height:110px; width:245px; z-index:5000;} #masthead #basketBubble p { padding:32px 40px 5px 65px; font-size:12px; font-weight:bold; color:#EE7F00; line-height:1.3em; background:url('/_images/general/basket-icon.png') 25px 31px no-repeat;} #masthead #basketBubble p.error { background:url('/_images/general/basket-icon-error.png') 25px 31px no-repeat;} #masthead #basketBubble ul { position:absolute; bottom:15px; left:10px; width:225px;} #masthead #basketBubble ul li { margin:0; padding:0; float:left;} #masthead #basketBubble ul li a { color:#fff; font-weight:bold;} #masthead #basketBubble ul li.fr { float:right;} #masthead .logos { float:left; width:980px; padding:22px 0px 0px 0px;} #masthead .logos li, #masthead .logos img { display:inline; float:left;} #masthead .logos .fr { float:right; padding:3px 0px 0px 0px;} #adverts { float:right; padding:10px 0 0 0; width:120px;} #adverts li { float:left; width:120px; margin:0px 0px 10px 0px;} #adverts li img { float:left;} #masthead .fullBanner { position:absolute; bottom:24px; left:175px; width:468px; height:60px; z-index:1;} #nav { float:left; width:980px; height:52px; padding:0px 0px 0px 0px;} #nav li { float:left; position:relative; z-index:1000; padding:0px 0px 8px 2px; background:url('/_images/bullets/nav-divider.gif') no-repeat 0px 3px;} #nav .first { float:left; position:relative; z-index:1000; padding:0px 0px 0px 0px; background:none;} #nav li a.top { float:left; display:block; padding:14px 0px 0px 0px; margin:0px 12px 0px 12px; color:#fff; font-size:14px; font-weight:normal; text-decoration:none;} #nav li a.top .cufon-vml { padding-bottom:0px;} #nav li a.top:hover, #nav li a.top:active, #nav li a.top:focus, #nav li.selected .top { border-bottom:1px solid #fff;} #nav li .subNav { display:none;} #nav li.subnav-active a.top { padding:14px 12px 0px 12px; margin:0px 0px 0px 0px; border-bottom:none; background:#ef6701;} #nav li.subnav-active .subNav { display:block; position:absolute; top:38px; width:208px; padding:4px 0px 10px 0px; z-index:8000; background:url('/_images/bg/nav.png') no-repeat bottom left;} #nav li.subnav-active .subNav ul { float:left; width:208px;} #nav li.subnav-active .subNav ul li { width:208px; padding:0px 0px 0px 0px; border-top:1px solid #ef7300; background:none;} #nav li.subnav-active .subNav a { display:block; padding:5px 15px 5px 27px; font-size:11px; color:#fff; text-decoration:none; background:url('/_images/bullets/nav.gif') no-repeat 14px 9px;} #nav li.subnav-active .subNav a:hover, #nav li.subnav-active .subNav a:active, #nav li.subnav-active .subNav a:focus { text-decoration:none; background-color:#ef7300;} /***** Left to Right or Right to Left *****/ #nav li.ltr .subNav { right:0px;} #nav li.rtl .subNav { left:0px;} /***** Two Columns *****/ #nav li.twoCol .subNav ul { width:320px;} #nav li.twoCol .subNav { width:320px; background:url('/_images/bg/nav-twoCol.png') no-repeat bottom left;} #breadcrumb { float:left; width:965px; padding:0px 0px 18px 15px; margin:0px 0px 0px 0px; font-size:11px; color:#888;} #breadcrumb li { float:left; display:inline; padding:0px 10px 0px 0px;} #breadcrumb a { padding:0px 13px 0px 0px; color:#888; font-weight:normal; background:url("/_images/bullets/bullet.gif") no-repeat 100% 50%;} #breadcrumb a:hover { color:#ee7f00;} #leftCol { float:left; width:210px;} #leftCol #subNav, #leftCol .newsletter, #leftCol #loginForm, #leftCol #imageBasket { float:left; width:180px; padding:10px 12px 12px 12px; margin:0px 0px 10px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #leftCol #subNav li { float:left; width:180px; border-top:1px solid #e7e7e7;} #leftCol #subNav .first { border-top:none;} #leftCol #subNav li a { float:left; width:180px; padding:5px 0px 5px 0px; display:block; font-weight:normal; color:#666; text-decoration:none;} #leftCol #subNav li a.selected { font-weight:bold; color:#ee7f00;} #leftCol #subNav li a:hover, #leftCol #subNav li a:focus { text-decoration:underline; color:#ee7f00;} #leftCol #subNav ul { float:left; width:170px; padding:0px 0px 5px 10px;} #leftCol #subNav li li { width:170px; padding:0px 0px 5px 0px; font-size:11px; border:none;} #leftCol #subNav li li a { width:162px; padding:0px 0px 0px 8px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #leftCol .basketNav#subNav li { padding:5px 0px 5px 0px;} #leftCol .basketNav#subNav a { padding:0px 0px 0px 0px;} #leftCol .newsletter, #leftCol #loginForm { padding:10px 12px 16px 12px;} #leftCol .newsletter fieldset, #leftCol #loginForm fieldset { position:relative; float:left; width:180px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url('/_images/bg/newsletter.gif') no-repeat bottom left;} #leftCol .newsletter fieldset label, #leftCol #loginForm fieldset label { float:left; width:180px; display:block; padding:0px 0px 15px 0px;} #leftCol .newsletter fieldset .text { float:left; width:180px; padding:0px 0px 6px 0px;} #leftCol .newsletter fieldset .text input, #leftCol #loginForm fieldset .text input { float:left; display:inline; width:148px; padding:2px 0px 0px 0px; margin:0px 0px 0px 5px; border:1px solid #fff; color:#878787;} #leftCol .newsletter fieldset .formButton { position:absolute; bottom:6px; right:5px; width:18px; height:18px;} #leftCol #loginForm fieldset { background:none;} #leftCol #loginForm fieldset .text { float:left; width:180px; height:30px; padding:7px 0px 0px 0px; background:url('/_images/bg/login.gif') no-repeat top right;} #leftCol #loginForm fieldset .text input { width:100px;} #leftCol #loginForm fieldset label { float:left; width:65px; padding:0px 0px 0px 0px;} #leftCol #loginForm fieldset .buttonRight { float:right;} #leftCol #loginForm fieldset a { font-weight:normal; font-size:11px;} #sb-content .alertPopup { padding:15px 15px 0px 15px;} #sb-content .alertPopup h2, #sb-content .alertPopup p { text-align:center;} #sb-content .alertPopup .buttonLeft { float:left;} #sb-content .alertPopup .buttonRight { float:right;} /********************************************************************/ /* Form tags */ /********************************************************************/ /* Template Psd can be found: \psd, creative\PSD\bg\checkboxes.psd */ .custom-checkbox, .custom-radio { position:relative; float:left; width:425px; padding:0px 0px 0px 0px;} .custom-checkbox input, .custom-radio input { position:absolute; left:2px; top:0px; margin:0; z-index:0; width:2px; overflow:hidden;} .custom-checkbox label, .custom-radio label { font-size:12px; display:block; position:relative; z-index:1; cursor:pointer; background: url('/_images/bg/checkboxes.gif') no-repeat -18px -18px #fff;} .custom-radio label { background: url('/_images/bg/radios.gif') no-repeat -18px -18px #fff;} .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -18px -73px;} .custom-checkbox label.checked, .custom-radio label.checked { background-position: -18px -128px;} .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus, .custom-radio label.checkedHover, .custom-radio label.checkedFocus { background-position: -18px -183px;} .custom-checkbox label.focus, .custom-radio label.focus { outline: 1px dotted #ccc;} /* Should only need to edit the following two values... */ .custom-checkbox label, .custom-radio label { width:400px; padding:3px 0px 2px 25px;} /********************************************************************/ /* Generic Slider tags */ /********************************************************************/ .coda-slider-wrapper, .coda-slider li img { float:left;} .coda-slider p.loading { padding:20px; text-align:center;} .coda-slider-wrapper { clear:both; overflow:auto;} .coda-slider { float:left; overflow:hidden; position:relative;} .coda-slider li, .coda-slider .panel { float:left; display:block;} .coda-slider .panel-container { position:relative;} .coda-nav ul { clear:both; display:block; margin:auto; overflow:hidden;} .coda-nav ul li { display:inline;} .coda-nav ul li a { float:left; display:block;} /********************************************************************/ /* Homepage tags */ /********************************************************************/ #content .largeCol, #content .largeCol .calltoAction { width:470px; } #content .smallCol { width:370px;} #content .largeCol .advert, #content .largeCol .calltoAction { float:left; margin:0px 0px 10px 0px;} #content .largeCol .advert { width:468px; border:1px solid #e7e7e7;} #content .largeCol .pod, #content .smallCol .pod { position:relative; float:left; width:440px; padding:12px 12px 12px 12px; margin:0px 0px 10px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .smallCol .pod { width:340px;} #content .largeCol .pod .buttonRight, #content .smallCol .pod .buttonRight, #content .welcomePod .buttonRight { float:right;} #content .largeCol .list.pod h2, #content .smallCol .list.pod h2 { padding:0px 0px 5px 0px;} #content .largeCol .list.pod ul, #content .largeCol .list.pod li { float:left; width:440px; padding:0px 0px 15px 0px;} #content .smallCol .list.pod ul, #content .smallCol .list.pod li { float:left; width:340px; padding:0px 0px 15px 0px;} #content .largeCol .list.pod li, #content .smallCol .list.pod li { padding:0px 0px 0px 0px; border-top:1px solid #fff; border-bottom:1px solid #e7e7e7; background:none;} #content .largeCol .list.pod li a, #content .smallCol .list.pod li a { float:left; width:410px; display:block; padding:10px 30px 10px 0px; font-weight:normal; color:#666; background:url('/_images/bg/pod-list.gif') no-repeat 100% 50%;} #content .smallCol .list.pod li a { width:310px;} #content .largeCol .buyNow.pod { width:445px; padding:12px 12px 5px 5px;} #content .largeCol .buyNow.pod h2 { padding:0px 0px 10px 5px;} #content .largeCol .buyNow.pod div { float:right; width:290px;} #content .largeCol .buyNow.pod .buyOnline { position:absolute; top:-5px; right:10px; width:54px; height:54px; text-indent:-9999px; background:url('/_images/buttons/buy-online.png') no-repeat 0px 0px;} #content .largeCol .buyNow.pod .buttonRight { float:right; white-space:nowrap;} #content .largeCol .buyNow.pod .photo { position:relative; float:left; width:145px; height:140px; display:block; cursor:pointer;} #content .largeCol .buyNow.pod .photo span { position:absolute; top:0px; left:0px; width:145px; height:140px; background:url('/_images/bg/browse-inside.png') no-repeat 0px 0px;} #content .largeCol .buyNow.pod .photo .image { float:left; position:inherit; top:inherit; left:inherit; width:100px; height:90px; overflow:hidden; margin:8px 15px 42px 25px;} #content .smallCol .poll.pod .sponsoredBy{ float:left; margin:10px 0 0 0; border:2px solid #e7e7e7; padding:5px; width:325px; } #content .smallCol .poll.pod .sponsoredBy h2{ float:left; } #content .smallCol .poll.pod .sponsoredBy a{ float:right; padding:0; } #content .smallCol .poll.pod .sponsoredBy p{ border:none; float:left; padding:0 0 0 10px; width:auto; margin:0; } #content .smallCol .poll.pod .sponsoredBy p a{ padding:0; } #content .poll .sponsoredBy{ float:left; margin:10px 0 0 0; border:2px solid #e7e7e7; padding:5px; width:385px; } #content .poll .sponsoredBy h2{ float:left; padding:0; } #content .poll .sponsoredBy a{ float:right; } #content .poll .sponsoredBy p{ border:none; padding:0; border:none; float:left; padding:0 0 0 10px; width:auto;} #content .poll .sponsoredBy p a{ padding:4px 0 0 0; float:left;} #content .smallCol .poll.pod p { float:left; width:340px; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #e7e7e7;} #content .smallCol .poll.pod .buttonRight { margin:8px 0px 0px 0px;} #content .smallCol .poll.pod fieldset { float:left; width:340px; padding:0px 0px 0px 0px;} #content .smallCol .poll.pod fieldset .custom-radio { width:340px;} #content .smallCol .poll.pod fieldset .custom-radio label { width:315px; padding:3px 0px 10px 25px;} #content .smallCol .poll.pod li { float:left; width:340px; padding:0px 0px 10px 0px; background:none;} #content .smallCol .poll.pod li p { padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; border:none;} #content .smallCol .poll.pod li div { float:left; width:335px; height:16px; padding:5px 0px 0px 5px; text-align:right; font-size:11px; background:url('/_images/bg/poll.gif') no-repeat 0px 0px;} #content .smallCol .poll.pod li div span { float:left; height:12px; background:url('/_images/bg/poll-bar.gif') no-repeat 0px 0px;} #content .smallCol .latestRelease { position:relative; float:left; width:245px; height:210px; padding:35px 90px 0px 35px; margin:-5px 0px 0px 0px; background:url('/_images/bg/latestRelease.jpg') no-repeat 0px 0px;} #content .smallCol .latestRelease h2 { padding:0px 0px 5px 0px; color:#ee6f00;} #content .smallCol .latestRelease p { padding:0px 0px 0px 0px; } #content .smallCol .latestRelease .buttonRight { position:absolute; top:150px; right:85px;} #content .smallCol .latestRelease .title { position:absolute; top:215px; left:15px; width:340px; font-size:14px; text-align:center; color:#fff;} #content .largeCol .video { position:relative; float:left; width:470px; margin:0px 0px 10px 0px; background:#003068;} #content .largeCol .video div { float:left; width:464px; border:3px solid #002755;} #content .largeCol .video p { float:left; width:340px; padding:15px 115px 15px 15px; color:#fff; background:url('/_images/bg/video.gif') repeat-x 0px 0px #003068;} #content .largeCol .video a { position:absolute; top:272px; right:15px;} #content .welcomePod { float:left; width:364px; border:3px solid #e7e7e7;} #content .welcomePod div { float:left; width:330px; padding:17px 17px 17px 17px; min-height:306px; height: auto !important; height:306px;} #content .welcomePod h1 { font-size:18px; padding:0px 0px 10px 0px;} #content .welcomePod img { float:left;} #content .sponsorSlider { float:left; position:relative; width:464px; padding:0px 0px 0px 0px; min-height:206px; height: auto !important; height: 206px; margin:0px 0px 10px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .sponsorSlider h2 { padding:17px 14px 17px 14px;} #content .sponsorSlider .coda-slider { float:left; width:464px;} #content .sponsorSlider .panel { float:left; width:464px; padding:0px 0px 0px 0px; background:none; min-height:126px; height: auto !important; height: 126px;} #content .sponsorSlider .panel li { float:left; display:inline; width:110px; padding:8px 22px 8px 22px; background:url('/_images/bg/sponsorSlider.gif') no-repeat 9px 0px;} #content .sponsorSlider .panel .first { padding:8px 18px 8px 27px; background:url('/_images/bg/sponsorSlider.gif') no-repeat 14px 0px;} #content .sponsorSlider .panel .last { padding:8px 27px 8px 17px; background:url('/_images/bg/sponsorSlider.gif') no-repeat 4px 0px;} #content .sponsorSlider .panel li img { float:left; width:110px; height:110px;} #content .caroufredsel_wrapper {margin:0 0 10px 0;} #content #adSliderHor {position:relative; width:470px; height:60px; margin:0 0 10px 0; padding:0; overflow:hidden;} #content #adSliderHor a {display:block; width:470px; height:60px;} .adWrapper {float:right; width:120px; height:700px;} #adSliderVer {width:120px; height:600px; margin:0; padding:0; overflow:hidden;} #adSliderVer a {float:left; display:block; width:120px; height:600px;} /********************************************************************/ /* Form tags */ /********************************************************************/ #content .contact { float:left; width:630px; padding:0px 0px 5px 0px;} #content .contact fieldset { float:left; display:inline; width:500px; padding:20px 62px 20px 62px; margin:0px 0px 10px 0px; border:3px solid #e7e7e7;} #content .contact fieldset fieldset { float:left; display:inline; width:500px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; border:none; background:none;} #content .contact fieldset fieldset { border-top:1px solid #e7e7e7;} #content .contact .buttonRight { float:right; margin:13px 0px 0px 0px;} #content .contact .field { float:left; width:500px; padding:0px 0px 5px 0px;} #content .contact label { float:left; width:200px; padding:3px 0px 0px 0px;} #content .contact .text input, #content .contact .textarea textarea, #content .contact .multiSelect select { float:left; width:290px; padding:2px 4px 2px 4px; border:1px solid #dedede;} #content .contact .select select { width:300px; padding:1px 1px 1px 1px; margin:0px 0px 0px 0px; border:1px solid #dedede;} #content .contact .textarea textarea, #content .contact .multiSelect select { height:120px; overflow:auto;} #content .contact .multiSelect select { line-height:16px; width:300px;} #content .contact .dateSelect {overflow:hidden;} #content .contact .dateSelect.last {padding:0 0 15px 0;} #content .contact .dateSelect p {float:left; width:190px; padding:0;} #content .contact .dateSelect label {position:absolute; left:-9999px;} #content .contact .dateSelect div {float:right; width:300px; overflow:hidden;} #content .contact .dateSelect div select {float:left; margin:0 5px 0 0;} #content .contact fieldset .custom-checkbox, #content .contact fieldset .custom-radio { width:500px;} #content .contact fieldset .custom-checkbox label, #content .contact fieldset .custom-radio label { width:475px; padding:3px 0px 2px 25px;} #content .contact .checkboxCols .field { width:250px;} #content .contact .checkboxCols .custom-checkbox, #content .contact .checkboxCols .custom-radio { width:250px;} #content .contact .checkboxCols .custom-checkbox label, #content .contact .checkboxCols .custom-radio label { width:225px; padding:3px 0px 2px 25px;} #content .contact .sxFormHF {display: none; margin-left: -9999px;} .forgottenPassword { float:left; display:inline; margin:15px 0px 0px 0px; text-decoration:underline;} #content .sortBy { float:left; width:630px; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #e1e1e1;} #content .sortBy fieldset { float:right; width:275px;} #content .sortBy fieldset .field { float:left; width:200px; padding:2px 0px 0px 0px;} #content .sortBy fieldset label { float:left; width:50px; padding:2px 0px 0px 0px;} #content .sortBy fieldset select { width:150px; padding:1px 1px 1px 1px; margin:0px 0px 0px 0px; border:1px solid #dedede;} #content .sortBy fieldset .buttonLeft { float:left;} #content .sortBy fieldset .buttonRight { float:right;} #content .error { width:480px; color:#d15959; padding:8px 10px 15px 10px; border-top:1px solid #eb9494; background:url('/_images/bg/error-500.gif') no-repeat bottom left;} #content .error span { padding:1px 0px 1px 20px; background:url('/_images/bg/error.gif') no-repeat 0px 1px;} /********************************************************************/ /* Module tags */ /********************************************************************/ .withJavascript { display:none;} .withoutJavascript { display:block;} #content .wysiwygBlock { float:left; width:600px; padding:0px 15px 5px 15px;} .sponsorContent#content .wysiwygBlock { width:730px;} #content p.date { color:#51719c;} #content ul.pageNumbers { float:left; width:100%; font-size:11px;} #content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #e1e1e1; text-align:center; background:none;} #content ul.pageNumbers a { display:block; width:22px; padding:4px 0px 4px 0px; color:#ee7f00; text-decoration:none; font-weight:normal; background-color:#fff;} #content ul.pageNumbers a:hover { background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content ul.pageNumbers a.selected { background:#ee7f00; color:#fff;} #content ul.pageNumbers .first a, #content ul.pageNumbers .last a, #content ul.pageNumbers .next a, #content ul.pageNumbers .prev a { float:left; padding:0px 0px 0px 0px;} #content ul.pageNumbers .first span, #content ul.pageNumbers .last span, #content ul.pageNumbers .next span, #content ul.pageNumbers .prev span { float:left; width:22px; height:22px; text-indent:-9999px; background:url('/_images/bg/page-first.gif') no-repeat 50% 50%;} #content ul.pageNumbers .last span { background:url('/_images/bg/page-last.gif') no-repeat 50% 50%;} #content ul.pageNumbers .next span { background:url('/_images/bg/page-next.gif') no-repeat 50% 50%;} #content ul.pageNumbers .prev span { background:url('/_images/bg/page-prev.gif') no-repeat 50% 50%;} #content .pageOptions { float:left; width:100%; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; border-top:1px solid #e7e7e7;} #content .pageOptions li { display:inline; background:none; padding:0px 15px 0px 0px; background:none;} #content .pageOptions li img { float:left;} #content .pageOptions .fr { padding:0px 0px 0px 15px;} #content .categoryList, #content .poll { float:left; width:600px; padding:0px 12px 0px 12px; margin:0px 0px 15px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .categoryList li { float:left; width:600px; padding:15px 0px 15px 0px; border-top:1px solid #e7e7e7; background:none;} #content .categoryList .first { border-top:none} #content .categoryList p { padding:0px 0px 0px 0px;} #content .categoryList div { float:right; width:510px; padding:10px 0px 0px 0px;} #content .videos.moduleList div { float:right; width:495px; padding:10px 0px 0px 0px;} #content .categoryList img, #content .videos.moduleList img { float:left; width:75px;} #content .pressImages.moduleList div { float:right; width:510px; padding:8px 0px 0px 0px;} #content .pressImages.moduleList img { float:left; width:60px;} #content .categoryList h2, #content .moduleList h2 { padding:0px 0px 5px 0px; font-size:15px;} #content .categoryList h2 a, #content .moduleList h2 a { font-weight:normal; text-decoration:underline;} #content .moduleList { float:left; width:628px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} #content .moduleList li { float:left; width:585px; padding:10px 29px 10px 14px; border-top:1px solid #fff; border-bottom:1px solid #e7e7e7; background:url('/_images/bg/pod-list.gif') no-repeat 100% 50%;} #content .moduleList .bg { background-color:#f9f9f9;} #content .moduleList p { padding:0px 0px 5px 0px;} #content .faqs.moduleList li { width:600px; padding:10px 14px 10px 14px; background-image:none;} #content div.hentry .date, #content div.hentry .entry-content { padding:0px 15px 15px 15px;} #content .jobs.moduleList dl, #content .events.moduleList dl, #content .articleDetails { float:left; width:585px;} #content .articleDetails { width:600px; padding:5px 0px 5px 0px} #content .jobs.moduleList dt, #content .jobs.moduleList dd, #content .events.moduleList dt, #content .events.moduleList dd, #content .articleDetails dt, #content .articleDetails dd { float:left; padding:0px 15px 5px 0px; color:#51719c;} #content .jobs.moduleList dt, #content .events.moduleList dt, #content .articleDetails dt { padding:0px 5px 5px 0px; color:#023169;} #content .downloads.moduleList h2 { float:left; width:585px; padding:0px 0px 0px 0px;} #content .downloads.moduleList h2 a, #content .links.moduleList h2 a { float:left; width:565px; padding:2px 0px 5px 20px; background:url('/_images/bullets/file.gif') no-repeat 0px 0px;} #content .downloads.moduleList h2 a.pdf { background:url('/_images/bullets/pdf.gif') no-repeat 0px 0px;} #content .downloads.moduleList h2 a.doc { background:url('/_images/bullets/word.gif') no-repeat 0px 0px;} #content .downloads.moduleList h2 a.xls { background:url('/_images/bullets/excel.gif') no-repeat 0px 0px;} #content .downloads.moduleList h2 a.ppt { background:url('/_images/bullets/powerpoint.gif') no-repeat 0px 0px;} #content .downloads.moduleList h2 a:hover { color:#ee7f00;} #content .links.moduleList h2 a { background:url('/_images/bullets/link.gif') no-repeat 0px 0px;} #content .links.moduleList div { float:right; width:445px; padding:10px 0px 0px 0px;} #content .links.moduleList img { float:left; width:125px; border: 1px solid #E7E7E7;} #content .links.moduleList p { padding-left: 20px;} #content .videoContainer { position:relative; float:left; width:630px; margin:0px 0px 15px 0px; background:#003068;} #content .videoContainer div { float:left; width:600px; padding:15px 15px 15px 15px; color:#fff; background:url('/_images/bg/video.gif') repeat-x 0px 0px #003068;} #content .videoContainer #videoPlayer { float:left; width:624px; padding:0px 0px 0px 0px; border:3px solid #002755;} #content .videoContainer h2 a { color:#fff; font-size:15px; text-decoration:none;} #content .videoContainer h2 a:hover { color:#ee7f00;} #content .poll { padding:15px 12px 12px 12px;} #content .poll fieldset { float:left; width:600px; padding:0px 0px 0px 0px;} #content .poll fieldset .custom-radio { width:600px;} #content .poll fieldset .custom-radio label { width:575px; padding:3px 0px 10px 25px;} #content .poll fieldset .buttonRight { float:right; margin:8px 0px 0px 0px;} #content .poll li { float:left; width:600px; padding:0px 0px 10px 0px; background:none;} #content .poll li p { padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; border:none;} #content .poll li div { float:left; width:580px; height:16px; padding:5px 0px 0px 5px; text-align:right; font-size:11px; background:url('/_images/bg/poll-full.gif') no-repeat 0px 0px;} #content .poll li div span { float:left; height:12px; background:url('/_images/bg/poll-bar-full.gif') no-repeat 0px 0px;} #content .poll .error { width:320px; float:left; margin:0 0 5px 0; background-image:url("/_images/bg/error-340.gif"); } #content .azListing { float:left; width:624px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px; border-top:3px solid #e7e7e7; border-left:3px solid #e7e7e7; border-right:3px solid #e7e7e7; background:url('/_images/bg/dark-gradient.gif') repeat-x bottom left;} #content .azListing li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none; text-align:center;} #content .azListing a, #content .azListing span { float:left; width:22px; padding:8px 0px 7px 0px; text-decoration:none; font-weight:normal;} #content .azListing span { color:#999;} #content .azListing a.selected { font-weight:bold; background: #fff;} #content .azListing .first a, #content .azListing .last a { width:26px;} #content .azListing .groups a { width:52px;} #content .glossary, #content .exchangeDirectory, #content .regulatorsAssociations { float:left; width:600px; padding:12px 12px 12px 12px; margin:0px 0px 15px 0px; border-right:3px solid #e7e7e7; border-left:3px solid #e7e7e7; border-bottom:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .glossary .bg, #content .exchangeDirectory .bg, #content .regulatorsAssociations .bg { background-color:#f9f9f9;} #content .glossary dl, #content .exchangeDirectory dl, #content .regulatorsAssociations dl { float:left; width:600px; padding:0px 0px 15px 0px;} #content .glossary dt, #content .regulatorsAssociations dt { float:left; width:580px; padding:15px 10px 5px 10px; border-top:1px solid #e7e7e7; font-weight:bold; color:#023169;} #content .glossary dd, #content .regulatorsAssociations dd { float:left; width:580px; padding:0px 10px 15px 10px;} #content .regulatorsAssociations dt { padding:10px 10px 0px 10px;} #content .regulatorsAssociations dd { padding:0px 10px 10px 10px;} #content .exchangeDirectory.search {border:3px solid #e7e7e7;} #content .exchangeDirectory, #content .regulatorsAssociations { padding:30px 12px 10px 12px; font-size:11px;} #content .exchangeDirectory dl, #content .regulatorsAssociations dl { padding:0px 0px 25px 0px;} #content .exchangeDirectory h2, #content .regulatorsAssociations h2 { padding:0px 0px 10px 0px;} #content .exchangeDirectory dt, #content .exchangeDirectory dd { border-top:1px solid #e7e7e7;} #content .exchangeDirectory dt { float:left; width:300px; padding:5px 10px 5px 15px; background:url('/_images/bullets/bullet.gif') no-repeat 7px 10px;} #content .exchangeDirectory dd { float:left; width:255px; padding:5px 10px 5px 10px;} #content .exchangeDirectory dd a, #content .regulatorsAssociations dd a { font-weight:normal; color:#666666; text-decoration:underline;} #content .exchangeDirectory dd a:hover, #content .regulatorsAssociations dd a:hover { color:#ee7f00;} #content .exchangeDirectory h2{ clear:both; font-size:21px;} #content .exchangeDirectory ul{ list-style:none; float:left; margin:0 0 10px 0;} #content .exchangeDirectory ul li { background:none; clear:both; float:left; padding:0; border-top:1px solid #e7e7e7; padding:15px 0 15px 0; width:600px;} #content .exchangeDirectory ul li h2 { padding:0; margin:0;} #content .exchangeDirectory ul li p { padding:3px 0 0px 0;} #content .exchangeDirectory ul li p.url { font-style:italic; padding:2px 0 2px 0; margin:0;} #content .exchangeDirectory ul li p.url a { font-size:11px;} #content .exchangeDirectory ul li a{ font-size:12px; background:none; padding:0;} #content .exchangeDirectory ul li div{ float:left; width:400px; padding:0 10px 0 0;} #content .exchangeDirectory ul li div.logo{ width:180px; text-align:center;} #content .exchangeDirectory ul li img{ float:right;} #content .holidayFilter { float:left; width:600px; padding:12px 12px 12px 12px; margin:0px 0px 15px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .holidayFilter ul { float:left; width:600px; padding:0px 0px 0px 0px;} #content .holidayFilter li { float:left; width:600px; padding:8px 0px 5px 0px; border-bottom:1px solid #e7e7e7; background:none;} #content .holidayFilter li ul { float:left; width:530px;} #content .holidayFilter li li { display:inline; width:44px; padding:0px 0px 0px 0px; border-bottom:none;} #content .holidayFilter .bg, #content .holidayMonth .bg { background-color:#f9f9f9;} #content .holidayFilter h2 { float:left; width:60px; padding:0px 0px 0px 10px; font-size:15px;} #content .holidayFilter fieldset { float:left; width:600px; padding:15px 0px 5px 0px;} #content .holidayFilter fieldset label { float:left; width:120px; padding:0px 0px 10px 10px;} #content .holidayFilter fieldset .field input { float:left; width:200px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px; color:#ee7f00; border:0; background:none;} #content .holidayFilter fieldset #slider-range { float:left; width:600px;} #content .holidayFilter .withoutJavascript p { float:left; padding:3px 5px 0px 10px;} #content .holidayFilter .withoutJavascript label { display:none;} #content .holidayFilter .withoutJavascript .dateSelect { float:left; padding:2px 10px 0px 0px;} #content .holidayFilter .withoutJavascript .dateSelect select { float:left; width:70px; padding:1px 1px 1px 1px; margin:0px 5px 0px 0px; font-size:12px; border:1px solid #e7e7e7;} #content .holidayFilter .withoutJavascript .buttonRight { float:left;} #content .holidayMonth { float:left; width:600px; padding:14px 14px 14px 14px; margin:0px 0px 10px 0px; border:1px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .holidayMonth h2 { padding:0px 0px 10px 0px;} #content .holidayMonth h3 { float:left; width:35px; padding:3px 0px 0px 5px; border-top:1px solid #e7e7e7;} #content .holidayMonth ul { float:left; width:560px; padding:0px 0px 0px 0px;} #content .holidayMonth li { padding:3px 0px 3px 10px; border-top:1px solid #e7e7e7; background-image:none;} #content .holidayMonth li a { font-weight:normal; font-size:11px;} #content div.vevent .photo, #content div.hentry .photo { float:right; display:inline; width:200px; margin:0px 15px 15px 15px; border:3px solid #e7e7e7;} #content div.vevent dl { float:left; display:inline; width:379px; padding:0px 0px 0px 0px; border-bottom:1px solid #e7e7e7; margin:0px 0px 15px 15px; background-color:#f9f9f9;} #content div.vevent dt, #content div.vevent dd { float:left; width:300px; padding:4px 0px 4px 5px; color:#7f96b5; border-top:1px solid #e7e7e7;} #content div.vevent dt { width:69px; color:#023169;} #content div.vevent dl .bg { background:#fff;} #content div.vevent .description { padding:0px 15px 15px 15px;} #content div.vevent .description h2 { padding:0px 0px 10px 0px;} #content .searchBlock { float:left; width:630px; padding:0px 0px 30px 0px;} #content .searchBlock .pageOptions { border-top:none; border-bottom:1px solid #e7e7e7; padding:0px 0px 15px 0px;} /********************************************************************/ /* Alert tags */ /********************************************************************/ #content .alertInfo, #content .warningInfo { float:left; width:580px; padding:12px 14px 0px 30px; margin:0px 0px 15px 0px; border:3px solid #e7e7e7; background:url('/_images/bullets/alert.gif') no-repeat 8px 12px #f3f3f3;} #content .warningInfo { width:565px; padding:12px 14px 0px 45px; color:#C83535; background:url('/_images/bullets/warning.gif') no-repeat 9px 4px #f3f3f3;} #content .contact .alertInfo { width:455px; border:1px solid #e7e7e7;} #content .alertInfo p, #content .warningInfo p { padding:0px 0px 10px 0px;} #content .alertInfo a { font-weight:normal;} /********************************************************************/ /* My Account tags */ /********************************************************************/ #content .accountSection, #content .itemList, #content .productForms { float:left; width:600px; padding:12px 12px 12px 12px; margin:0px 0px 15px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .accountSection h2 { padding:0px 0px 10px 0px;} #content .accountSection .bg { background-color:#f9f9f9;} #content .addressBook { float:left; width:600px; color:#023169; padding:0px 0px 0px 0px;} #content .addressBook li, #content .accountSection .subscriptions li { float:left; width:580px; padding:15px 10px 15px 10px; border-top:1px solid #e7e7e7; background-image:none;} #content .addressBook li li { float:left; display:inline; width:auto; padding:0px 15px 0px 0px; border-top:none;} #content .addressBook li h3 { padding:0px 0px 5px 0px;} #content .addressBook .favourite h3 { padding:0px 0px 5px 20px; background:url('/_images/bullets/fav-yes.gif') no-repeat 0px 0px;} #content .addressBook li p { padding:0px 0px 2px 0px;} #content .addressBook li a { float:left; font-weight:normal; color:#666; text-decoration:underline; margin:5px 0px 0px 0px;} #content .addressBook li a:hover, #content .addressBook li a:focus { color:#ee7f00;} #content .addressBook li a.buttonRight { color:#fff; text-decoration:none; margin:0px 0px 0px 0px;} #content .accountSection .subscriptions li { padding:10px 10px 10px 10px;} #content .accountSection .subscriptions h3, #content .accountSection .subscriptions p { float:left; width:350px; padding:4px 0px 0px 0px;} #content .accountSection .subscriptions p { width:130px;} #content .accountSection .subscriptions .buttonRight { float:right;} #content .subscriptions .expired, #content .subscriptions .expired h3 { color:#c83535;} #content .memberAccess fieldset { float:left; width:630px; padding:0px 0px 15px 0px;} #content .memberAccess th, #content .memberAccess td { padding-left:10px; padding-right:10px;} #content .memberAccess td a, #content .postTable td a { font-weight:normal;} #content .memberAccess th:first-child, #content .memberAccess td:first-child { text-align:left;} #content .memberAccess th+th, #content .memberAccess td+td { text-align:left;} #content .memberAccess th+th+th, #content .memberAccess td+td+td { text-align:center;} #content table .al { text-align:left;} #content table .ac { text-align:center;} #content table .ar { text-align:right;} #content .memberAccess .option { width:70px;} #content .memberAccess .custom-checkbox { position:relative; width:70px; float:none;} #content .memberAccess .custom-checkbox label { float:left; width:10px; padding:10px 0px 9px 20px; margin:0px 0px 0px 28px;} #content .memberAccess .custom-checkbox input { position:absolute; left:32px; top:2px;} #content .memberAccess .custom-checkbox label span { position:absolute; margin-left:-9999px;} #content .memberAccess .custom-checkbox label.focus { outline:none;} #content .memberAccess .disable.custom-checkbox label.checked { background-position: -18px -238px;} #content .memberAccess .disable.custom-checkbox label.checkedHover, #content .memberAccess .disable.custom-checkbox label.checkedFocus { background-position: -18px -293px;} #content .memberAccess .buttonRight { float:right;} #content .itemList dt, #content .itemList dd { float:left; width:440px; padding:10px 10px 10px 0px; border-top:1px solid #e7e7e7;} #content .itemList dt { width:140px; padding:10px 10px 10px 0px; font-weight:bold;} #content .itemList .first { border-top:none;} .accountHome#content .accountSection, .accountHome#content .moduleList { margin:0px 0px 35px 0px;} /********************************************************************/ /* Commerce tags */ /********************************************************************/ #content .publicationBlock { float:left; width:390px; padding:0px 0px 20px 15px;} #content .publicationThumb { position:relative; float:right; display:inline; width:180px; margin:0px 15px 15px 0px; border:3px solid #e7e7e7;} #content .publicationThumb span { position:absolute; top:-24px; right:-10px; width:61px; height:66px; background:url('/_images/bg/browse-inside-thumb.png') no-repeat 0px 0px;} #content .productForms { float:left; width:600px; padding:0px 12px 0px 12px; margin:0px 0px 15px 0px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x bottom left;} #content .productForms fieldset { float:left; width:600px; padding:12px 0px 12px 0px; border-top:1px solid #e7e7e7;} #content .productForms .first fieldset { border-top:none;} #content .productForms .buttonRight { float:right;} #content .productForms h3 { float:left; width:330px; padding:4px 0px 0px 0px;} #content .productForms p { float:left; width:65px; padding:4px 5px 0px 5px;} #content .productForms .field { float:left; width:65px; padding:2px 0px 0px 0px;} #content .productForms label { float:left; width:25px; padding:2px 0px 0px 0px;} #content .productForms .field input, #content .basket td input { float:right; width:30px; padding:2px 4px 2px 4px; margin:0px 0px 0px 0px; text-align:center; border:1px solid #dedede;} #content .basket { float:left; width:630px;} #content .basket table { margin:0px 0px 0px 0px;} #content .basket .remove { width:50px;} #content .basket .value { width:70px;} #content .basket th, #content .basket td { vertical-align:middle;} #content .basket label { position:absolute; margin-left:-9999px;} #content .basket td input { float:none;} #content .basket table td a { font-weight:normal; text-decoration:underline;} #content .basket table th:first-child, #content .basket table td:first-child { text-align:center;} #content .basket table th+th, #content .basket table td+td { text-align:left;} #content .basket table th+th+th, #content .basket table td+td+td { text-align:center;} #content .summary.basket table th:first-child, #content .summary.basket table td:first-child { text-align:left;} #content .summary.basket table th+th, #content .summary.basket table td+td { text-align:center;} #content .totals { float:right; width:242px; margin:0px 0px 15px 0px; border-left:3px solid #e7e7e7; border-right:3px solid #e7e7e7; border-bottom:2px solid #e7e7e7;} #content .totals dt, #content .totals dd { float:left; width:70px; padding:5px 5px 5px 5px; border-bottom:1px solid #e7e7e7;} #content .totals dt { width:147px; padding:5px 5px 5px 10px; font-weight:normal; background:#f3f3f3;} #content .totals dd { text-align:center;} #content .totals .grandTotal { font-weight:bold; color:#ee7f00; font-size:13px; padding-top:10px; padding-bottom:10px;} #content .orderHistory th, #content .orderHistory td { width:25%; text-align:center; vertical-align:middle;} #content table .bg td { background-color:#f9f9f9;} /********************************************************************/ /* Misc tags */ /********************************************************************/ #content .sitemap { float:left; width:630px;} #content .sitemap li { float:left; width:600px; padding:0px 12px 0px 12px; margin:0px 0px 10px 0px; font-size:14px; border:3px solid #e7e7e7; background:url('/_images/bg/pod-gradient.gif') repeat-x 0px -30px;} #content .sitemap li a { float:left; display:block; width:600px; padding:7px 0px 6px 0px;} #content .sitemap li ul { float:left; width:600px; padding:5px 0px 5px 0px;} #content .sitemap li li { float:left; width:600px; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; font-size:11px; border-left:none; border-right:none; border-bottom:none; border-top:1px solid #e7e7e7; background:none;} #content .sitemap li .first { border-top:none;} #content .sitemap li li a { width:auto; padding:0px 0px 0px 0px;} #content .sitemap li li ul {padding:10px 0px 0px 0px;} #content .sitemap li li li { float:left; width:580px; padding:0px 0px 5px 20px; border:none; background:url('/_images/bullets/bullet.gif') no-repeat 12px 4px;} #content .sitemap li li li a { font-weight:normal;} /********************************************************************/ /* Sponsor Flipper tags */ /********************************************************************/ .sponsorContent#content .sponsorListHolder { margin-bottom:30px;} .sponsorContent#content .sponsor { float:left; width:180px; height:180px; margin:4px; position:relative; cursor:pointer;} .sponsorContent#content .sponsorFlip { position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #cdcdcd; background:url('/_images/sponsors/background.jpg') no-repeat center center;} .sponsorContent#content .sponsorFlip:hover { border:1px solid #cdcdcd; /* CSS3 inset shadow: */ -moz-box-shadow:0 0 30px #e1e1e1 inset; -webkit-box-shadow:0 0 30px #e1e1e1 inset; box-shadow:0 0 30px #e1e1e1 inset;} .sponsorContent#content .sponsorFlip img { /* Centering the logo image in the middle of the sponsorFlip div */ position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px;} .sponsorContent#content .sponsorData { /* Hiding the .sponsorData div */ display:none;} .sponsorContent#content .sponsorDescription { font-size:11px; padding:50px 10px 20px 20px;} .sponsorContent#content .sponsorURL { font-size:10px; font-weight:bold; padding-left:20px;} #content .sponsorList { float:left; widows:760px;} #content .sponsorList li { float:left; width:180px; height:180px; margin:4px; padding:0px 0px 0px 0px; border:1px solid #cdcdcd; background:none;} #content .sponsorList li a { position:relative; float:left; width:180px; height:180px; display:block; background:none;} #content .sponsorList li a:hover { background:url('/_images/sponsors/background.jpg') no-repeat center;} #content .sponsorList li img { position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px;} #content .contact li {background:#f3f3f3; padding:15px; border-bottom:1px solid #e7e7e7; width:585px} #content .contact li.even {background:#ffffff; padding:15px; border-bottom:1px solid #e7e7e7;} #content .contact li p { padding:0;} #content .exchangeTable th:first-child, #content .exchangeTable td:first-child { text-align:left;} #content .exchangeTable th+th+th+th, #content .exchangeTable td+td+td+td { text-align:center;} #content .contact .recaptcha label { width:170px;} #recaptcha_widget_div { float:right;} /* fix on banner sizing for when they come in too large */ .fullBanner>a>img { max-width: 480px; }