prototypeTextBox/* Reset Styles ***********************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} .404links a:link, .404links a:visited{color:#666 !important} .404links a:hover, .404links a:active{color:yellow !important} @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d69bcd03-8459-4518-bee9-c4a1d051f96c"); @font-face{ font-family:"Prestige Elite W01_n7"; src:url("fonts/1c2346f9-683b-4713-9b96-c38e48777504.eot?#iefix") format("eot") } @font-face{ font-family:"Prestige Elite W01"; src:url("../fonts/1c2346f9-683b-4713-9b96-c38e48777504.eot?#iefix"); src:url("fonts/1c2346f9-683b-4713-9b96-c38e48777504.eot?#iefix") format("eot"),url("Fonts/bf257704-d022-4e60-9c85-e52dd6966187.woff2") format("woff2"),url("Fonts/9345a0f5-95de-43c0-bd16-4197b9214b2e.woff") format("woff"),url("Fonts/2939886e-0f3b-4d1c-9821-2dd037f26246.ttf") format("truetype"),url("Fonts/3f0170c3-6d1c-455e-b968-8aa2c7d17e76.svg#3f0170c3-6d1c-455e-b968-8aa2c7d17e76") format("svg"); font-weight: 700; font-style: normal; } @font-face{ font-family:"Trade Gothic Next W01_n7"; src:url("../fonts/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix") format("eot") } @font-face{ font-family:"Trade Gothic Next W01"; src:url("../fonts/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix"); src:url("../fonts/62cdf702-7113-4955-9b29-d803174650c7.eot?#iefix") format("eot"),url("../fonts/b559a389-e9a7-4140-80af-cc5f64350983.woff2") format("woff2"),url("../fonts/a43fe47f-004d-4b6d-9a72-23de9e08f66e.woff") format("woff"),url("../fonts/de22c287-e0dc-4287-8a0e-3f68a8788330.ttf") format("truetype"),url("Fonts/d7c320de-0c26-418a-b1d2-ef600169db34.svg#d7c320de-0c26-418a-b1d2-ef600169db34") format("svg"); font-weight: 700; font-style: normal; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} strong {font-weight: bold;} em {font-style: italic;} /* Loading***********************/ .loader {min-height: 665px; background: url(../images/loader.gif) no-repeat center center;} #home .loader{min-height:438px;} .loading aside {opacity: 0;} aside {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;} aside h3 {float: left;} /* --Clearfix */ .cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;} .cf {zoom:1;} /* General ***********************/ body { background: #fff; font-size: 14px; font-family: Helvetica, 'Arial', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; height: auto;} a:link,a:visited {color: #000; text-decoration: none; font-family:Arial, Helvetica, sans-serif} a:hover,a:active {color: rgba(255,0,0,1); text-decoration: none; font-family:Arial, Helvetica, sans-serif} p {font-size: 14px; line-height: 18px;} /*DEFAULT CSS CUSTOM FOR CKE LAYOUT*/ #page { min-height: 100%; /* for all other browsers */ height: 100%; /* for IE */ position:relative;} #headerLinks{ float:left; letter-spacing:.01em; } #headerLinks a:link,a:visited{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#676767} #headerLinks a:hover,a:active{ color:#e51937} #headerLinks ul{ list-style-type:none; float:left; margin-left:30px} #rightNav{ float:right; position:relative; right:-56px; top:10px; width:135px; height:295px; background-image:url(../images/rightNavBG.png)} .rightNavLink1{margin:132px 0 0 8px} .rightNavLink2{margin:14px 0 0 7px} .rightNavLinkPhone{margin:17px 0 0 6px; width:72px} #tagline{ margin:0 auto;} #tagline img{ max-width:100%; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8); box-shadow:0px 5px 10px 0px rgba(0, 0, 0, .8);} #homeBoxContainer{ width:1366px; margin:-2px auto;} .lastbox{width:408px !important; margin-right:0px !important} .redArrow{ margin-right:5px; position:relative; bottom:2px;} #footer{ margin-top:0px; background-color:#e5e5e5; clear:both; -webkit-box-shadow: inset 0px 5px 20px 0px rgba(0, 0, 0, .3); box-shadow: inset 0px 5px 20px 0px rgba(0, 0, 0, .3); min-height:253px} #footerLinks{ margin:0 auto; width:768px; text-transform:uppercase; font-size:11px; font-weight:bold; padding-top:20px; padding-bottom:35px; line-height:16px} #footerLinks a:link, #footerLinks a:visited{color:#666666; text-decoration:none} #footerLinks a:hover, #footerLinks a:active{color:#000; text-decoration:none} #verticalipadFooter{display:none} #logo{ margin-top:6px; margin-left:9%; width:248px; height:95px} #container{padding-top:65px} #headerLinks li{margin-top:35px} #home .flex-control-nav{display:none;} #copyrightLine{width:100%; text-align:center; margin-top:2em; font-weight:normal; font-size:10px; color:#666666; text-transform:none} #DesignLine {width:100%; text-align:center; margin-top:0.3em; font-weight:normal; font-size:10px; color:#a6a6a6; text-transform:none} #DesignLine a:link, #DesignLine a:visited{color:#a6a6a6; font-weight:normal; font-size:10px; } #footerLinks table{margin-left:15px} /*MEDIA QUERIES*/ /*MISC CSS*/ @media only screen and (max-width:1023px){ #rightNav{width:60px; height:224px;} #desktopFooter{display:none} #verticalipadFooter{display:block !important; margin-left:45px} #footerLinks{width:768px;} #footerLinks table{margin-left:40px} } /*RESPONSIVE TEMPLATE*/ /*1366px DESKTOP*/ @media only screen and (min-width:1366px){ #containerWrapper{margin:0 auto; width:1366px !important} .slides li{height:665px !important; background-size:contain;-ms-behavior: url(http://clients.sprokkit.com/cke/2013/website/CarlsJr6/backgroundsize.min.htc);} .flexslider h1{font-size:136px; color:#FFFFFF; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; position:absolute; left:143px; top:15px; z-index:100} #headerInside{width:1366px; margin:0 auto; height:77px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:30px;} #headerLinks li{float:left; margin-right:48px; margin-top:30px} #headerLinks ul{ margin-left:114px;} #logo{float:left; margin-left:15px; margin-top:-8px; border:0px; width:244px; height:93px;} #header {background-color:#FFFFFF; height: 78px; position: fixed; width:100%; top: 0; z-index:9999999;} #container {padding-top: 76px; margin:0 auto; text-align:left;} .mainPic{float:right !important; width:430px !important; height:665px !important} #page{background-image:url(../images/gradient1366.png); background-repeat:repeat-x;} .faq #page{background-image:url(../images/gradient1366.png); background-repeat:repeat-x; background-attachment:fixed} #rightNav{position:relative; top:15px} #home #rightNav{position:relative; top:15px} #home .slides li{height:438px !important} #footNote{font-size:10px; margin-top:30px; color:#999999} .footNoteBig{font-size:12px} .floorPlan1{display:block !important} .floorPlan2, .floorPlan3, .floorPlan4{display:none !important} .homeBox{width:406px; height:140px;float:left;font-size:22px;background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ background-repeat:repeat-x;margin-right:1px;padding:24px;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:22px} #homeLink a:link, #homeLink a:visited{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; cursor:pointer !important} #homeLink a:hover, #homeLink a:active{color:#000000 !important} #homeBanner01{float:right; position:relative; right:-5px; top:-10px; width:169px; height:154px } #homeBanner02{float:right; position:relative; top:3px; width:119px; height:161px; right:-24px} #homeBannerIFE{ margin:5px 0px 0px 5px; } .homeBannerText{font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none; margin:10px 0 0 9px} .homeBannerText2{font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none; margin:10px 0 0 9px; white-space:nowrap} .homeBannerLink{margin-left:9px} .homeBannerArrows{position:relative; top:7px; width:54px; height:27px } .lastbox{background-image:url(../images/homeBanner_03.png); background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */} .innerContentContactUs{margin-top:200px !important; padding-top:25px;} #franchiseeHome{font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:none; color:rgba(102,102,102,1); margin-left:9px; margin-top:14px; line-height:13px; position:relative; left:14px; top:6px; text-align:right} .error404{font-size:90px !important; margin-top:20px;} #flag{float:left; border-right:1px solid #cc0000; margin:9px 0 0 61px; padding:11px 16px 5px 0px;} #flag2{display:none} #pressroomList{margin-top:10px !important; border-top:1px solid #666666} #pressroomList li{height:auto !important; background:rgba(255,255,255,1) url(../images/prarrow.png) no-repeat 10px 14px; padding:10px 0 10px 21px; border-bottom:1px solid #cccccc} #pressroomList a:link, #pressroomList a:visited{color:rgba(102,102,102,1)} #pressroomList a:hover, #pressroomList a:active{color:rgba(255,0,0,1)} } /*1280px DESKTOP*/ @media only screen and (min-width:1280px) and (max-width:1365px){ #containerWrapper{margin:0 auto; width:1280px !important} .slides li{height:624px !important; background-size:contain;-ms-behavior: url(http://clients.sprokkit.com/cke/2013/website/CarlsJr6/backgroundsize.min.htc);} .flexslider h1{font-size:127px; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; position:absolute; left:137px; top:14px; z-index:100} #headerInside{width:1280px; margin:0 auto; height:77px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:27px;} #headerLinks li{float:left; margin-right:45px; margin-top:30px; white-space:nowrap} #headerLinks ul{ margin-left:106px;} #logo{float:left; margin-left:13px; margin-top:-8px; border:0px; width:244px; height:93px;} #header {background-color:#FFFFFF; height: 78px; position: fixed; width:100%; top: 0; z-index:9999999;} #home .loader{min-height:410px;} .loader {min-height: 624px;} #container {padding-top: 76px; margin:0 auto; text-align:left;} .mainPic{float:right !important; width:403px !important; height:623px !important} #page{background-image:url(../images/gradient1280.png); background-repeat:repeat-x; background-position:0px 76px;} .faq #page{background-image:url(../images/gradient1280.png); background-repeat:repeat-x; background-attachment:fixed} #rightNav{position:relative; top:10px;} #home #rightNav{position:relative; top:15px;} #home .slides li{height:410px !important} .homeBox{width:377px} .lastbox{width:380px !important; margin-right:0px !important} #homeBoxContainer{width:1280px} #footNote{font-size:10px; margin-top:30px; color:#999999} .footNoteBig{font-size:12px;} .floorPlan4{display:block !important} .floorPlan2, .floorPlan3, .floorPlan1{display:none !important} .homeBox{width:377px; height:130px;float:left;font-size:20px;background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ background-repeat:repeat-x;margin-right:1px;padding:24px;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:20px} #homeLink a:link, #homeLink a:visited{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; cursor:pointer !important} #homeLink a:hover, #homeLink a:active{color:#000000 !important} #homeBanner01{float:right; position:relative; right:-5px; top:-10px; width:159px; height:145px } #homeBanner02{float:right; position:relative; top:-7px; width:119px; height:161px; right:-24px} #homeBannerIFE{ margin:5px 0px 0px 5px; } .homeBannerText{font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:none; margin:10px 0 0 9px} .homeBannerText2{font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:none; margin:10px 0 0 9px; white-space:nowrap} .homeBannerLink{margin-left:9px} .homeBannerArrows{position:relative; top:3px; width:43px; height:20px } .lastbox{background-image:url(../images/homeBanner_03_1280.png); background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */} .innerContentContactUs{margin-top:180px !important; padding-top:22px;} #franchiseeHome{font-size:9px; font-family:Arial, Helvetica, sans-serif; text-transform:none; color:rgba(102,102,102,1); margin-left:9px; margin-top:8px; line-height:12px;} #franchiseeHome{font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:none; color:rgba(102,102,102,1); margin-left:9px; margin-top:14px; line-height:13px; position:relative; left:12px; top:8px; text-align:right} .error404{font-size:83px !important; margin-top:20px;} #flag{float:left; border-right:1px solid #cc0000; margin:9px 0 0 61px; padding:11px 16px 5px 0px;} #flag2{display:none} } /*1024px IPAD/DESKTOP*/ @media only screen and (min-width:1010px) and (max-width:1279px){ #containerWrapper{margin:0 auto; width:1024px !important} .slides li{height:500px !important; background-size:contain;-ms-behavior: url(http://clients.sprokkit.com/cke/2013/website/CarlsJr6/backgroundsize.min.htc);} .flexslider h1{font-size:102px; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; position:absolute; left:108px; top:11px; z-index:100} #headerInside{width:1024px; margin:0 auto; height:77px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:20px;} #headerLinks li{float:left; margin-right:36px; margin-top:30px} #headerLinks ul{ margin-left:85px; margin-right:0px;} #logo{float:left; margin-left:12px; margin-top:-5px; border:0px; width:203px; height:78px;} #header {background-color:#FFFFFF; height: 71px; position: fixed; width:100%; top: 0; z-index:9999999;} #home .loader{min-height:328px;} .loader {min-height: 500px;} #container {padding-top: 69px; margin:0 auto; text-align:left;} .mainPic{float:right !important; width:323px !important; height:499px !important} #page{background-image:url(../images/gradient1024.png); background-repeat:repeat-x; background-position:0px 70px;} .faq #page{background-image:url(../images/gradient1024.png); background-repeat:repeat-x; background-attachment:fixed} #home .slides li{height:328px !important} #home #rightNav{position:relative; top:10px} #rightNav{width:135px; height:295px; position:relative; top:10px} .lastbox{width:308px !important; margin-right:0px !important} #homeBoxContainer{width:1024px} #footNote{font-size:9px; margin-top:20px; color:#999999} .footNoteBig{font-size:10px} .floorPlan1, .floorPlan3, .floorPlan4{display:none !important} .floorPlan2{display:block !important} .homeBox{width:309px; height:117px;float:left;font-size:16px;background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ background-repeat:repeat-x;margin-right:1px;padding:20px 16px 16px 16px;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:20px} #homeLink a:link, #homeLink a:visited{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; cursor:pointer !important} #homeLink a:hover, #homeLink a:active{color:#000000 !important} #homeBanner01{float:right; position:relative; right:-2px; width:127px; height:116px; top:-4px;} #homeBanner02{float:right; position:relative; top:-4px; right:-16px;width:101px; height:137px} #homeBannerIFE{ margin:5px 0px 0px 5px; width:284px; } .homeBannerText{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; margin:10px 0 0 9px} .homeBannerText2{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; margin:10px 0 0 9px; white-space:nowrap} .homeBannerLink{margin-left:9px} .homeBannerArrows{position:relative; top:2px; width:34px; height:15px } .lastbox{background-image:url(../images/homeBanner_03_1024.png); background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */} .redArrow{positioin:relative; top:0px;} .innerContentContactUs{margin-top:140px !important; padding-top:19px;} #franchiseeHome{font-size:9px; font-family:Arial, Helvetica, sans-serif; text-transform:none; color:rgba(102,102,102,1); margin-left:9px; margin-top:8px; line-height:11px; text-align:right; position:relative; left:8px; top:4px; white-space:nowrap} .error404{font-size:63px !important; margin-top:20px;} #flag{display:none} #flag2{float:left; border-right:1px solid #cc0000; margin:12px 0 0 40px; padding:11px 16px 5px 0px; width:80px !important; height:33px !important; display:inline} #pressroomList{margin-top:10px !important; border-top:1px solid #666666; font-size:11px; line-height:11px;} #pressroomList li{height:auto !important; background:rgba(255,255,255,1) url(../images/prarrow.png) no-repeat 10px 10px; padding:10px 0 10px 21px; border-bottom:1px solid #cccccc} #pressroomList a:link, #pressroomList a:visited{color:rgba(102,102,102,1)} #pressroomList a:hover, #pressroomList a:active{color:rgba(255,0,0,1)} } /*768px IPAD VERTICAL*/ @media only screen and (max-width:1009px){ #containerWrapper{margin:0 auto; width:768px !important} .slides li{height:375px !important; background-size:contain;-ms-behavior: url(http://clients.sprokkit.com/cke/2013/website/CarlsJr6/backgroundsize.min.htc);} .flexslider h1{font-size:76px; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; position:absolute; left:84px; top:6px; z-index:100} #headerInside{width:768px; margin:0 auto; height:77px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:15px;} #headerLinks li{float:left; margin-right:23px; margin-top:30px} #headerLinks ul{ margin-left:42px;} #logo{float:left; margin-left:11px; margin-top:-6px; border:0px; width:175px; height:67px;} #header {background-color:#FFFFFF; height: 57px; position: fixed; width:100%; top: 0; z-index:9999999;} #container {padding-top: 55px; margin:0 auto; text-align:left;} #home .loader{min-height:245px;} .loader {min-height: 375px;} #home #rightNav{position:relative; top:10px} #rightNav{width:91px; height:200px; right:-38px; background-image:url(../images/rightNavBGsmall.png); position:relative; top:10px} .rightNavLink1{margin:90px 0 0 5px; width:50px; height:31px;} .rightNavLink2{margin:10px 0 0 4px; width:50px; height:31px;} .rightNavLinkPhone{margin:10px 0 0 4px; width:48px; height:32px} .mainPic{float:right !important; width:242px !important; height:374px !important} #page{background-image:url(../images/gradient1024.png); background-repeat:repeat-x; background-position:0px 55px;} .faq #page{background-image:url(../images/gradient1024.png); background-repeat:repeat-x; background-attachment:fixed} #home .slides li{height:245px !important} .lastbox{width:232px !important; margin-right:0px !important} #homeBoxContainer{width:768px} #footNote{font-size:7px; margin-top:10px; color:#999999} .footNoteBig{font-size:8px} .floorPlan1, .floorPlan2, .floorPlan4{display:none !important} .floorPlan3{display:block !important} .homeBox{width:231px; height:85px;float:left;font-size:12px;background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ background-repeat:repeat-x;margin-right:1px;padding:20px 12px 12px 12px;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:14px} #homeLink a:link, #homeLink a:visited{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ff0000; text-decoration:none; cursor:pointer !important} #homeLink a:hover, #homeLink a:active{color:#000000 !important} #homeBanner01{float:right; position:relative; right:-3px; width:96px; height:87px; top:-4px;} #homeBanner02{float:right; position:relative; top:-5px; right:-12px; width:75px; height:102px} #homeBannerIFE{ margin:2px 0px 0px 3px; width:223px; } .homeBannerText{font-family:Arial, Helvetica, sans-serif; font-size:9px; text-transform:none; margin:10px 0 0 9px} .homeBannerText2{font-family:Arial, Helvetica, sans-serif; font-size:9px; text-transform:none; margin:10px 0 0 9px; white-space:nowrap} .homeBannerLink{margin-left:9px} .homeBannerArrows{position:relative; top:2px; right:-2px; width:29px; height:12px } .lastbox{background-image:url(../images/homeBanner_03_768.png); background: #3d3d3d; /* Old browsers */ background: -moz-linear-gradient(top, #3d3d3d 0%, #d9d9d9 5%, #d9d9d9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(5%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#d9d9d9 5%,#d9d9d9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */} .redArrow{positioin:relative; top:0px; width:3px; height:9px} .innerContentContactUs{margin-top:110px !important; padding-top:19px;} #franchiseeHome{font-size:7px; font-family:Arial, Helvetica, sans-serif; text-transform:none; color:rgba(102,102,102,1); margin-left:9px; margin-top:5px; line-height:9px; white-space:nowrap; text-align:right; position:relative; left:5px; top:5px;} .error404{font-size:44px !important; margin-top:20px;} #flag{display:none} #flag2{float:left; border-right:1px solid #cc0000; margin:9px 0 0 25px; padding:7px 14px 2px 0px; width:80px !important; height:33px !important; display:inline} #pressroomList{margin-top:0px !important; border-top:1px solid #666666; font-size:9px; line-height:9px;} #pressroomList li{height:auto !important; background:rgba(255,255,255,1) url(../images/prarrow.png) no-repeat 10px 7px; padding:8px 0 8px 21px; border-bottom:1px solid #cccccc} #pressroomList a:link, #pressroomList a:visited{color:rgba(102,102,102,1)} #pressroomList a:hover, #pressroomList a:active{color:rgba(255,0,0,1)} .prp{font-size:10px !important; line-height:13px;} } /*INNER PAGES BELOW*/ /*BRANDING*/ @media only screen and (min-width:1366px){ .innerContent{margin:242px 0 0 152px; width:800px; color:#666666} .innerContentPR{margin:180px 0 0 152px; width:800px; color:#666666} .innerContent404{margin:160px 0 0 152px; width:800px; color:#666666} .innerContent h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:20px; padding-bottom:27px;} .innerContent p{font-size:16px; line-height:23px; color:#888888} #brandingA{width: 668px; height:42px; margin:27px 0 0 -4px;} #timelineCol1{margin:9px 0 0 35px; width:54px; float:left; font-size:17px; font-weight:bold; line-height:31px; border-right:1px solid #666666} #timelineCol2{margin:9px 20px 0 12px; height:200px; float:left; font-size:17px; line-height:31px} #youtubeThumbPic{width:779px; height:149px; margin-top:33px; margin-bottom:5px} #youtubeThumbPic2{width: 569px !important; height: 168px;margin-top: 0px; margin-bottom: 5px;display: inline-block;float: left; position: relative;right: 5px; bottom: 3px;} #brandBook {width: 93px;height: 89px; float: left;margin-top: 10px;margin-bottom: 5px;margin-left: 45px;} #intlAds{position:relative; bottom:12px} #youtubeText1{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px} #youtubeText2{color:red; font-size:10px; padding-left:7px} #youtubeText3{font-size:12px; color:#999999; padding-left:5px;} #youtubeThumb{line-height:16px} #redArrow{width:3px; height:5px; display:inline; margin:2px} .franchiseHeader {padding-bottom:6px !important} .franchiseText{font-size:15px !important; width:790px !important} .firsts{position:relative; left:20px; line-height:1.7em !important} .historyBG{background-image:url(../images/mainImage_Branding1366_01.png) !important; background-repeat:no-repeat} #firstsSlide{background-image:url(../images/mainImage_Firsts1366_01.png) !important; background-repeat:no-repeat} #firstsText1{margin:95px 30px 0 277px; padding-top:20px; padding-bottom:15px;width:200px; float:left; text-align:center} #firstsText1 li{height:auto !important; padding-left:10px; margin-bottom:13px; font-size:13px; line-height:15px; } #firstsText2{margin:95px 30px 0 7px; padding-top:20px; padding-bottom:15px;width:240px; float:left; text-align:center} #firstsText2 li{height:auto !important; padding-left:10px; margin-bottom:13px; font-size:13px; line-height:15px; } } @media only screen and (min-width:1280px) and (max-width:1365px){ .innerContent{margin:227px 0 0 143px; width:745px; color:#666666} .innerContentPR{margin:160px 0 0 143px; width:745px; color:#666666} .innerContent404{margin:155px 0 0 143px; width:745px; color:#666666} .innerContent h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:19px; padding-bottom:22px;} .innerContent p{font-size:15px; line-height:23px;} #brandingA{width:625px; height:39px; margin:20px 0 0 -4px;} #timelineCol1{margin:7px 0 0 31px; width:51px; float:left; font-size:16px; font-weight:bold; line-height:29px; border-right:1px solid #666666} #timelineCol2{margin:7px 20px 0 12px; height:200px; float:left; font-size:16px; line-height:29px;} #youtubeThumbPic{width:734px; height:141px; margin-top:28px; margin-bottom:5px} #youtubeThumbPic2{width: 427px !important; height: 127px; margin-top: 0px; margin-bottom: 3px; display: inline-block; float: left; position: relative; bottom: 7px; right: 5px;} #brandBook { width: 70px; height: 69px; margin-top: 0px; margin-bottom: 3px; position: relative; left: 20px; top: 2px; } #intlAds{position:relative; bottom:15px} #youtubeText1{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:15px; padding-left:5px} #youtubeText2{color:red; font-size:10px; padding-left:7px} #youtubeText3{font-size:11px; color:#999999; padding-left:5px;} #youtubeThumb{line-height:16px} #redArrow{width:3px; height:5px; display:inline; margin:2px} .franchiseHeader {padding-bottom:5px !important} .franchiseText{font-size:15px !important; line-height:20px !important; width:720px !important} .firsts{position:relative; left:18px; line-height:1.7em !important} .historyBG{background-image:url(../images/mainImage_Branding1280_01.png) !important; background-repeat:no-repeat} #firstsSlide{background-image:url(../images/mainImage_Firsts1280_01.png) !important; background-repeat:no-repeat} #firstsText1{margin:84px 20px 0 257px; padding-top:20px; padding-bottom:15px;width:180px; float:left; text-align:center} #firstsText1 li{height:auto !important; padding-left:10px; margin-bottom:13px; font-size:12px; line-height:12px; } #firstsText2{margin:84px 30px 0 13px; padding-top:20px; padding-bottom:15px;width:220px; float:left; text-align:center} #firstsText2 li{height:auto !important; padding-left:10px; margin-bottom:13px; font-size:12px; line-height:12px; } } @media only screen and (min-width:1010px) and (max-width:1279px){ .innerContent{margin:181px 0 0 113px; width:610px; color:#666666} .innerContentPR{margin:120px 0 0 113px; width:610px; color:#666666} .innerContent404{margin:130px 0 0 113px; width:610px; color:#666666; font-size:11px} .innerContent h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:15px; padding-bottom:16px;} .innerContent p{font-size:12px; line-height:19px;} #brandingA{width:502px; height:32px; margin:16px 0 0 -2px;} #timelineCol1{margin:8px 0 0 27px; width:40px; float:left; font-size:12px; font-weight:bold; line-height:23px; border-right:1px solid #666666} #timelineCol2{margin:8px 20px 0 10px; height:200px; float:left; font-size:12px; line-height:23px} #youtubeThumbPic{width:588px; height:114px; margin-top:24px; margin-bottom:3px} #youtubeThumbPic2{width: 427px !important; width: 427px !important; height: 127px; margin-top: 0px; margin-bottom: 3px; display: inline-block; float: left; position: relative; bottom: 7px; right: 5px; } #brandBook { width: 70px; height: 69px; margin-top: 0px; margin-bottom: 3px; position: relative; left: 20px; top: 2px; } #intlAds{position:relative; bottom:14px} #youtubeText1{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px} #youtubeText2{color:red; font-size:8px; padding-left:7px} #youtubeText3{font-size:9px; color:#999999; padding-left:5px;} #youtubeThumb{line-height:12px} #redArrow{width:3px; height:5px; display:inline; margin:2px} .franchiseHeader {padding-bottom:4px !important} .franchiseText{font-size:12px !important; line-height:17px !important; width:590px !important} .firsts{position:relative; left:15px; line-height:1.7em !important} .historyBG{background-image:url(../images/mainImage_Branding1024_01.png) !important; background-repeat:no-repeat} #firstsSlide{background-image:url(../images/mainImage_Firsts1024_01.png) !important; background-repeat:no-repeat} #firstsText1{margin:64px 0px 0 200px; padding-top:20px; padding-bottom:15px;width:160px; float:left; text-align:center} #firstsText1 li{height:auto !important; padding-left:10px; margin-bottom:6px; font-size:10px; line-height:12px; } #firstsText2{margin:64px 30px 0 8px; padding-top:20px; padding-bottom:15px;width:190px; float:left; text-align:center} #firstsText2 li{height:auto !important; padding-left:10px; margin-bottom:6px; font-size:10px; line-height:12px; } } @media only screen and (max-width:1009px){ .innerContent{margin:136px 0 0 85px; width:465px; color:#666666} .innerContentPR{margin:90px 0 0 85px; width:465px; color:#666666} .innerContent404{margin:100px 0 0 85px; width:465px; color:#666666; font-size:11px !important} .innerContent h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:12px;} .innerContent p{font-size:9px; line-height:14px;} #brandingA{width:376px; height:24px; margin:12px 0 0 -2px;} #timelineCol1{margin:2px 0 0 21px; width:29px; float:left; font-size:9px; font-weight:bold; line-height:18px; border-right:1px solid black} #timelineCol2{margin:2px 20px 0 10px; height:200px; float:left; font-size:9px; line-height:18px} #youtubeThumbPic{width:441px; height:86px; margin-top:18px; margin-bottom:3px} #youtubeThumbPic2{ width: 320px !important; height: 96px; margin-top: 0px;margin-bottom: 3px;display: inline-block;float: left; position: relative; right: 3px; bottom: 6px;} #brandBook {width: 52px;height: 51px; margin-top: 0px;margin-bottom: 3px;position: relative;left: 20px; top: 1px;} #intlAds{position:relative; bottom:10px} #youtubeText1{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px} #youtubeText2{color:red; font-size:8px; padding-left:7px} #youtubeText3{font-size:9px; color:#999999; padding-left:5px;} #youtubeThumb{line-height:12px} #redArrow{width:3px; height:5px; display:inline; margin:2px} .franchiseHeader {padding-bottom:4px !important} .franchiseText{font-size:9px !important; line-height:13px !important; width:430px !important} .firsts{position:relative; left:10px; line-height:1.7em !important} .historyBG{background-image:url(../images/mainImage_Branding768_01.png) !important; background-repeat:no-repeat} #firstsSlide{background-image:url(../images/mainImage_Firsts768_01.png) !important; background-repeat:no-repeat} #firstsText1{margin:46px 0px 0 153px; padding-top:20px; padding-bottom:15px;width:128px; float:left; text-align:center} #firstsText1 li{height:auto !important; padding-left:10px; margin-bottom:3px; font-size:8px; line-height:10px; } #firstsText2{margin:46px 0px 0 0px; padding-top:20px; padding-bottom:15px;width:150px; float:left; text-align:center} #firstsText2 li{height:auto !important; padding-left:10px; margin-bottom:3px; font-size:8px; line-height:10px; } } /*FRANCHISE INFO*/ @media only screen and (min-width:1366px){ #requirements{line-height:24px; font-size:16px;} #requirements strong{font-size:16px;} #requirements td{border-bottom:1px solid #EAEAEA} #requirementsContainer{width:784px;} .appHeader {padding-bottom:6px; font-size:24px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;} .appText{font-size:15px !important; width:200px !important; float:left} #appList li{width:358px !important; height:18px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px; padding-left:15px; font-size:16px; padding:4px 0 2px 10px; border-bottom:1px solid #EAEAEA;} #devCol{margin-left:48px;} #trainingCol1, #trainingCol2, #trainingCol3{float:left !important; margin:15px 0px; font-size:16px;} #trainingCol1, #trainingCol2{border-right:1px solid #cccccc; padding-right:64px;} #trainingCol2, #trainingCol3{margin-left:20px;} #trainingCol1 li, #trainingCol2 li, #trainingCol3 li{height:16px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; padding:4px 0 0 10px; background-size:auto; background-position:0px 9px !important;} .trainingHeader{clear:both; width:700px; padding-top:19px;} .trainingHeader2{width:770px; border-top:1px solid #EAEAEA; padding-top:15px; margin-top:76px} #trainingMain{margin-top:18px;} #trainingMain li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; font-size:16px; line-height:19px;} .innerContent .financingText{font-size:12px; width:775px; line-height:16px; padding-bottom:5px; border-bottom:1px solid #EAEAEA} #financingCSS{margin-top:234px !important} #financingCSS a:link, #financingCSS a:hover{color:#666666} #financingCSS a:hover, #financingCSS a:active{color:red} #financingCol1, #financingCol2, #financingCol3{margin-top:20px; font-size:12px; line-height:15px;} #financingCol1{width:289px; float:left} #financingCol2{width:247px; float:left} #financingCol3{width:190px; float:left} .financingBold{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:15px} .financingArrow{width:6px !important; height:7px !important; display:inline !important; padding:2px;} .moreDetails{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#cc0000; font-size:16px} #moreDetails{margin-top:29px} .pdfLink{width:31px !important; height:14px !important; display:inline !important; padding-left:5px;} .contactCTA{color:#cc0000} .contactCTA2{color:#666666; font-size:14px; text-transform:uppercase; font-weight:bold; display: block; margin-top: -10px;} .contactP{margin-top:16px; width:779px; border-bottom:1px solid #EAEAEA; padding-bottom:9px} /*.contactInfo{float:left !important; width:235px !important; line-height:18px !important; background-image:url(../images/redArrowBig.png); background-repeat:no-repeat; padding-left:20px; margin:35px 0 0 41px; font-size:13px !important;} .contactName{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:24px; color:#666666} .contactDetails{font-size:23px; line-height:30px;}*/ #contactCol2{margin-left:144px} .contactDetails a:link, .contactDetails a:visited{color:#888888} .contactDetails a:hover, .contactDetails a:active{color:#cc0000} .contactBox{width:780px; border-top:1px solid #ccc; float:left;} .contactName{width:290px; float:left; padding:14px 0 10px 17px; background:url(../images/contactArrow.png) no-repeat 0px 16px; line-height:19px;} .contactNameBold{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#666666; font-size:20px} .contactNumber{width:180px; float:left; padding:16px 0 14px 0px; font-size:20px} .contactEmail{width:100px; float:left; padding:16px 0 14px 0; font-size:20px} .contactBox1{margin-top:6px;} .contactBox2{margin-bottom:0px;} .contactBox3{margin-top:0px; border-top: none;} .contactEmail a:link, .contactEmail a:visited{color:#666666} .contactEmail a:hover, .contactEmail a:active{color:#cc0000} } @media only screen and (min-width:1280px) and (max-width:1365px){ #requirements{line-height:22px; font-size:15px;} #requirements strong{font-size:15px;} #requirements td{border-bottom:1px solid #EAEAEA} #requirementsContainer{width:735px;} .appHeader {padding-bottom:6px; font-size:23px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;} .appText{font-size:15px !important; width:200px !important; float:left} #appList li{width:336px !important; height:16px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px; padding-left:15px; font-size:15px; padding:4px 0 2px 10px; border-bottom:1px solid #EAEAEA;} #devCol{margin-left:41px;} #trainingCol1, #trainingCol2, #trainingCol3{float:left !important; margin:15px 0px; font-size:15px;} #trainingCol1, #trainingCol2{border-right:1px solid #cccccc; padding-right:64px;} #trainingCol2, #trainingCol3{margin-left:20px;} #trainingCol1 li, #trainingCol2 li, #trainingCol3 li{height:14px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; padding:4px 0 0 10px; background-size:auto; background-position:0px 9px !important;} .trainingHeader{clear:both; width:700px; padding-top:19px;} .trainingHeader2{width:740px; border-top:1px solid #EAEAEA; padding-top:15px; margin-top:70px} #trainingMain{margin-top:18px;} #trainingMain li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; font-size:15px; line-height:19px;} .innerContent .financingText{font-size:12px; width:730px; line-height:16px; padding-bottom:5px; border-bottom:1px solid #EAEAEA} #financingCSS{margin-top:221px !important} #financingCSS a:link, #financingCSS a:hover{color:#666666} #financingCSS a:hover, #financingCSS a:active{color:red} #financingCol1, #financingCol2, #financingCol3{margin-top:20px; font-size:11px; line-height:14px;} #financingCol1{width:271px; float:left} #financingCol2{width:234px; float:left} #financingCol3{width:190px; float:left} .financingBold{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:14px} .financingArrow{width:6px !important; height:7px !important; display:inline !important; padding:2px;} .moreDetails{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#cc0000; font-size:16px} #moreDetails{margin-top:22px} .pdfLink{width:31px !important; height:14px !important; display:inline !important; padding-left:5px;} .contactCTA{color:#cc0000} .contactCTA2{color:#666666; font-size:14px; text-transform:uppercase; font-weight:bolder; display: block; margin-top: -10px;} .contactP{margin-top:7px; width:734px; border-bottom:1px solid #EAEAEA; padding-bottom:9px} /*.contactInfo{float:left !important; width:235px !important; line-height:18px !important; background-image:url(../images/redArrowBig.png); background-repeat:no-repeat; padding-left:20px; margin:35px 0 0 37px; font-size:13px !important;} .contactName{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:21px; color:#666666}*/ .contactDetails{font-size:21px; line-height:28px;} #contactCol2{margin-left:120px} .contactDetails a:link, .contactDetails a:visited{color:#888888} .contactDetails a:hover, .contactDetails a:active{color:#cc0000} .contactBox{width:730px; border-top:1px solid #ccc; float:left;} .contactName{width:290px; float:left; padding:14px 0 7px 17px; background:url(../images/contactArrow.png) no-repeat 0px 15px; line-height:19px; font-size: 12px;} .contactNameBold{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#666666; font-size:16px} .contactNumber{width:180px; float:left; padding:17px 0 14px 0px; font-size:19px} .contactEmail{width:100px; float:left; padding:17px 0 14px 0; font-size:19px} .contactBox1{margin-top:4px;} .contactBox2{margin-bottom:0px;} .contactBox3{margin-top:0px; border-top: none;} .contactEmail a:link, .contactEmail a:visited{color:#666666} .contactEmail a:hover, .contactEmail a:active{color:#cc0000} } @media only screen and (min-width:1010px) and (max-width:1279px){ #requirements{line-height:18px; font-size:13px;} #requirements strong{font-size:13px;} #requirements td{border-bottom:1px solid #EAEAEA} #requirementsContainer{width:585px;} .appHeader {padding-bottom:6px; font-size:18px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;} .appText{font-size:15px !important; width:200px !important; float:left} #appList li{width:268px !important; height:12px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px; padding-left:15px; font-size:12px; padding:4px 0 2px 10px; border-bottom:1px solid #EAEAEA;} #devCol{margin-left:32px;} #trainingCol1, #trainingCol2, #trainingCol3{float:left !important; margin:15px 0px; font-size:12px;} #trainingCol1, #trainingCol2{border-right:1px solid #cccccc; padding-right:60px;} #trainingCol2, #trainingCol3{margin-left:20px;} #trainingCol1 li, #trainingCol2 li, #trainingCol3 li{height:9px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; padding:4px 0 0 10px; background-size:auto; background-position:0px 9px !important;} .trainingHeader{clear:both; width:700px; padding-top:19px;} .trainingHeader2{width:588px; border-top:1px solid #EAEAEA; padding-top:13px; margin-top:56px} #trainingMain{margin-top:18px;} #trainingMain li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:9px; font-size:12px; line-height:15px;} .innerContent .financingText{font-size:11px; width:587px; line-height:14px; padding-bottom:5px; border-bottom:1px solid #EAEAEA} #financingCSS{margin-top:176px !important} #financingCSS a:link, #financingCSS a:hover{color:#666666} #financingCSS a:hover, #financingCSS a:active{color:red} #financingCol1, #financingCol2, #financingCol3{margin-top:12px; font-size:9px; line-height:12px;} #financingCol1{width:218px; float:left} #financingCol2{width:184px; float:left} #financingCol3{width:185px; float:left} .financingBold{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:12px} .financingArrow{width:6px !important; height:7px !important; display:inline !important; padding:2px;} .moreDetails{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#cc0000; font-size:13px} #moreDetails{margin-top:22px} .pdfLink{width:15px !important; height:10px !important; display:inline !important; padding-left:5px;} .contactCTA{color:#cc0000} .contactCTA2{color:#666666; font-size:13px; text-transform:uppercase; font-weight:bold; display: block; margin-top: -10px;} .contactP{margin-top:7px; width:590px; border-bottom:1px solid #EAEAEA; padding-bottom:9px} /*.contactInfo{float:left !important; width:200px !important; line-height:15px !important; background-image:url(../images/redArrowBig.png); background-repeat:no-repeat; padding-left:20px; margin:22px 0 0 23px; font-size:11px !important;} .contactName{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:19px; color:#666666} .contactDetails{font-size:18px; line-height:21px;}*/ #contactCol2{margin-left:80px} .contactDetails a:link, .contactDetails a:visited{color:#888888} .contactDetails a:hover, .contactDetails a:active{color:#cc0000} .contactBox{width:583px; border-top:1px solid #ccc; float:left;} .contactName{width:240px; float:left; padding:5px 0 7px 17px; background:url(../images/contactArrow2.png) no-repeat 3px 7px; line-height:16px; font-size:12px;} .contactNameBold{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#666666; font-size:16px} .contactNumber{width:140px; float:left; padding:7px 0 10px 0px; font-size:14px} .contactEmail{width:100px; float:left; padding:7px 0 10px 0; font-size:14px} .contactBox1{margin-top:4px;} .contactBox2{margin-bottom:0px;} .contactBox3{margin-top:0px; border: none;} .contactEmail a:link, .contactEmail a:visited{color:#666666} .contactEmail a:hover, .contactEmail a:active{color:#cc0000} } @media only screen and (max-width:1009px){ #requirements{line-height:13px; font-size:10px;} #requirements strong{font-size:9px;} #requirements td{border-bottom:1px solid #EAEAEA} #requirementsContainer{width:440px;} .appHeader {padding-bottom:6px; font-size:14px; font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;} .appText{font-size:15px !important; width:200px !important; float:left} #appList li{width:197px !important; height:7px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px; padding-left:15px; font-size:9px; padding:4px 0 2px 10px; border-bottom:1px solid #EAEAEA;} #devCol{margin-left:25px;} #trainingCol1, #trainingCol2, #trainingCol3{float:left !important; margin:9px 0px; font-size:9px;} #trainingCol1, #trainingCol2{border-right:1px solid #cccccc; padding-right:30px;} #trainingCol2, #trainingCol3{margin-left:20px;} #trainingCol1 li, #trainingCol2 li, #trainingCol3 li{height:8px !important; background-image:url(../images/greyBullet.png); background-repeat:no-repeat; padding:4px 0 0 8px; background-size:auto; background-position:0px 6px !important;} .trainingHeader{clear:both; width:441px; border-top:1px solid #EAEAEA; padding-top:14px;} .trainingHeader2{width:445px; border-top:1px solid #EAEAEA; padding-top:13px; margin-top:40px} h2 .trainingHeader1{padding-bottom:0px !important; margin-bottom:0px !important; display:inline;} #trainingMain{margin-top:12px} #trainingMain li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 2px; height:auto !important; padding-left:8px; margin-bottom:8px; font-size:9px; line-height:10px;} .innerContent .financingText{font-size:8px; width:435px; line-height:10px; padding-bottom:5px; border-bottom:1px solid #EAEAEA} #financingCSS{margin-top:130px !important} #financingCSS a:link, #financingCSS a:hover{color:#666666} #financingCSS a:hover, #financingCSS a:active{color:red} #financingCol1, #financingCol2, #financingCol3{margin-top:5px; font-size:8px; line-height:10px;} #financingCol1{width:163px; float:left} #financingCol2{width:140px; float:left} #financingCol3{width:100px; float:left} .financingBold{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:9px} .financingArrow{width:2px !important; height:3px !important; display:inline !important; padding:2px;} .moreDetails{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#cc0000; font-size:12px} #moreDetails{margin-top:10px} .pdfLink{width:16px !important; height:7px !important; display:inline !important; padding-left:5px;} .contactCTA{color:#cc0000} .contactCTA2{color:#666666; font-size:10px; text-transform:uppercase; font-weight:bold; display: block; margin-top: -5px;} .contactP{margin-top:7px; width:443px; border-bottom:1px solid #EAEAEA; padding-bottom:5px} /*.contactInfo{float:left !important; width:160px !important; line-height:12px !important; background-image:url(../images/redArrowBig.png); background-repeat:no-repeat; padding-left:20px; margin:16px 0 0 12px; font-size:8px !important;} .contactName{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:14px; color:#666666} .contactDetails{font-size:15px; line-height:12px;}*/ #contactCol2{margin-left:46px} .contactDetails a:link, .contactDetails a:visited{color:#888888} .contactDetails a:hover, .contactDetails a:active{color:#cc0000} .contactBox{width:437px; border-top:1px solid #ccc; float:left;} .contactName{width:180px; float:left; padding:5px 0 4px 17px; background:url(../images/contactArrow2.png) no-repeat 0px 5px; line-height:11px; font-size:8px;} .contactNameBold{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color:#666666; font-size:14px} .contactNumber{width:100px; float:left; padding:6px 0 5px 0px; font-size:13px} .contactEmail{width:70px; float:left; padding:6px 0 5px 0; font-size:13px} .contactBox1{margin-top:0px;} .contactBox2{margin-bottom:0px;} .contactBox3{margin-top:0px; border-top: none;} .contactEmail a:link, .contactEmail a:visited{color:#666666} .contactEmail a:hover, .contactEmail a:active{color:#cc0000} } /*DEVELOPMENT*/ @media only screen and (min-width:1366px){ .mapTitle {font-size:24px !important; margin-top:249px; margin-bottom:8px;} .mapTitle2 {font-size:20px !important; margin-bottom:8px;} .mapText{font-size:15px !important; line-height:21px !important;} .mapText2 {font-size:15px !important; line-height:21px !important; width:220px !important; float:right !important;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; line-height:14px !important; margin-top:202px; position:relative; right:-22px; top:-1px;} .innerContent .mapText2 p{font-family:Arial, Helvetica, sans-serif !important} .mapText3{font-size:13px; font-family:Arial, Helvetica, sans-serif} .mapText3 a:link, .mapText3 a:visited{color:#cc0000} .mapText3 a:hover, .mapText3 a:active{color:black} #galleryThumbnailContainer{position:relative; left:-8px} .galleryThumb{width:125px !important; height:125px !important; float:left; margin:7px;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);} #devMap{background-image:url(../images/map_1366.png); width:700px; height:400px} #galleryClick{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:25px; float:left; margin:18px 0 0 5px} #galleryClick img{width:27px !important; height:27px !important; float:left; margin-right:8px} .realestateText {font-size:14px !important} #floorPlan{width:784px !important; height:203px !important; position: relative; left:-25px; margin-top:15px} .prototypeTextBox{width:340px; float:left; margin-top:16px; font-size:15px; line-height:21px;} .prototypeTextBox2{ margin-left:50px;} .prototypeName{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:32px; } .prototypeSeats{ margin-left:6px; color: #cc0000;} .prototypeLine{width:250px; height:1px; background-color:#EAEAEA; margin-bottom:6px; margin-top:8px;} .prototypeArrow{width:5px !important; height:7px !important; display:inline !important; } .prototypeDetails{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color: #cc0000} .prototypePDF{width:31px !important; height:14px !important; display: inline !important} #canadaBox{margin-top:20px; width:200px; font-size:12px; line-height:16px;} #canadaBox strong{font-size:14px} #canadaBox1{background-color:red; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox2{background-color:#FFC025; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox3{background-color:#126EB7; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaGap{font-size:1px} } @media only screen and (min-width:1280px) and (max-width:1365px){ .mapTitle {font-size:22px !important; margin-top:235px; margin-bottom:5px;} .mapTitle2 {font-size:18px !important; margin-bottom:8px;} .mapText{font-size:14px !important; line-height:20px !important;} .mapText2 {font-size:15px !important; line-height:21px !important; width:220px !important; float:right !important;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; line-height:14px !important; margin-top:202px; position:relative; right:-33px; top:-13px;} .innerContent .mapText2 p{font-family:Arial, Helvetica, sans-serif !important} .mapText3{font-size:13px; font-family:Arial, Helvetica, sans-serif} .mapText3 a:link, .mapText3 a:visited{color:#cc0000} .mapText3 a:hover, .mapText3 a:active{color:black} #galleryThumbnailContainer{position:relative; left:-8px} .galleryThumb{width:115px !important; height:115px !important; float:left; margin:8px;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);} #devMap{background-image:url(../images/map_1280.png); width:663px; height:376px} #galleryClick{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:22px; float:left; margin:12px 0 0 2px} #galleryClick img{width:26px !important; height:25px !important; float:left; margin-right:8px} .realestateText {font-size:13px !important} #floorPlan{width:733px !important; height:190px !important; position: relative; left:-25px; margin-top:15px} .prototypeTextBox{width:330px; float:left; margin-top:18px; font-size:14px; line-height:19px;} .prototypeTextBox2{ margin-left:35px;} .prototypeName{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:30px; } .prototypeSeats{ margin-left:6px; color: #cc0000;} .prototypeLine{width:230px; height:1px; background-color:#EAEAEA; margin-bottom:8px; margin-top:9px;} .prototypeArrow{width:5px !important; height:7px !important; display:inline !important; } .prototypeDetails{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color: #cc0000} .prototypePDF{width:31px !important; height:14px !important; display: inline !important} #canadaBox{margin-top:20px; width:200px; font-size:12px; line-height:16px;} #canadaBox strong{font-size:14px} #canadaBox1{background-color:red; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox2{background-color:#FFC025; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox3{background-color:#126EB7; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaGap{font-size:1px} } @media only screen and (min-width:1010px) and (max-width:1279px){ .mapTitle {font-size:18px !important; margin-top:187px; margin-bottom:5px;} .mapTitle2 {font-size:15px !important; margin-bottom:8px;} .mapText{font-size:11px !important; line-height:16px !important;} .mapText2 {font-size:15px !important; width:220px !important; float:right !important;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; line-height:11px !important; margin-top:150px; position:relative; right:-70px;} .innerContent .mapText2 p{font-family:Arial, Helvetica, sans-serif !important} .mapText3{font-size:11px; font-family:Arial, Helvetica, sans-serif} .mapText3 a:link, .mapText3 a:visited{color:#cc0000} .mapText3 a:hover, .mapText3 a:active{color:black} #galleryThumbnailContainer{position:relative; left:-5px} .galleryThumb{width:90px !important; height:90px !important; float:left; margin:7px;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);} #devMap{background-image:url(../images/map_1024.png); width:535px; height:301px} #galleryClick{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:18px; float:left; margin:9px 0 0 6px} #galleryClick img{width:21px !important; height:20px !important; float:left; margin-right:5px} .realestateText {font-size:11px !important} #floorPlan{width:588px !important; height:152px !important; position: relative; left:-20px; margin-top:15px} .prototypeTextBox{width:280px; float:left; margin-top:18px; font-size:10px; line-height:14px;} .prototypeTextBox2{ margin-left:12px;} .prototypeName{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:25px; } .prototypeSeats{ margin-left:6px; color: #cc0000;} .prototypeLine{width:180px; height:1px; background-color:#EAEAEA; margin-bottom:6px; margin-top:7px;} .prototypeArrow{width:5px !important; height:7px !important; display:inline !important; } .prototypeDetails{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color: #cc0000} .prototypePDF{width:31px !important; height:14px !important; display: inline !important} #canadaBox{margin-top:20px; width:200px; font-size:12px; line-height:16px;} #canadaBox strong{font-size:14px} #canadaBox1{background-color:red; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox2{background-color:#FFC025; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox3{background-color:#126EB7; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaGap{font-size:1px} } @media only screen and (max-width:1009px){ .mapTitle {font-size:14px !important; margin-top:140px; margin-bottom:5px;} .mapTitle2 {font-size:12px !important; margin-bottom:8px;} .mapText{font-size:8px !important; line-height:11px !important;} .mapText2 {width:220px !important; float:right !important;font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; line-height:8px !important; margin-top:117px; position:relative; right:-113px;} .innerContent .mapText2 p{font-family:Arial, Helvetica, sans-serif !important} .mapText3{font-size:8px; font-family:Arial, Helvetica, sans-serif} .mapText3 a:link, .mapText3 a:visited{color:#cc0000} .mapText3 a:hover, .mapText3 a:active{color:black} #galleryThumbnailContainer{position:relative; left:-4px} .galleryThumb{width:68px !important; height:68px !important; float:left; margin:5px;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);}#devMap{background-image:url(../images/map_768.png); width:415px; height:226px} #galleryClick{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:6px 0 0 3px} #galleryClick img{width:15px !important; height:15px !important; float:left; margin-right:5px} .realestateText {font-size:8px !important} #floorPlan{width:438px !important; height:113px !important; position: relative; left:-15px; margin-top:10px} .prototypeTextBox{width:200px; float:left; margin-top:12px; font-size:8px; line-height:11px;} .prototypeTextBox2{ margin-left:12px;} .prototypeName{ font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:19px; } .prototypeSeats{ margin-left:6px; color: #cc0000;} .prototypeLine{width:140px; height:1px; background-color:#EAEAEA; margin-bottom:4px; margin-top:3px;} .prototypeArrow{width:5px !important; height:7px !important; display:inline !important; } .prototypeDetails{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; color: #cc0000} .prototypePDF{width:31px !important; height:14px !important; display: inline !important} #canadaBox{margin-top:20px; width:150px; font-size:10px; line-height:12px;} #canadaBox strong{font-size:11px} #canadaBox1{background-color:red; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox2{background-color:#FFC025; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaBox3{background-color:#126EB7; width:14px; height:14px; position:relative; top:3px; right:2px} #canadaGap{font-size:1px} } /*INTERNATIONAL*/ @media only screen and (min-width:1366px){ .intlNed{font-size:16px;} #intlCol1{width:350px; float:left; margin:191px 0 0 154px; font-size:10px; color:#666666} #intlCol1-int{width:350px; float:left; margin:260px 0 0 154px; font-size:10px; color:#666666} #intlCol1-int2{width:230px; float:left; margin:260px 0 0 154px; font-size:10px; color:#666666} #intlCol2{width:705px; float:left; margin:193px 0 0 60px; font-size:12px; color:#666666} #intlCol2-int{width:705px; float:left; margin:260px 0 0 60px; font-size:12px; color:#666666} #intlHeader{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:34px; color:#666666} #intlCol1 p{font-size:14px; margin:15px 0 15px 0; line-height:20px;} #intlCol1 a:link, #intlCol1 a:visited{color:#666666} #intlCol1 a:hover, #intlCol1 a:active{color:#cc0000} #intlCol1-int p{font-size:14px; margin:15px 0 15px 0; line-height:20px;} #intlCol1-int a:link, #intlCol1 a:visited{color:#666666} #intlCol1-int a:hover, #intlCol1 a:active{color:#cc0000} #taketour{width:344px !important; height:69px !important; margin-bottom:17px; margin-top:12px} #mapSmallText{text-align:center !important; line-height:17px} #mapSmallText a:link, #mapSmallText a:visited{color:black} #mapSmallText a:hover, #mapSmallText a:active{color:#cc0000} #canada{float:left; width:130px !important; height:29px !important; margin-right:40px;} #australia{float:left; width:126px !important; height:29px !important; margin-bottom:25px;} #canada2{float:left; width:130px !important; height:29px !important; margin-right:40px; margin-top:15px} #australia2{float:left; width:126px !important; height:29px !important; margin-bottom:15px; margin-top:20px;} #intLine{width:237px; height:1px; background-color:#cccccc; float:left } .intlSmallText{font-size:12px; margin-top:10px;} .intlHardees{color:#999999; line-height:12px;} #intlCol2Header h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:24px; display:inline; color:#666666} #intlCol2Header{ border-bottom:1px solid #cccccc; padding-bottom:6px; margin-bottom:20px;} #intlCol2Header2{padding-bottom:6px; margin-bottom:20px;} #intlYellow{width:15px; height:15px; display:inline !important; margin:0 6px 0 16px} #intlRed{width:15px; height:15px; display:inline !important; margin:0 6px 0 24px;} #intlMap{position:relative; left:38px; top:-8px; width:550px; height:298px; margin-top:265px; margin-bottom:10px;} #textUnderMap{font-size:12px; color:#676767; position:relative; left:70px} .intlTextLift{position: relative; bottom:3px;} .availableMarkets{float:left} .availableMarkets:nth-child(2){margin-left:4px;} .aMbox{position:relative; bottom:-2px} } @media only screen and (min-width:1280px) and (max-width:1365px){ #intlCol1{width:350px; float:left; margin:179px 0 0 143px; font-size:10px; color:#666666} #intlCol1-int{width:350px; float:left; margin:230px 0 0 143px; font-size:10px; color:#666666} #intlCol2{width:644px; float:left; margin:181px 0 0 37px; font-size:11px; color:#666666} #intlCol2-int{width:644px; float:left; margin:230px 0 0 37px; font-size:11px; color:#666666} #intlCol1-int2{width:230px; float:left; margin:235px 0 0 143px; font-size:10px; color:#666666} #taketour{width:323px !important; height:65px !important; margin-bottom:45px;} #canada{float:left; width:130px !important; height:29px !important; margin-right:40px;} #australia{float:left; width:126px !important; height:29px !important; margin-bottom:25px;} #canada2{float:left; width:130px !important; height:29px !important; margin-right:40px; margin-top:15px} #australia2{float:left; width:126px !important; height:29px !important; margin-bottom:15px; margin-top:20px} #intLine{width:230px; height:1px; background-color:#cccccc; float:left } .intlSmallText{font-size:11px; margin-top:10px;} .intlHardees{color:#999999; line-height:12px;} #intlCol2Header h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:23px; display:inline; color:#666666} #intlCol2Header{ border-bottom:1px solid #cccccc; padding-bottom:6px; margin-bottom:20px;} #intlYellow{width:15px; height:15px; display:inline !important; margin:0 6px 0 11px} #intlRed{width:15px; height:15px; display:inline !important; margin:0 6px 0 17px;} .intlTextLift{position: relative; bottom:3px;} .availableMarkets{float:left} .availableMarkets:nth-child(2){margin-left:10px;} #intlMap{position:relative; left:34px; top:-3px; width:480px !important; height:280px !important; margin-top:240px} #textUnderMap{font-size:12px; color:#676767; position:relative; left:55px; top:10px} #mapSmallText{text-align:center !important; line-height:17px} #mapSmallText a:link, #mapSmallText a:visited{color:black} #mapSmallText a:hover, #mapSmallText a:active{color:#cc0000} #intlHeader{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:32px; color:#666666} #intlCol1 p{font-size:12px; margin:14px 0 17px 0; line-height:17px;} #intlCol1-int p{font-size:12px; margin:14px 0 17px 0; line-height:17px;} #taketour{width:323px !important; height:65px !important; margin-bottom:20px;} .intlNed{font-size:14px;} .aMbox{position:relative; bottom:-4px} } @media only screen and (min-width:1010px) and (max-width:1279px){ #intlCol1{width:270px; float:left; margin:144px 0 0 116px; font-size:9px; color:#666666} #intlCol1-int{width:270px; float:left; margin:190px 0 0 116px; font-size:9px; color:#666666} #intlCol2{width:512px; float:left; margin:144px 0 0 37px; font-size:9px; color:#666666} #intlCol2-int{width:512px; float:left; margin:190px 0 0 37px; font-size:8px; color:#666666} #intlCol1-int2{width:230px; float:left; margin:190px 0 0 114px; font-size:8px; color:#666666} .intl-p2{font-size:12px} #intlHeader{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:26px; color:#666666} #intlCol1 p{font-size:11px; margin:15px 0 18px 0; line-height:17px;} #taketour{width:259px !important; height:53px !important; margin-bottom:35px;} #canada{float:left; width:102px !important; height:23px !important; margin-right:40px;} #australia{float:left; width:99px !important; height:23px !important; margin-bottom:15px;} #canada{float:left; width:102px !important; height:23px !important; margin-right:40px; margin-top:10px} #australia2{float:left; width:99px !important; height:23px !important; margin-bottom:15px;} #canada2{float:left; width:102px !important; height:23px !important; margin-right:40px; margin-top:10px; margin-bottom:10px} #intLine{width:215px; height:1px; background-color:#cccccc; float:left } .intlHardees{color:#999999; line-height:12px;} #intlCol2Header h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:16px; display:inline; color:#666666} #intlCol2Header{ border-bottom:1px solid #cccccc; padding-bottom:6px; margin-bottom:20px;} #intlYellow{width:8px; height:8px; display:inline !important; margin:4px 3px 0 8px; position:relative; left:-2px} #intlRed{width:8px; height:8px; display:inline !important; margin:4px 3px 0 16px; position:relative; left:-2px} #intlMap{position:relative; left:15px; top:-3px; width:355px !important; height:189px !important; margin-top:200px} #textUnderMap{font-size:9px !important; color:#676767; position:relative; left:20px; top:10px} .intlSmallText{font-size:11px; margin-top:10px; line-height:14px} .availableMarkets{float:left; margin-right:0px;} .availableMarkets:nth-child(2){margin-left:10px;} .availableMarkets:nth-child(4){margin-left:-5px;} #mapSmallText{text-align:center !important; line-height:13px} #mapSmallText a:link, #mapSmallText a:visited{color:black} #mapSmallText a:hover, #mapSmallText a:active{color:#cc0000} #intlCol1 p{font-size:11px; margin:10px 0 13px 0; line-height:14px;} #intlCol1-int p{font-size:11px; margin:10px 0 13px 0; line-height:14px;} #taketour{width:259px !important; height:53px !important; margin-bottom:17px;} .intlNed{font-size:12px;} .aMbox{position:relative; bottom:2px} } @media only screen and (max-width:1009px){ #intlCol1{width:200px; float:left; margin:107px 0 0 86px; font-size:7px; color:#666666} #intlCol1-int{width:200px; float:left; margin:140px 0 0 86px; font-size:7px; color:#666666} #intlCol2{width:390px; float:left; margin:107px 0 0 31px; font-size:7px; color:#666666} #intlCol2-int{width:390px; float:left; margin:140px 0 0 31px; font-size:6px; color:#666666} #intlCol1-int2{width:180px; float:left; margin:145px 0 0 87px; font-size:8px; color:#666666} .intl-p2{font-size:10px; line-height:12px} #intlHeader{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:19px; color:#666666} #intlCol1 p{font-size:8px; margin:15px 0 14px 0; line-height:12px;} #canada{float:left; width:77px !important; height:17px !important; margin-right:20px;} #australia{float:left; width:74px !important; height:17px !important; margin-bottom:10px;} #canada2{float:left; width:77px !important; height:17px !important; margin-right:70px; margin-top:10px} #australia2{float:left; width:74px !important; height:17px !important; margin-bottom:0px; margin-top:10px} .intlHardees{color:#999999; line-height:8px;} #intlCol2Header h2{font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif; font-size:11px; display:inline; color:#666666} #intlCol2Header{ border-bottom:1px solid #cccccc; padding-bottom:6px; margin-bottom:20px;} #intlYellow{width:8px; height:8px; display:inline !important; margin:0 3px 0 8px} #intlRed{width:8px; height:8px; display:inline !important; margin:0 3px 0 16px;} #intlMap{position:relative; left:-4px; top:-6px; width:397px !important; height:220px !important} .intlTextLift{position: relative; bottom:1px;} #intlMap{position:relative; left:15px; top:-3px; width:255px !important; height:136px !important; margin-top:160px} #textUnderMap{font-size:6px !important; color:#676767; position:relative; left:20px; top:10px} .intlSmallText{font-size:8px; margin-top:10px; line-height:12px} .availableMarkets{float:left; margin-right:0px;} .availableMarkets:nth-child(2){margin-left:10px;} .availableMarkets:nth-child(4){margin-left:-5px;} #mapSmallText{text-align:center !important; line-height:10px; position:relative; top:-7px;} #mapSmallText a:link, #mapSmallText a:visited{color:black} #mapSmallText a:hover, #mapSmallText a:active{color:#cc0000} #intlCol1 p{font-size:8px; margin:7px 0 9px 0; line-height:11px;} #intlCol1-int p{font-size:8px; margin:7px 0 9px 0; line-height:11px;} #taketour{width:195px !important; height:40px !important; margin-bottom:12px;} .intlNed{font-size:11px;} .aMbox{position:relative; bottom:2px} } /*LEGAL AND PRIVACY POLICY*/ @media only screen and (min-width:1366px){ #legalText{width:1050px; float:left; margin:150px 0 0 151px; font-size:10px; color:#666666} #legalText p{font-size:10px; margin:22px 0 25px 0; line-height:14px;} #legalText span{font-size:14px;} } @media only screen and (min-width:1280px) and (max-width:1365px){ #legalText{width:1020px; float:left; margin:130px 0 0 143px; font-size:10px; color:#666666} #legalText p{font-size:10px; margin:22px 0 25px 0; line-height:13px;} #legalText span{font-size:14px;} } @media only screen and (min-width:1010px) and (max-width:1279px){ #legalText{width:800px; float:left; margin:100px 0 0 114px; font-size:10px; color:#666666} #legalText p{font-size:8px; margin:22px 0 25px 0; line-height:11px;} #legalText span{font-size:11px;} } @media only screen and (max-width:1009px){ #legalText{width:600px; float:left; margin:70px 0 0 88px; font-size:10px; color:#666666} #legalText p{font-size:6px; margin:22px 0 25px 0; line-height:8px;} #legalText span{font-size:8px;} } /*FAQ*/ @media only screen and (min-width:1366px){ #faqList{margin-top:30px; padding-top:0px; padding-right:100px;} #faqList li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; margin-left:151px; font-size:16px; line-height:19px;} #faqList a:link, #faqList a:visited{color:rgba(102,102,102,1);} #faqList a:hover, #faqList a:active{color:#ff0000;} .faqA{position:relative; top:-98px;} #faqAnswers{font-size:14px; line-height:19px; padding:0 151px; background-color:rgba(255,255,255,.5); width:1060px; margin-left:1px;} .faqLine{border-bottom:1px solid #ccc; width:100%; margin:20px 0} #faqPage{width:1366px; margin:0 auto; height:2750px;-webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10);} #faqPage h1{font-size:136px; color:#FFFFFF; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;z-index:100; margin-top:-59px; margin-left:151px; border-bottom:1px solid #ccc; width:1063px; padding-bottom:30px} .backtotop{width:25px; height:12px; margin-left:10px;} #faqDivider{width:1366px; height:65px; background-image:url(../images/faqBG.png); background-repeat:no-repeat} #faqText{width:1366px; float:left; margin:150px 0 0 0px; font-size:10px; color:#666666} #faqText p{font-size:10px; margin:22px 0 25px 0; line-height:14px;} #faqText span{font-size:14px;} #faqTagline{ width:1055px; height:256px; margin:150px 0} } @media only screen and (min-width:1280px) and (max-width:1365px){ #faqList{margin-top:30px; padding-top:0px; padding-right:100px;} #faqList li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; margin-left:151px; font-size:16px; line-height:19px;} #faqList a:link, #faqList a:visited{color:rgba(102,102,102,1);} #faqList a:hover, #faqList a:active{color:#ff0000;} .faqA{position:relative; top:-98px;} #faqAnswers{font-size:14px; line-height:19px; padding:0 151px; background-color:rgba(255,255,255,.5); width:950px; margin-left:1px;} .faqLine{border-bottom:1px solid #ccc; width:100%; margin:20px 0} #faqPage{width:1280px; margin:0 auto; height:2800px;-webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10);} #faqPage h1{font-size:136px; color:#FFFFFF; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;z-index:100; margin-top:-59px; margin-left:151px; border-bottom:1px solid #ccc; width:988px; padding-bottom:30px} .backtotop{width:25px; height:12px; margin-left:10px;} #faqDivider{width:1280px; height:61px; background-image:url(../images/faqBG_1280.png); background-repeat:no-repeat} #faqText{width:1280px; float:left; margin:150px 0 0 0px; font-size:10px; color:#666666} #faqText p{font-size:10px; margin:22px 0 25px 0; line-height:14px;} #faqText span{font-size:14px;} #faqTagline{ width:948px; height:230px; margin:150px 0} } @media only screen and (min-width:1010px) and (max-width:1279px){ #faqList{margin-top:30px; padding-top:0px; padding-right:100px;} #faqList li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; margin-left:111px; font-size:14px; line-height:15px;} #faqList a:link, #faqList a:visited{color:rgba(102,102,102,1);} #faqList a:hover, #faqList a:active{color:#ff0000;} .faqA{position:relative; top:-88px;} #faqAnswers{font-size:12px; line-height:16px; padding:0 111px; background-color:rgba(255,255,255,.5); width:800px; margin-left:1px;} .faqLine{border-bottom:1px solid #ccc; width:100%; margin:20px 0} #faqPage{width:1024px; margin:0 auto; height:2958px;-webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10);} #faqPage h1{font-size:102px; color:#FFFFFF; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;z-index:100; margin-top:-70px; margin-left:111px; border-bottom:1px solid #ccc; width:800px; padding-bottom:30px} .backtotop{width:25px; height:12px; margin-left:10px;} #faqDivider{width:1024px; height:49px; background-image:url(../images/faqBG_1024.png); background-repeat:no-repeat} #faqText{width:1024px; float:left; margin:150px 0 0 0px; font-size:10px; color:#666666} #faqText p{font-size:10px; margin:22px 0 25px 0; line-height:14px;} #faqTagline{ width:798px; height:194px; margin:100px 0} } @media only screen and (max-width:1009px){ #faqList{margin-top:30px; padding-top:0px; padding-right:100px;} #faqList li{background-image:url(../images/greyBullet.png); background-repeat:no-repeat; background-size:auto; background-position:0px 5px; height:auto !important; padding-left:10px; margin-bottom:15px; margin-left:84px; font-size:12px; line-height:15px;} #faqList a:link, #faqList a:visited{color:rgba(102,102,102,1);} #faqList a:hover, #faqList a:active{color:#ff0000;} .faqA{position:relative; top:-75px;} #faqAnswers{font-size:10px; line-height:13px; padding:0 84px; background-color:rgba(255,255,255,.5); width:598px; margin-left:1px;} .faqLine{border-bottom:1px solid #ccc; width:100%; margin:20px 0} #faqPage{width:768px; margin:0 auto; height:2958px;-webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10);} #faqPage h1{font-size:76px; color:#FFFFFF; color:rgba(255,255,255,.5); font-family: 'Trade Gothic Next W01',Arial, Helvetica, sans-serif;z-index:100; margin-top:-15px; margin-left:84px; border-bottom:1px solid #ccc; width:600px; padding-bottom:20px} .backtotop{width:25px; height:12px; margin-left:10px;} #faqDivider{width:768px; height:37px; background-image:url(../images/faqBG_768.png); background-repeat:no-repeat} #faqText{width:768px; float:left; margin:84px 0 0 0px; font-size:10px; color:#666666} #faqText p{font-size:10px; margin:22px 0 25px 0; line-height:14px;} #faqText span{font-size:14px;} #faqTagline{ width:595px; height:144px; margin:210px 0} } /*jQUERY SLIDESHOW CSS BELOW*/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0px; position: relative; zoom: 1;-webkit-box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10); box-shadow: inset 0px 1px 0px 1px rgba(0, 0, 0, .10);} .flex-viewport {max-height: 2000px;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 46px; height: 117px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .flex-direction-nav a:hover{background: url(../images/bg_direction_navON.png) no-repeat 0 0;} #international .flex-direction-nav a{width:0px !important;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; } .flex-direction-nav .flex-prev {left: -0px;} .flexslider:hover .flex-next {opacity: 1; right: 0px; background-position: 100% 0; right: 0px; } .flexslider:hover .flex-prev {opacity: 1; left: 0px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav li {margin: 0 0px; display: inline-block; zoom: 1; *display: inline; border-bottom:1px solid #ccc; padding-bottom:2px;} .flex-control-paging li{-ms-behavior: url(http://clients.sprokkit.com/cke/2013/website/CarlsJr6/backgroundsize.min.htc);} .flex-control-paging li a {width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover {} /*SUB NAVIGATION BELOW. ALL LINKS ARE IMAGES. 4 DIFFERENENT SIZES FOR EACH LINK*/ /*BRANDING NAVIGATION 1366px*/ @media only screen and (min-width:1366px){ #theBrand .flex-control-nav {width: 900px; position: absolute; top: 180px; left:0px; margin-left:152px;} #theBrand .flex-control-paging li:first-child a {width: 97px; height: 42px; display: block; background-image:url(../images/nav/navBRAND_1366on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child a:hover {width: 97px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1366_01.png); } #theBrand .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1366_01.png); } #theBrand .flex-control-paging li:first-child + li a {width: 142px; height: 42px; display: block; background-image:url(../images/nav/navBRAND_1366on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li a:hover {width: 142px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1366_02.png); } #theBrand .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1366_02.png); } #theBrand .flex-control-paging li:first-child + li + li a {width: 163px; height: 42px; display: block; background-image:url(../images/nav/navBRAND_1366on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li a:hover {width: 163px; height:42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1366_03.png);} #theBrand .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1366_03.png); } #theBrand .flex-control-paging li:first-child + li + li + li a {width: 147px; height: 42px; display: block; background-image:url(../images/nav/navBRAND_1366on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li a:hover {width: 147px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1366_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1366_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li + li a {width: 220px; height: 42px; display: block; background-image:url(../images/nav/navBRAND_1366on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li + li a:hover {width: 220px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1366_05.png);} #theBrand .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1366_05.png); } } /*BRANDING NAVIGATION 1280px*/ @media only screen and (min-width:1280px) and (max-width:1365px){ #theBrand .flex-control-nav {width: 900px; position: absolute; top: 168px; left:0px; margin-left:143px;} #theBrand .flex-control-paging li:first-child a {width: 91px; height: 40px; display: block; background-image:url(../images/nav/navBRAND_1280on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child a:hover {width: 91px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1280_01.png); } #theBrand .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1280_01.png); } #theBrand .flex-control-paging li:first-child + li a {width: 133px; height: 40px; display: block; background-image:url(../images/nav/navBRAND_1280on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li a:hover {width: 133px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1280_02.png); } #theBrand .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1280_02.png); } #theBrand .flex-control-paging li:first-child + li + li a {width: 153px; height: 40px; display: block; background-image:url(../images/nav/navBRAND_1280on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li a:hover {width: 153px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1280_03.png);} #theBrand .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1280_03.png); } #theBrand .flex-control-paging li:first-child + li + li + li a {width: 137px; height: 40px; display: block; background-image:url(../images/nav/navBRAND_1280on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li a:hover {width: 137px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1280_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1280_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li + li a {width: 170px; height: 40px; display: block; background-image:url(../images/nav/navBRAND_1280on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li + li a:hover {width: 170px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1280_05.png);} #theBrand .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1280_05.png); } } /*BRANDING NAVIGATION 1024px*/ @media only screen and (min-width:1010px) and (max-width:1279px){ #theBrand .flex-control-nav {width: 900px; position: absolute; top: 135px; left:0px; margin-left:113px;} #theBrand .flex-control-paging li:first-child a {width: 74px; height: 32px; display: block; background-image:url(../images/nav/navBRAND_1024on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child a:hover {width: 74px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1024_01.png); } #theBrand .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1024_01.png); } #theBrand .flex-control-paging li:first-child + li a {width: 106px; height: 32px; display: block; background-image:url(../images/nav/navBRAND_1024on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li a:hover {width: 106px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1024_02.png); } #theBrand .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1024_02.png); } #theBrand .flex-control-paging li:first-child + li + li a {width: 123px; height: 32px; display: block; background-image:url(../images/nav/navBRAND_1024on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li a:hover {width: 123px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1024_03.png);} #theBrand .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1024_03.png); } #theBrand .flex-control-paging li:first-child + li + li + li a {width: 109px; height: 32px; display: block; background-image:url(../images/nav/navBRAND_1024on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li a:hover {width: 109px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1024_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1024_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li + li a {width: 160px; height: 32px; display: block; background-image:url(../images/nav/navBRAND_1024on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li + li a:hover {width: 160px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_1024_05.png);} #theBrand .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_1024_05.png); } } /*BRANDING NAVIGATION 768px*/ @media only screen and (max-width:1009px){ #theBrand .flex-control-nav {width: 500px; position: absolute; top: 102px; left:0px; margin-left:85px;} #theBrand .flex-control-paging li:first-child a {width: 55px; height: 24px; display: block; background-image:url(../images/nav/navBRAND_768on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child a:hover {width: 55px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_768_01.png); } #theBrand .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_768_01.png); } #theBrand .flex-control-paging li:first-child + li a {width: 79px; height: 24px; display: block; background-image:url(../images/nav/navBRAND_768on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li a:hover {width: 79px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_768_02.png); } #theBrand .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_768_02.png); } #theBrand .flex-control-paging li:first-child + li + li a {width: 93px; height: 24px; display: block; background-image:url(../images/nav/navBRAND_768on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li a:hover {width: 93px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_768_03.png);} #theBrand .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_768_03.png); } #theBrand .flex-control-paging li:first-child + li + li + li a {width: 81px; height: 24px; display: block; background-image:url(../images/nav/navBRAND_768on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li a:hover {width: 81px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_768_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_768_04.png); } #theBrand .flex-control-paging li:first-child + li + li + li + li a {width: 120px; height: 24px; display: block; background-image:url(../images/nav/navBRAND_768on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #theBrand .flex-control-paging li:first-child + li + li + li + li a:hover {width: 120px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navBRAND_768_05.png);} #theBrand .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navBRAND_768_05.png); } } /*FRANCHISE INFO NAVIGATION 1366px*/ @media only screen and (min-width:1366px){ #franchise .flex-control-nav {width: 900px; position: absolute; top: 180px; left:0px; margin-left:152px;} #franchise .flex-control-paging li:first-child a {width: 150px; height: 42px; display: block; background-image:url(../images/nav/navFRANCHISING_1366on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child a:hover {width: 150px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1366_01.png)} #franchise .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1366_01.png); } #franchise .flex-control-paging li:first-child + li a {width: 244px; height: 42px; display: block; background-image:url(../images/nav/navFRANCHISING_1366on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li a:hover {width: 244px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1366_02.png); } #franchise .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1366_02.png); } #franchise .flex-control-paging li:first-child + li + li a {width: 137px; height: 42px; display: block; background-image:url(../images/nav/navFRANCHISING_1366on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li a:hover {width: 137px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1366_03.png);} #franchise .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1366_03.png); } #franchise .flex-control-paging li:first-child + li + li + li a {width: 258px; height: 42px; display: block; background-image:url(../images/nav/navFRANCHISING_1366on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li a:hover {width: 258px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1366_04.png); } #franchise .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1366_04.png); } #franchise .flex-control-paging li:first-child + li + li + li + li a {width: 127px; height: 42px; display: block; background-image:url(../images/nav/navFRANCHISING_1366on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li + li a:hover {width: 127px; height: 42px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1366_05.png);} #franchise .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1366_05.png); } } /*FRANCHISE INFO NAVIGATION 1280px*/ @media only screen and (min-width:1280px) and (max-width:1365px){ #franchise .flex-control-nav {width: 900px; position: absolute; top: 168px; left:0px; margin-left:143px;} #franchise .flex-control-paging li:first-child a {width: 140px; height: 40px; display: block; background-image:url(../images/nav/navFRANCHISING_1280on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child a:hover {width: 140px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1280_01.png); } #franchise .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1280_01.png); } #franchise .flex-control-paging li:first-child + li a {width: 229px; height: 40px; display: block; background-image:url(../images/nav/navFRANCHISING_1280on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li a:hover {width: 229px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1280_02.png); } #franchise .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1280_02.png); } #franchise .flex-control-paging li:first-child + li + li a {width: 128px; height: 40px; display: block; background-image:url(../images/nav/navFRANCHISING_1280on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li a:hover {width: 128px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1280_03.png);} #franchise .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1280_03.png); } #franchise .flex-control-paging li:first-child + li + li + li a {width: 242px; height: 40px; display: block; background-image:url(../images/nav/navFRANCHISING_1280on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li a:hover {width: 242px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1280_04.png); } #franchise .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1280_04.png); } #franchise .flex-control-paging li:first-child + li + li + li + li a {width: 119px; height: 40px; display: block; background-image:url(../images/nav/navFRANCHISING_1280on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li + li a:hover {width: 119px; height: 40px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1280_05.png);} #franchise .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1280_05.png); } } /*FRANCHISE INFO NAVIGATION 1024px*/ @media only screen and (min-width:1010px) and (max-width:1279px){ #franchise .flex-control-nav {width: 900px; position: absolute; top: 135px; left:0px; margin-left:113px;} #franchise .flex-control-paging li:first-child a {width: 112px; height: 32px; display: block; background-image:url(../images/nav/navFRANCHISING_1024on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child a:hover {width: 112px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1024_01.png); } #franchise .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1024_01.png); } #franchise .flex-control-paging li:first-child + li a {width: 183px; height: 32px; display: block; background-image:url(../images/nav/navFRANCHISING_1024on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li a:hover {width: 183px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1024_02.png); } #franchise .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1024_02.png); } #franchise .flex-control-paging li:first-child + li + li a {width: 103px; height: 32px; display: block; background-image:url(../images/nav/navFRANCHISING_1024on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li a:hover {width: 103px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1024_03.png);} #franchise .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1024_03.png); } #franchise .flex-control-paging li:first-child + li + li + li a {width: 190px; height: 32px; display: block; background-image:url(../images/nav/navFRANCHISING_1024on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li a:hover {width: 190px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1024_04.png); } #franchise .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1024_04.png); } #franchise .flex-control-paging li:first-child + li + li + li + li a {width: 91px; height: 32px; display: block; background-image:url(../images/nav/navFRANCHISING_1024on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li + li a:hover {width: 91px; height: 32px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_1024_05.png);} #franchise .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_1024_05.png); } } /*FRANCHISE INFO NAVIGATION 768px*/ @media only screen and (max-width:1009px){ #franchise .flex-control-nav {width: 500px; position: absolute; top: 102px; left:0px; margin-left:85px;} #franchise .flex-control-paging li:first-child a {width: 84px; height: 24px; display: block; background-image:url(../images/nav/navFRANCHISING_768on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child a:hover {width: 84px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_768_01.png); } #franchise .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_768_01.png); } #franchise .flex-control-paging li:first-child + li a {width: 137px; height: 24px; display: block; background-image:url(../images/nav/navFRANCHISING_768on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li a:hover {width: 137px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_768_02.png); } #franchise .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_768_02.png); } #franchise .flex-control-paging li:first-child + li + li a {width: 78px; height: 24px; display: block; background-image:url(../images/nav/navFRANCHISING_768on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li a:hover {width: 78px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_768_03.png);} #franchise .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_768_03.png); } #franchise .flex-control-paging li:first-child + li + li + li a {width: 144px; height: 24px; display: block; background-image:url(../images/nav/navFRANCHISING_768on_04.png); background-size:contain; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li a:hover {width: 144px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_768_04.png); } #franchise .flex-control-paging li:first-child + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_768_04.png); } #franchise .flex-control-paging li:first-child + li + li + li + li a {width: 71px; height: 24px; display: block; background-image:url(../images/nav/navFRANCHISING_768on_05.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #franchise .flex-control-paging li:first-child + li + li + li + li a:hover {width: 71px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navFRANCHISING_768_05.png);} #franchise .flex-control-paging li:first-child + li + li + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navFRANCHISING_768_05.png); } } /*DEVELOPMENT NAVIGATION 1366px*/ @media only screen and (min-width:1366px){ #development .flex-control-nav {width: 900px; position: absolute; top: 199px; left:0px; margin-left:152px;} #development .flex-control-paging li:first-child a {width: 195px; height: 24px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1366on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child a:hover {width: 195px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1366_01.png)} #development .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1366_01.png); } #development .flex-control-paging li:first-child + li a {width: 228px; height: 24px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1366on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li a:hover {width: 228px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1366_02.png); } #development .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1366_02.png); } #development .flex-control-paging li:first-child + li + li a {width: 233px; height: 24px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1366on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li + li a:hover {width: 233px; height: 24px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1366_03.png);} #development .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1366_03.png); } } /*DEVELOPMENT NAVIGATION 1280px*/ @media only screen and (min-width:1280px) and (max-width:1365px){ #development .flex-control-nav {width: 900px; position: absolute; top: 187px; left:0px; margin-left:143px;} #development .flex-control-paging li:first-child a {width: 183px; height: 22px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1280on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child a:hover {width: 183px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1280_01.png); } #development .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1280_01.png); } #development .flex-control-paging li:first-child + li a {width: 213px; height: 22px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1280on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li a:hover {width: 213px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1280_02.png); } #development .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1280_02.png); } #development .flex-control-paging li:first-child + li + li a {width: 219px; height: 22px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1280on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li + li a:hover {width: 219px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1280_03.png);} #development .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1280_03.png); } } /*DEVELOPMENT NAVIGATION 1024px*/ @media only screen and (min-width:1010px) and (max-width:1279px){ #development .flex-control-nav {width: 900px; position: absolute; top: 150px; left:0px; margin-left:113px;} #development .flex-control-paging li:first-child a {width: 146px; height: 18px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1024on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child a:hover {width: 146px; height: 18px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1024_01.png); } #development .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1024_01.png); } #development .flex-control-paging li:first-child + li a {width: 171px; height: 18px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1024on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li a:hover {width: 171px; height: 18px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1024_02.png); } #development .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1024_02.png); } #development .flex-control-paging li:first-child + li + li a {width: 175px; height: 18px; display: block; background-image:url(../images/nav/navDEVELOPMENT_1024on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li + li a:hover {width: 175px; height: 18px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_1024_03.png);} #development .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_1024_03.png); } } /*DEVELOPMENT NAVIGATION 768px*/ @media only screen and (max-width:1009px){ #development .flex-control-nav {width: 500px; position: absolute; top: 112px; left:0px; margin-left:85px;} #development .flex-control-paging li:first-child a {width: 110px; height: 14px; display: block; background-image:url(../images/nav/navDEVELOPMENT_768on_01.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child a:hover {width: 110px; height: 14px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_768_01.png); } #development .flex-control-paging li:first-child a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_768_01.png); } #development .flex-control-paging li:first-child + li a {width: 128px; height: 14px; display: block; background-image:url(../images/nav/navDEVELOPMENT_768on_02.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li a:hover {width: 128px; height: 14px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_768_02.png); } #development .flex-control-paging li:first-child + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_768_02.png); } #development .flex-control-paging li:first-child + li + li a {width: 131px; height: 14px; display: block; background-image:url(../images/nav/navDEVELOPMENT_768on_03.png); background-size:contain; background-repeat:no-repeat; cursor: pointer; text-indent: -9999px;} #development .flex-control-paging li:first-child + li + li a:hover {width: 131px; height: 14px; display: block; cursor: pointer; text-indent: -9999px; background-image:url(../images/nav/navDEVELOPMENT_768_03.png);} #development .flex-control-paging li:first-child + li + li a.flex-active {cursor: default; background-image:url(../images/nav/navDEVELOPMENT_768_03.png); } } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /*@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} }*/