/* 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:hidden;} #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;} /* 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:#000000 none repeat scroll 0 0;} #colorbox{margin-top:25px;} #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:10px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/ajax-loader.gif) center center no-repeat;} #cboxClose{position:absolute; top:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} .main-col-container .left-col .content-slider{width:340px;margin:5px 0px;position:relative;} .main-col-container .left-col .content-scroll{width:340px; height: 280px; overflow:hidden; position: relative;} .main-col-container .left-col .content-holder{width:4500px; position: absolute;} .main-col-container .left-col .content-item{width:340px;height:270px;float:left;} .main-col-container .left-col .content-slider {background: url(/images/bg-content-slider.gif) no-repeat; } .main-col-container .left-col .content-slider .content-slider-holder {width:328px;height:31px;padding:4px 5px 0;overflow:hidden; position: relative; left: 1px;} .main-col-container .left-col .content-slider .content-slider-items { width: 4500px; position: absolute; } .main-col-container .left-col .content-slider .content-slider-items a { height: 25px; color: #535353; font-size:10px;text-transform:uppercase;text-decoration:none;line-height:20px;float:left;padding:0px 7px;margin:5px 0px; position: relative; z-index: 1; zoom: 1; } .main-col-container .left-col .content-slider .content-slider-items a.selected { color: #fff; } .main-col-container .left-col .content-slider .content-slider-selection { background: url(/images/bg-content-slider-selection.gif) repeat-x scroll center top; position: absolute; top: -5px; height: 31px;} .header .search-container { position: relative; } .header .search-container .no-local-store { float:left; font-size:12px; height:21px; line-height:15px; overflow:hidden; width:220px; padding-top: 15px; font-weight: bold; } .header .search-container a.local-store { text-decoration: none; color: #1F3273; } .header .search-container a:hover { color: #000; } .header .search-container .store-details-popup { background: url(/images/bg-store-details-btm.png) bottom left no-repeat; padding: 0; position: absolute; left: -170px; top:32px; z-index: 99; } .header .search-container .store-details-popup .store-details-popup-inner { background: url(/images/bg-store-details.png) top left no-repeat; padding: 25px 20px 20px; width: 407px; min-height: 104px;height:auto !important; height:104px; margin:0 0 20px 0;} .header .search-container .store-details-popup .individual-store{margin:20px 0 0 0;} .header .search-container .store-details-popup a.store-details-close { display: block; position: absolute; width: 29px; height: 29px; background: url(/images/btn-close.png) no-repeat; left: 427px; top: 7px; text-indent: -9999px; } .header .search-container .store-details-popup a.store-details-close:hover { background-position: 0px -29px; } .header .search-container .store-details-popup .store-name { font-size: 12px; line-height: 16px; letter-spacing: 0.02em; } .header .search-container .store-details-popup .store-address { font-weight: bold; padding-bottom: 2px; line-height: 15px; } .header .search-container .store-details-popup .store-phone { padding-bottom: 0; line-height: 15px; } .header .search-container .store-details-popup .store-email { padding-bottom: 0; line-height: 15px; } .header .search-container .store-details-popup a.btn-view-store {float:right;background: url(/images/btn-view-store.png) no-repeat; height:38px;width:97px;text-indent:-5000px;margin-top:-60px;margin-right:20px;} #generic .typography ul { list-style: disc outside none; } #generic .typography ul li a { background: none; padding-left: 0px; float:none; } #franchise .typography ul { list-style: disc outside none; padding-left: 1.5em; } #franchise .typography ol { list-style: decimal outside none; padding-left: 1.5em; } #franchise .typography li { line-height: 18px; color: #535353 } .browse-container { clear: both; } .browse-container .search { width: 920px; } .browse-container h5 { border-top: 1px solid #e8e8e8; clear: both; margin-top: 15px; padding: 15px 0 0 0; } .browse-container .large-map { height: 400px; width: 100%; margin: 5px 0; padding: 0; } .browse-container .map-details {display:none; width: 24%;float:left;padding-left: 0px;} .browse-container .map-details ul {margin-top: 10px;} .browse-container .map-details ul li {padding-top: 5px;} .browse-container .large-map p.address_lines{width:185px;height:52px;} .browse-container .large-map .map-info-window-content { font-size: 10px; position: relative; } .browse-container .large-map .map-info-window-content h5 { border-top: 0; padding: 0 0 5px; margin-top: 0; color: #E70015;} .browse-container .large-map .map-info-window-content h5 a {border-top:0 none;color:#E70015;margin-top:0;padding:0 0 5px;} .browse-container .large-map .map-info-window-content p {padding-bottom: 10px;} .browse-container .large-map .map-info-window-content p.select-current-centre{width:200px;} .browse-container .large-map .map-info-window-content p.select-current-centre p{padding-bottom:0px;} .browse-container .large-map .map-info-window-content h6 {border-bottom:1px solid #ccc;margin-bottom:5px;margin-top:5px;padding-bottom:0;width:170px;} .browse-container .large-map .map-info-window-content .more-info { position: absolute; bottom: 0; right: 0; padding-bottom: 10px; } .browse-container .large-map .map-info-window-content .select-current-centre a { font-weight: normal; } .browse-container .large-map .map-info-window-content span.centre-image img{position:absolute;right:0;top:30px;} .main-col-container .map-and-info { float: left; width: 670px; overflow: hidden; margin-bottom: 20px; } .main-col-container .small-map { float: left; width: 308px; height: 253px; border: 1px solid #aaa; margin-right: 20px; } .main-col-container .medium-map { float: left; width: 633px; height: 315px; border: 1px solid #aaa; margin-right: 20px; } .main-col-container .other-centres {clear:both;} .main-col-container .other-centres ul {overflow:hidden; width: 633px !important;padding-left:15px !important;} .main-col-container .other-centres ul li {float:left;width:305px; margin-bottom:15px;} .main-col-container .store-information { float: left; width: 295px; } .main-col-container .store-information p { padding-bottom: 2px; } .main-col-container .store-information p label { float: left; width: 57px; } .main-col-container .store-information p .detail { float: left; width: 230px;font-size:11px;} .main-col-container .store-information p.store-actions {float:left;padding-top:13px;} .main-col-container .store-information p.store-actions a.request-quote{background:url(/images/btn-request-a-quote.png) no-repeat;height:40px;width:140px;float:left;text-indent:-5000px;} .main-col-container .store-information p.store-actions a.upload-file{background:url(/images/btn-upload-a-file.png) no-repeat;height:40px;width:140px;float:left;text-indent:-5000px;margin-right:0px;margin-top:0px;} .main-col-container .store-information p span.detail { color: #535353; } .main-col-container .centre-content ul{width:auto !important;} .main-col-container .centre-content span.centre-image{display:inline;float:right;margin-bottom:20px;margin-left:20px;} .search-postcode { position: relative; } .search-postcode ul { border: 1px solid rgb(204, 204, 204); background: rgb(238, 238, 238) none repeat scroll 0% 0%; position: absolute; left: 188px; top: 26px; z-index: 1; } .search-postcode ul li a { padding: 4px 10px; width: 400px; text-decoration: none; display: block; color: rgb(31, 50, 115); } .search-postcode ul li a:xhover { background-color: rgb(31, 50, 115); color: white; } .search-postcode ul li a.selected { background-color: rgb(31, 50, 115); color: white; } .search-postcode ul li.error { padding: 4px 10px; width: 400px; color: red; } .search-postcode .search-results-loading { padding: 5px 0pt 0pt 10px; } #businesses-for-sale .single-col .search-postcode input.text { margin-bottom: 10px; width: 400px; } .resource-lists div.right {float:right;margin-bottom:20px;margin-left:20px;overflow:hidden;width:320px;} .resource-lists li {padding-bottom: 10px; line-height:20px;} .resource-lists li div{color:#ccc;} .resource-lists li a{text-decoration: none; color:#1F3273; font-size:13px;font-weight:bold;} .resource-lists li a:hover{text-decoration: underline;} .global-detail{border-top:1px solid #E8E8E8;color:#666666;float:left;padding-top:15px;text-align:center;width:100%;} ul.other-suburbs li {width:220px;} ul.other-suburbs li span {color: #535353;} ul.other-suburbs li span.left{width: 150px;overflow:hidden;float:right;} .main-col-container .centre-content .other-centres a.request-quote{background:url(/images/btn-request-a-quote.png) no-repeat !important;height:40px;width:140px !important;float:left !important;text-indent:-5000px;} .main-col-container .centre-content .other-centres a.upload-file{background:url(/images/btn-upload-a-file.png) no-repeat !important;height:40px;width:140px !important;;float:left !important;text-indent:-5000px;margin-right:0px;margin-top:0px;} .portfolio-tab-container .portfolio-coverflow{position:relative;padding-top:40px;overflow:hidden;height:325px;} .portfolio-tab-container .portfolio-coverflow .product-name {color:#848484;position:relative;text-align:center;top:250px;font-size:13px;margin-right:15px;} #coverflow {height: 80px; width: 10000px; padding: 30px;position: absolute;} #coverflow a {width: 190px; height: 190px; border: 1px solid #D8D8D8;float: left; position: relative; margin: 5px;} /* #slider {left:45px;top:320px;width:550px;} .ui-corner-all {-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;} .ui-widget-content {background-color:#ccc;border:1px solid #666666;color:#FFFFFF;} .ui-widget {font-family:Segoe UI,Arial,sans-serif;font-size:1.1em;} .ui-slider-horizontal {height:0.8em;} .ui-slider {position:relative;text-align:left;} .ui-slider-horizontal .ui-slider-handle {margin-left:-0.6em;top:-0.3em;} .ui-slider .ui-slider-handle {cursor:default;height:1.2em;position:absolute;width:1.2em;z-index:2;} .ui-widget-content a {color:#FFFFFF;} .ui-corner-all {-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;} .ui-state-default, .ui-widget-content .ui-state-default {background-color:#F2F2F2;border:1px solid #666666;color:#EEEEEE;font-weight:bold;} */ #generic .portfolio-coverflow .slider-bg {width:589px;height:19px;margin-top:0px;background:url(/images/bg-cards-slider.png) no-repeat;float:left;position:absolute;top:310px;} #generic .portfolio-coverflow .slider{width:538px;position:relative;} #generic .portfolio-coverflow .ui-slider-handle{position:absolute;cursor:move;height:23px;width:51px;top:-2px;background:url(/images/bg-slider-toggle.png) no-repeat ;} .franchise-summary{height: 220px; color: #666;font-size:12px;margin-bottom:20px;border-bottom:1px solid #F0F0F0;} .franchise-summary a {text-decoration:none; color:#1F3273;font-weight:bold;font-size:11px;} .franchise-summary a:hover {text-decoration:underline;} .franchise-summary span {color:#1F3273;font-weight:bold;font-size:13px;} .franchise-summary h2 {color:#666;font-size:12px;font-weight:bold;line-height:22px;} .franchise-summary .franchise-details {padding-bottom:10px;line-height:20px;padding-top:15px;font-size:11px;} .franchise-summary .franchise-details a {padding-left: 5px;} .franchise-summary .enquiries h2 {padding-bottom:0px;} .franchise-summary .enquiries .franchise-contact {padding-bottom:15px;} .franchise-details {padding-bottom: 20px;} .franchise-details li {padding:5px; color: #535353} .franchise-details ul, .franchise-details ol {list-style-type:disc;padding-left:20px;} .franchise-image {height: 220px;margin-bottom:20px;border-bottom:1px solid #F0F0F0;} .franchise-information ol.franchise-downloads {padding-bottom:20px;} .franchise-information ol.franchise-downloads li {padding-bottom: 10px;list-style-type:decimal;margin-left:20px;} .franchise-information li a{text-decoration:none; font-size: 12px;color:#1F3273;font-weight:bold;line-height:20px;} .franchise-information li a:hover{text-decoration:underline;} .deliver-franchise-pack .form-row {float:left;width:636px;padding:10px 0px;} .deliver-franchise-pack .form-row label, #comment .form-row span.label {float:left; width:636px;font-size:12px;color:#555;padding-bottom:2px;} .deliver-franchise-pack .form-row input.text{float:left;width:275px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;margin-top:4px;} .deliver-franchise-pack .form-row input.text:hover{background-color:#f5f8ff;} .deliver-franchise-pack .form-row input.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} .deliver-franchise-pack .form-row textarea{float:left;width:285px;padding:10px 0px 10px 10px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;margin-top:6px;} .deliver-franchise-pack .form-row textarea:hover{background-color:#f5f8ff;} .deliver-franchise-pack .form-row textarea:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} .deliver-franchise-pack .form-row input.submit {float:left;width:auto;height:30px;background-color:#2c92ea;color:#ffffff;font-family:arial;font-size:12px;border:0px;margin:0px;padding:3px;text-transform:uppercase;} .deliver-franchise-pack .form-row input.submit:hover {cursor:pointer;background-color:#294194;} .deliver-franchise-pack .form-row.invalid input{border:1px solid #E70015;} .deliver-franchise-pack .form-row p.request-sent{visibility:hidden;} #businesses-for-sale div.pagination{display:block;padding-top:10px;padding-left:0px;width:auto;float:right;height:30px;} #businesses-for-sale div.pagination{display:inline;color:#e8e8e8;} #businesses-for-sale div.pagination span{padding:1px 5px;background-color:#f4f4f4;border:1px solid #f4f4f4;color:#a6a6a6;float:left;} #businesses-for-sale div.pagination a.selected{padding:1px 5px;background-color:#f4f4f4;border:1px solid #f4f4f4;color:#a6a6a6;float:left;} #businesses-for-sale div.pagination a{background-image:none;padding:1px 5px;border:1px solid #ffffff;float:left;width:auto;text-decoration:none;color:#203274; font-weight: bold;font-size:11px;} #businesses-for-sale div.pagination a:hover{border:1px solid #535353;text-decoration:none;} .borderless{border:none;} .franchise-more-videos {font-size: 12px;font-weight:bold;} .franchise-videos ul.video-list {margin-top:20px;} .franchise-videos ul.video-list li {float:left;width:290px;margin-bottom:10px;} .franchise-videos ul.video-list li a.video-link{float:left;margin-top:25px;} .franchise-videos ul.video-list li img{margin-right:10px;float:left;} table.jCalendar { border: 1px solid #000; background: #b2dffb; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #768cd9; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fff; color: #1f3274; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #FCFFCC; color: #aaa; } table.jCalendar td.today { background: #405dc1; color: #fff; } table.jCalendar td.selected { background: #1f3274; color: #fff; } table.jCalendar td.selected.dp-hover { background: #e00014; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #e00014; color: #fff; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #edf0fc; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #edf0fc; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #ffffff; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 184px; line-height: 1.2em; border:1px solid #21357a; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; line-height: 14px; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } #request-job_date { width: 70px; margin-right: 10px; } a.dp-choose-date{ background: url(/images/icon-date-picker.png) transparent no-repeat -175px -25px; height: 18px; width: 22px; text-decoration: none; float: left; text-indent:-5000px; margin-top: 3px; } .banner-container .giraffe h2 { width: 300px; height: 31px; background: transparent url(/images/bg-banner-giraffe-story.gif) no-repeat; text-indent: -9999px; padding-bottom: 20px;} .banner-container .giraffe h1 { width: 264px; height: 60px; background: transparent url(/images/bg-banner-giraffe-large.gif) no-repeat; text-indent: -9999px; padding-bottom: 20px;} .banner-container .giraffe p { width: 256px; height: 51px; background: transparent url(/images/bg-banner-giraffe-use.gif) no-repeat; text-indent: -9999px; padding-bottom: 35px;} html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:Verdana,Arial,Helvetica,sans-serif;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} /* remember to define focus styles! */ :focus{outline:0;} /* remember to highlight inserts somehow! */ ins{text-decoration:none;} del{text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0;} p,li,ol,dd,dt,td,th,textarea,span{font-family:Verdana,Arial,Helvetica,sans-serif;color:#234588;font-size:11px;} /*End Reset*/ .hidden{display:none;} html{background:#203375 url(/images/bg-html.jpg) no-repeat top center;background-attachment:fixed;} .auto-float{width:980px;margin:0pt auto;} .wrapper-top{float:left;width:980px;min-height:400px;background:url(/images/bg-body-top.png) no-repeat top;padding-top:30px;display:inline;} .wrapper-inner{float:left;width:980px;min-height:400px;background-color:#fff;zoom:100%;} .wrapper{float:left;width:980px;/*padding-bottom:106px;*/background:url(/images/bg-wrapper-bottom.png) no-repeat bottom;margin-top:25px;position:relative;} .footer-spacer{float:left;width:980px;height:55px;background:url(/images/bg-footer-shadow.png) no-repeat top center;margin-top:20px;margin-bottom:30px;} /* Button Reset ---------------------------------------- */ .btn{margin:0px;padding:0px;border:0px;outline:none;background-color:transparent;text-indent:-9000px;} button.btn::-moz-focus-inner{border:0px;} button.btn:hover{cursor:pointer;} /* Font Calibrate ---------------------------------------- */ h1{font-size:35px;font-weight:bold;color:#e70015;text-transform:uppercase;line-height:37px;padding-bottom:20px;} h2{font-size:34px;font-weight:normal;color:#000;line-height:36px;} h3{font-size:25px;font-weight:bold;color:#e70015;text-transform:uppercase;line-height:28px;} h4{font-size:16px;font-weight:bold;color:#e70015;text-transform:uppercase;line-height:18px;} h5{font-size:14px;font-weight:bold;color:#666666;line-height:18px;padding-bottom:18px;} h6{font-size:12px;font-weight:bold;color:#666666;line-height:16px;padding-bottom:12px;} p{font-size:11px;color:#535353;line-height:18px;padding-bottom:18px;} p a{font-size:11px;color:#1f3273;font-weight:bold;text-decoration:none;line-height:20px} p strong{color:#666666;} p a:hover{text-decoration:underline;;} .red-text{color:#e70015;} /* PADDING FUN ---------------------------------------- */ .padding-30{padding:30px;} /* Header ---------------------------------------- */ .clear{clear:both;} .header{float:left;width:980px;height:104px;background:url(/images/bg-header-grad.png) repeat-x top;} .header a.kwik-kopy-logo{float:left;width:310px;height:104px;} /*search*/ .header .search-container{width:220px;height:104px;float:right;margin-top:-17px;margin-right:30px;} .header .search-container .local-store{font-size:12px;line-height:15px;height:36px;width:220px;float:left;overflow:hidden;} .header form.search{float:left;width:230px;height:38px;padding-top:10px;} .header form.search input{border:0px;padding:0px;margin:0px;float:left;width:149px;padding-right:10px;height:28px;padding-top:10px;padding-left:35px;background:url(/images/bg-header-search.png) no-repeat top;font-size:13px;color:#ccc;} .header form.search input:hover{background-position:center;} .header form.search input:focus{background-position:bottom;color:#333;} .header form.search input.submit{float:right;width:36px;height:38px;background:url(/images/btn-header-search-go.png) no-repeat top;text-indent:-9000px;padding-right:0px;} .header form.search input.submit:hover{cursor:pointer;background-position:bottom;} /*free pack*/ /*.b-free-sample-pack{float:left;width:225px;height:59px;margin-left:90px;margin-top:28px;background:url(/images/btn-receive-free-sample.png) no-repeat top;} .b-free-sample-pack:hover{background-position:bottom;} */ /* Primary Nav ---------------------------------------- */ .primary-nav{float:left;width:980px;height:52px;background:url(/images/bg-primary-nav.png) repeat-x;} .primary-nav ul{list-style:none;float:left;width:920px;height:52px;overflow:hidden;padding-left:2px;background:url(/images/bg-primary-nav-li-divide.png) no-repeat top left;} .primary-nav ul li{display:inline;float:left;height:52px;background:url(/images/bg-primary-nav-li-divide.png) no-repeat top right;padding-right:2px;} .primary-nav ul li a{float:left;height:52px;line-height:52px;color:#fff;font-family:Verdana,Helvetica,Arial,serif;font-size:10px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding-left:13px;padding-right:11px;} .primary-nav ul li a.selected, .primary-nav ul li a.current,.primary-nav ul li a:hover{background:url(/images/bg-primary-nav-a-hover.png) repeat-x;} .primary-nav .b-home{float:left;width:58px;height:52px;background:url(/images/bg-primary-nav-home.png) no-repeat top;text-indent:-9000px;} .primary-nav .b-home.selected,.primary-nav .b-home:hover{background-position:bottom;} /* Banner Container ---------------------------------------- */ .banner-container{float:left;width:980px;height:316px;background-color:#ffffff;position:relative;} .banner{float:left;width:696px;height:316px;} .banner p{font-size:12px;} /*common btns*/ .b-more-information{float:left;width:152px;height:38px;background:url(/images/btn-more-information.png) no-repeat top;} .b-more-information:hover{background-position:bottom;} .b-request-a-quote{float:left;width:139px;height:38px;background:url(/images/btn-request-a-quote.png) no-repeat top;} .b-request-a-quote:hover{background-position:bottom;} /*funky-nav*/ .funky-nav{float:right;width:284px;height:316px;overflow:hidden;} .funky-nav ul{float:left;width:284px;list-style:none;} .funky-nav ul li{float:left;width:284px;height:79px;} .funky-nav ul li a{float:left;background:url(/images/bg-funky-nav-a.jpg) no-repeat;width:284px;height:79px;text-indent:-9000px;} .funky-nav ul li a.quote{background-position:left 0px;} .funky-nav ul li a.quote:hover{background-position:right 0px;} .funky-nav ul li a.centre{background-position:left -79px;} .funky-nav ul li a.centre:hover{background-position:right -79px;} .funky-nav ul li a.files{background-position:left -158px;} .funky-nav ul li a.files:hover{background-position:right -158px;} .funky-nav ul li a.business{background-position:left -237px;} .funky-nav ul li a:hover{background-position:right -237px;} /*banner giraffe*/ .banner.giraffe{background:url(/images/banner-giraffe.jpg) no-repeat top right;} .giraffe-horns{position:absolute;width:36px;height:18px;background:url(/images/banner-giraffe-horns.png) no-repeat;top:-18px;left:387px;} .banner.giraffe{float:left;width:666px;height:281px;padding-left:30px;padding-top:35px;cursor:pointer;} .banner.giraffe h2{display:block;padding-bottom:10px;} .banner.giraffe h1{float:left;width:300px;margin-right:366px;} .banner.giraffe p{float:left;width:300px;margin-right:366px;color:#000000;} .banner.giraffe .b-request-a-quote,.banner.giraffe .b-more-information{margin-right:10px;margin-top:0px;} /*banner xmas*/ .banner.xmas{background:url(/images/banner-christmas.jpg) no-repeat top right;position:relative;} .banner.xmas h2{font-size:19px;color:#fff;position:absolute;top:138px;right:35px;font-weight:bold;} .banner.xmas .b-more-information{margin-left:365px;margin-right:10px;} .banner.xmas .b-request-a-quote,.banner.xmas .b-more-information{margin-top:240px;} /*banner shootout*/ .banner.shootout {background: url(/images/bg-whenitcounts-1.jpg) no-repeat scroll right top transparent; position: relative; text-indent: -999em;cursor:pointer;} .banner.scratch-and-win {background:url(/images/bg-whenitcounts-2.jpg) no-repeat scroll right top transparent;position:relative;text-indent:-999em;cursor:pointer;} .banner.wincar {background:url(/images/bg-whenitcounts-3.jpg) no-repeat scroll right top transparent;position:relative;text-indent:-999em;cursor:pointer;} .banner .b-request-a-quote,.banner .b-more-information{margin-top:0px;z-index:999;margin-top:265px;} .banner .b-request-a-quote {float: right;background: url(/images/btn-request-a-quote-black.png) no-repeat top right;} .banner .b-request-a-quote:hover {float: right;background: url(/images/btn-request-a-quote-black.png) no-repeat bottom right;} .banner .b-more-information {float:right; margin-right: 32px;background: url(/images/btn-more-info-black.png) no-repeat top right;} .banner .b-more-information:hover {background: url(/images/btn-more-info-black.png) no-repeat bottom right;} #whenitcounts .banner:hover {cursor:default;} /*banner australia*/ .banner.australia{background:url(/images/banner-australia.jpg) no-repeat top left;float:left;width:666px;height:216px;padding-left:30px;padding-top:100px;} .banner.australia h1{display:block;padding-bottom:20px;padding-top:10px;} .banner.australia input.text{border:0px;padding:0px;margin:0px;float:left;width:150px;height:28px;padding-top:10px;padding-left:35px;padding-right:10px;background:url(/images/bg-search-generic.png) no-repeat top;font-size:13px;color:#ccc;} .banner.australia input.text:hover{background-position:center;} .banner.australia input.text:focus{background-position:bottom;color:#333;} .banner.australia button.b-locate{float:left;width:86px;height:38px;background:url(/images/btn-locate.png) no-repeat top;} .banner.australia button.b-locate:hover{background-position:bottom;} /* Main Col Container ---------------------------------------- */ .main-col-container{float:left;width:980px;border-bottom:1px solid #e8e8e8;background:url(/images/bg-home-left-col.png) repeat-y;} .main-col-container a{text-decoration:none;color:#1F3273;} .main-col-container a:hover{text-decoration:underline;} /*left-col*/ .main-col-container .left-col{float:left;width:400px;min-height:400px;/*overflow:hidden;*/} .main-col-container span.locate-centre {color:#535353;} .main-col-container span a {color:#1F3273;font-weight:bold;text-decoration:none;} .main-col-container span a:hover {text-decoration:underline;} /*right-col*/ .main-col-container .right-col{float:right;width:580px;/*overflow:hidden;*/} .main-col-container .right-col a.current{color:#E70014;} /*home page padding for left col home items */ .main-col-container .left-col h3{display:block;padding-bottom:15px;} .main-col-container .left-col h3 a{color:#E70015;text-decoration:none;} /*left col slider stuff*/ .main-col-container .left-col .content-slider{width:340px;margin:5px 0px;position:relative;} .main-col-container .left-col .content-scroll{width:340px;overflow:hidden;} .main-col-container .left-col .content-holder{width:4500px;} .main-col-container .left-col .content-item{width:340px;height:270px;float:left;} .main-col-container .left-col .content-slider {background-color:#fff;} .main-col-container .left-col .content-slider ul{list-style:none;width:328px;border:1px solid #ccc;height:30px;padding:0px 5px;border-top:1px solid #a0a0a0;border-left:1px solid #a0a0a0;overflow:hidden;} .main-col-container .left-col .content-slider ul li{display:inline;height:30px;} .main-col-container .left-col .content-slider ul li a{color:#535353;font-size:10px;text-transform:uppercase;text-decoration:none;line-height:20px;float:left;padding:0px 7px;margin:5px 0px;} .main-col-container .left-col .content-slider ul li a:hover {background-color:#2b91eb;color:#fff;} /*print-solutions-container*/ .print-solutions-container{float:left;/*height:352px;*/background:url(/images/bg-left-col-top.png) no-repeat top left;border-bottom:1px solid #dcdcdc;overflow:hidden;width:340px;} .print-solutions-container h5 {font-size:12px; padding-bottom:0px;color:#213577;} .print-solutions-container h5 a{font-size:12px; padding-bottom:0px;color:#213577;text-decoration:none;} .print-solutions-container h5 a:hover{text-decoration:underline;} .print-solutions-container h3 a {color:#E70015;font-size:25px;font-weight:bold;line-height:28px;text-transform:uppercase;text-decoration:none;} .print-solutions-container a {font-size:10px;} .print-solutions-container a.link {font-size:11px;} /*print-portfolio*/ .print-portfolio-container{float:left;width:340px;} .print-portfolio-container .content-item p a {font-size:10px;} .print-portfolio-container .content-item p a.link {font-size:11px;} /*producs-services-container*/ .products-services-container{float:left;padding-left:30px;padding-right:15px;padding-top:30px;width:535px;} .products-services-container a.product-link {width:60px;} .products-services-container ul{float:left;width:535px;list-style:none;padding-top:15px;} .products-services-container li{float:left;width:260px;height:55px;margin-right:7px;border-bottom:1px solid #dcdcdc;color:#535353;font-size:11px;padding-bottom:3px;padding-top:4px;} .products-services-container li img{float:left;} .products-services-container ul li a{float:left;width:195px;font-size:12px;color:#213577;font-weight:bold;text-decoration:none;padding-bottom:5px;line-height:18px;padding-top:5px;} .products-services-container ul li a:hover{text-decoration:underline;} .products-services-container h3 a{color:#E70015;text-decoration:none;} .products-services-container h3 a:hover{text-decoration:none;} /*resource-centre-container*/ .resource-centre-container{float:left;padding-left:30px;padding-right:50px;padding-top:30px;width:500px;} .resource-centre-container h3{display:block;padding-bottom:15px;} .resource-centre-container h3 a{color:#E70015; text-decoration:none;} .resource-centre-container h3 a:hover{text-decoration:none;} .resource-centre-container ul{float:left;width:500px;} .resource-centre-container ul li{float:left;width:500px;padding-bottom:8px;;} .resource-centre-container li img{border:1px solid #c7c7c7;float:left;overflow:hidden;} .resource-centre-container li a.link{width:385px;float:right;font-size:11px;color:#213577;font-weight:bold;text-decoration:none;padding-bottom:6px;} .resource-centre-container li a.link:hover{text-decoration:underline;} .resource-centre-container li .date{width:385px;float:right;color:#ababab;font-size:11px;padding-bottom:5px;} .resource-centre-container li p{width:385px;float:right;} .resource-centre-container li p a{font-size:10px;} /* Footer ---------------------------------------- */ .footer{float:left;width:980px;height:106px;} .footer ul.blue-links {float:left;width:980px;text-align:center;list-style:none;display:inline;height:20px;padding-top:25px;} .footer ul.blue-links li {display:inline;padding:0px;} .footer ul.blue-links li a {color:#223679;font-size:11px;text-decoration:none;font-weight:bold;padding:0px 8px;} .footer ul.blue-links li a:hover {text-decoration:underline;} .footer ul.grey-links{float:left;width:935px;text-align:center;list-style:none;display:inline;height:20px;padding-top:15px;padding-left:20px;} .footer ul.grey-links li{display:inline;padding:0px 0px;} .footer ul.grey-links li a{color:#565656;font-size:11px;text-decoration:none;padding:0px 3px;} .footer ul.grey-links li a:hover{text-decoration:underline;} /* Request a Quote Popup ---------------------------------------- */ .form-popup{float:left;width:800px;/*height:720px;*/background-color:#fff;padding:20px 30px 20px 30px; position: relative; } .form-popup form {float:left;width:760px;} .form-popup input{padding:0px;margin:0px;border:0px;outline:none;} .form-popup h3{display:block;padding-bottom:15px;} .form-popup p{padding-bottom:10px;} .form-popup .break{float:left;width:640px;border-top:1px solid #e4e4e4;margin-left:120px;margin-top:5px;margin-bottom:5px;} .form-popup .full-break {float:left;width:760px;border-top:1px solid #e4e4e4;margin-top:15px;margin-bottom:15px;clear:both;} .form-popup .section-title{float:left;width:300px;margin-right:460px;text-align:right;padding-top:5px;padding-bottom:5px;font-size:10px;font-weight:bold;color:#333;} .form-popup .section-title a{margin-right:10px;color:#0f2c7b;text-decoration:none;} .form-popup .section-title a:hover{text-decoration:underline;} .form-popup .form-row{float:left;width:760px;padding-top:5px;padding-bottom:5px;} .form-popup label,.form-popup span.label{float:left;width:300px;text-align:right;font-size:12px;color:#4b4b4b;line-height:24px;} .form-popup input.text{float:left;margin-left:10px;margin-right:153px;width:275px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} .form-popup span.value {float:left;margin-left:10px;width:275px;line-height:24px;font-size:10px;color:#4b4b4b;} .form-popup input.text:hover{background-color:#f5f8ff;} .form-popup input.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} .form-popup input.text.short{width:40px;} .form-popup select{float:left;width:297px;margin-top:3px;margin-left:10px;} .form-popup textarea{float:left;margin-left:10px;margin-right:153px;width:285px;padding:10px 0px 10px 10px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} .form-popup textarea:hover{background-color:#f5f8ff;} .form-popup textarea:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} .form-popup input.checkbox{float:left;margin-top:4px;margin-left:10px;} .form-popup .form-row.invalid{background:url(/images/bg-form-validation-error.png) no-repeat 630px 4px;} .form-popup .form-row.attachment.invalid{background:url(/images/bg-form-validation-error.png) no-repeat 630px 7px;} .form-popup .form-row.invalid input.text{border:1px solid #E70015;} .form-popup .form-row.invalid input.text:hover{background-color:#ffeded;} .form-popup .form-row.invalid textarea{border:1px solid #E70015;} .form-popup .file{float:left;margin-left:10px;width:200px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} .form-popup ul.file-list{float:left;margin-left:10px;width:222px;margin-top:6px;} .form-popup ul.file-list li{display:block;line-height:14px;float:left;width:222px;height:13px;overflow:hidden;border-bottom:1px solid #e8e8e8;padding-bottom:3px;margin-bottom:0px;padding-top:3px;} .form-popup ul.file-list li img{float:left;padding-right:10px;} .form-popup ul.file-list li a{font-size:10px;color:#888;text-decoration:none;float:left;padding-right:10px;} .form-popup ul.file-list li a:hover{color:#555;} .form-popup .b-popup-form-browse{float:right;width:64px;height:26px;background:url(/images/btn-popup-form-browse.png) no-repeat top;margin-left:10px;margin-right:75px; margin-top:4px;} .form-popup ul.file-list li.progress{background:url(/images/bg-li-loading-back.png) no-repeat top center;} .form-popup .b-popup-form-browse.upload-file{float:right;width:64px;height:26px;background:url(/images/btn-upload.png) no-repeat top;margin-left:10px;margin-right:75px;} .form-popup ul.file-list li.progress{background:url(/images/bg-li-loading-back.png) no-repeat top center;} .form-popup .b-send-quote-request{float:left;width:160px;height:38px;background:url(/images/btn-popup-send-quote-request.png) no-repeat; margin-left: 310px;} .form-popup .b-send-quote-request:hover {background-position:bottom;} /* Request a Free Sample Popup ---------------------------------------- */ .request-free-sample-popup{float:left;width:760px;height:500px;background-color:#fff;padding:30px;} .request-free-sample-popup input{padding:0px;margin:0px;border:0px;outline:none;} .request-free-sample-popup h3{display:block;padding-bottom:15px;} /* OVERRIDES FOR INTERNAL PAGES ---------------------------------------- */ /* Generic ---------------------------------------- */ #generic .main-col-container{background:url(/images/bg-grey-dot.png) repeat-y 696px;} #generic .main-col-container .right-col{float:right;width:284px;padding-bottom:20px;} #generic .main-col-container .left-col{float:left;width:636px;padding-left:30px;padding-right:30px;padding-top:20px;padding-bottom:20px;} #generic .request-a-quote, #generic .upload-a-file{background:none;} /*crumby * breadcrumbs*/ #generic .main-col-container .left-col .crumby{float:left;width:636px;height:20px;} #generic .main-col-container .single-col .crumby{padding-left:30px;padding-top:20px;} .crumby a:first-child{padding-left:0px;background-image:none;} /*yay css3*/ .crumby a{font-size:11px;font-family:Helvetica,Arial;font-weight:bold;color:#afafaf;text-transform:uppercase;text-decoration:none;float:left;padding-right:10px;padding-left:14px;background:url(/images/arrow-grey.png) no-repeat 0px 1px ;} .crumby a:hover{color:#e70014;} .crumby span{float:left;color:#e70014;font-size:11px;font-family:Helvetica,Arial;font-weight:bold;text-transform:uppercase;text-decoration:none;padding-right:10px;padding-left:14px;background:url(/images/arrow-red.png) no-repeat 0px 1px;} /* generic right-col*/ #generic .right-col .funky-nav{height:auto;} #generic .right-col .link-container{float:left;width:224px;padding-bottom:0px;margin-bottom:30px;} .link-container h4{display:block;padding-bottom:10px;} .link-container ul{list-style:none;display:block;width:224px;} .link-container ul li{float:left;padding-bottom:7px;width:224px;} .link-container ul li a{color:#203274;font-weight:bold;font-size:11px;text-decoration:none;line-height:13px;float:left;width:209px;padding-left:15px;background:url(/images/arrow-blue.png) no-repeat 0px 3px ;} .link-container ul li a:hover{text-decoration:underline;} /*right-col newsletter subsribe*/ .newsletter-subscribe-container{float:left;width:284px;height:210px;background:url(/images/bg-newsletter-subscribe.png) no-repeat top left;position:relative;} .newsletter-subscribe-container input.first_name {margin-top: 102px;} .newsletter-subscribe-container input.text{width:214px;padding-left:10px;padding-right:10px;height:18px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;margin-bottom:10px;margin-left:25px;} .newsletter-subscribe-container .b-subscribe{float:right;width:81px;height:28px;background:url(/images/btn-subscribe.png) no-repeat bottom;margin-right:23px;} .newsletter-subscribe-container .b-subscribe:hover{background-position:top;} .newsletter-subscribe-container a{float:left;font-size:12px;color:#fff;text-decoration:none;margin-left:25px;padding-top:10px;} .newsletter-subscribe-container a:hover{text-decoration:underline;} /*generic product-listing*/ .product-listing-container{float:left;width:636px;background:url(/images/bg-grey-dot.png) repeat-y 308px;overflow:hidden;} .product-listing-container .product{float:left;width:290px;height:140px;overflow:hidden;border-bottom:1px solid #efefef;padding-right:18px;padding-left:10px;padding-top:10px;padding-bottom:10px;overflow:hidden;display:inline;} .product-listing-container .product .info{float:right;width:155px;overflow:hidden;} .product-listing-container .product .info .b-request-quote-small{float:left;width:105px;height:23px;background:url(/images/btn-request-quote-small.png) no-repeat top;overflow:hidden;} .product-listing-container .product .info .b-request-quote-small:hover{background-position:bottom;} .product-listing-container .product .info p{padding-bottom:12px;} .product-listing-container .product .info p span{float:left; height:40px; overflow:hidden;color:#535353;} .product-listing-container .product .info p{float:left;} .product-listing-container p strong a{font-size:13px;} .product-listing-container .product img{float:left;width:120px;height:90px;border:1px solid #efefef;overflow:hidden;} /* TYPOGRAPHY *always placed at the bottom of this file ---------------------------------------- */ #generic .typography{padding-top:10px;display:block;float:left;width:636px;padding-bottom:18px;} #generic .typography p{display:block;} #generic .typography p a{font-size:11px;} #generic .typography h1{display:block;} #generic .typography ul{display:block;padding-bottom:18px; list-style: none; /* disc */ padding-left:30px; /* float:left;width:606px; */ } #generic .typography ul li{line-height:18px;font-size:11px;color:#535353;} #generic .typography ul li a{line-height:18px;font-size:11px;/* float:left */;background:url(/images/arrow-blue.png) no-repeat 0px 5px;padding-left:15px;width:591px;text-decoration:none;font-weight:bold;color:#203274;} #generic .typography ul li a:hover{text-decoration:underline;} #generic .typography img.right{float:right;margin-left:20px;margin-bottom:20px;border:1px solid #cccccc;display:inline;} #generic .typography img.left{float:left;border:1px solid #cccccc;margin: 5px 20px 20px 0px;} #generic .typography div.right{float:right;margin-left:20px;margin-bottom:20px;/*border:1px solid #cccccc;*/width:320px;overflow:hidden;} #generic .typography div.left{float:left;margin-right:20px;margin-bottom:20px;/*border:1px solid #cccccc;*/width:320px;overflow:hidden;} #generic .typography div.right img.right{margin-top:5px;} #generic .typography div.left img.left{margin-bottom:10px;margin-right:0px;} /* Pagination ---------------------------------------- */ #generic .pagination{float:right;} #generic ul.pagination{list-style:none;display:block;padding-top:10px;padding-left:0px;width:auto;float:right;height:30px;} #generic ul.pagination li{display:inline;color:#e8e8e8;} #generic ul.pagination li{background-image:none;padding-left:0px;margin:4px;float:left;} #generic ul.pagination li span{padding:1px 5px;background-color:#f4f4f4;border:1px solid #f4f4f4;color:#a6a6a6;float:left;} #generic ul.pagination li a.selected{padding:1px 5px;background-color:#f4f4f4;border:1px solid #f4f4f4;color:#a6a6a6;float:left;} #generic ul.pagination li span.void{background-color:#ffffff;border:1px solid #ffffff;} #generic ul.pagination li a{background-image:none;padding:1px 5px;border:1px solid #ffffff;float:left;width:auto;text-decoration:none;color:#203274; font-weight: bold;} #generic ul.pagination li a:hover{border:1px solid #535353;text-decoration:none;} #generic .pagination a{text-decoration:none;font-size:11px;color:#234588;font-weight:bold;padding:1px 5px;border:1px solid #FFFFFF;} #generic .pagination span{color:#E8E8E8;} #generic .pagination span.prev_page{font-weight:bold;} #generic .pagination span.current, #generic .pagination span.disabled {background-color:#F4F4F4;border:1px solid #F4F4F4;color:#A6A6A6;} #generic .pagination a:hover{border:1px solid #535353;} /* Search Results ---------------------------------------- */ #generic .search-results-container{float:left;width:636px;} #generic .search-results-container .result{float:left;width:636px;padding-bottom:10px;border-bottom:1px solid #efefef;padding-top:20px;} #generic .search-results-container .result p{padding-bottom:10px;} #generic .search-results-container .result .b-more-info{float:right;width:97px;height:30px;background:url(/images/btn-more-info.png) no-repeat bottom;margin-left:10px;} #generic .search-results-container .result .b-more-info:hover{background-position:top;} /* franchise opportunities ---------------------------------------- */ #franchise .main-col-container{background:none;} #franchise .main-col-container .single-col{float:left;width:920px;padding:20px 0px 0px 0px;margin:0px 30px;} #franchise .main-col-container .single-col .crumby{float:left;width:920px;height:20px;padding-bottom:10px;} #franchise .main-col-container .right-col{float:right;width:410px;padding:40px 30px 20px 0px} #franchise .main-col-container .left-col{float:left;width:480px;padding:0px 30px 20px 30px;} #franchise form.download-franchise-pack{float:left;width:410px;background:url(/images/bg-franchise-pack-form.png) no-repeat top;padding-top:125px;margin-top:20px;} #franchise form.download-franchise-pack input{padding:0px;margin:0px;border:0px;outline:none;} #franchise form.download-franchise-pack .form-row{float:left;width:410px;padding-top:5px;padding-bottom:5px;} #franchise form.download-franchise-pack .form-row.invalid input.text{border:1px solid #E70015;} #franchise form.download-franchise-pack label{float:left;width:100px;text-align:right;font-size:11px;color:#4b4b4b;line-height:24px;} #franchise form.download-franchise-pack input.text{float:left;margin-left:10px;width:275px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} #franchise form.download-franchise-pack input.text:hover{background-color:#f5f8ff;} #franchise form.download-franchise-pack input.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} #franchise form.download-franchise-pack input.text.short{width:40px;} #franchise form.download-franchise-pack select{float:left;width:297px;margin-top:3px;margin-left:10px;} #franchise form.download-franchise-pack .b-download{float:right;width:167px;height:42px;background:url(/images/btn-download.png) no-repeat top;margin-top:10px;} #franchise form.download-franchise-pack .b-download:hover{background-position:bottom;} #franchise form.download-franchise-pack p{float:left;padding-left:110px;width:300px;padding-top:10px;} .form-popup .form-row.invalid{background:url(/images/bg-form-validation-error.png) no-repeat 630px 4px;} .form-popup .form-row.invalid input.text{border:1px solid #E70015;} .form-popup .form-row.invalid input.text:hover{background-color:#ffeded;} /*tool-belt*/ .tool-belt{float:left;width:636px;height:30px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:0px;margin-bottom:15px;position:relative;} .tool-belt .btn-share-article{float:right;width:113px;height:22px;text-indent:-9000px;background:url(/images/btn-share-article.png) no-repeat;margin-top:4px;} .tool-belt .btn-share-article.look-at-me,.tool-belt .btn-share-article.look-at-me:hover{background-position:bottom;} .tool-belt .btn-share-article:hover{background-position:center;} .tool-belt .share-article{float:right;width:138px;height:0px;overflow:hidden;background:url(/images/bg-share-article.png) no-repeat;position:absolute;right:0px;top:25px;} .tool-belt ul{float:left;width:523px;list-style:none;} .tool-belt ul li{display:inline;background-image:none;line-height:30px;float:left;padding:0px;padding-right:20px;} .tool-belt ul li a{float:left;padding-right:20px;padding-left:0px;color:#1f3274;font-size:10px;text-decoration:none;} .tool-belt ul li a:hover{color:#475ca4;text-decoration:none;} .tool-belt ul li a.comments{display:inline;background:url(/images/bg-green-comment.png) no-repeat right 7px;} .tool-belt ul li a.email{background:url(/images/bg-green-email.png) no-repeat right 7px;} .tool-belt ul li a.print{background:url(/images/bg-green-print.png) no-repeat right 7px;} .tool-belt ul li a.rss{background:url(/images/bg-green-rss.png) no-repeat right 7px;} .tool-belt ul li a.twitter{background:url(/images/bg-green-twitter.png) no-repeat right 7px;} .tool-belt ul li a.twitter:hover{background-position:right -23px;} .tool-belt ul li a.rss:hover{background-position:right -24px;} .tool-belt ul li a.print:hover{background-position:right -23px;} .tool-belt ul li a.email:hover{background-position:right -24px;} .tool-belt ul li a.comments:hover{background-position:right -23px;} .tool-belt .share-article ul{list-style:none;width:128px;padding-top:10px;padding-left:10px;} .tool-belt .share-article ul li{float:left;width:128px;padding-right:0px;line-height:23px;} .tool-belt .share-article ul li a{font-size:12px;color:#1f3274;} .tool-belt .share-article ul li a:hover{color:#000000;} .tool-belt .share-article ul li a{padding-left:25px;display:block;} .tool-belt .share-article ul li a.email{background:url(/images/icon-email.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.facebook{background:url(/images/icon-facebook.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.digg{background:url(/images/icon-digg.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.delic{background:url(/images/icon-delic.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.live{background:url(/images/icon-live.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.twitter{background:url(/images/icon-twitter.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.myspace{background:url(/images/icon-myspace.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.buzz{background:url(/images/icon-buzz.png) no-repeat 0px 3px;} .tool-belt .share-article ul li a.google{background:url(/images/icon-google.png) no-repeat 0px 3px;} /* comment-container ---------------------------------------- */ .comment-container{float:left;width:636px;} .comment-container h2{display:block;border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px;} .comment-container .comment{float:left;width:630px;border-bottom:1px dotted #e8e8e8;padding-bottom:20px;padding-top:20px;} .comment .left{float:left;width:140px;padding-left:30px;} .comment .right{float:right;width:426px;} .comment .left .comment-number{margin-left:-30px;float:left;} .comment .left .time{color:#888;float:left;font-size:11px;padding-bottom:10px;width:140px;} .comment .left a.author{clear:both;float:left;font-size:11px;line-height:16px;color:#1f3273;text-decoration:none;} .comment .left a.author:hover{text-decoration:underline;} .comment .left .location{float:left;clear:both;font-size:11px;line-height:16px;display:block;width:140px;color:#4d4d4c;} .comment .left a.author-photo{float:left;clear:both;padding-top:10px;} /*replies */ .comment .replies{float:left;width:420px;background-color:#ebf5f5;margin-top:10px;overflow:hidden;} .comment .replies .replies-top{float:left;width:490px;height:47px;background:url(/images/bg-replies-top.png) no-repeat;border-bottom:1px solid #ffffff;padding-top:10px;} .comment .replies .replies-top a{line-height:47px;float:left;background:url(/images/bg-replies-top-plus.png) no-repeat 18px 20px ;padding-left:36px;} .comment .replies .user-reply{float:left;width:470px;border-bottom:1px solid #ffffff;padding-bottom:15px;padding-top:15px;} .comment .replies .user-reply a.author-photo{float:left;width:85px;padding-left:15px;} .comment .replies .user-reply .right{float:right;width:355px;padding-right:15px;} .comment .replies .user-reply .right a.author{padding-bottom:5px;display:block;} .comment .replies .user-reply .right p{padding-bottom:5px;} .comment .replies .user-reply .right .time{font-size:11px;color:#888;} /*enter-user-reply*/ .comment .replies .enter-user-reply-activate{float:left;width:390px;height:27px;border:1px solid #c3dada;margin-left:34px;margin-right:34px;margin-top:20px;margin-bottom:20px;background-color:#ffffff;line-height:27px;padding-left:10px;} .comment .replies .enter-user-reply-activate:hover{cursor:text;} .comment .replies .user-reply textarea{float:left;width:333px;height:auto;border:1px solid #c3dada;padding:10px;} .comment .replies .user-reply textarea:focus{border:1px solid #5598a6;} .comment .replies .user-reply .gradient-btn{float:right;margin-top:10px;} /* businesses-for-sale ---------------------------------------- */ #businesses-for-sale .main-col-container{background:none;} #businesses-for-sale .main-col-container .single-col{float:left;width:920px;padding:20px 00px 10px 00px;margin:0px 30px;border-bottom:1px solid #f0f0f0;} #businesses-for-sale .main-col-container .single-col h1{float:left;width:920px;} #businesses-for-sale .main-col-container .single-col .crumby{float:left;width:920px;height:20px;padding-bottom:10px;} #businesses-for-sale .main-col-container .right-col{float:right;width:555px;padding:20px 50px 20px 30px} #businesses-for-sale .main-col-container .left-col{float:left;width:305px;padding:20px 10px 20px 30px;} #businesses-for-sale .main-col-container .left-col img{float:left;padding-bottom:25px;} /*crumby * breadcrumbs*/ #businesses-for-sale .main-col-container .left-col .crumby{float:left;width:636px;height:20px;} /*#businesses-for-sale state filter form*/ #businesses-for-sale .single-col .form-row{float:left;width:345px;} #businesses-for-sale .single-col .form-row label{float:left;width:105px;font-size:11px;font-weight:bold;color:#666;padding-top:3px;} #businesses-for-sale .single-col .form-row select{width:200px;} /*businesses-for-sale state chooser links*/ #businesses-for-sale .single-col .state-links{float:left;width:575px;} #businesses-for-sale .single-col .state-links p{padding:0;} #businesses-for-sale .single-col .state-links p a{font-size:11px;} /* DAVIDS CSS ---------------------------------------- */ /*Floating Free Sticker*/ .newsletter-subscribe-container span.free-sticker{background: url(/images/free-sticker.png) no-repeat; width:83px;height:90px;position:absolute;right:-18px;top:-26px;z-index:9999;} /*Portfolio*/ .portfolio-tab-container{background:url('/images/bg-portfolio-header-grad.png') repeat-x;margin-top:10px;margin-bottom:10px;float:left;width:634px;border:1px solid #ccc;min-height:270px;} .portfolio-tab-container h5{line-height:62px;float:left;padding-left:20px;padding-bottom:0px;} .portfolio-tab-container span.view-as{font-size:11px;color:#7b7b7b;font-weight:bold;line-height:62px;float:right;margin-right:10px;} .portfolio-tab-container ul.tab-nav{float:right;width:214px;height:62px;margin-right:20px;} .portfolio-tab-container ul.tab-nav li{float:right;height:62px;} .portfolio-tab-container ul.tab-nav .b-thumbnails{float:left;width:102px;height:40px;margin-right:10px;margin-top:13px;text-indent:-9000px;} .portfolio-tab-container ul.tab-nav .b-coverflow{float:left;width:102px;height:40px;margin-top:13px;text-indent:-9000px;} .portfolio-tab-container ul.tab-nav .b-thumbnails{background:url(/images/ie6-btn-thumbnails.png) no-repeat top;} .portfolio-tab-container ul.tab-nav .b-thumbnails:hover{background-position:bottom;} .portfolio-tab-container ul.tab-nav .b-thumbnails.selected{background-position:bottom;} .portfolio-tab-container ul.tab-nav .b-coverflow{background:url(/images/ie6-btn-coverflow.png) no-repeat bottom;} .portfolio-tab-container ul.tab-nav .b-coverflow:hover{background-position:top;} .portfolio-tab-container ul.tab-nav .b-coverflow.selected{background-position:top;} .portfolio-tab-container .tab{float:left;width:614px;padding:20px 0px 20px 20px;} .portfolio-tab-container .tab .product-box{width:186px;height:176px;float:left;margin-bottom:20px;margin-right:18px;} .portfolio-tab-container .tab .product-box img{border:1px solid #cccccc;margin-bottom:15px;} .portfolio-tab-container .tab .product-box .product-name{font-weight:bold;color:#999;} /*free sample popup*/ .promotion{float:left;width:225px;height:59px;margin-left:90px;margin-top:28px;} .free-sample-popup{background:url(/images/bg-free-sample-popup.jpg) no-repeat ;background-position:20px 380px;float:left;width:760px;height:500px;background-color:#fff;padding:20px 30px 20px 30px;overflow:hidden;} .free-sample-popup .b-free-sample{float:right;width:189px;height:41px;background:url(/images/btn-free-sample-popup.png) no-repeat top ;} .free-sample-popup .b-free-sample:hover{background-position:bottom;} .free-sample-popup .form-row-push-right{width:450px;padding:5px 0px 75px 310px;float:left;} .free-sample-popup .label-left{color:#4B4B4B;float:left;font-size:12px;line-height:24px;text-align:left;} .free-sample-popup .section-title-left{color:#333333;float:left;font-size:10px;font-weight:bold;/*margin-right:460px;*/padding-bottom:5px;padding-top:5px;text-align:left;width:300px;} .free-sample-popup .section-title-left a{color:#0F2C7B;margin-right:10px;text-decoration:none;} .free-sample-popup .section-title-left a:hover{text-decoration:underline;} /*send-your-file popup*/ .send-your-file-popup .b-send-file{float:left;width:175px;height:41px;background:url(/images/btn-popup-send-file.png) no-repeat top; margin-left: 310px;} .send-your-file-popup .b-send-file:hover{background-position:bottom;} /*images with captions*/ #generic .typography span.right-image-caption{float:right;width:318px;margin-left:20px;margin-bottom:0px;font-size:10px;color:#A1A1A1;text-align:left;clear:both;} #generic .typography span.left-image-caption{float:left;width:318px;margin-right:20px;margin-bottom:20px;font-size:10px;color:#ccc;text-align:left;clear:both;} /*hr break*/ #generic .break{border-top:1px solid #E8E8E8;float:left;margin-bottom:5px;margin-top:10px;width:636px;} /*toolbelt*/ .mini-toolbelt{width:636px;float:left;height:40px;padding-top:5px;padding-bottom:5px;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;margin-bottom:35px;} .mini-toolbelt a.b-download-pdf{background:url(/images/btn-download-pdf.png) top left no-repeat ;float:right;width:194px;text-indent:-9999px;height:40px;} .mini-toolbelt a.b-download-pdf:hover{background:url(/images/btn-download-pdf.png) bottom left no-repeat ;float:right;width:194px;text-indent:-9999px;height:40px;} .mini-toolbelt ul.share-options{list-style:none;width:442px;float:left;} .mini-toolbelt ul.share-options li{display:inline;height:49px;} .mini-toolbelt ul.share-options .btn-print{background:url(/images/btn-print.png) top left no-repeat;float:left;margin-right:20px;text-indent:-9999px;width:43px;height:40px;} .mini-toolbelt ul.share-options .btn-print:hover{background-position:bottom left;} .mini-toolbelt ul.share-options .btn-email{background:url(/images/btn-email.png) top left no-repeat;float:left;margin-right:20px;text-indent:-9999px;width:50px;height:40px;} .mini-toolbelt ul.share-options .btn-email:hover{background-position:bottom left;} .mini-toolbelt ul.share-options .btn-rss{background:url(/images/btn-rss.png) top left no-repeat;float:left;margin-right:20px;text-indent:-9999px;width:39px;height:40px;} .mini-toolbelt ul.share-options .btn-rss:hover{background-position:bottom left;} /*======== browse centre ==========*/ /* postcode search*/ #businesses-for-sale .single-col .search-postcode{width:920px;float:left;} #businesses-for-sale .single-col .search-postcode label{color:#666666;font-size:11px;font-weight:normal;padding-right:10px;width:178px;float:left;line-height:24px;} #businesses-for-sale .single-col .search-postcode input.text:hover{background-color:#F5F8FF;} #businesses-for-sale .single-col .search-postcode input.text{border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;border-style:solid;border-width:1px;color:#555555;float:left;height:20px;padding-left:10px;padding-right:10px;padding-top:4px;width:175px;} /*Centre table*/ #businesses-for-sale .single-col table.browse-centres{width:920px;float:left;text-align:left;margin-top:15px;} #businesses-for-sale .single-col table.browse-centres thead{margin-bottom:15px;margin-top:15px;} #businesses-for-sale .single-col table.browse-centres thead th{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;line-height:40px;color:#666666;text-transform:uppercase;} #businesses-for-sale .single-col table.browse-centres tbody td{padding-right:10px;vertical-align:top;padding-top:15px;} #businesses-for-sale .single-col table.browse-centres ul{float:left;width:116px;} #businesses-for-sale .single-col table.browse-centres ul li{padding-bottom:10px;} #businesses-for-sale .single-col table.browse-centres .indented{padding-left:25px;} #businesses-for-sale .single-col table.browse-centres .indented ul{width:119px;} #businesses-for-sale .single-col table.browse-centres .table-body a{color:#1f3273;text-decoration:none;font-size:11px;font-weight:bold;} #businesses-for-sale .single-col table.browse-centres .table-body a:hover{text-decoration:underline;} /*business cards page - form - request a quote*/ #generic .funky-nav .hidden{float:left;text-indent:-9999px;} #generic .funky-nav .request-quote{width:238px;background:url('/images/bg-request-quote.png') top no-repeat #2f95eb ;float:left;padding-top:79px;padding-left:26px;padding-right:20px;padding-bottom:15px;} #generic .funky-nav .request-quote .form-row{float:left;width:238px;padding-top:5px;padding-bottom:5px;} #generic .funky-nav .request-quote label,#generic .request-quote span.label{float:left;font-size:12px;color:#fff;font-weight:bold;text-decoration:none;line-height:25px;} #generic .funky-nav .request-quote input.text{float:right;width:140px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} #generic .funky-nav .request-quote input.text:hover{background-color:#f5f8ff;} #generic .funky-nav .request-quote input.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} #generic .funky-nav .request-quote textarea.text{float:right;width:218px;padding-left:10px;padding-right:10px;height:100px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;} #generic .funky-nav .request-quote textarea.text:hover{background-color:#f5f8ff;} #generic .funky-nav .request-quote textarea.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} #generic .funky-nav .request-quote .b-send-quote-request{float:right;width:145px;height:36px;background:url(/images/btn-send-quote-request.png) no-repeat;margin-top:15px;} #generic .funky-nav .request-quote .b-send-quote-request:hover {background-position:bottom;} /*#generic .request-quote input.text.short{width:40px;}*/ #generic .funky-nav .request-quote select{float:right;width:170px;margin-top:3px;margin-left:10px;} /* Christmas Card Stuff ---------------------------------------- */ /* slider specific CSS */ #generic .card-category{overflow:hidden;position:relative;padding-bottom:20px;height:560px;width:636px;border-top:1px solid #e8e8e8;margin-top:15px;padding-top:10px;} #generic .card-category div.wideslide {position:absolute;list-style:none;overflow:none;padding:0;margin:0;height:491px;width:auto;overflow:hidden;} #generic .card-category .card {margin-right:20px;margin-bottom:20px;display:inline;float:left;width:144px;height:235px;overflow:hidden;} #generic .slider-bg {width:636px;height:19px;margin-top:0px;background:url(/images/bg-cards-slider.png) no-repeat;float:left;position:relative;top:509px;} #generic .slider{width:585px;position:relative;} #generic .ui-slider-handle{position:absolute;cursor:move;height:23px;width:51px;top:-2px;background:url(/images/bg-slider-toggle.png) no-repeat ;} #generic .card-category .card .card-contents {float:left;width:144px;} #generic .card-category .card .card-contents img {float:left;width:144px;height:120px;overflow:hidden;} #generic .card-category .card .card-contents a {float:left;font-size:11px;color:#08357c;text-decoration:none;font-weight:bold;width:144px;padding-bottom:10px;} #generic .card-category .card .card-contents span {color:#666666;padding-bottom:10px;float:left;width:144px;} /* Card View Popup ---------------------------------------- */ .card-view {float:left;width:760px;margin-bottom:20px;margin-top:20px;} .inside-card {float:right;width:300px;height:200px;margin-right:70px;border:1px solid #999;} .front-card {float:left;width:300px;height:200px;margin-left:70px;border:1px solid #999;} .b-add-to-cart {margin-top:20px;float:right;width:154px;height:41px;background: url(/images/btn-add-to-cart.png) no-repeat top;} .b-add-to-cart:hover {background-position:bottom;} .b-continue-shopping {margin-top:20px;float:right;width:170px;height:41px;background: url(/images/btn-continue-shopping.png) no-repeat top;margin-left:20px;} .b-continue-shopping:hover {background-position:bottom;} .b-update-cart {float:right;margin-top:20px;width:196px;height:41px;background: url(/images/btn-update-cart-contents.png) no-repeat top;} .b-update-cart:hover {background-position:bottom;} .quantity-container .card div {display:inline;} .quantity-container {float:left;width:715px;padding-left:45px;} .quantity-container .card {float:left;width:715px;height:130px;border-bottom:1px dotted #e8e8e8;position:relative;padding-bottom:10px;margin-top:20px;} .quantity-container .card .card-contents {float:left;width:490px;position:relative;} .quantity-container .card img.card-thumb {border:1px solid #999;float:left;width:144px;overflow:hidden;} .quantity-container .card .card-contents .card-info {float:right;width:320px;overflow:hidden;} .quantity-container .card .card-contents .card-info a {font-size:12px;color:#08357c;text-decoration:none;font-weight:bold;display:block;padding-bottom:10px;} .quantity-container .card .card-contents .card-info span {display:block;color:#666666;padding-bottom:10px;font-size:11px;} .quantity-container .card .qty-info {float:right;width:223px;overflow:hidden;} .quantity-container .card .qty-info label {float:left;width:auto;text-align:left;color:#adadad;margin-top:10px;padding-left:10px;} .quantity-container .card .qty-info label.wide {width:223px;margin-top:0px;} .quantity-container .card .qty-info input {margin-right:10px;} .quantity-container .card .qty-info input.short {margin-left:0px;margin-top:10px;} .quantity-container .card-thumb {float:left;} .quantity-container .card .b-cancel {text-indent:-9000;float:left;background: url(/images/btn-cancel.png) no-repeat;width:16px;height:16px;position:absolute;left:137px;top:-7px;cursor:pointer;} /* Thank you popup container */ .thankyou-popup-container {float:left;width:760px;height:225px;padding-top:105px;text-align:center;} .thankyou-popup-container h3 {line-height:36px;} /* Add comment container */ #comment .comment_box_container{width:100%;} #comment .comment_box_container li {padding: 5px 0 0;} #comment .comment_box_container li span {display:block; float:right; margin:0; padding:0; width:420px;} #comment .comment_box_container li label {float: left; padding-right: 18px; padding-top 5px; text-align:right; width: 110px;} #comment .comment_box_container li b {display:block;} #comment .comment_box_container li .input_box {width: 350px;} #comment .comment_box_container li .input_box.error_input {border: 1px solid red;} #comment .form-row.invalid{background:url(/images/bg-form-validation-error.png) no-repeat 310px 28px;} #comment .form-row.invalid input.text, #comment .form-row.invalid textarea{border:1px solid #E70015;} h5.resource-header {padding-bottom:5px;font-size:13px;} .left-col .typography .post-date {font-size:11px;padding-bottom: 18px; color: #666;} #cboxLoadedContent .free-sample-popup-container {display:block !important; margin: 20px;} .free-sample-popup-container h2 {padding-bottom: 20px; color: #E70015; text-transform: uppercase; font-weight:bold; width:500px;} .free-sample-popup-container img {position: absolute; bottom: 10px; left: 5px; background: url(/images/bg-free-sample-popup.jpg) no-repeat; } .free-sample-popup-container ul li {color:#585858;} .free-sample-popup-container .sample-left{float:left;width:250px;} .free-sample-popup-container .sample-left p{font-size:12px;font-weight:bold;} .free-sample-popup-container .sample-left ul li{padding-bottom: 12px; font-size:12px;} .free-sample-popup-container .sample-right{float:left;font-size: 13px;} .free-sample-popup-container .sample-right ul li{padding-right: 50px; clear:both; font-size:13px;overflow:hidden;width: 468px;} .free-sample-popup-container .sample-right ul li label{float:left; text-align: right; width:210px; padding:10px 20px 20px 0;} .free-sample-popup-container .sample-right ul li label .required{color: #E70015;} .free-sample-popup-container .sample-right ul li span{float:right;color:#585858; font-size:13px;} .free-sample-popup-container .sample-right ul li span .subscribe{margin-left:15px; padding-top: 10px;} .free-sample-popup-container .sample-right ul li span.sample-subscribe{padding:5px;float:right;} .free-sample-popup-container .sample-right ul li span select, .free-sample-popup-container .sample-right ul li span .input_box{height:20px;color:#585858;font-size:13px;} .free-sample-popup-container .sample-right ul li span .input_box{border:1px solid #D4D4D4; padding:5px;width:220px;} .free-sample-popup-container .sample-right ul li span textarea.input_box{height:80px;} .free-sample-popup-container .sample-right ul li span select {margin-top:12px; width: 232px; } .free-sample-popup-container .sample-right ul li.invalid{background:url(/images/bg-form-validation-error.png) no-repeat 480px 4px;} .free-sample-popup-container .sample-right ul li.invalid input.input_box{border:1px solid #E70015;} .free-sample-popup-container .sample-right .send-sample-pack{position: absolute; bottom: 10px; right: 20px; background: url(/images/btn-free-sample-popup.png) no-repeat; width: 189px; height: 40px; border:none;text-indent:-5000px;} .free-sample-popup-container .sample-right .send-sample-pack:hover{background-position:0 -41px;} .free-sample-popup-container .sample-right a{text-decoration:none; color: #0B3861; font-weight:bold; font-size:11px; padding-right: 10px;} .free-sample-popup-container .sample-right a:hover{text-decoration:underline;} /*Send Email Popup Stuff*/ .free-sample-popup-container.email-to-friend p {display:block;width: 470px;} .free-sample-popup-container.email-to-friend span p {width:auto;font-size:11px;padding-bottom:0;padding-top:8px;} .free-sample-popup-container.email-to-friend .sample-right .send-email{position: absolute; bottom: 10px; right: 20px; height: 40px; border:none; background-color:#2C92EA; border:0 none; color:#FFFFFF; float:left; font-family:arial; font-size:12px; margin:0; padding:3px 5px; text-transform:uppercase; width:130px; } .free-sample-popup-container.email-to-friend .sample-right .send-email:hover{background-color:#294194;} .free-sample-popup-container.email-to-friend .sample-right ul li {padding-right:0px;} .funky-nav li.down a.quote,.funky-nav li.down a.quote:hover {background-position:left 0px;} .funky-nav .request-a-quote-form {background-color:#2d94eb;float:left;width:254px;height:237px;padding:0px 15px 0px 15px;} .funky-nav .request-a-quote-form .form-row {width:200px; overflow:hidden; width: 254px;padding: 0px 0px 10px 0px;} .funky-nav .request-a-quote-form .form-row label {color:#ffffff;padding-bottom:4px;float:left;width:254px;} .funky-nav .request-a-quote-form .form-row label.short {float:left;width:83px;} .funky-nav .request-a-quote-form span select{float:right;width:170px;} .funky-nav .request-a-quote-form textarea.input_box{width: 244px;border:1px solid #e8e8e8;margin:0px;padding:0px;float:left;padding:5px;height:70px;color:#666666;} .funky-nav .request-a-quote-form input.input_box{float:left;width:244px;padding:2px 5px;border:1px solid #e8e8e8;color:#666666;} .funky-nav .request-a-quote-form .submit-quote{float:right; background: url(/images/btn-send-quote-request.png) no-repeat; text-indent: -5000px;height:36px;width:145px;border:none;margin-top:5px;} .funky-nav .request-a-quote-form .submit-quote:hover{background-position:0 -36px;} .funky-nav .request-a-quote-form input.input_box:focus, .funky-nav .request-a-quote-form textarea.input_box:focus {border:1px solid #00d8ff;} .copyright {color:#565656;padding-left:45px;top:10px;position:relative;} .resource-container ol, .resource-container ul{padding-left: 15px;} .resource-container ol li, .resource-container ul li{padding-bottom:10px;} .resource-container ol{list-style-type:decimal;} .resource-container ul{list-style-type:disc;} .resource-container p a {font-size:11px;} /* Andrew's Hacky Stuff to make tables look pretty */ .typography table {border:1px solid #e8e8e8;} .typography table td {padding:10px;border:1px solid #e8e8e8;vertical-align:middle;color:#535353;} .typography table th {padding:10px;border:1px solid #e8e8e8;font-weight:bold;text-align:left;vertical-align:middle;} /* overriding primary footer */ .footer ul.blue-links {margin-left:25px;width:955px;} .footer ul.blue-links li {position:relative;display:inline;float:left;margin-top:3px;} .footer ul.blue-links li a {float:left;display:inline;height:30px;line-height:30px;padding-bottom:2px;padding:0px 14px;} .footer ul.blue-links li a:hover {text-decoration:none;} .footer ul.blue-links li a.selected, .footer ul.blue-links li a:hover {background-color:#223679;color:#fff;} .footer .footer-pop {float:left;width:370px;padding:20px 0px 20px 20px;height:auto;left:0px;background-color:#223679;position:absolute;bottom:30px;display:none;text-align:left;z-index: 999999;overflow:hidden;} .footer .footer-pop {float:left;width:370px;min-height:40px;} .footer li.most-right .footer-pop {right:0px;left:auto;} .footer .footer-pop p {font-size:11px;color:#fff;line-height:18px;padding-bottom:0px;} .footer .footer-pop p a {color:#fff;padding:0px;} .footer .footer-pop ul {float:left;width:370px;list-style-type:none;overflow:hidden;} .footer .footer-pop ul li {float:left;width:160px;padding-right:20px;padding-left:5px;line-height:12px;display:inline;background: url(/images/arrow-grey.png) no-repeat left 3px;padding-bottom:4px;} .footer .footer-pop ul li a {float:left;width:156px;color:#fff;font-size:10px;font-weight:normal;line-height:12px;padding:0px 0px 0px 4px;height:auto;} .footer .footer-pop ul li a:hover {text-decoration:underline;font-weight:normal;} /* end footer */ /*comment entry css, after the fact */ #comment {float:left;width:636px;} #comment .form-row {float:left;width:636px;padding:10px 0px;} #comment .form-row label, #comment .form-row span.label {float:left; width:636px;font-size:12px;color:#555;padding-bottom:2px;} #comment .form-row input.text{float:left;width:275px;padding-left:10px;padding-right:10px;height:20px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;margin-top:4px;} #comment .form-row input.text:hover{background-color:#f5f8ff;} #comment .form-row input.text:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} #comment .form-row textarea{float:left;width:285px;padding:10px 0px 10px 10px;border:1px solid;padding-top:4px;color:#555;border-color:#CBCBCB #DCDBDB #DCDBDB #CBCBCB;margin-top:6px;} #comment .form-row textarea:hover{background-color:#f5f8ff;} #comment .form-row textarea:focus{border:1px solid #385eb8;color:#4b4b4b;background-color:#fff;} #comment .form-row input.submit {float:left;width:auto;height:30px;background-color:#2c92ea;color:#ffffff;font-family:arial;font-size:12px;border:0px;margin:0px;padding:3px;text-transform:uppercase;} #comment .form-row input.submit:hover {cursor:pointer;background-color:#294194;} .left-col .typography li a {color:#1F3273; text-decoration:none;} .left-col .typography li a:hover {text-decoration:underline;} a.sharkey {background: transparent url(/images/sharkey-logo.png) no-repeat 0px -41px;float: right;height: 21px;margin-right: 15px;text-decoration: none;width: 29px;color:#fff;} a.sharkey-on,.footer-bottom a.sharkey:hover {background-position: 0px -41pxtop left;} a.sharkey-out {float: right;height: 25px;overflow: hidden;width: 0px;padding-top: 3px;color: #ffffff;font-size: 11px;text-decoration: none;line-height: 17px;} .site-map ul {} .site-map ul li {float:left;margin-bottom:25px;min-height: 110px;width:210px;line-height:18px;padding-right:20px;} .site-map li a{font-size:15px;text-decoration:none;color:#E70014;font-weight:bold;} .site-map li a:hover{text-decoration:underline} .site-map .site-map-children a{font-size:11px;display:block;color:#1F3274;} a.right{float:right;} a.left {float:left;} /* #s3_swf1 form { float: none; width: auto; } #s3_swf1 .uploads { width: 350px; } .form-popup .attachment { position: relative; height:55px; top:-160px; } .request-a-quote .upload_form { position: absolute; top 0; left: 300px; width:460px; height: 40px; } .request-a-quote .form-row .quantity {width:70px;} .request-a-quote .form-row.uploads {width:350px;} .request-a-quote .form-row.attachment-placeholder {height:30px;} .request-a-quote .form-row.upload-div {height:50px;margin-bottom:-30px;} .request-a-quote .form-row p.upload-note, .html-quote .form-row p.upload-note {float:right;width:450px;} .upload-a-file .form-row p.upload-note, .html-upload .form-row p.upload-note {float:right;width:450px;} .upload-a-file .form-row.attachment-placeholder {height:25px;} .upload-a-file .upload_form { position: absolute; top: 0; left: 310px; width:490px; height: 40px; } .upload-a-file .form-row.upload-div {height:50px;margin-bottom:-30px;} .upload_form .ajax-loader {background: transparent url(/images/ajax-loader.gif) no-repeat;text-indent:-5000px;float:left;margin-top:10px;margin-left:-65px;display:none;} .upload-file{float:right;width:64px;height:26px;background:url(/images/btn-upload.png) no-repeat top;margin-left:10px;margin-right:25px; margin-top:4px;} .form-popup .b-popup-form-browse.upload-file { margin-right: 25px; } .form-popup .attachment object, .form-popup .attachment embed { margin-left: 10px; } */ /* Fix lists */ #generic .typography ul li a { padding-left: 0; background: transparent; } #generic .typography ul li { list-style-type: disc; } .hidden {display:none;} .resource-lists .list-img{float: left; margin-right: 10px;margin-top:6px;} .b-penalty-shootout, .b-penalty-shootout:hover {background: url(/images/btn-penalty-shootout.png) no-repeat scroll 0 0 transparent;cursor:pointer;margin-top:0px !important;} .social-buttons{text-align: center;} .social-buttons .facebook {margin-right: 40px;} #tab-twitter {padding-top: 15px;border:1px solid #E8E8E8;} #tab-facebook .full_widget {border-right:none !important;} form.ecomp .form-row { clear: left; margin-top: 6px; font-size: 11px; } form.ecomp .form-row.invalid { background: transparent url("/images/bg-form-validation-error.png") no-repeat scroll 579px -1px; } form.ecomp .form-row label { float: left; width: 240px; padding-top: 4px; } form.ecomp .form-row input { border-top: 1px solid #CBCBCB; border-right: 1px solid #DCDBDB; border-bottom: 1px solid #DCDBDB; border-left: 1px solid #CBCBCB; width: 300px; padding: 6px 10px 3px; color: #555; } form.ecomp .form-row input:focus { border-color: #385EB8; color: #4B4B4B; } form.ecomp .form-row.invalid input { border-color: #E70015; } form.ecomp .form-row.invalid input:focus { background-color: #FFEDED; } form.ecomp .form-row textarea { border-top: 1px solid #CBCBCB; border-right: 1px solid #DCDBDB; border-bottom: 1px solid #DCDBDB; border-left: 1px solid #CBCBCB; width: 300px; height: 120px; padding: 4px 10px 2px; color: #555;} form.ecomp .form-row textarea:focus { border-color: #385EB8; color: #4B4B4B; } form.ecomp .form-row.invalid textarea { border-color: #E70015; } form.ecomp .form-row.invalid textarea:focus { background-color: #FFEDED; } form.ecomp .form-row.invalid span.error-message { display: block; color: #E70015; font-size: 10px; margin-left: 240px; } form.ecomp .form-row button { margin-left: 240px; margin-top: 18px; } form.contactnl .form-row { clear: left; margin-top: 6px; font-size: 11px; } form.contactnl .form-row.invalid { background: transparent url("/images/bg-form-validation-error.png") no-repeat scroll 579px -1px; } form.contactnl .form-row label { float: left; width: 240px; padding-top: 4px; } form.contactnl .form-row input { border-top: 1px solid #CBCBCB; border-right: 1px solid #DCDBDB; border-bottom: 1px solid #DCDBDB; border-left: 1px solid #CBCBCB; width: 300px; padding: 6px 10px 3px; color: #555; } form.contactnl .form-row input:focus { border-color: #385EB8; color: #4B4B4B; } form.contactnl .form-row.invalid input { border-color: #E70015; } form.contactnl .form-row.invalid input:focus { background-color: #FFEDED; } form.contactnl .form-row.invalid span.error-message { display: block; color: #E70015; font-size: 10px; margin-left: 240px; } form.contactnl .form-row button { margin-left: 240px; margin-top: 18px; } @charset "UTF-8"; /* CSS Document */ .fan_box .connections .connections_grid {padding-top:0px;} .fan_box .full_widget{border:none !important; } #s3_swf1 form { float: none; width: auto; } #s3_swf1 .uploads { width: 350px; } .form-popup .attachment { position: relative; height:55px; top:-160px; } .form-popup .b-popup-form-browse.upload-file { margin-right: 25px; } .form-popup .attachment object, .form-popup .attachment embed { margin-left: 10px; } .file-delete {margin-left:15px;} .form-row.files{height:0;margin:0;padding:0;} .label-file{margin-left:10px; width:auto !important;} .request-a-quote .upload_form { position: absolute; top 0; left: 300px; width:460px; height: 40px; } .request-a-quote .form-row .quantity {width:70px;} .request-a-quote .form-row.uploads {width:350px;} .request-a-quote .form-row.attachment-placeholder {height:30px;} .request-a-quote .form-row.upload-div {height:50px;margin-bottom:-30px;} .form-row p.upload-note,.form-row p.upload-note {float:right;width:450px;} .upload-a-file .attachment {top:-175px;} .upload-a-file .form-row p.upload-note{margin-top:-10px;} .upload-a-file .form-row p.upload-note, .html-upload .form-row p.upload-note {float:right;width:450px;} .upload-a-file .form-row.attachment-placeholder {height:50px;} .upload-a-file .upload_form { position: absolute; top: 0; left: 310px; width:490px; height: 40px; } .upload-a-file .form-row.upload-div {height:50px;margin-bottom:-30px;} .upload_form .ajax-loader {background: transparent url(/images/ajax-loader.gif) no-repeat;text-indent:-5000px;float:left;margin-top:10px;margin-left:-65px;display:none;} .upload-file{float:right;width:64px;height:26px;background:url(/images/btn-upload.png) no-repeat top;margin-left:10px;margin-right:25px; margin-top:4px;} .html-quote .form-popup .attachment {top:-165px; height:15px;} .html-quote .form-popup .attachment-placeholder {height:30px;} .html-upload .form-popup .attachment {top: -167px;height:15px;} .html-upload .form-popup .attachment-placeholder {height:30px;} .html-design .form-popup .attachment {top:-165px;} .html-design .attachment-placeholder {height: 30px; overflow:hidden;} .request-design .attachment-placeholder {height: 50px; overflow:hidden;} .request-design .attachment {top: -175px;} .request-design .form-row.upload-div {height:50px;margin-bottom:-30px;} .request-design .form-row p.upload-note, .html-design .form-row p.upload-note{float:right;width:450px;margin-top:-10px;} .request-design .form-row p.upload-note.calendar-note, .html-design .form-row p.upload-note.calendar-note{margin-top:0px;padding-bottom:0;} .request-design #h_request-time, .html-design #h_request-time {width: 45px;} .request-design #m_request-time, .html-design #m_request-time {width: 45px;} .request-design #p_request-time, .html-design #p_request-time {width: 55px;} .checkout .form-row.attachment{top: -170px;} .checkout .form-row p.upload-note{margin-top:30px;} .banner.design-portfolio {background: url(/images/banner-design-squiggly.jpg) no-repeat top right; position: relative; text-indent: -999em;cursor:pointer;} .banner.design-portfolio .b-request-design, .b-view-portfolio {margin-right:10px;margin-top:270px;} .banner.design-portfolio .b-request-design {float: right;background: url(/images/btn-request_design_consultation.png) no-repeat top right;width:218px;height:37px;} .banner.design-portfolio .b-request-design:hover {float: right;background: url(/images/btn-request_design_consultation.png) no-repeat bottom right;} .banner.design-portfolio .b-view-portfolio {float:right; margin-right: 32px;background: url(/images/btn-view-portfolio.png) no-repeat top right;width:147px;height:37px;} .banner.design-portfolio .b-view-portfolio:hover {background: url(/images/btn-view-portfolio.png) no-repeat bottom right;} .funky-nav.design-nav ul li a{background:url(/images/bg-funky-nav-designs.jpg) no-repeat;} .funky-nav.design-nav ul li a.quote{background-position:left 0px;} .funky-nav.design-nav ul li a.quote:hover{background-position:right 0px;} .funky-nav.design-nav ul li a.centre{background-position:left -80px;} .funky-nav.design-nav ul li a.centre:hover{background-position:right -80px;} .funky-nav.design-nav ul li a.files{background-position:left -160px;} .funky-nav.design-nav ul li a.files:hover{background-position:right -160px;} .funky-nav.design-nav ul li a.business{background-position:left -238px;} .funky-nav.design-nav ul li a.business:hover{background-position:right -238px;} .funky-nav.graphic-nav ul li a{background:url(/images/bg-funky-nav-design-portfolio.jpg) no-repeat;} .funky-nav.graphic-nav ul li a.quote{background-position:left 0px;} .funky-nav.graphic-nav ul li a.quote:hover{background-position:right 0px;} .funky-nav.graphic-nav ul li a.centre{background-position:left -161px;} .funky-nav.graphic-nav ul li a.centre:hover{background-position:right -161px;} .funky-nav.graphic-nav ul li a.portfolio{background-position:left -80px;} .funky-nav.graphic-nav ul li a.portfolio:hover{background-position:right -80px;} .funky-nav.graphic-nav ul li a.business{background-position:left -239px;} .funky-nav.graphic-nav ul li a.business:hover{background-position:right -239px;} .funky-nav.design-comp-nav ul li a{background:url(/images/bg-funky-nav-design-comp.jpg) no-repeat;} .funky-nav.design-comp-nav ul li a.quote{background-position:left 0px;} .funky-nav.design-comp-nav ul li a.quote:hover{background-position:right 0px;} .funky-nav.design-comp-nav ul li a.centre{background-position:left -160px;} .funky-nav.design-comp-nav ul li a.centre:hover{background-position:right -160px;} .funky-nav.design-comp-nav ul li a.portfolio{background-position:left -80px;} .funky-nav.design-comp-nav ul li a.portfolio:hover{background-position:right -80px;} .funky-nav.design-comp-nav ul li a.redesign{background-position:left -241px;} .funky-nav.design-comp-nav ul li a.redesign:hover{background-position:right -241px;} .design-portfolio .right-col {padding: 0 !important;} .design-portfolio h3, .design-portfolio h3 {font-size: 22px;} ul.designs {width:600px;margin-top: 15px;} ul.designs li{float:left; margin-right: 50px;min-width: 220px;margin-bottom:5px;} ul.designs li a{font-size:12px; color: #1F3273; font-weight: bold; padding-left: 15px; text-decoration:none;background:url("/images/arrow-blue.png") no-repeat scroll 0 3px transparent;} ul.designs li a:hover {text-decoration:none;} ul.designs li a.current{color:#E70014;} .design-list {min-height: 240px;overflow:hidden;width:100%;padding: 30px 0 5px 0;} .design-list .left {float:left} .design-list .left img {border:1px solid #CCCCCC;} .design-list .right {margin-left:20px;width:265px;float:left;} .design-list .right span {font-size:14px;color:#535353;color:#1F3273; font-weight: bold;} .design-list .right span.client {font-size: 14px; font-weight: bold;} .right a.design-image {font-size:12px;} .design-downloads {width: 160px; padding-top: 20px; margin-left: 30px;clear:both;} .btn-request-design{float:left;width:155px;height:23px;background:url(/images/btn-request-design.jpg) no-repeat top;overflow:hidden;} #generic #cboxLoadedContent {margin-top: 28px; margin-left: 50px; margin-right:50px;padding-right:30px;padding-left:15px;} #generic #cboxPrevious {top:265px;height:75px !important;width:30px;} #generic #cboxNext {left:auto; right: 0px; top: 265px;height:75px !important;width:55px;} #generic #cboxCurrent {top:5px;right:45px;left:auto;font-size:12px; font-weight:bold;} #generic #cboxTitle {top:5px; text-align:left; left:10px;font-size:12px; color: #1F3273;font-weight:bold;} #generic #cboxPrevious{background:url("/images/btn-arrow-left.jpg") no-repeat scroll 0 0 transparent;width:60px;height:auto;} #generic #cboxNext{background:url("/images/btn-arrow-right.jpg") no-repeat scroll 0 0 transparent;width:60px;height:auto;} .form-popup .b-send-quote-request.b-request-design {background:url("/images/btn-request-a-design.png") no-repeat scroll 0 0 transparent; width:215px;} .form-popup .b-send-quote-request.b-request-design:hover{background-position:0px -39px;} .request-design .form-popup .request-design input.text {margin-right:20px;} .banner.design-portfolio {/*background: url(/images/banner-design-portfolio.jpg) no-repeat top right; position: relative; text-indent: -999em;cursor:pointer;*/} .form-popup .b-send-quote-request.b-request-design {background:url("/images/btn-request-a-design.png") no-repeat scroll 0 0 transparent; width:215px;} .form-popup .b-send-quote-request.b-request-design:hover{background-position:0px -39px;} .small-form-popup.form-popup {width: 600px;} .small-form-popup.form-popup form {width: 600px;} .small-form-popup.form-popup .form-row {width:600px;} .small-form-popup.form-popup input.text {margin-right:0px;} .small-form-popup.form-popup textarea {margin-right: 0px;margin-left:210px;} .small-form-popup.form-popup p.design-comp-note {width: 320px;margin-left:10px;float:left;} .small-form-popup.form-popup label, .small-form-popup.form-popup span.label {width:200px;} .small-form-popup.form-popup .break {margin-left:5px !important;width: 570px !important;} .small-form-popup.form-popup .section-title {margin-right:0px; margin-left:210px; text-align:left;} .small-form-popup.form-popup .relationship{margin-top:15px;} #generic.redesign .small-form-popup.form-popup .conditions input.checkbox{margin-left:180px;} .small-form-popup.form-popup .conditions label {width:400px;text-align:left;margin-left:5px;} .small-form-popup.form-popup .pop-window{font-weight:bold;} .small-form-popup.form-popup .form-row.invalid{background: url("/images/bg-form-validation-error.png") no-repeat scroll 545px 4px transparent;} .small-form-popup.form-popup .form-row.relationship.invalid {background: url("/images/bg-form-validation-error.png") no-repeat scroll 545px 18px transparent;} #generic.redesign .design-comp-form .b-request-design{background: url("/images/design-comp-btn-submit.png") no-repeat scroll 0 0 transparent; width: 76px;height:39px;} #generic.redesign .design-comp-form .b-request-design:hover{background-position: center bottom;} .banner.design-comp {background: url(/images/design-comp-enter-banner.jpg) no-repeat top right; position: relative; text-indent: -999em;cursor:pointer;} .banner.redesign {background: url(/images/design-comp-banner.jpg) no-repeat top right; position: relative; text-indent: -999em;} #generic.graphic-design .banner{height: 312px;} #generic.redesign .banner{height:314px;} #generic.terms-and-conditions .main-col-container{background:none;} .terms-and-conditions .container{clear:both; padding:30px;} .terms-and-conditions li {line-height:18px;} .terms-and-conditions li ul li {margin-left:15px;} .redesign .design-comp-form p.warning {visibility:hidden;float: right; width: 60px; color: #E70015;} .promotion.design-comp {background:url("/images/design-comp-mini-banner.gif") no-repeat scroll 0 0 transparent;} .promotion {float:left;height:59px;margin-left:90px;margin-top:28px;width:225px;}