@charset "utf-8"; body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;margin:0;padding:0;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} ul,ol{list-style-type:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;font-size:9px;} *{font-family:Arial, Helvetica, sans-serif;} body{background:#c5d6ee url(../images/bg.jpg) top center no-repeat;margin:0;/*overflow-y:scroll;*/} img{border:none;display:block;} p{margin:0;font-size:11px;color:#7f7f7f;line-height:14px;letter-spacing:.02em;} p a{text-decoration:underline;font-weight:bold;} a{color:#4b74ab;} a:hover{color:#000;text-decoration:none;} h2{margin:0 0 0 10px;color:#665;font-size:12px;} h3{font-size:10px;color:#7F7F7F;margin:0;} h3 strong{font-size:14px;color:#4b74ab;} table{letter-spacing:.04em;} #main{background:#f5f5f5;width:937px;margin:0 auto;padding:0;position:relative;} #topNav{width:879px;height:30px;padding:0 31px 0 0;background:url(../images/topnav.jpg) top left no-repeat;position:relative;float:right;} #topNav ul{margin: 0; padding: 0; float:right;} #topNav li{float:left;line-height:9px;} .topNav1{background:url(../images/topnav1.jpg);/*padding-right:108px;*/width:108px; height: 30px; display: block;} .topNav2{background:url(../images/topnav2.jpg);/*padding-right:134px;*/width:134px; height: 30px; display: block;} .topNav3{background:url(../images/topnav3.jpg);/*padding-right:136px;*/width:136px; height: 30px; display: block;} .topNav4{background:url(../images/topnav4.jpg);/*padding-right:124px;*/width:128px; height: 30px; display: block;} /*.topNav1, .topNav2, .topNav3, .topNav4 {padding-top:12px;padding-bottom:0px;}*/ .topNav5 { display: block; width: 25px; height: 30px; background: url('../images/topNav_facebook.jpg') 0 0; } .topNav6 { display: block; width: 29px; height: 30px; background: url('../images/topNav_twitter.jpg') 0 0; } /*.mac.gecko .topNav1, .mac.gecko .topNav2, .mac.gecko .topNav3, .mac.gecko .topNav4 {padding-top:11px;padding-bottom:0px;}*/ #logo{width:184px;height:69px;margin:15px 0 0 28px;float:left;position:relative;} #mainNav{float:left;height:46px;margin:36px 0 0 25px;width:670px;line-height:20px;} #mainNav li{float:left;} .mainNav1{background:url(../images/mainnav1.jpg);padding-right:131px;width:131px;} .mainNav2{background:url(../images/mainnav2.jpg);padding-right:214px;width:214px;} .mainNav3{background:url(../images/mainnav3.jpg);padding-right:154px;width:154px;} .mainNav4{background:url(../images/mainnav4.jpg);padding-right:130px;width:130px;} .mainNav1, .mainNav2, .mainNav3, .mainNav4 {padding-top:23px;padding-bottom:0px;} .topNav1:hover, .topNav2:hover, .topNav3:hover, .topNav4:hover, .topNav5:hover, .topNav6:hover, .mainNav1:hover, .mainNav2:hover, .mainNav3:hover, .mainNav4:hover, .on{background-position:0 bottom;cursor:pointer;} .mac.gecko .mainNav1:hover, .mac.gecko .mainNav2:hover, .mac.gecko .mainNav3:hover, .mac.gecko .mainNav4:hover, .mac.gecko .on, .mac.safari .mainNav1:hover, .mac.safari .mainNav2:hover, .mac.safari .mainNav3:hover, .mac.safari .mainNav4:hover, .mac.safari .on {background-position:0 41px;cursor:pointer;} .mac.gecko .topNav1:hover, .mac.gecko .topNav2:hover, .mac.gecko .topNav3:hover, .mac.gecko .topNav4:hover, .mac.safari .topNav1:hover, .mac.safari .topNav2:hover, .mac.safari .topNav3:hover, .mac.safari .topNav4:hover, .mac.gecko .topNav1.on, .mac.gecko .topNav2.on, .mac.safari .topNav1.on, .mac.safari .topNav2.on {background-position:0 30px;cursor:pointer;} #headGraphic{margin:15px 28px;width:879px;position:relative;float:left;} #feature1{float:left;padding-left:28px;} #feature2{float:left;margin-left:23px;} #feature3{float:left;margin-left:23px;} #footer{width:879px;height:31px;margin:16px 0 3px;background:url(../images/foot.jpg) top left no-repeat;float:left;color:#fff;font-size:10px;position:relative;left:28px;} #footer a{color:#fff;text-decoration:none;} #footer a:hover{text-decoration:underline;} #footer .left{float:left;padding:10px 20px;} #footer .right{float:right;padding:10px 20px;} #footBg{width:937px;height:69px;background:url(../images/foot-bg.jpg) top left no-repeat;margin:0 auto;} #processLearn{width:255px;height:314px;background:url(../images/process-learn.jpg) top left no-repeat;float:left;margin:0;position:relative;left:28px;} #processLearn div{margin:68px 26px 0;font-size:11px;color:#989898;} #processPrint{width:255px;height:159px;background:url(../images/process-printbg.jpg) top left no-repeat;float:left;margin:15px 0 0 ;position:relative;left:28px;} #processPrint div{padding:66px 51px 0 0;position:relative;left:28px;} #processPrintLocator{width:255px;height:159px;background:url(../images/process-printbg.jpg) top left no-repeat;float:right;margin:15px 0 0 0;position:relative;right:28px;} #processPrintLocator div{margin:66px 48px 0 0;position:relative;left:26px;} #processMain{width:606px;height:489px;float:right;background:url(../images/process-main-bg.jpg) top right no-repeat;margin:0;line-height:14px;position:relative;right:28px;} .step1, .step2, .step3{font-size:11px;color:#989898;} .step1{left:25px;position:relative;top:79px;width:296px;} .step2{left:215px;position:relative;top:140px;width:359px;} .step3{left:26px;position:relative;top:226px;width:294px;} #productsLeft{float:left;width:277px;height:295px;background:url(../images/products-leftbox.jpg) top left no-repeat;margin:0;position:relative;left:28px;} #productsLeft p{margin:55px 22px;} #productsPicker{float:right;margin:0;width:592px;position:relative;right:28px;} #productsPicker img{display:inline;} #productsPicker ul li{list-style-type:disc;font-size:11px;color:#7F7F7F;} #partnerBox{background:url(../images/partner-box.jpg) top left no-repeat;width:607px;height:161px;float:left;margin:15px 0 0;position:relative;left:28px;} #partnerBox p{margin:63px 26px 0;} #product1, #product2, #product3, #product4, {padding:0 0 0 10px;} #locatorBody{width:879px;float:left;margin:15px 0 0 57px;} #locatorBody div{float:left;margin:20px 78px 40px 0;} #big{} #medium{} #small{} #tiny{} .ie6fix{padding:20px;} .ie6broch{margin:0 0 20px 18px;display:inline-block;} .tallBg{float:left;width:881px;background:url(../images/tall-bg-tiler.jpg) left top repeat-y;margin:0;position:relative;left:28px;} .tallCont{width:825px;background:url(../images/tall-bg.jpg) left top no-repeat;padding:28px;} .tallCont p{margin:8px 0 0;} .tallFoot{float:left;width:881px;height:5px;background:url(../images/tall-bg-foot.jpg) top left no-repeat;margin:0;position:relative;left:28px;} .threeColumn{float:left;margin:20px 25px 19px 0;width:249px;} .column3 p{margin:8px 0 0;padding:0 26px 0 0;} .tallBgWhite{float:left;width:881px;background:url(../images/tall-bg-white-tiler.jpg) left top repeat-y;margin:0;position:relative;left:28px;} .tallContWhite{width:880px;background:url(../images/tall-bg-white-top.jpg) left top no-repeat;;} .tallContWhite p{margin:8px 0 0;} .tallFootWhite{float:left;width:880px;height:32px;background:url(../images/tall-bg-white-foot.jpg) top left no-repeat;margin:0;position:relative;left:28px;} .clear{clear:both;} .left{float:left;} .right{float:right;} .small{font-size:10px;} #leftFilter {position:relative;float:left;width:200px;background:url(../images/templates-left.jpg) top left no-repeat;color:White;margin:15px 5px 0 0;position:relative;left:28px;} #leftFilter h2{color:#fff;font-size:12px;border-bottom:1px solid #b1caec;margin:5px 30px 5px 5px;} #leftFilterInner {height:526px;overflow:auto;padding:63px 13px 0;} #leftFilterInner label{font-size:11px;} #templatesWrapper {background:transparent url(../images/templates-right.jpg) no-repeat scroll left top;float:left;height:514px;margin-top:15px;padding:65px 24px 10px;position:relative;width:628px;left:28px;} #templates {height:451px;overflow-y:scroll;width:630px;margin:15px 0 0 0;} .itmTemplate {float:left;width:200px;vertical-align:bottom;} .itmTemplate strong{margin:0 0 0 25px;font-size:12px;color:#665;} .itmTemplate p{margin:0 0 15px 25px;font-size:10px;} .templateThumbLandscape {background:url(../images/frame_landscape_top.gif) no-repeat scroll left top;height:65px;padding:5px 7px 0px 16px;width:107px;margin:45px 0 0;} .templateThumbPortrait {background:transparent url(../images/frame_portrait_top.gif) no-repeat scroll left top;height:108px;padding:6px 5px 0 15px;width:65px;} .thumb{padding:0 0 0 15px;} .clear {clear:both;} .clear hr{background:#ccc;color:#ccc;border:none;height:1px;} .apad {color:#9cbde9;padding-bottom:20px;border-bottom:1px solid #ccc;} .apad a{padding:0 1px;font-size:11px;} .ideaBox{width:100%;margin:15px 0;border-bottom:1px solid #CCC;padding:0 0 15px;font-size:11px;} .ideaBox a{font-weight:bold;} .ideaBox p{margin:8px 0 0;} .ideaBox ul{float:left;padding:0 8px 0 29px;} .ideaBox ul li{list-style-type:disc;color:#747474;font-size:11px;font-weight:bold;padding:0 0 4px;} .ideaBoxRight{float:right;width:300px;margin:0 0 0 15px;} .ideaBoxRight a{margin:0 0 0 10px;} .ideaCol{float:right;width:150px;text-align:left;margin:10px 0;} .ideaCol a{margin:0;} .ideaCol p{padding:0 0 0 10px;} .elevenPx{font-size:11px;} .longUl ul li{display:inline;font-size:13px;font-weight:bold;margin-right:100px;list-style-type:disc;color:#555;} .column1, .column2, .column3, .column4, .column5, .column6, .column7{text-align:center;} .column2 div{background:#eef2f8;width:100%;padding:15px 0;} .column1 div, .column3 div, .column4 div, .column5 div, .column6 div, .column7 div{background:#fbfbfb;width:100%;padding:15px 0;} .rowLight{background:#fbfbfb;} .rowDark{background:#f2f2f2;} .col2Light{background:#eef2f8; font-weight: bold; color: #4b74ab;} .col2Dark{background:#e7ebf1; font-weight: bold; color: #4b74ab;} .column1{width:218px;padding:15px 5px;} .column2{width:79px;border-left:1px solid #cdddf2;border-right:1px solid #cdddf2;padding:15px 5px;} .column3{width:79px;border-right:1px solid #d4e1f4;padding:15px 5px;} .column4{width:77px;border-right:1px solid #d4e1f4;padding:15px 5px;} .column5{width:82px;border-right:1px solid #d4e1f4;padding:15px 5px;} .column6{width:82px;border-right:1px solid #d4e1f4;padding:15px 5px;} .column7{width:87px;padding:15px 0;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.jpg) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(../images/border.jpg) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(../images/controls.jpg) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.jpg) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(../images/border.jpg) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.jpg) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(../images/controls.jpg) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(../images/controls.jpg) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.jpg) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*#headGraphicAbs{top:129px;left:28px;position:absolute;text-decoration:none;background-color:Aqua/*Transparent* /;z-index:9;} #headGraphicAbs span {width:876px;height:436px;}*/ .headGraphicAbs{position:absolute;width:155px;height:37px;/*background-color:Aqua;*/left:670px;top:404px;text-decoration:none;cursor:pointer;} /*.headGraphicAbs:hover{background-color:Green;}*/ /* DEMO MODAL */ #demoModal { display: none; } /* padding: 10px; background-color: #FFF; */ #demoModal2 { display: none; } /* padding: 10px; background-color: #FFF; */ #simplemodal-container a.modalCloseImg { background:url(../images/x.png) no-repeat; /* adjust url as required */ width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer; }