/*========== styles.css ==========*/ #mycustomscroll { height:200px; width:254px; overflow: auto; position: relative; padding-bottom:5px; } #mycustomscrolllong { height:258px; width:254px; overflow: auto; position: relative; padding-bottom:5px; } html { width:100%; height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears */ overflow: -moz-scrollbars-vertical; overflow-y: scroll; } /* body --------------------------- */ body,p,td,th,tr{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;} body{ margin:0; padding:0; line-height: 1.4;} /* clear div --------------------------- */ .clear { clear: both; height: 0px; margin: 0px; font-size: 1px; line-height: 0px;} /* image --------------------------- */ img { border:0;} .poster{ border:1px; border-style:solid; padding: 0px; margin: 0px;} .poster:hover{ border-color:#4b7dff;} /* text --------------------------- */ .bold{ font-weight:bold;} .light{ color:#999999;} .hilight{ color:#FF0000;} .hilightGreen{ color:#00FF00;} .alert{ background-repeat:no-repeat; background-position:0% 50%; padding-left:17px; font-size:11px;} span.pro{ padding:5px 0px 5px 0px; background-repeat:no-repeat; background-position:0% 50%; padding-left:30px; background-image: url(http://static.fxhome.com/images/iconPro.gif);} /* alignment --------------------------- */ .alignRight{ text-align:right;} .alignCenter{ text-align:center;} /* paragraph --------------------------- */ p{ padding:0em 0em 1em 0em; margin:0;} .small{ font-size:9px; line-height: 1.6; padding:0em 0em 0.5em 0em;} .newsSubHeading{ font-size:9px; line-height: 1; padding:10px 0px 0px 0px !important;} p.medium{ font-size:11px; padding:0em 0em 1em 0em;} p.mediumCinema{ font-size:11px; padding:0px 10px 0px 0px; line-height:1.4;} p.short{ padding:0em 0em 0em 0em; line-height: 1.3;} p.tagline{ font-size:11px; padding: 5px 0px 15px 0px;} p.quote{ background-image: url(http://static.fxhome.com/images/quote.gif); background-repeat: no-repeat; padding: 0px 20px 0.5em 45px; margin: 0px;} p.quoteSource{ text-align:right; font-size:11px; font-weight:bold; font-style:italic;} p.line{ border-top-width:1px; border-top-style:solid; border-top-color:#cdd1d2; font-size:1px; line-height:1px; padding:0; margin:5px 0px 10px 0px;} p.pro{ background: url(http://static.fxhome.com/images/iconPro.gif); background-repeat: no-repeat; background-position: 5px 5px; background-color: #f0f3f5; padding: 3px 5px 5px 35px; margin-bottom: 10px;} /* headings --------------------------- */ h1{ font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; line-height: 1.2em; font-size:24px; font-weight:bold; margin: 0px; color:#414546; padding: 10px 0px 20px 0px; letter-spacing:-1px;} h1.withTagline{ padding: 10px 0px 0px 0px;} h2{ font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin: 0px; padding: 0px 0px 10px 0px; color:#414546;} h2.short{ padding:0em 0em 0em 0em; line-height: 1.3em;} h3{ font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin: 0px; padding: 0px 0px 10px 0px; color:#414546;} h3.short{ padding:0em 0em 0em 0em; line-height: 1.3em;} /* table --------------------------- */ td{ font-size:12px; } td.small{ font-size:10px; } table.forum{ border:none; margin:0; padding:0; width:100%;} table.forum td { background-color:transparent; } table.forum p{ font-size:11px; padding:0;} table.forum h2{ padding:0; line-height: 1em;} table.forum h3{ padding:0;} td.icon{ width:22px; padding:0 20px; } td.forum{ padding:0; } .forum .forum{ padding:5px; } td.forumDividerV{ width:1px; padding:0; } td.forumTitles{ padding:0; } td.forumTopics{ width:120px; text-align:center; font-size:11px; padding:0;} td.forumPosts{ width:120px; text-align:center; font-size:11px; padding:0;} td.forumLastPost{ width:160px; text-align:center; font-size:11px; padding:5px 0px 5px 0px;} td.forumLastPostTitles{ width:160px; text-align:center; font-size:11px; background-color:transparent; padding:0;} td.forumTopicTitles{ text-align:center; font-size:11px; background-color:transparent; padding:0;} td.forumReplies{ width:100px; text-align:center; font-size:11px; background-color:transparent; padding:0;} td.forumAuthor{ width:134px; text-align:center; font-size:11px; background-color:transparent; padding:0;} td.forumViews{ width:100px; text-align:center; font-size:11px; background-color:transparent; padding:0;} table td.forumDividerH{ height:1px; padding:0 !important; } table.forumProfileBackground{ background-image:url(http://static.fxhome.com/images/white/forumProfileBackground.gif); background-repeat:no-repeat; height:88px; } table.forumProfileBackground td { background-color:transparent; padding:0; } table.forumProfileBackground p{ font-size:11px; padding:0; margin:0; } table.forumProfileBackground h2{ padding:0; margin:0; } table.profile{ margin-bottom:10px;} table.profile td{ padding-bottom:5px; padding-top:5px;} table.form th { padding:5px 0; } table.form td { padding:5px 0; background-color:transparent; } /* link --------------------------- */ a{ color: #4b7dff; text-decoration: none;} a:hover{ text-decoration: underline;} a:visited{ color: #3b64cc;} /* lists --------------------------- */ ul.list{ padding:0px 0px 10px 0px; list-style-type:circle; list-style-position:outside; margin: 0px 0px 0px 20px;} ul.list li{ padding:0 0 5px 0;} ul.listSmall{ padding:0 0 10px 0; list-style-type:circle; list-style-position:outside; margin:0 0 0 20px; font-size:11px;} ul.listSmall li{ padding:0 0 0 0;} /* forms --------------------------- */ form { padding:0; margin:0;} select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-width:1px; border-style:solid; background-color:#f0f4f5; border-color:#cdd1d2; color:#646869; padding:5px; border-radius:3px;} select.discount { font-size:12px;} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:0; background-color:#f0f4f5; padding:3px; margin:0; color:#646869; padding:5px; border-radius:3px; } input.discount { font-size:12px; border-width:1px; border-style:solid; border-color:#cdd1d2;} select:focus, input:focus, textarea:focus { border-color:#4B7DFF !important; outline:none; box-shadow:inset 0 1px 2px #ddd; } .inputDiv { width:200px; height:22px; background-image:url(http://static.fxhome.com/images/white/searchBoxWhite.gif); background-repeat:no-repeat; padding:1px 0px 1px 22px;} textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:0; background-color:#f0f4f5; padding:3px; margin:0; color:#646869; padding:5px; border-radius:3px; } textarea.discount { font-size:12px; border-width:1px; border-style:solid; border-color:#cdd1d2;} .border { border-width:1px; border-style:solid;} form fieldset { border: 1px solid #ccc; padding:10px 20px; margin-bottom:20px; } form fieldset legend { font-size: 14px; font-weight:bold; color: #0082e6; } /* borders --------------------------- */ .borderTopBottom{ border:0; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; margin: 0px; padding: 0px;} .borderBottom{ border:0; border-bottom-style:solid; border-bottom-width:1px; margin: 0px 0px 0px 0px; padding: 0px;} .borderTopLeft{ border:0; border-top-style:solid; border-top-width:1px; border-left-style:solid; border-left-width:1px; margin: 0px; padding: 0px;} .borderTop{ border:0; border-top-style:solid; border-top-width:1px; margin: 0px; padding: 0px;} .borderLeft{ border:0; border-left-style:solid; border-left-width:1px; margin: 0px; padding: 0px;} /* layout --------------------------- */ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { float: left ; position: relative ; margin-left: 10px ; margin-right: 10px;} .alpha { margin-left: 0;} .omega { margin-right: 0;} .container_12 .grid_1 { width:60px;} .container_12 .grid_2 { width:140px;} .container_12 .grid_3 { width:220px;} .container_12 .grid_4 { width:300px;} .container_12 .grid_5 { width:380px;} .container_12 .grid_6 { width:460px;} .container_12 .grid_7 { width:540px;} .container_12 .grid_8 { width:620px;} .container_12 .grid_9 { width:700px;} .container_12 .grid_10 { width:780px;} .container_12 .grid_11 { width:860px;} .container_12 .grid_12 { width:940px;} .container_12 .prefix_1 { padding-left:80px;} .container_12 .prefix_2 { padding-left:160px;} .container_12 .prefix_3 { padding-left:240px;} .container_12 .prefix_4 { padding-left:320px;} .container_12 .prefix_5 { padding-left:400px;} .container_12 .prefix_6 { padding-left:480px;} .container_12 .prefix_7 { padding-left:560px;} .container_12 .prefix_8 { padding-left:640px;} .container_12 .prefix_9 { padding-left:720px;} .container_12 .prefix_10 { padding-left:800px;} .container_12 .prefix_11 { padding-left:880px;} .container_12 .suffix_1 { padding-right:80px;} .container_12 .suffix_2 { padding-right:160px;} .container_12 .suffix_3 { padding-right:240px;} .container_12 .suffix_4 { padding-right:320px;} .container_12 .suffix_5 { padding-right:400px;} .container_12 .suffix_6 { padding-right:480px;} .container_12 .suffix_7 { padding-right:560px;} .container_12 .suffix_8 { padding-right:640px;} .container_12 .suffix_9 { padding-right:720px;} .container_12 .suffix_10 { padding-right:800px;} .container_12 .suffix_11 { padding-right:880px;} .container_12 .push_1 { left:80px;} .container_12 .push_2 { left:160px;} .container_12 .push_3 { left:240px;} .container_12 .push_4 { left:320px;} .container_12 .push_5 { left:400px;} .container_12 .push_6 { left:480px;} .container_12 .push_7 { left:560px;} .container_12 .push_8 { left:640px;} .container_12 .push_9 { left:720px;} .container_12 .push_10 { left:800px;} .container_12 .push_11 { left:880px;} .container_12 .pull_1 { right:80px;} .container_12 .pull_2 { right:160px;} .container_12 .pull_3 { right:240px;} .container_12 .pull_4 { right:320px;} .container_12 .pull_5 { right:400px;} .container_12 .pull_6 { right:480px;} .container_12 .pull_7 { right:560px;} .container_12 .pull_8 { right:640px;} .container_12 .pull_9 { right:720px;} .container_12 .pull_10 { right:800px;} .container_12 .pull_11 { right:880px;} .clear { clear: both ; display: block ; overflow: hidden ; visibility: hidden ; width: 0 ; height: 0;} .container_12:after, .clearfix:after { clear: both ; content: ' ' ; display: block ; font-size: 0 ; line-height: 0 ; visibility: hidden ; width: 0 ; height: 0; } .columnFull { width:940px; margin:0 auto; } .columnMediumSmall { width:620px; float:left; } .columnSmall { width:300px; float:right; } .columnLarge { width:700px; float:left; } .columnMediumLarge { width:640px; float:left; } .columnSmallest { width:220px; float:right; } .columnLargest { width:740px; float:left; } .columnEvenSplit { width:50%; float:right; } .columnEvenSplitGap { width:49%; float:right; } /* padding --------------------------- */ .padTmRmBsLm{ padding: 20px 20px 10px 20px;} .padTmRmBnLm{ padding: 20px 20px 0px 20px;} .padTsRmBnLm{ padding: 10px 20px 0px 20px;} .padTnRmBnLm{ padding: 0px 20px 0px 20px;} .padTnRmBnLn{ padding: 0px 20px 0px 0px;} .padTnRmBnLs{ padding: 0px 20px 0px 10px;} .padTsRmBsLm{ padding: 10px 20px 10px 20px;} .padTsRmBmLm{ padding: 10px 20px 20px 20px;} .textLeft{ padding-left:10px;} .iconLeftPad{ padding-left:5px; display:inline;} /* MENU ELEMENTS --------------------------- */ /* page --------------------------- */ div.menuPagebg{ padding: 0px 0px 0px 0px; margin:0; line-height:30px; line-height:30px; } .menuPage{ color:#414546 !important; text-decoration: none !important; height:30px; line-height:30px; padding:8px 0px 9px 10px; margin:0;} .menuPage span{ color:#414546 !important; text-decoration: none !important; height:30px; line-height:30px; padding:8px 10px 9px 0px; margin:0;} .menuPage:hover, .menuPage:hover span{color:#FF0000 !important;} .menuPageSelected{ color:#FF0000 !important; background-position:0px 49%; background-repeat:no-repeat;} .menuPageSelected span{ color:#FF0000 !important; background-position:100% 49%; background-repeat:no-repeat;} .menuPageHeaderStart{ background-position:top left; background-repeat:no-repeat; height:10px; line-height:10px; padding:0px 0px 0px 10px; margin:0; font-size:1px;} .menuPageHeaderStartFlat{} .menuPageHeaderEnd{ background-position:top right; background-repeat:no-repeat; height:10px; line-height:10px; padding:0;} .menuPageHeaderEndFlat{} /* simple --------------------------- */ .menuSimpleLeft{ background-position:0px 49%; background-repeat:no-repeat; height:30px; line-height:30px; padding:10px 15px 10px 10px; margin:0;} a.menuSimpleLeft, a.menuSimpleLeft:visited{} a.menuSimpleLeft:hover{ text-decoration: none;} .menuSimpleMiddle{ background-position:0px 49%; background-repeat:no-repeat; height:30px; line-height:30px; padding:10px 15px 10px 15px; margin:0;} a.menuSimpleMiddle, a.menuSimpleMiddle:visited{} a.menuSimpleMiddle:hover{ text-decoration: none;} .menuSimpleRight{ background-position:100% 49%; background-repeat:no-repeat; height:30px; line-height:30px; padding:10px 10px 10px 15px; margin:0;} a.menuSimpleRight, a.menuSimpleRight:visited{} a.menuSimpleRight:hover{ text-decoration: none;} /* PAGE ELEMENTS --------------------------- */ /* title --------------------------- */ .pTitleStart{ background-position: bottom left; background-repeat: no-repeat; padding:0px 0px 0px 10px; margin:0px 0px 20px 0px; height:1%;} .pTitleEnd{ background-position: bottom right; background-repeat: no-repeat; font-size:1px; height:1%;} .pTitleNoMarginStart{ background-position: top left; margin:0;} .pTitleNoMarginEnd{ background-position: top right; margin:0;} /* background --------------------------- */ .pStart{ background-position: bottom left; background-repeat: no-repeat; height:1%;} .pEnd{ background-position: bottom right; background-repeat: no-repeat; height:1%;} .p600_295Start{} .p600_295End{} .p696_200Start{} .p696_200End{} /* footer --------------------------- */ .pFooter600_295Start{} .pFooter600_295End{} .pFooter696_200Start{} .pFooter696_200End{} /* BOX ELEMENTS --------------------------- */ /* header --------------------------- */ .headerStart{ background-position:top left; background-repeat:no-repeat; height:10px; line-height:10px; padding:0px 0px 0px 10px; margin:0; font-size:1px;} .headerEnd{ background-position:top right; background-repeat:no-repeat; height:10px; line-height:10px; padding:0;} .headerEndLeft{} /* title --------------------------- */ .titleStart{ background-position:bottom left; background-repeat:no-repeat; height:30px; line-height:30px; padding:0px 0px 0px 20px; margin:0;} .titleStart h2{ font-weight:bold; padding: 0px;} .titleStart p, .dividerStart p{ padding: 0px;} .titleEnd{ background-position:bottom right; background-repeat:no-repeat; height:30px; line-height:30px;} /* divider --------------------------- */ .dividerStart{ background-position:bottom left; background-repeat:no-repeat; height:30px; line-height:30px; padding:0px 0px 0px 20px; margin:0;} .dividerStart h2{ font-weight:bold; padding: 0px;} .dividerStart p{ padding: 0px;} .dividerEnd{ background-position:bottom right; background-repeat:no-repeat; height:30px; line-height:30px;} .dividerEndLeft{} /* double divider --------------------------- */ .dividerDoubleStart{ background-position:bottom left; background-repeat:no-repeat; height:59px; line-height:28px; padding:0px 0px 0px 20px; margin:0;} .dividerDoubleStart h2{ font-weight:bold; padding: 0px;} .dividerDoubleStart p{ padding: 0px;} .dividerDoubleEnd{ background-position:bottom right; background-repeat:no-repeat; height:59px; line-height:28px;} .dividerDoubleEndLeft{ background-image: url(http://static.fxhome.com/images/white/doubleDivRightCrop.gif);} /* line --------------------------- */ .line{ border-top-width:1px; border-top-style:solid; font-size:1px; padding:0; margin:0;} /* background simple --------------------------- */ .bgSimpleStart{ background-position: bottom left; background-repeat: no-repeat; height:1%;} .bgSimpleEnd{ background-position: bottom right; background-repeat: no-repeat; height:1%;} .bgSimpleEndLeft{} /* background --------------------------- */ .bgStart{ background-position: bottom left; background-repeat: no-repeat; height:1%;} .bgEnd{ background-position: bottom right; background-repeat: no-repeat; height:1%;} .bgEndLeft{} /* footer simple --------------------------- */ .footerSimpleStart{ border-top-width:1px; border-top-style:solid; height:0; line-height:0; padding:0; margin:0; font-size:1px;} .footerSimpleEnd{ height:0; line-height:0; padding:0; margin:0; font-size:1px;} /* footer footer --------------------------- */ .footerStart{ background-position:bottom left; background-repeat:no-repeat; height:10px; line-height:10px; padding:0px 0px 0px 10px; margin:0px 0px 20px 0px; font-size:1px;} .footerEnd{ background-position:bottom right; background-repeat:no-repeat; height:10px; line-height:10px; padding:0;} .forumFooter{ height:9px} /* GRAPHIC ELEMENTS --------------------------- */ .windowsRight{ padding:5px 0px 5px 0px; background-repeat:no-repeat; background-position:100% 50%; padding-right:25px; background-image: url(http://static.fxhome.com/images/white/iconWindows.gif);} .windowsLeft{ padding:5px 0px 5px 0px; background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; background-image: url(http://static.fxhome.com/images/white/iconWindows.gif);} .appleRight{ padding:5px 0px 5px 0px; background-repeat:no-repeat; background-position:100% 50%; padding-right:25px; background-image: url(http://static.fxhome.com/images/white/iconApple.gif);} .appleLeft{ padding:5px 0px 5px 0px; background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; background-image: url(http://static.fxhome.com/images/white/iconApple.gif);} /* button --------------------------- */ .b{ background-position:0px 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 0px 5px 10px; margin:0;} .b span{ background-position:100% 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 28px 5px 0px; margin:0;} .b:hover{} .b:hover span{} .bCart span{} .bCart:hover span{} .bDialog span{} .bDialog:hover span{} .bDownload span{} .bDownload:hover span{} .bCalculator span{} .bCalculator:hover span{} .bTopic span{} .bTopic:hover span{} .bReply span{} .bReply:hover span{} .bPlus span{} .bPlus:hover span{} .bMinus span{} .bMinus:hover span{} .bDig span{} .bDig:hover span{} .bDel span{} .bDel:hover span{} .bQuote span{} .bQuote:hover span{} .bEdit span{} .bEdit:hover span{} .bYou span{} .bYou:hover span{} /* mini button --------------------------- */ .minib{ background-repeat:no-repeat; background-position:100% 50%; padding-right:17px; font-size:11px;} .minibClose{} .minibDownload{} .minibEmail{} .minibMinus{} .minibMySpace{} .minibPlus{} .minibProfile{} .minibTopic{} .minibWatch{} .minibWebsite{} .minibYou{} /* star --------------------------- */ .star{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 22px 6px 0px; line-height:2px; font-size:2px;} .starHalf{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 22px 6px 0px; line-height:2px; font-size:2px;} .starDead{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 22px 6px 0px; line-height:2px; font-size:2px;} .starNone{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 22px 6px 0px; line-height:2px; font-size:2px;} /* mini star --------------------------- */ .miniStar{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 16px 6px 0px; line-height:2px; font-size:2px;} .miniStarHalf{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 16px 6px 0px; line-height:2px; font-size:2px;} .miniStarDead{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 16px 6px 0px; line-height:2px; font-size:2px;} .miniStarNone{ background-repeat:no-repeat; background-position:100% 50%; padding:14px 16px 6px 0px; line-height:2px; font-size:2px;} /* fx-header ----------------------------------- */ #fx-header { overflow:hidden; } #fxhome_logo { display: block; float: left; cursor: pointer; height: 46px; width: 174px; border: none; text-decoration: none; margin: 16px 20px 16px 0; } #fxhome_logo { background: url(http://static.fxhome.com/images/white/fxhomeLogo.png) no-repeat left top; } #fxhome_logo span { position:relative; top: -9999em; } #globalNav { float: left; width: 478px; } #globalNav ul { margin:0; padding:0 10px; overflow:hidden; } #globalNav ul li { float:left; list-style-type: none; padding:16px 0; } #globalNav ul li.divide-right { margin-right:10px; padding-right:10px; min-height:48px; _height:48px; } #globalNav ul li a { float:left; text-transform: uppercase; padding:16px 12px; line-height:14px; margin:1px; font-size:14px; font-weight:bold; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; } #globalNav ul li a:hover { text-decoration: none; } #user_menu { overflow:hidden; width:239px; float:left; padding:16px 0 16px 20px; min-height:48px; _height:48px; position:relative; } #user_menu .btn, #user_menu .btn-buy { padding:2px 4px; } #loggedIn { margin-bottom:5px; } #loggedIn p { margin:0 0 8px 0; padding:0; } #loggedOut { margin-bottom:5px; } #loggedOut a { font-size:14px; font-weight:bold; } #loggedInOptions { position: absolute; top: 0; font-size: 10px; left: 20px; } #fxhomeusername { font-weight:bold; color:#F00; } #subNav { overflow:hidden; } #subNav ul { width:940px; margin:0 auto; padding:0; overflow:hidden; line-height:1; } #subNav ul li { float:left; list-style-type:none; margin:0; padding:0; } #subNav ul li.section { font-size:26px; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; font-weight:bold; padding:10px 10px 10px 0; } #subNav ul li a { float:left; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding:7px 10px; margin:10px 0; font-size:12px; } #subNav ul li.selected a { border-right:none; } #subNav ul li a:hover { text-decoration: underline; } /* fx-content ----------------------------------- */ #fx-content { padding:20px 0; } /* fx-community-footer ----------------------------------- */ #fx-community-footer { padding: 20px 0; border-top-width:1px; border-top-style: solid; border-bottom-width:1px; border-bottom-style: solid; overflow:hidden; } #fx-community-footer h3 { font-size:18px; font-family: 'Trebuchet MS', Arial, Sans-serif; text-transform: uppercase; } #fx-community-footer .fx-community { width:339px; float:left; margin-right:20px; } #fx-community-footer .fx-community .news-item { margin-bottom:10px; } #fx-community-footer .fx-community .news-item .news-date { font-size:10px; padding-bottom:0; font-style:italic; } #fx-community-footer .fx-community .news-item .news-title { font-weight: bold; padding-bottom:0; } #fx-community-footer .fx-community .news-item .news-content { padding:0; } #fx-community-footer .fx-community .forums-info { padding-top:10px } #fx-community-footer .fx-community .forums-info .forum-post-count { float:right; font-size:11px; } #fx-community-footer .social-networks { height:180px; width:581px; float:left; background:no-repeat 0 30px; position:relative; } #fx-community-footer .social-networks .youtube { position: absolute; left: 38px; top: 30px; width: 150px; height: 51px; padding:5px 10px; } #fx-community-footer .social-networks .facebook { position: absolute; left: 38px; top: 109px; width: 150px; height: 51px; padding:5px 10px; } #fx-community-footer .social-networks .youtube-count, #fx-community-footer .social-networks .facebook-count{ font-size:10px; position:absolute; top:35px; left:73px;} #fx-community-footer .social-networks .tweet { position: absolute; left: 267px; top: 30px; height: 130px; padding:5px 10px; width: 292px; } #fx-community-footer .social-networks .tweet-when { font-size:10px; padding-bottom:5px; font-style:italic; } #fx-community-footer .social-networks .tweet-content { font-size:12px; padding:0 10px; } #fx-community-footer .social-networks .tweet-follow-btn { position:absolute; right:10px; bottom:10px; display:block; width:73px; height:23px; background:url(http://static.fxhome.com/images/white/twitter-follow-btn.png) no-repeat left top; text-indent:-9999px; } /* fx-footer ----------------------------------- */ #fx-footer { padding: 20px 10px; zoom:1; } #fx-footer:before, #fx-footer:after { content:''; display:table; } #fx-footer:after { clear:both; } #footer-links { float:right; width:700px; } #fx-footer .copyright { float:left; width:196px; line-height:1.6; } #fx-footer .copyright-logo { display:block; width:135px; height:36px; text-indent:-9999px; padding-bottom:5px; background-repeat:no-repeat; background-position:left top; } #fx-footer .copyright-logo:hover { opacity:0.8; } #fx-footer .copyright-statement { font-size:11px; } #fx-footer .currencySelector { float:right; position:relative; } #fx-footer .currencySelector .activeCurrency { display:block; line-height:1.2; padding:5px 10px; width: 170px; } #fx-footer .currencySelector .activeCurrency img { float:left; margin-right:5px; } #fx-footer .currencySelector .currencyList { padding:0 0 5px 0; margin:0; position:absolute; top:-83px; left:0; display:none; } #fx-footer .currencySelector .currencyList:after { content:''; position:absolute; bottom:0; left:65px; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:0; } #fx-footer .currencySelector .currencyList li { list-style: none; display: block; } #fx-footer .currencySelector .currencyList img { float:left; margin-right:5px; } #fx-footer .currencySelector .currencyList li a { display:block; padding:5px 10px; width:170px; } #fx-footer .currencySelector .currencyList li a:hover { background-color:#4b7dff; color:white; } #fx-footer .legacy-pages { float:right; clear:right; font-size:11px; padding-top:10px; padding-bottom:0; } #fx-footer .footer-pages { float:right; clear:right; padding-top:5px; padding-bottom:0; font-size:11px; } /* gallery start */ .gallery { position:relative; padding-bottom:60px; overflow:hidden; } .gallery-items { position:absolute; left:0; top:0; } .gallery-item { float:left; } .gallery-prev-btn { display: block; position: absolute; left: 20px; padding: 2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 2; background: #000 url(http://static.fxhome.com/images/global/gallery-left-right-arrows.png) no-repeat 5px 0; background: rgba(0, 0, 0, 0.6) url(http://static.fxhome.com/images/global/gallery-left-right-arrows.png) no-repeat 5px 0; border: 1px solid #666; border: 1px solid rgba(255, 255, 255, 0.15); -moz-background-clip:padding-box; -webkit-background-clip:padding-box; background-clip:padding-box; text-indent:-999px; overflow:hidden; top: 50%; width:30px; height: 100px; margin-top: -51px; line-height: 100px; visibility: hidden; z-index:3; -webkit-box-shadow:inset 0 0 3px #333; -moz-box-shadow:inset 0 0 3px #333; -ms-box-shadow:inset 0 0 3px #333; -o-box-shadow:inset 0 0 3px #333; box-shadow:inset 0 0 3px #333; } .gallery-prev-btn:hover { opacity:0.8; text-decoration:none; } .gallery:hover .gallery-prev-btn { visibility:visible; } .gallery-next-btn { display: block; position: absolute; right: 20px; padding: 2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 2; background: #000 url(http://static.fxhome.com/images/global/gallery-left-right-arrows.png) no-repeat -25px 0; background: rgba(0, 0, 0, 0.6) url(http://static.fxhome.com/images/global/gallery-left-right-arrows.png) no-repeat -25px 0; border: 1px solid #666; border: 1px solid rgba(255, 255, 255, 0.15); -moz-background-clip:padding-box; -webkit-background-clip:padding-box; background-clip:padding-box; text-indent:-999px; overflow:hidden; top: 50%; width:30px; height: 100px; margin-top: -51px; line-height: 100px; visibility: hidden; z-index:3; -webkit-box-shadow:inset 0 0 3px #333; -moz-box-shadow:inset 0 0 3px #333; -ms-box-shadow:inset 0 0 3px #333; -o-box-shadow:inset 0 0 3px #333; box-shadow:inset 0 0 3px #333; } .gallery-next-btn:hover { opacity:0.8; text-decoration:none; } .gallery:hover .gallery-next-btn { visibility:visible; } .gallery-nav { position:absolute; left:50%; bottom:0; display:block; margin:0; padding:0; } .gallery-nav li { display:block; list-style-type:none; float:left; margin:5px !important; } .gallery-nav li a { display:block; width:12px; height:12px; overflow:hidden; text-indent:-100px; background:#999; border-radius:6px; } .gallery-nav li.selected a { background-color:#407FFF; } .gallery-nav li a:hover { opacity:0.7; } /* gallery end */ /* preview gallery */ /* js disabled - degrades into a simple list */ .examples-nojs { overflow:hidden; margin:0; padding:0; } .examples-nojs ul { overflow:hidden; margin:0; padding:0;} .examples-nojs ul li.group { float:left; width:175px; list-style-image:none; list-style-type:none; display:block; margin:10px; padding:0; font-weight:bold; } .examples-nojs ul ul { margin:0; padding:0 0 0 20px; } .examples-nojs ul ul li { float:none; display:list-item; width:auto; list-style-image:url(http://static.fxhome.com/images/global/icons/blue_disc.gif); margin:0; padding:3px 0; font-weight:normal; } .examples-nojs .filter-preview-canvas { display:none; } /* js enabled - enhances into an widget where you can apply examples */ .examples-js { overflow:hidden; padding:20px; box-shadow:inset 0 0 4px #ccc; background:#ECECEC; } .examples-js ul { width:250px; float:left; overflow:auto; padding:0 10px 0 0 !important; margin:0; font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; } .examples-js ul li.group { margin:0; padding:0 0 5px 20px; list-style-type:none; list-style-image:none; font-size:14px; background:url(http://static.fxhome.com/images/global/folder-open.png) no-repeat left top; line-height:16px; } .examples-js ul li.closed { background-image:url(http://static.fxhome.com/images/global/example-gallery-ui/folder.png) !important; } .examples-js ul li .group-title { display:block; margin-bottom:10px; } .examples-js ul li ul { padding:0; box-shadow:none; height:auto; width:auto; box-shadow:none; float:none; border-right:none; } .examples-js ul li li { margin:0; padding:0 0 5px 20px; list-style-type:none; list-style-image:none; line-height:16px; background:url(http://static.fxhome.com/images/global/effect.png) no-repeat left top; } .examples-js ul li a { font-size:12px; display:block; } .examples-js ul li a:hover { text-decoration:none; background:#ccc; } .examples-js ul li.selected a { background:#407FFF; color:white; } .examples-js .canvas { display:block; float:left; position:relative; background-color:black; background-repeat:no-repeat; background-position:center center; overflow:hidden; } /* preview gallery end */ .billboard { min-height:48px; background:#D5D9DA; position:relative; width:100%; overflow:hidden; } .billboard-nav { background-color:#D5D9DA; background-color:rgba(213, 217, 218, 0.9); border-top:1px solid #bbb; border-bottom:1px solid #ddd; width:100%; position:absolute; left:0; top:0; line-height:1; z-index:50; } .billboard-nav-inner { width:940px; margin:0 auto; } .billboard-nav .section { font-size:26px; font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif; font-weight: bold; padding: 10px 20px 10px 0; float:left; line-height:1; } .billboard-nav .cta { float:right; padding:0; margin:0; } .billboard-nav .cta li { float:left; list-style-type:none; margin:7px 0 7px 10px; padding:0; } .billboard-nav .menu { float:left; padding:0; margin:0; } .billboard-nav .menu li { float:left; list-style-type:none; margin:0; padding:0; } .billboard-nav .menu li a { float:left; font-family:'Trebuchet MS', Tahoma, Arial, Sans-serif; padding:7px 10px; margin: 10px 0; font-size: 12px; } .billboard-nav .menu li a:hover { text-decoration:underline; } .billboard-nav .menu li.selected a { background-color:#4B7DFF; color:white; } .billboard-gallery h2 { color:#FFF; text-align:center; margin-bottom:0; } .billboard-gallery p { font-family: "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif !important; color:#cdcdcd; text-align:center; font-weight:800; font-size: 18px; line-height:1.4em; } .billboard-gallery { padding-bottom: 0 !important; } .billboard-gallery .gallery-next-btn { } .billboard-gallery .gallery-prev-btn { left:160px; margin-top:-23px; } .billboard-gallery .gallery-next-btn { right:160px; margin-top:-23px; } @media only screen and (min-width : 1140px) { .billboard-gallery .gallery-prev-btn { left:100px; } .billboard-gallery .gallery-next-btn { right:100px; } } @media only screen and (min-width : 1240px) { .billboard-gallery .gallery-prev-btn { left:20px; } .billboard-gallery .gallery-next-btn { right:20px; } } .billboard-text { position:absolute; bottom:10px; left:50%; text-align:center; width:100%; } .billboard-text-top { top:68px; } .billboard-text-inner { position:relative; left:-50%; display:inline-block; background:#111; background:rgba(0,0,0,0.5); -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding:10px 20px; } .billboard-text-top div.billboard-text-inner { -moz-border-radius:25px; -o-border-radius:25px; -webkit-border-radius:25px; background:#111; background:rgba(0,0,0,0.5); border-radius:25px; padding:5px 20px; } .billboard-text h2 { font-size:36px; padding:0; color:#FFF !important; margin:0; text-align:center; } .billboard-text p { padding:0; margin:0 0 5px 0; color:#CDCDCD !important; font-family:"Trebuchet MS", Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif !important; font-size:18px; font-weight:800; line-height:1.4em; text-align:center; } .billboard-text-top .billboard-text-inner p { letter-spacing: -1px; padding-bottom:0; margin-bottom:0; font-size:28px; } .page-nav { overflow:hidden; min-height:32px; } .page-nav-inner { width:100%; background:#fff; background:rgba(255,255,255,0.9); } .page-nav .page-nav-inner ul { width:940px; padding:10px 0; margin:0 auto; overflow:hidden; } .page-nav .page-nav-inner ul li { list-style-type:none; float:left; margin:0 10px 0 0; padding:0; } .page-nav .page-nav-inner ul li a { display:block; padding:4px 8px; } .page-nav .page-nav-inner ul li a:hover {} .page-nav .page-nav-inner ul li.active a { background-color:#4B7DFF; color:white;} .btn { display:inline-block; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; padding:3px 6px; border-radius: 5px; background: #D0D0D0 url(http://static.fxhome.com/images/global/btn-bg.png) repeat-x left top; text-shadow: 0 1px 1px #fff; text-decoration:none; border: 1px solid #fff; color: #333 !important; -webkit-box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; box-shadow:0 1px 3px #000; } .btn:hover { text-decoration:none; background:#fff; } .btn-primary { display:inline-block; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:3px 6px; background:#3161C1 url(http://static.fxhome.com/images/global/btn-primary-bg.png) repeat-x left top; border: 1px solid #6191F1; text-shadow: 0 1px 1px #214183; color: #fff !important; -webkit-box-shadow:0 1px 3px black; -moz-box-shadow:0 1px 3px black; box-shadow:0 1px 3px black; } .btn-primary:hover { text-decoration:none; background:#3f7efd; } .btn-buy { display:inline-block; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background: #4adc4c url(http://static.fxhome.com/images/global/btn-buy-bg.png) repeat-x left top; padding:3px 6px; border: 1px solid #4adc4c; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.3); color: #FFF !important; text-decoration:none; -webkit-box-shadow:0 1px 3px black, inset 0 0 30px 15px transparent; -moz-box-shadow:0 1px 3px black, inset 0 0 30px 15px transparent; box-shadow:0 1px 3px black, inset 0 0 30px 15px transparent; } .btn-buy:hover { text-decoration:none; background:#4adc4c; } .btn img, .btn-primary img, .btn-buy img { vertical-align:middle; } .btn span, .btn-primary span, .btn-buy span { line-height:1; } input.btn, input.btn-primary, input.btn-buy { font-size:12px; vertical-align:top; } input.confirm-order-btn { font-size:24px !important; font-weight:normal !important; } .layer-builder { overflow:hidden; } .layer-builder .layer {} .layer-builder .layer-content { position:relative; } .layer-builder .layer-content img { display:block; } .layer-builder .layer-annotation { font-size:16px; color:white; background:rgba(0,0,0,0.6); padding:10px 15px; width:270px; position:absolute; top:20px; right:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .layer-builder .layer-annotation h2 { font-size:36px; color:white; font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; } .layer-builder .layer-annotation p { font-size:18px; font-weight:bold; color:#ccc; font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; } .layer-builder .fxlayerbuilder-replaybtn { position:absolute; right:10px; bottom:20px; background: #000; background:rgba(0, 0, 0, 0.6); border-radius:10px; border:1px solid #333; color:white; font-size:18px; padding:10px 10px 10px 50px; background-repeat:no-repeat; background-image:url(http://static.fxhome.com/images/global/replay.png); background-position:10px center; } .layer-builder .fxlayerbuilder-replaybtn:hover { opacity:0.8; } /*========== white.css ==========*/ /* body --------------------------- */ body{ color: #646869; background-color: #fff;} /* image --------------------------- */ .poster{ border-color:#cdd1d2;} .poster:hover{ border-color:#4b7dff;} /* font colors --------------------------- */ .hilight{ color:#FF0000;} /* text --------------------------- */ .alert{ background-image: url(http://static.fxhome.com/images/iconProblem.gif);} /* paragraph --------------------------- */ p.quote{ background-image: url(http://static.fxhome.com/images/quote.gif);} p.line{ border-top-color:#cdd1d2;} /* headings --------------------------- */ h1{ color:#414546;} h2{ color:#414546;} /* table --------------------------- */ table td.forumDividerV{ background-color:#cdd1d2;} table td.forumDividerH{ background-color:#cdd1d2;} /* forms --------------------------- */ select { background-color:#f0f4f5; border-color:#cdd1d2; color:#646869;} input { background-color:#f0f4f5; color:#646869; } .inputDiv { background-image:url(http://static.fxhome.com/images/white/searchBoxWhite.gif); height:22px; } .border { border-color:#cdd1d2;} /* borders --------------------------- */ .borderTopBottom{ border-top-color:#cdd1d2; border-bottom-color:#cdd1d2;} .borderBottom{ border-bottom-color:#cdd1d2;} .borderTopLeft{ border-top-color:#cdd1d2; border-left-color:#cdd1d2;} .borderTop{ border-top-color:#cdd1d2;} .borderLeft{ border-left-color:#cdd1d2;} /* MENU ELEMENTS --------------------------- */ /* top --------------------------- */ .menuTop{ color:#414546 !important;} .menuTop span{ color:#414546 !important;} .menuTopSelected{ color:#FF0000 !important; background-image:url(http://static.fxhome.com/images/white/menuALeft.gif);} .menuTopSelected span{ color:#FF0000 !important; background-image:url(http://static.fxhome.com/images/white/menuARight.gif);} /* sub --------------------------- */ .menuSubStart{ background-image:url(http://static.fxhome.com/images/white/menuBLeft.gif);} .menuSubStartFlat{ background-image:url(http://static.fxhome.com/images/white/menuBLeftFlat.gif);} .menuSubEnd{ background-image:url(http://static.fxhome.com/images/white/menuBRight.gif);} .menuSubEndFlat{ background-image:url(http://static.fxhome.com/images/white/menuBRightFlat.gif);} .menuSub, .menuSub span{color:#414546 !important;} .menuSubSelected, .menuSubSelected span{color:#FF0000 !important;} /* page --------------------------- */ .menuPage{ color:#414546 !important;} .menuPage span{ color:#414546 !important;} .menuPageSelected{ color:#FF0000 !important; background-image:url(http://static.fxhome.com/images/white/menuALeft.gif);} .menuPageSelected span{ color:#FF0000 !important; background-image:url(http://static.fxhome.com/images/white/menuARight.gif);} .menuPageHeaderStart{ background-image:url(http://static.fxhome.com/images/white/headerLeft.gif);} .menuPageHeaderStartFlat{ background-image:url(http://static.fxhome.com/images/white/menuBLeftFlat.gif);} .menuPageHeaderEnd{ background-image:url(http://static.fxhome.com/images/white/headerRight.gif);} .menuPageHeaderEndFlat{ background-image:url(http://static.fxhome.com/images/white/menuBRightFlat.gif);} /* simple --------------------------- */ .menuSimpleLeft{ background-image: url(http://static.fxhome.com/images/white/pageMenuLeft.gif); color:#FF0000;} a.menuSimpleLeft, a.menuSimpleLeft:visited{ color: #646869;} a.menuSimpleLeft:hover{ color: #4b7dff;} .menuSimpleMiddle{ background-image: url(http://static.fxhome.com/images/white/pageMenuMiddle.gif); color:#FF0000;} a.menuSimpleMiddle, a.menuSimpleMiddle:visited{ color: #646869;} a.menuSimpleMiddle:hover{ color: #4b7dff;} .menuSimpleRight{ background-image: url(http://static.fxhome.com/images/white/pageMenuRight.gif); color:#FF0000;} a.menuSimpleRight, a.menuSimpleRight:visited{ color: #646869;} a.menuSimpleRight:hover{ color: #4b7dff;} /* PAGE ELEMENTS --------------------------- */ /* title --------------------------- */ .pTitleStart{ background-image: url(http://static.fxhome.com/images/white/pageTitleLeft.gif);} .pTitleEnd{ background-image: url(http://static.fxhome.com/images/white/pageTitleRight.gif);} /* background --------------------------- */ .pStart{} .pEnd{} /* BOX ELEMENTS --------------------------- */ /* header --------------------------- */ .headerStart{ background-image: url(http://static.fxhome.com/images/white/headerLeft.gif);} .headerEnd{ background-image: url(http://static.fxhome.com/images/white/headerRight.gif);} .headerEndLeft{ background-image: url(..../media/whiteBox/headerRightCrop.gif);} /* title --------------------------- */ .titleStart{ background-image: url(http://static.fxhome.com/images/white/titleLeft.gif);} .titleEnd{ background-image: url(http://static.fxhome.com/images/white/titleRight.gif);} /* divider --------------------------- */ .dividerStart{ background-image: url(http://static.fxhome.com/images/white/divLeft.gif);} .dividerEnd{ background-image: url(http://static.fxhome.com/images/white/divRight.gif);} .dividerEndLeft{ background-image: url(http://static.fxhome.com/images/white/divRightCrop.gif);} /* double divider --------------------------- */ .dividerDoubleStart{ background-image: url(http://static.fxhome.com/images/white/doubleDivLeft.gif);} .dividerDoubleEnd{ background-image: url(http://static.fxhome.com/images/white/doubleDivRight.gif);} .dividerDoubleEndLeft{ background-image: url(http://static.fxhome.com/images/white/doubleDivRightCrop.gif);} /* line --------------------------- */ .line{ border-top-color:#cdd1d2;} /* background --------------------------- */ .bgStart{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif); background-repeat: repeat-y;} .bgEnd{ background-image: url(http://static.fxhome.com/images/white/bgEnd.gif); background-color: #FFFFFF; background-repeat: repeat-y;} .bgEndLeft{ background-image: url(http://static.fxhome.com/images/white/bgEndCrop.gif);} .bgSimpleStart{ background-image: url(http://static.fxhome.com/images/white/bgLeft.gif);} .bgSimpleEnd{ background-image: url(http://static.fxhome.com/images/white/bgRight.gif); background-color: #FFFFFF;} .bgSimpleEndLeft{ background-image: url(http://static.fxhome.com/images/white/bgRightCrop.gif);} .p600_295Start{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .p600_295End{ background-image: url(http://static.fxhome.com/images/white/bg600_295End.gif);} .p696_200Start{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .p696_200End{ background-image: url(http://static.fxhome.com/images/white/bg696_200End.gif);} /* footer --------------------------- */ .footerSimpleStart{ border-top-color:#cdd1d2;} .footerStart{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .forumFooter{ background-image: url(http://static.fxhome.com/images/white/forumBottom.gif);} .footerEnd{ background-image: url(http://static.fxhome.com/images/white/fEnd.gif);} .pFooter600_295Start{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .pFooter600_295End{ background-image: url(http://static.fxhome.com/images/white/f600_295End.gif);} .pFooter696_200Start{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .pFooter696_200End{ background-image: url(http://static.fxhome.com/images/white/f696_200End.gif);} /* GRAPHIC ELEMENTS --------------------------- */ /* button --------------------------- */ .b{ background-image: url(http://static.fxhome.com/images/white/searchLeft.gif);} .b span{ background-image: url(http://static.fxhome.com/images/white/searchRight.gif);} .b:hover{ background-image: url(http://static.fxhome.com/images/white/leftClick.gif);} .b:hover span{ background-image: url(http://static.fxhome.com/images/white/rightClick.gif);} .bCart span{ background-image: url(http://static.fxhome.com/images/white/rightCart.gif);} .bCart:hover span{ background-image: url(http://static.fxhome.com/images/white/rightCartClick.gif);} .bDialog span{ background-image: url(http://static.fxhome.com/images/white/rightDialog.gif);} .bDialog:hover span{ background-image: url(http://static.fxhome.com/images/white/rightDialogClick.gif);} .bDownload span{ background-image: url(http://static.fxhome.com/images/white/rightDownload.gif);} .bDownload:hover span{ background-image: url(http://static.fxhome.com/images/white/rightDownloadClick.gif);} .bCalculator span{ background-image: url(http://static.fxhome.com/images/white/rightCalculator.gif);} .bCalculator:hover span{background-image: url(http://static.fxhome.com/images/white/rightCalculatorClick.gif);} .bTopic span{ background-image: url(http://static.fxhome.com/images/white/rightTopic.gif);} .bTopic:hover span{ background-image: url(http://static.fxhome.com/images/white/rightTopicClick.gif);} .bReply span{ background-image: url(http://static.fxhome.com/images/white/rightReply.gif);} .bReply:hover span{ background-image: url(http://static.fxhome.com/images/white/rightReplyClick.gif);} .bPlus span{ background-image: url(http://static.fxhome.com/images/white/rightPlus.gif);} .bPlus:hover span{ background-image: url(http://static.fxhome.com/images/white/rightPlusClick.gif);} .bMinus span{ background-image: url(http://static.fxhome.com/images/white/rightMinus.gif);} .bMinus:hover span{ background-image: url(http://static.fxhome.com/images/white/rightMinusClick.gif);} .bDig span{ background-image: url(http://static.fxhome.com/images/white/rightDig.gif);} .bDig:hover span{ background-image: url(http://static.fxhome.com/images/white/rightDigClick.gif);} .bDel span{ background-image: url(http://static.fxhome.com/images/white/rightDel.gif);} .bDel:hover span{ background-image: url(http://static.fxhome.com/images/white/rightDelClick.gif);} .bQuote span{ background-image: url(http://static.fxhome.com/images/white/rightQuote.gif);} .bQuote:hover span{ background-image: url(http://static.fxhome.com/images/white/rightQuoteClick.gif);} .bEdit span{ background-image: url(http://static.fxhome.com/images/white/rightEdit.gif);} .bEdit:hover span{ background-image: url(http://static.fxhome.com/images/white/rightEditClick.gif);} .bYou span{ background-image: url(http://static.fxhome.com/images/white/rightYou.gif);} .bYou:hover span{ background-image: url(http://static.fxhome.com/images/white/rightYouClick.gif);} /* mini button --------------------------- */ .minib{ background-image: url(http://static.fxhome.com/images/white/mini.gif);} .minibClose{ background-image: url(http://static.fxhome.com/images/white/miniClose.gif);} .minibDownload{ background-image: url(http://static.fxhome.com/images/white/miniDownload.gif);} .minibEmail{ background-image: url(http://static.fxhome.com/images/white/miniEmail.gif);} .minibMinus{ background-image: url(http://static.fxhome.com/images/white/miniMinus.gif);} .minibMySpace{ background-image: url(http://static.fxhome.com/images/white/miniMySpace.gif);} .minibPlus{ background-image: url(http://static.fxhome.com/images/white/miniPlus.gif);} .minibProfile{ background-image: url(http://static.fxhome.com/images/white/miniProfile.gif);} .minibTopic{ background-image: url(http://static.fxhome.com/images/white/miniTopic.gif);} .minibWatch{ background-image: url(http://static.fxhome.com/images/white/miniWatch.gif);} .minibWebsite{ background-image: url(http://static.fxhome.com/images/white/miniWebsite.gif);} .minibYou{ background-image: url(http://static.fxhome.com/images/white/miniYou.gif);} /* star --------------------------- */ .star{ background-image: url(http://static.fxhome.com/images/white/star.gif);} .starHalf{ background-image: url(http://static.fxhome.com/images/white/starHalf.gif);} .starDead{ background-image: url(http://static.fxhome.com/images/white/starDead.gif);} .starNone{ background-image: url(http://static.fxhome.com/images/white/starNone.gif);} /* mini star --------------------------- */ .miniStar{ background-image: url(http://static.fxhome.com/images/white/miniStar.gif);} .miniStarHalf{ background-image: url(http://static.fxhome.com/images/white/miniStarHalf.gif);} .miniStarDead{ background-image: url(http://static.fxhome.com/images/white/miniStarDead.gif);} .miniStarNone{ background-image: url(http://static.fxhome.com/images/white/miniStarNone.gif);} /* available upgrades button ---------------------- */ a.availableUpgrades { display:block; width:190px; height:30px; padding:5px 35px 5px 10px; background: url(http://static.fxhome.com/images/upgrade-sprite.png) no-repeat left top; outline:none; font-size: 19px; font-weight:bold; font-family:"Myriad Pro", Arial, Sans-Serif; color:#262626; text-shadow: white 1px 1px 1px; text-align:left; line-height: 30px; } a.availableUpgrades:visited { color:#262626; } a.availableUpgrades:hover { background-position: left -40px; text-decoration:none; _cursor:hand; } a.availableUpgrades:active { background-position: left -80px; } /* product boxes -------------------------- */ .productBoxBig { padding: 10px 10px 10px 148px; position:relative; min-height:128px; _height:128px; /* IE6 hack - behave like min height please */ } .productBoxBig img.boxRender { position:absolute; left: 10px; top: 10px; width: 128px; height: 128px; } .productBox { padding: 10px 10px 10px 70px; width:190px; float:left; overflow:hidden; position:relative; min-height:92px; _height:92px; /* IE6 hack - behave like min height please */ } .productBox img.boxRender { position:absolute; left: 10px; top: 10px; width: 48px; height: 72px; } /* products upgrades button ---------------------- */ a.productUpgrades { display:block; overflow:hidden; width:210px; height:60px; padding: 10px 40px 10px 10px; background-image:url(http://static.fxhome.com/images/arrow-button260x80.png); background-repeat: no-repeat; background-position: left top; font-family:"Myriad Pro", Arial, Sans-Serif; font-weight:bold; outline:none; margin:5px; color: #262626; text-shadow: white 1px 1px 1px; font-size: 16px; line-height:20px; } a.productUpgrades em { font-size: 13px; font-weight:normal; font-style:normal; line-height:18px; } a.productUpgrades strong { display:block; font-style:normal; font-weight:bold; } a.productUpgrades:visited { color:#262626; } a.productUpgrades:hover { background-position: left -80px; text-decoration: none; _cursor:hand; } a.productUpgrades:active { background-position: left -160px; } /* upgrade tables ------------------------------ */ table.upgrades { border-collapse:collapse; width:100%; } table.upgrades th { border: 1px solid #ccc; padding: 0 8px; text-align:left; } table.upgrades .requiredSoftware { width:200px; } table.upgrades .cost { font-size:12px; } table.upgrades .cost .price { font-size:14px; color:#F00; font-weight:bold; } table.upgrades .upgradeAction { width:105px; } table.upgrades td { border: 1px solid #ccc; padding: 4px 8px; vertical-align:top; } table.upgrades p { margin-bottom:0; padding-bottom:0; } /* fx-header ----------------------------------- */ #fx-header { background:#fff; } #fxhome_logo { background: url(http://static.fxhome.com/images/white/fxhomeLogoLight.png) no-repeat left top; } #globalNav ul li.divide-right { border-right:1px solid #f0f4f5; } #globalNav ul li a { background-color:#f0f4f5; color:#414546; } #globalNav ul li a:hover { background-color:#e4e8e9; } #globalNav ul li.selected a { background-color: #4b7dff; color:#fff; } #subNav { background-color:#d5d9da; border-top:1px solid #ccc; border-bottom:1px solid #fff; } #subNav ul li.section { color:#666; } #subNav ul li a { border-left:1px solid #ccc; } #subNav ul li.selected a { background-color: #4b7dff; color:white; } #user_menu { border-left:1px solid #f0f4f5; } .btn { background-color:#d5d9da; } /* fx-content ----------------------------------- */ #fx-content { background:#F0F4F5; } /* fx-community-footer ----------------------------------- */ #fx-community-footer { background-color:#d5d9da; border-top-color:#ccc; border-bottom-color:#fff; } #fx-community-footer .fx-community .forums-info { border-top:1px solid #ccc; } #fx-community-footer .social-networks { background-image: url(http://static.fxhome.com/images/white/social-bg.png); } #fx-community-footer .youtube-channel-link a, #fx-community-footer .facebook-page-link a { color:#646869; } /* fx-footer ----------------------------------- */ #fx-footer { background-color:#fff; } #fx-footer .copyright-logo { background-image: url(http://static.fxhome.com/images/white/fxhomeLogoFooter.png); } #fx-footer .currencySelector .activeCurrency { background-color:#f0f4f5; } #fx-footer .currencySelector .currencyList:after { border-top:5px solid #f0f4f5; } #fx-footer .currencySelector .currencyList li a { background-color:#f0f4f5; } a.external { padding-right:14px; background:url(http://static.fxhome.com/images/white/external-icon.gif) no-repeat right center; } /* DOWNLOAD OVERLAY ----------------------------------- */ .demo-download-options-overlay .box { width:670px !important; margin-left:-335px !important; } .demo-download-options-overlay .padTsRmBsLm { overflow:hidden; width:630px; } .download-box { background-color:#ededed; background-image:url(http://static.fxhome.com/images/white/product-page-demo-download-os-bg.jpg); background-repeat:no-repeat; background-position:left top; width:276px; height:110px; padding:10px; margin:8px; float:left; } #win-download { background-position:left top; } #mac-download { background-position: -300px top; } .download-box h3, .download-box h3 { font-size:12px; font-weight:bold; } .download-box .download-size { font-size:10px; } blockquote { display:block; margin:10px 20px 20px 20px; padding: 0 0 0 30px; background: url(http://static.fxhome.com/images/white/quotes-open.png) no-repeat left top; } blockquote div.quote-close { padding: 0 30px 0 0; margin: 0 0 5px 0; background:url(http://static.fxhome.com/images/white/quotes-close.png) no-repeat right bottom; } blockquote p { padding-bottom: 0; margin-bottom: 0.5em; } blockquote p.author { padding: 0 30px 0 0; margin: 0 0 5px 0; background:none; font-weight:bold; font-style:italic; color:#666; } /* 2008WhiteUpdate.css */ /* LIGHTBOX BITS ------------------------------ */ .lightbox{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000000; z-index:1002; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65);} .lightboxOverlay { display: block; position: absolute; z-index:1003;} /* RANDOM BITS ------------------------------ */ select{ font-size: 12px;} p.short{ padding:0em 0em 0em 0em; line-height: 1.6em;} div.menuProductbg{ padding: 58px 0px 0px 20px; margin:0px; line-height:30px; line-height:30px; position:relative; top:0px;} .hilightGreen{ color:#0C0;} /* TABLE BITS ------------------------------ */ .checkoutCellTitle{ border-width: 0px 1px 1px 0px; padding: 0px 10px 0px 20px; border-style: solid; border-color: #CCCCCC; background:transparent;} .checkoutCell{ border-width: 0px 1px 1px 0px; padding: 10px 10px 10px 20px; border-style: solid; border-color: #CCCCCC; background:transparent;} .checkoutCellImage{ border-width: 0px 1px 1px 0px; padding: 10px; border-style: solid; border-color: #CCCCCC; background:transparent;} .checkoutCellTotal{ border-width: 0px 1px 0px 0px; padding: 10px 10px 10px 20px; border-style: solid; border-color: #CCCCCC; background:transparent;} /* TEXT ELEMENTS --------------------------- */ .storePrice{ font-size:14px; font-weight:bold;} .storeProductLink{ font-size:14px; font-weight:bold;} /* MENU ELEMENTS --------------------------- */ /* page --------------------------- */ .menuPage{ background-image:url(http://static.fxhome.com/images/white/menuAGreyLeft.gif); background-position:0px 49%; background-repeat:no-repeat;} .menuPage span{ background-image:url(http://static.fxhome.com/images/white/menuAGreyRight.gif); margin-right:2px; background-position:100% 49%; background-repeat:no-repeat;} .menuPageSelected{ font-weight:bold; background-image:url(http://static.fxhome.com/images/white/menuALeft.gif);} .menuPageSelected span{ background-image:url(http://static.fxhome.com/images/white/menuARight.gif);} /* GRAPHIC ELEMENTS --------------------------- */ /* BOX ELEMENTS --------------------------- */ /* header --------------------------- */ .headerStart{ background-image: url(http://static.fxhome.com/images/white/headerLeft.gif);} .headerEnd{ background-image: url(http://static.fxhome.com/images/white/headerRight.gif);} /* title --------------------------- */ .titleStart{ background-image: url(http://static.fxhome.com/images/white/titleLeft.gif);} .titleEnd{ background-image: url(http://static.fxhome.com/images/white/titleRight.gif);} /* divider --------------------------- */ .dividerStart{ background-image: url(http://static.fxhome.com/images/white/divLeft.gif);} .dividerEnd{ background-image: url(http://static.fxhome.com/images/white/divRight.gif);} .dividerEndLeft{ background-image: url(http://static.fxhome.com/images/white/divRightCrop.gif);} /* double divider --------------------------- */ .dividerDoubleStart{ background-image: url(http://static.fxhome.com/images/white/doubleDivLeft.gif);} .dividerDoubleEnd{ background-image: url(http://static.fxhome.com/images/white/doubleDivRight.gif);} .dividerDoubleEndLeft{ background-image: url(http://static.fxhome.com/images/white/doubleDivRightCrop.gif);} /* line --------------------------- */ .line{ border-top-color:#cdd1d2;} /* background --------------------------- */ .bgStart{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .bgSimpleStart{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .p600_295Start{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .p696_200Start{ background-image: url(http://static.fxhome.com/images/white/bgStart.gif);} .bgEnd{ background-image: url(http://static.fxhome.com/images/white/bgEnd.gif); background-color: #FFFFFF;} .bgSimpleEnd{ background-image: url(http://static.fxhome.com/images/white/bgEnd.gif); background-color: #FFFFFF;} .bgEndLeft{ background-image: url(http://static.fxhome.com/images/white/bgEndCrop.gif);} .bgSimpleEndLeft{ background-image: url(http://static.fxhome.com/images/white/bgEndCrop.gif);} .p600_295End{ background-image: url(http://static.fxhome.com/images/white/bg600_295End.gif);} .p696_200End{ background-image: url(http://static.fxhome.com/images/white/bg696_200End.gif);} /* footer --------------------------- */ .footerSimpleStart{ border-top-color:#cdd1d2;} .footerStart{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .pFooter600_295Start{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .pFooter696_200Start{ background-image: url(http://static.fxhome.com/images/white/fStart.gif);} .footerEnd{ background-image: url(http://static.fxhome.com/images/white/fEnd.gif);} .forumFooter{ background-image: url(http://static.fxhome.com/images/white/forumBottom.gif);} .pFooter600_295End{ background-image: url(http://static.fxhome.com/images/white/f600_295End.gif);} .pFooter696_200End{ background-image: url(http://static.fxhome.com/images/white/f696_200End.gif);} /* title --------------------------- */ .titleCartStart{ background-position:bottom left; background-repeat:no-repeat; height:30px; line-height:30px; padding:0px 0px 0px 38px; margin:0px;} .titleCartStart h2{ color:#FFFFFF !important; font-weight:bold; padding: 0px;} .titleCartStart p, .dividerStart p{ padding: 0px;} .titleCartEnd{ background-position:bottom right; background-repeat:no-repeat; height:30px; line-height:30px;} /* title --------------------------- */ .titleCartStart{ background-image: url(http://static.fxhome.com/images/white/titleLeftCart.gif);} .titleCartEnd{ background-image: url(http://static.fxhome.com/images/white/titleRightCart.gif);} .b{ background-position:0px 49%; background-repeat:no-repeat; color:#FFFFFF !important; font-size:12px; font-weight:bold; text-decoration: none !important; height:25px; line-height:25px; padding:8px 0px 8px 14px; margin:0px;} .b span{ background-position:100% 49%; background-repeat:no-repeat; color:#FFFFFF !important; font-size:12px; font-weight:bold; text-decoration: none !important; height:25px; line-height:25px; padding:8px 32px 8px 0px; margin:0px;} .b{ background-image: url(http://static.fxhome.com/images/white/buttonBlueLeft.gif);} .b span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .b:hover{ background-image: url(http://static.fxhome.com/images/white/buttonBlueLeft.gif);} .b:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bCart { background-image: url(http://static.fxhome.com/images/white/buttonGreenLeft.gif);} .bCart:hover{ background-image: url(http://static.fxhome.com/images/white/buttonGreenLeft.gif);} .bCart span{ background-image: url(http://static.fxhome.com/images/white/buttonGreenRight.gif);} .bCart:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonGreenRightOver.gif);} .bQuote { background-position:0px 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 0px 5px 10px; margin:0px; background-image: url(http://static.fxhome.com/images/white/leftQuote.gif);} .bQuote:hover{ background-image: url(http://static.fxhome.com/images/white/leftQuote.gif);} .bQuote span{ background-position:100% 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 28px 5px 0px; margin:0px; background-image: url(http://static.fxhome.com/images/white/rightQuote.gif);} .bQuote:hover span{ background-image: url(http://static.fxhome.com/images/white/rightQuoteClick.gif);} .bEdit { background-position:0px 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 0px 5px 10px; margin:0px; background-image: url(http://static.fxhome.com/images/white/leftEdit.gif);} .bEdit:hover{ background-image: url(http://static.fxhome.com/images/white/leftEdit.gif);} .bEdit span{ background-position:100% 49%; background-repeat:no-repeat; color:#414546 !important; font-size:11px; font-weight:bold; text-decoration: none !important; height:22px; line-height:22px; padding:5px 28px 5px 0px; margin:0px; background-image: url(http://static.fxhome.com/images/white/rightEdit.gif);} .bEdit:hover span{ background-image: url(http://static.fxhome.com/images/white/rightEditClick.gif);} .bDialog span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bDialog:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bDownload span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bDownload:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bCalculator span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bCalculator:hover span{background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bTopic span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bTopic:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bReply span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bReply:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bPlus span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bPlus:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bMinus span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bMinus:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bDig span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bDig:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bDel span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bDel:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} .bYou span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRight.gif);} .bYou:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonBlueRightOver.gif);} /* button --------------------------- */ .bMassive{ background-position:0px 49%; letter-spacing:-1px; background-repeat:no-repeat; color:#FFFFFF !important; font-size:16px; font-weight:bold; text-decoration: none !important; height:30px; line-height:30px; padding:8px 0px 8px 14px; margin:0px;} .bMassive span{ background-position:100% 49%; letter-spacing:-1px; background-repeat:no-repeat; color:#FFFFFF !important; font-size:16px; font-weight:bold; text-decoration: none !important; height:30px; line-height:30px; padding:8px 32px 8px 0px; margin:0px;} .bMassive{ background-image: url(http://static.fxhome.com/images/white/buttonLargeGreenLeft.gif);} .bMassive span{ background-image: url(http://static.fxhome.com/images/white/buttonLargeGreenRight.gif);} .bMassive:hover{ background-image: url(http://static.fxhome.com/images/white/buttonLargeGreenLeft.gif);} .bMassive:hover span{ background-image: url(http://static.fxhome.com/images/white/buttonLargeGreenRightOver.gif);} /* pointer button --------------------------- */ .bPointer{ background-image: url(http://static.fxhome.com/images/white/mini.gif); background-repeat:no-repeat; background-position:100% 50%; padding-right:17px;} /*========== white-malone.css ==========*/ .textStrong { font-weight:bold; color:#F00; } #loggedIn { display: none; } #loggedOut { display: none; } .infoBox { border: 1px solid #00ba27; color: #666666; background-color: #e6fcca; font-weight: bold; margin-bottom:10px; padding:10px; } .errorBox { border: 1px solid #ba001f; color: #666666; background-color: #fbf5cb; font-weight: bold; margin-bottom:10px; padding:10px; } input { border:1px solid #cdd1d2; } input[type="radio"] { border:0px; } input[type="checkbox"] { border:0px; } input[type="image"] { border: 0px; padding: 0px; } textarea { background-color: #f0f4f5; border:1px solid #cdd1d2; color:#646869; } input.searchBox { border:0px; height:15px; line-height:15px; font-size:11px; padding:2px; margin:0; width:154px; } form { margin: 0px; } .smalltext{ font-size: smaller; } .greentext { color: #0CB701; } .redtext { color: #BF0117; } th { background-image: url(http://static.fxhome.com/images/white/divRightCrop.gif); height: 28px; background-position: -11px -1px; padding: 0px; } table.gridded { background-color: #cdd1d2; border-spacing: 1px; } table.gridded td { background-color:#fff; padding: 5px; } table.gridded .alt td { background-color:#f2f5f6; padding: 5px; } td.normalcell { background-color: #FFFFFF; padding: 5px; } td.altcell { background-color: #f2f5f6; padding: 5px; } .hspacer { height: 10px; } .sigblock { font-size: smaller; border-top: 1px solid #cdd1d2; margin-bottom: 10px; max-height: 80px; overflow: hidden; } .postbody{ margin: 0px; overflow: auto; border-left: 1px solid #cdd1d2; border-right: 1px solid #cdd1d2; } .codebox { font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000; border: 1px solid #cdd1d2; background-color: #f2f5f6; margin: 12px; padding: 12px; } .quotebox { border: 1px solid #cdd1d2; background-color: #f2f5f6; margin: 12px; padding: 12px; } .quoteauthor { font-weight: bold; font-size: smaller; } .postmessage { margin-bottom: 10px; } .forumTitlesHover{ background-color: #f2f5f6; } .forumTitles{ cursor: pointer; border-left: 1px solid #cdd1d2; } /* forum fix for cells with long items */ td.forumDividerV{ width:0px; background-color:transparent;} td.forumTitles{ border-right: 1px solid #cdd1d2; } td.forumTopics{ border-right: 1px solid #cdd1d2; } td.forumPosts{ border-right: 1px solid #cdd1d2; } td.forumTopicTitles{ border-right: 1px solid #cdd1d2; } td.forumReplies{ border-right: 1px solid #cdd1d2; } td.forumAuthor{ border-right: 1px solid #cdd1d2; } td.forumViews{ border-right: 1px solid #cdd1d2; } /* new store styling 09 onwards *********************************/ #storeHeader { position:relative; width:100%; padding-bottom:10px; } #storeHeader h1 { overflow:hidden; background:url(http://static.fxhome.com/images/store/storeTitle.png) no-repeat left top; height:48px; width:141px; padding:0; } #storeHeader h1 a { text-indent:-9999em; display:block; outline:none; height:48px; width:141px; } #currencySelector { position:absolute; top:12px; left: 150px; } #currencySelector small { color:#3B64CC; } #currencySelector #activeCurrency { padding:0 8px; display:block; text-decoration:none; width:191px; height:31px; line-height:31px; cursor:pointer; } #currencySelector ul { padding:15px 1px 6px 1px; margin:0; width:189px; display:none; background: url(http://static.fxhome.com/images/store/currencySelectorItemsPopupBg.png) no-repeat left top; height:82px; } #currencySelector ul li { list-style-type:none; display:block; } #currencySelector ul li a { display:block; padding: 5px 10px; overflow:hidden; } #currencySelector img { float:left; padding-right:10px; } #currencySelector #activeCurrency img { padding-top:8px; } #currencySelector ul li a:hover { text-decoration:none; background:#DFE5F6; } #currencySelector:hover #activeCurrency, #currencySelector .activeCurrencyHover { background: url(http://static.fxhome.com/images/store/currencySelectorCurrenItemBg.png) no-repeat left top; } #currencySelector:hover ul { display:block; } .products { width:652px; padding:12px; } .productCell { width:318px; float:left; padding:0; margin:0; background-color:white; background-image:url(http://static.fxhome.com/images/store/productBoxSprite.png); background-position:left top; background-repeat:no-repeat; } .productCell .productCellInner { width:298px; padding: 10px; margin:0; background-image:url(http://static.fxhome.com/images/store/productBoxSprite.png); background-position:right bottom; background-repeat:no-repeat; } .productLeft { margin-bottom: 12px; margin-right:12px; } .productRight { margin-bottom: 12px; } .productCell .productInfo { width:165px; float:left; } .productCell .productInfoArea { height:195px; overflow:hidden; } .productCell .productDescription { font-size:11px; padding-bottom:0.5em; } .productCell .productImage { width:128px; float:right; } .productCell .saving { color:white; font-size:11px; font-weight:normal; background:url(http://static.fxhome.com/images/store/greenHilightSprite.png) no-repeat left top; padding: 1px 0 5px; line-height:16px; } .productCell .savingInner { background:url(http://static.fxhome.com/images/store/greenHilightSprite.png) no-repeat right -17px; line-height:16px; padding: 1px 3px 5px; } .productCell .buyInfo { clear:both; width:298px; background:white; height:38px; padding-top:5px; } .productCell .storeItemPrice { float:left; padding-top:8px; font-size:15px; font-weight:bold; } .productCell .storeBtns { padding-right:5px; float:left; } .productCell .storeBuyBtn { display:block; width:74px; height: 37px; overflow:hidden; margin-right: 5px; text-indent:-9999em; outline:none; background: url(http://static.fxhome.com/images/store/buyBtnSprite.png); background-position:left top; background-repeat:no-repeat; } .productCell .storeUpgradeBtnPilled { display:block; float:left; width:66px; height: 37px; overflow:hidden; text-indent:-9999em; outline:none; background-image: url(http://static.fxhome.com/images/store/upgradeBtnPilledSprite.png); background-position:left top; background-repeat:no-repeat; } .productCell .storeBuyBtnPilled { display:block; float:left; width:59px; height: 37px; overflow:hidden; text-indent:-9999em; outline:none; background-image: url(http://static.fxhome.com/images/store/buyBtnPilledSprite.png); background-position:left top; background-repeat:no-repeat; } .productCell .storeBuyBtn:hover, .productCell .storeUpgradeBtnPilled:hover, .productCell .storeBuyBtnPilled:hover { text-decoration:none; background-position:left -40px; } #cart h2 { display:block; width:155px; height:30px; padding:13px 10px 5px 55px; background: url(http://static.fxhome.com/images/store/cartHeaderBg.png) no-repeat left top; color:white; } #delivery h2 { display:block; width:145px; height:30px; padding:13px 10px 5px 65px; background: url(http://static.fxhome.com/images/store/deliveryHeaderBg.png) no-repeat left top; } .deliveryTypeRightPos { left:120px; top:-124px; } .deliveryTypeLeftPos { left:-295px; top:-125px; } /* new overlay/lightbox functionality styling */ html, body { width:100%; height:100%; } .overlay { position:fixed; z-index:900; width:100%; height:100%; left:0; top:0; } .overlay .bg { position:absolute; z-index:900; width:100%; height:100%; left:0; top:0; background:#000000; -moz-opacity: 0.85; opacity:.85; filter: alpha(opacity=85); } .overlay .box { z-index:902; background-color:white; border:1px solid #cdd1d2; position:absolute; top:100px; left:50%; margin-left:-325px; width:645px; } .overlay .content { overflow:auto; max-height:400px; /* tut, tut. IE6 doesnt have any max height support so they are just going to have to put up with fixed height */ _height:400px; } .overlay .close { display:block; position:absolute; right:-15px; top:-15px; cursor:pointer; height:30px; width:30px; } .overlay h2.title { border-bottom: 1px solid #cdd1d2; padding:10px 20px; font-size:15px; font-weight:bold; background: url(http://static.fxhome.com/images/white/overlay/overlayHeaderBg.png) repeat-x left center; } /* new product option overlays */ .shippingOptionsOnlyOverlay .box { margin-left:-171px !important; width:340px !important; } h3.optionsTitle { font-size:12px; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; clear:both; } a.productOptionDownload, a.productOptionShipped, a.productOptionShippedOnly { display:block; float:left; width:200px; height:60px; padding:10px 10px 10px 70px; background-repeat:no-repeat; font-size:14px; background-position: left top; margin:5px 5px 10px 5px; outline:none; } a.productOptionDownload { background-image:url(http://static.fxhome.com/images/store/downloadBtnSprite.png); } a.productOptionShipped { float:right; background-image:url(http://static.fxhome.com/images/store/shippingBtnSprite.png); } a.productOptionShippedOnly { background-image:url(http://static.fxhome.com/images/store/shippingBtnSprite.png); } a.productOptionDownload:hover, a.productOptionShipped:hover, a.productOptionShippedOnly:hover { background-position:left -80px; text-decoration:none; } a.productOptionDownload:active, a.productOptionShipped:active, a.productOptionShippedOnly:active { background-position:left -160px; } a.productOptionDownload .optionTitle, a.productOptionShipped .optionTitle, a.productOptionShippedOnly .optionTitle { display:block; font-size:15px; color:#4B7DFF; font-weight:bold; margin-bottom:4px; } a.productOptionDownload .optionPrice, a.productOptionShipped .optionPrice, a.productOptionShippedOnly .optionPrice { display:block; font-size:14px; color:#F00; font-weight:bold; margin-bottom:5px; } a.productOptionDownload .optionInfo, a.productOptionShipped .optionInfo, a.productOptionShippedOnly .optionInfo { display:block; font-size:10px; color:#646869; } /* upsell area at the bottom of products buy overlays when making a choice between download/shipped versions */ table.upsellProducts { width:605px; display:block; overflow:hidden; border-collapse:collapse; } table.upsellProducts h4 { margin:0; padding:0; } table.upsellProducts td { border-bottom: 1px solid #ccc; padding: 10px; text-align:left; } table.upsellProducts td.img { width:60px; } table.upsellProducts td.info { width:340px; } table.upsellProducts td.price { width:145px; vertical-align:middle; text-align:center; } table.upsellProducts td.price p { padding: 0; margin-bottom:5px; } table.upsellProducts td.price a.product-button { margin-left:21px; } /* product upgrades list */ ul.productUpgradeList { margin:0; padding:0; overflow:hidden; display:block; } ul.productUpgradeList li { list-style-type:none; padding:0; width:174px; margin:10px 20px; height:200px; float:left; display:block; text-align:center; _width:170px; _display:inline; /* fixes double left-margin on floated elements in IE6 */ } ul.productUpgradeList li h3 { text-align:center; font-size:16px; font-weight:bold; margin-bottom:5px; padding-bottom:4px; } ul.productUpgradeList li .img { margin:0 auto 10px auto; width: 128px; height:128px; background-color:transparent; background-repeat:no-repeat; background-position:center center; } ul.productUpgradeList li a.product-button { margin-left:20px; _margin-left:0 !important; /* fix IE6 */ } /* custom styling for the photokey lite upgrades page*/ ul.photokeyLiteUpgradeProducts { margin:0; padding:0; overflow:hidden; width:896px; display:block; } ul.photokeyLiteUpgradeProducts li { margin:0 20px 20px 20px; padding:0 0 0 138px; display:block; width:270px; list-style-type:none; height:200px; float:left; position:relative; /* fixes double left margin and width issues in IE6 */ _display:inline !important; _width:260px !important; } ul.photokeyLiteUpgradeProducts li h3 { font-size:14px; } ul.photokeyLiteUpgradeProducts li .img { float:right; position:absolute; top:0; left:0; } /* install instructions wizard */ #install-steps-title { font-size:16px; } #install-steps-icon { float:left; position:relative; top:-5px; left:-10px; margin-bottom:10px; } #install-steps { display:block; overflow:hidden; width:676px; margin-bottom:20px; } #install-steps ol { display:block; width:676px; margin:0; padding:0 0 10px 0; background:transparent url(http://static.fxhome.com/images/white/step-bg-sprite.png) no-repeat -6084px bottom; } #install-steps li.step { display:block; list-style-type:none; margin:0; padding:45px 20px 10px 80px; width:576px; background:transparent url(http://static.fxhome.com/images/white/step-bg-sprite.png) no-repeat 0 0; } #install-steps li.step1 { background-position:0 0; padding-top:15px; } #install-steps li.step2 { background-position:-676px 0; } #install-steps li.step3 { background-position:-1352px 0; } #install-steps li.step4 { background-position:-2028px 0; } #install-steps li.step5 { background-position:-2704px 0; } #install-steps li.step6 { background-position:-3380px 0; } #install-steps li.step7 { background-position:-4056px 0; } #install-steps li.step8 { background-position:-4732px 0; } #install-steps li.step9 { background-position:-5408px 0; } #install-steps li.step h3 { color:#333; font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:0; } #install-steps .installer { display:block; width:247px; height:87px; overflow:hidden; background: url(http://static.fxhome.com/images/white/installer-bg-sprite.png) right top; margin:10px 10px 0 10px; padding:10px; float:left; _display:inline; /* fixed double margin bug in IE6 */ } #install-steps .win-installer { background-position:0 0 !important; } #install-steps .mac-installer { background-position:-267px 0 !important; } #install-steps .installer h4 { padding:0; margin:0 0 10px 0; } #install-steps .licence-alert { display:block; background:#f3dddd; border:1px solid #d18989; color:#a04646; padding:5px 10px; margin:5px; font-size:11px; } #install-steps .tabs { width:556px; margin:10px; } #install-steps .tabs ul.tab-nav { margin:0; padding:0; display:block; overflow:hidden; width:556px; background:url(http://static.fxhome.com/images/white/line-shadow-bottom.gif) repeat-x left bottom; } #install-steps .tabs ul.tab-nav li { margin:0; padding:0; display:block; float:left; margin: 0 10px; font-size:12px; position: relative; } #install-steps .tabs ul.tab-nav li a { float:left; display:block; padding-top:4px; } #install-steps .tabs ul.tab-nav li.selected { background:transparent url(http://static.fxhome.com/images/white/tab-sprite.gif) no-repeat 0 0; } #install-steps .tabs ul.tab-nav li.selected span { background:transparent url(http://static.fxhome.com/images/white/tab-sprite.gif) no-repeat right -40px; padding: 5px 10px; display:block; float:left; font-size:12px; color:#333; font-weight:bold; } #install-steps .tabs .tab-contents { padding:10px; background:url(http://static.fxhome.com/images/white/line-shadow-top.gif) repeat-x left bottom; } /* promotional countdowns */ .promo-countdown-frontpage { width:960px; height:450px; color:white; position:relative; } .promo-countdown-frontpage a { width:896px; height:450px; display:block; } .promo-countdown-frontpage h1, .promo-countdown-frontpage p { display:none; } .promo-countdown-frontpage #timer { display:block; width:3200px; height:79px; position:absolute; left:535px; top:500px; display:block; background-repeat:no-repeat; background-position:left top; } .promo-countdown-frontpage #days { position:absolute; left:8px; top:300px; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-frontpage #hours { position:absolute; left:94px; top:300px; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-frontpage #minutes { position:absolute; left:180px; top:13px; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-frontpage #seconds { position:absolute; left:266px; top:13px; display:block; _display:inline; /* fixes double margin in IE6 */ } /* countdown digits */ .count-digit { display:block; width:105px; height:145px; overflow:hidden; /*background-image:url(http://static.fxhome.com/images/homepage/thanksgiving2011/countdown-digits.png);*/ /* background-color:#00B700; border:1px black solid;*/ background-position:0 0; margin:0; padding:0; text-indent:-9999em; float:left; } .count-digit-grey-0 { background-position:0 -3px; } .count-digit-grey-1 { background-position:-100px -3px; } .count-digit-grey-2 { background-position:-200px -3px; } .count-digit-grey-3 { background-position:-299px -3px; } .count-digit-grey-4 { background-position:-400px -3px; } .count-digit-grey-5 { background-position:-500px -3px; } .count-digit-grey-6 { background-position:-600px -3px; } .count-digit-grey-7 { background-position:-700px -3px; } .count-digit-grey-8 { background-position:-800px -3px; } .count-digit-grey-9 { background-position:-900px -3px; } .count-digit-red-0 { background-position: 0px -302px; } .count-digit-red-1 { background-position:-100px -302px; } .count-digit-red-2 { background-position:-200px -302px; } .count-digit-red-3 { background-position:-299px -302px; } .count-digit-red-4 { background-position:-400px -302px; } .count-digit-red-5 { background-position:-500px -302px; } .count-digit-red-6 { background-position:-600px -302px; } .count-digit-red-7 { background-position:-700px -302px; } .count-digit-red-8 { background-position:-800px -302px; } .count-digit-red-9 { background-position:-900px -302px; } .count-digit-white-0 { background-position:0 -153px; } .count-digit-white-1 { background-position:-100px -153px; } .count-digit-white-2 { background-position:-200px -153px; } .count-digit-white-3 { background-position:-299px -153px; } .count-digit-white-4 { background-position:-400px -153px; } .count-digit-white-5 { background-position:-500px -153px; } .count-digit-white-6 { background-position:-600px -153px; } .count-digit-white-7 { background-position:-700px -153px; } .count-digit-white-8 { background-position:-800px -153px; } .count-digit-white-9 { background-position:-900px -153px; } .promo-countdown-banner { display:block; width:940px; height:90px; padding:0 0 0 0; margin:0; /*background:transparent url(http://static.fxhome.com/images/jan-sale-2011/banner-bg.jpg) no-repeat left top;*/ margin: 0 auto 0 auto; } .promo-countdown-banner a:hover img.bulge { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } .promo-countdown-banner .text_msg { display:none; } .promo-countdown-banner #timer { display:block; width:940px; height:80px; display:block; background-repeat:no-repeat; background-position:2px 0; margin-left:170px; padding-top:300px; padding-left:2px; } .promo-countdown-banner #days { margin:10px 30px 0 0; overflow:hidden; float:left; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-banner #hours { margin:10px 30px 0 3px; overflow:hidden; float:left; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-banner #minutes { margin:10px 30px 0 3px; overflow:hidden; float:left; display:block; _display:inline; /* fixes double margin in IE6 */ } .promo-countdown-banner #seconds { margin:10px 0 0 3px; overflow:hidden; float:left; display:block; _display:inline; /* fixes double margin in IE6 */ } .count-digit-small { display:block; width:29px; height:40px; overflow:hidden; background-image:url(http://static.fxhome.com/images/jan-sale-2011/countdown-digits-small.png); background-position:0 0; margin:0; padding:0; text-indent:-9999em; float:left; } .count-digit-small-grey-0 { background-position:0 0; } .count-digit-small-grey-1 { background-position:-29px 0; } .count-digit-small-grey-2 { background-position:-58px 0; } .count-digit-small-grey-3 { background-position:-87px 0; } .count-digit-small-grey-4 { background-position:-116px 0; } .count-digit-small-grey-5 { background-position:-145px 0; } .count-digit-small-grey-6 { background-position:-174px 0; } .count-digit-small-grey-7 { background-position:-203px 0; } .count-digit-small-grey-8 { background-position:-232px 0; } .count-digit-small-grey-9 { background-position:-261px 0; } .count-digit-small-red-0 { background-position:0 -40px; } .count-digit-small-red-1 { background-position:-29px -40px; } .count-digit-small-red-2 { background-position:-58px -40px; } .count-digit-small-red-3 { background-position:-87px -40px; } .count-digit-small-red-4 { background-position:-116px -40px; } .count-digit-small-red-5 { background-position:-145px -40px; } .count-digit-small-red-6 { background-position:-174px -40px; } .count-digit-small-red-7 { background-position:-203px -40px; } .count-digit-small-red-8 { background-position:-232px -40px; } .count-digit-small-red-9 { background-position:-261px -40px; } .count-digit-small-white-0 { background-position:0 -80px; } .count-digit-small-white-1 { background-position:-29px -80px; } .count-digit-small-white-2 { background-position:-58px -80px; } .count-digit-small-white-3 { background-position:-87px -80px; } .count-digit-small-white-4 { background-position:-116px -80px; } .count-digit-small-white-5 { background-position:-145px -80px; } .count-digit-small-white-6 { background-position:-174px -80px; } .count-digit-small-white-7 { background-position:-203px -80px; } .count-digit-small-white-8 { background-position:-232px -80px; } .count-digit-small-white-9 { background-position:-261px -80px; } /* new support tutorial styling ----------------------------------- */ ul.videoList { padding:0px 0px 10px 0px; margin: 0px 0px 0px 30px; } ul.videoList li { list-style-image:url(http://static.fxhome.com/images/white/film.png); list-style-position:outside; font-size:11px; margin-bottom:5px; } /* product page video and image overlays */ .video_overlay .box { width:600px !important; margin-left:-301px !important; } /* new youtube video tutorial player styles */ #vid-tuts-playerarea { color:#CDD1D2; padding: 20px; } #vid-tuts-playerarea { background:#CDD1D2; } #vid-tuts-playerarea #videoPlayer { margin: 0 auto; width:720px; } #vid-tuts-content { overflow:hidden; } #vid-tuts-content h2 { font-size:14px; color:#444; } #vid-tuts-content .playlist-box { float:left; width:249px; margin:10px 20px; _display:inline; } /* New payment switcher for the checkout - pilled credit card/paypal button */ .store-payment-options { margin:0; padding:0 0 10px 0; width:100%; overflow:hidden; } .store-payment-options li { list-style-type: none; display:block; float:left; margin:0; padding:0; } .store-payment-options li.cc { margin-right:15px; } .store-payment-options li a { display:block; background-repeat:no-repeat; background-image:url(http://static.fxhome.com/images/store/store-payment-chooser-btn-sprite.png); float:left; height:53px; text-indent:-9999em; outline:none; } .store-payment-options li.cc a { width:364px; background-position:0 0; } .store-payment-options li.cc a:hover { background-position:0 -60px; } .store-payment-options li.cc a.selected, .store-payment-options li.cc a.selected:hover { background-position:0 -120px; } .store-payment-options li.paypal a { width:255px; background-position:0 -180px; } .store-payment-options li.paypal a:hover { background-position:0 -240px; } .store-payment-options li.paypal a.selected, .store-payment-options li.paypal a.selected:hover { background-position:0 -300px; } .playlist { clear:both; margin-bottom:20px; } .playlist-title { color:#444444; font-size:14px; } .playlist-videos { overflow:hidden; margin:0; padding:0 5px; } .playlist-videos li { background: url(http://static.fxhome.com/images/white/film.png) no-repeat 3px 4px; list-style-type: none; display:block; float:left; width:150px; padding: 0 0 0 20px; margin:0 20px 5px 0; font-size:11px; } /* resellers page title */ #resellerHeader { position:relative; width:100%; padding-bottom:10px; } #resellerHeader h1 { overflow:hidden; background:url(http://static.fxhome.com/images/resellers/become-a-reseller.gif) no-repeat left top; height:48px; width:346px; padding:0; } #resellerHeader h1 a { text-indent:-9999em; display:block; outline:none; height:48px; width:346px; } /* noticebar for the hitfilm offer */ .hitfilm-notice { margin:-10px 0 20px 0; display:block; font-size:12px; background:#fff; color:#414546; border-bottom:1px solid #CDD1D2; position:relative; z-index:100; } .hitfilm-notice-content { padding:15px 0; width:841px; padding-left:55px; background:url(http://static.fxhome.com/images/hitfilm-announce/new-badge.png) no-repeat left center; margin:0 auto; } .hitfilm-notice-content-nobadge { padding:10px 0; width:896px; margin:0 auto; } /*========== fancybox.css ==========*/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(http://static.fxhome.com/images/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(http://static.fxhome.com/images/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(http://static.fxhome.com/images/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(http://static.fxhome.com/images/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(http://static.fxhome.com/images/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(http://static.fxhome.com/images/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(http://static.fxhome.com/images/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(http://static.fxhome.com/images/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(http://static.fxhome.com/images/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(http://static.fxhome.com/images/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(http://static.fxhome.com/images/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.fxhome.com/images/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }