/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /* @import url('http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css'); - replaced with content line below */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* @import url('http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css'); - replaced with content line below */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* @import url('http://yui.yahooapis.com/2.7.0/build/base/base-min.css'); - replaced with content line below */ body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} /* end Copyright section */ /* @import url('/css/forms.css'); - replaced with content line below */ form label{width:160px;display:block;float:left;font-size:116%;}form ul{margin:0;}form li{padding:.2em 0;list-style-type:none;}input[type=text],input[type=password],select,textarea,input[type=checkbox]{padding:.1em;border:1px solid #04a5e3;}input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus,input[type=checkbox]:focus{border:1px solid #04a5e3;background:#ede0a5;}.twoCol{width:49%;float:left;margin:0!important;}.twoColRight{float:right;margin:0!important;}.twoCol select,.twoColRight select{width:300px;padding:.3em;}.twoCol input[type=text],.twoCol input[type=password],.twoColRight input[type=text],.twoColRight input[type=password]{width:290px;padding:.3em;}.twoCol li,.twoColRight li{margin:.3em 0;}.requiredInput{background:#fff url(/images/icons/alert.png) no-repeat 275px;}select.requiredInput{background: #fff url(/images/icons/alert.png) no-repeat 255px;}.requiredInput:focus{background:url(/images/icons/alert.png) no-repeat 275px #ede0a5!important;}select.requiredInput:focus{background: url(/images/icons/alert.png) no-repeat 255px #ede0a5!important;}.indicateNote{background:url(/images/icons/alert.png) no-repeat center right;padding:0 20px 0 0;font-size:12px;}.needsInput{background:url(/images/icons/alert.png) no-repeat 275px #f33;color:#fff;border:1px solid #000!important;}select.needsInput{background:url(/images/icons/alert.png) no-repeat 255px #f33;color:#fff;border:1px solid #000!important;}.needsInput:focus{background:url(/images/icons/alert.png) no-repeat 275px #f33!important;color:#fff!important;border:1px solid #000!important;}select.needsInput:focus{background:url(/images/icons/alert.png) no-repeat 255px #f33!important;color:#fff!important;border:1px solid #000!important;}.formErrors{background:#f33;list-style:none;color:#fff;padding:10px;margin:10px 0 10px!important;border:1px solid #000;}.formErrors li{background:url(/images/icons/alert.png) no-repeat center left;padding:0 0 0 20px;list-style:none;}.formSuccesses{background:#6ab250;list-style:none;color:#fff;padding:10px;margin:10px 0 10px!important;border:1px solid #000;}.formSuccesses li{background:url(/images/icons/tick.png) no-repeat center left;padding:0 0 0 20px;list-style:none;} .staticForm{width:450px;}.staticForm label{width:auto;}.staticForm input[type=text],.staticForm textarea{width:438px;padding:.4em;margin:4px 0;} .staticForm select,.staticForm input[type=checkbox] { float:right; padding:.4em;margin:4px 0;} .staticForm li {clear:both; line-height: 2.3em; } .staticForm .half { float:right; width: 50% !important; } .staticForm *.requiredInput {background:#fff url(/images/icons/alert.png) no-repeat 425px 6px !important;} .staticForm .error_list + label, #delAddress .error_list + label, #billAddress .error_list + label { background:url(/images/icons/alert.png) no-repeat 98% #f33;color:#fff; } .staticForm .error_list + label { float: left; width: auto; padding: 2px 30px 2px 5px;} .staticForm .error_list li { float:right; } #delAddress .error_list li, #billAddress .error_list li { color: #f33; } /* Main Structure */ html { background: url(/images/skin/mainBackground.jpg) repeat-x #0040a1; height:100%} body { margin: 0; padding: 0; text-align:center; height:100%;} .container { width: 980px; margin: 0px auto -178px; text-align: left; min-height:100%; height: auto !important; height: 100%; } #innerCont { margin-top:1em;} #head { height:101px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; position: relative; overflow: hidden; } #inPageNav { margin-top: 10px; padding-top:10px; border-top: 1px solid #BFDCFF; } #innerCont a, #innerCont a:visited { color: #009712; } #innerCont a:hover { text-decoration: none; } .adminWrap a, .adminWrap a:visited { color: #000 !important; } /* Flash Errors/Notifications */ .notice { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFCC url(/images/icons/notice-load.gif) no-repeat scroll 10px 4px; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; margin:4px 0 10px; padding:4px 4px 4px 30px; } .error { margin: 4px 0; padding: 4px 4px 4px 30px; background: url(/sfPropelPlugin/images/error.png) no-repeat 10px 4px; border: 3px solid #fff; background-color: #f33; color: #fff; } .notice li { list-style: none; } #innerCont div.error ul li { list-style-type: none; } #innerCont div.error a { color:#fff; font-weight:bold; } /* Generals */ .centre { display:block; margin:0 auto; } .left { float:left; } .right { float:right !important; } .large { font-size: 1.8em; } .clear { clear:both; } .clearLeft { clear:left; } .clearRight { clear:right; } .note14px { font-size: 14px; } .lineBlue { background-color:#9ECCE0; border:medium none; color:#9ECCE0; height:1px; margin:25px 0; position:relative; top:10px;} .hidden { display:none; } .textCentre { text-align:center !important; } .marginLeft { margin-left: 20px; } .marginTop { margin-top: 10px; } .noPad { padding: 0 !important; } .noDots li { list-style-type: none; } /* Header Specific */ #headContact { font-size: 167%; width: 285px; position: absolute; top: 20px; right: 10px; color: #0c80ae; text-align: right; text-transform: uppercase;} #headContact #headContactNumber { color: #000; } #logo { text-indent: -9999px; outline: none; background: url(/images/skin/logo.png) no-repeat; width: 605px; height: 126px; display: block; position: relative; top: 4px; } #headPod { text-indent: -9999px; background: url(/images/skin/podLogo.png) no-repeat; width: 163px; height: 63px; display: block; position: absolute; top: 10px; right: 0px; } /* Main Nav Specific */ #mainNav { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 0 #fff; margin: 0em; height: 35px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; border: 4px solid #BAE4F5; font-size: 138.5%;} #mainNav li, #appNav li { float: left; list-style: none;} #mainNav li a { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 0; border-right: 4px solid #BAE4F5; line-height: 199%; padding: 6px 16px; text-decoration: none; color: #000; text-transform: capitalize; text-shadow:-1px -1px 0px #fff;} #mainNav li a:hover { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 -50px; } #appNav { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 0 #fff; margin: 0em; height: 28px; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; } #appNav li a { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 0; border-right: 1px solid #9ea036; line-height: 28px; padding: 5px 10px; text-decoration: none; color: #000; text-shadow:-1px -1px 0 #FFFFFF;} #appNav li a:hover { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 -35px; } /* ui mode css - removed for now #mainNav li:last-of-type { float:right; } #mainNav li:last-of-type a { padding:15px 15px 16px !important; line-height:380% !important; font-size:0.7em; } */ /* LEGACY #mainNav { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 0 #fff; margin: 0em; height: 9px; border: 1px solid #438ece; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 138.5%;} #mainNav li, #appNav li { float: left; list-style: none;} #mainNav li a { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 0; border-right: 1px solid #438ece; line-height: 277%; padding: 13px 16px; text-decoration: none; color: #000; text-transform: uppercase; } #mainNav li a:hover { background: url(/images/skin/mainNavBackground.jpg) repeat-x 0 -50px; } #appNav { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 0 #fff; margin: 0em; height: 32px; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 123.1%; } #appNav li a { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 0; border-right: 1px solid #9ea036; line-height: 32px; padding: 5px 10px; text-decoration: none; color: #000; } #appNav li a:hover { background: url(/images/skin/adminNavBackground.jpg) repeat-x 0 -35px; } */ /* Identifier Bar */ #identifierBar { position: relative; background: #fff; padding: 3px 15px 4px; color: #000; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; border-bottom: 4px solid #0878bb; margin-bottom: 10px;} #identifierGroup { font-size: 138%; } #identifierUser { font-size: 110%; position: absolute; right: 15px; top: 5px;text-align: right; } #identifierUser a, #identifierUser a:visited { color: #000; } /* Admin Specific */ .adminWrap { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/skin/adminPanelBackground.jpg) repeat-x #fff; padding: 15px; border-top: 3px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; border-bottom: 4px solid #0878bb; margin-bottom: 15px; } .adminTop h1 { font-size: 167%; margin: 0!important; padding: 0 0 10px; text-shadow: -1px -1px 0px #fff;} .adminWrap h2 { font-weight: normal; font-size: 153.9%; margin: 0!important; padding: 10px 0 10px; text-shadow: -1px -1px 0px #fff;} .adminWrap h4 { font-weight: normal; font-size: 153.9%; margin: 0!important; padding: 10px 0 10px; } .adminWrap h5 { font-weight: normal; font-size: 123.1%; margin: 0!important; padding: 10px 0 10px; } .adminTop { border-bottom: 1px solid #9ecce0; } .adminHint { width: 230px; display: block; font-size: 12px; margin: 0 0 5px; } .adminHintRight { font-size:12px; position: relative; top: 20px; } /* Dashboard Project Display */ #dashtable { border: none; width: 99%; font-family: Helvetica, Arial, sans-serif; font-size: 110%; outline: none; border-collapse: collapse; background: #dff2f9; } #dashtable th, #dashtable td { border: none; } #dashtableColTitle { width: 260px; } #dashtableColProductType { width: 210px; } #dashtableColStatus { width: 180px; } .dashtableColThumbnail { width: 160px; text-align: center; } #dashtableColAction { width: 160px; text-align: center; } #dashtable thead { background: url(/images/skin/adminDashTableBackground.jpg) repeat-x center center #c0c0c1; font-size: 80%;} #dashtable .dashtableTitle { font-size: 123%; } #dashtable .dashtableTitle span { font-size: 71% } #dashtable .dashtableTitle a, #dashtable .dashtableTitle a:visited{ background: url(/images/icons/edit.png) no-repeat -200px -200px; padding: 0 20px 0 0; text-decoration: underline; color: #000; } #dashtable .dashtableTitle a:hover { text-decoration: none; background-position: center right;} #dashtable img { } #dashtable tbody tr { border-bottom: 6px solid #fff; } /* Help and Advice */ .twoCol { width: 49%; float: left; margin: 0!important;} .twoColRight { float: right; margin: 0!important; width: 49%;} .twoColRight a, .twoCol a, .twoColRight a:visited, .twoCol a:visited { color: #000; } .twoColRight a:hover, .twoCol a:hover { text-decoration: none; } #dashHelp ul { list-style: none; margin: 0 0 10px !important; } #dashHelp li { list-style: none; } #dashHelp li.response { font-style: italic; margin: 5px 0 10px !important; display: block; } /* Buttons */ .btn { text-shadow: -1px -1px 0px #fff; } .btn a, .btn a:visited, .btn label, .inputBut { text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; } .btn a:hover, .inputBut:hover { text-decoration: none; } /* Small Buttons */ .btnSmall a { padding: 5px 25px 5px 5px; font-size: 100%; } .btnReturnSmall a { background: url(/images/buttons/returnSmall.gif) no-repeat right; } .btnApprove { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/acceptSmall.gif) no-repeat center right; cursor: pointer !important;} .btnLogin { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/login.gif) no-repeat center right; cursor: pointer !important;} .btnLoginBig { padding: 5px 40px 5px 10px !important; font-size: 182%; text-decoration: underline; color: #000!important; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/login.gif) no-repeat center right; cursor: pointer !important;} .btnSaveSmall { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/saveSmall.gif) no-repeat center right; cursor: pointer !important;} a.btnSaveSmall:hover { text-decoration:none;} .btnSaveBig { padding: 5px 40px 5px 10px !important; font-size: 182%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/saveBig.gif) no-repeat center right; cursor: pointer !important;} .btnContinueSmall { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline !important; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/continueSmall.gif) no-repeat center right; cursor: pointer !important;} .btnPrint { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/printBtn.gif) no-repeat center right; cursor: pointer !important;} .btnDownload { padding: 5px 25px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/downBtn.gif) no-repeat center right; cursor: pointer !important;} .btnMarket { padding: 5px 35px 5px 5px !important; font-size: 100%; text-decoration: underline; color: #000; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/marketingBtn.gif) no-repeat center right; cursor: pointer !important;} .btnLoginMed { font-size:123%; padding:5px 35px 5px 10px !important; text-decoration:none; text-shadow:-1px -1px 0 #FFFFFF; color: #000!important; border: 1px solid #9ea036; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background: url(/images/buttons/login.gif) no-repeat center right; cursor: pointer !important;} .btnEditSmall a { background: url(/images/buttons/editSmall.gif) no-repeat right; } .btnDeleteSmall a { background: url(/images/buttons/deleteSmall.gif) no-repeat right; } .btnReviewSmall a { background: url(/images/buttons/reviewSmall.gif) no-repeat right; } .btnOrderSmall a { background: url(/images/buttons/orderSmall.gif) no-repeat right; } /* Big Buttons */ .btnBig a, .btnBig label { padding: 5px 40px 5px 10px; font-size: 182%; } .btnAddBig a, .btnAddBig label { background: url(/images/buttons/addBig.gif) no-repeat right; } .btnEditBig a { background: url(/images/buttons/editBig.gif) no-repeat right; } .btnSectionLock,.btnSectionUnLock { font-size: 11px; line-height: 30px; border: 1px solid #000; padding:5px 5px 5px 5px !important; height: 31px; width:229px; bottom:8px; position:absolute;} .btnSectionLock { background: url(/images/buttons/lockBackgroundYellow.gif) no-repeat; } .btnSectionUnLock { background: url(/images/buttons/lockBackgroundGreen.gif) no-repeat; } /* Project Build Process */ .projectWrap { width: 212px; float: left; display: inline; margin-right: 10px;} .projectTitle { text-align: center; } .projectTitle h2 { font-weight: normal; font-size: 123.1%; } .projectThumb img, .projectThumb a { border: none; outline: none; } .projectNext { background: url(/images/skin/projectNextBackground.jpg) no-repeat; text-align: center; height: 47px; line-height: 47px;} .projectNext input { display:none; } .projectNext label { float: none !important; width: auto !important; display: inline !important; cursor: pointer !important; text-decoration: underline !important; } .projectNext label:hover { text-decoration: none; } .projectPotential { background: #eff3c0; font-size: 85%; padding: 5px;} .projectPotential h3 { font-weight: bold; font-size: 100%; margin: 5px 0; border-bottom: 1px solid #d8dcac; } .projectPotential p { margin: 4px 0; padding: 0px; } .projectRotatorWrap { margin-left: 30px; } .templateSelect { cursor: pointer; } #prodDesc { font-weight:bold; } #prodQty, #prodRrp { width: 50px; text-align:right;} #prodFunds { font-weight: bold; margin-top:6px; padding-top:4px; border-top: 1px solid #cfcfcf; } #fundRaisingCalc ul { background: #fff; padding: 8px; border:1px solid #EEEF86; } #fundRaisingCalc li { height: 20px; } #fundRaisingCalc .poundSymbol { margin-right: 2px; font-size: 14px; line-height: 24px; } #pdfDownloader { background: url(/images/icons/pdf.png) no-repeat 7px 12px #ebf6fa; border: 3px solid #c7e8f7; padding: 10px 10px 0px 40px; margin: 20px 0 0;} #pdfDownloader p { font-size: 100%; } /* Project Helper */ #helperWrap { background: #eff3c0; width: 100%; overflow: hidden; margin: 5px 0; height:40px; } .helper { padding: 10px; } .helper h3 { text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #b4b975; padding: 0 0 8px 22px; margin: 5px 0; font-size: 108%; background: url(/images/icons/help.png) no-repeat top left;} .helper a, #helper a:visited { color: #000; } .helper a:hover { text-decoration: none; } .helper .helper3col { float: left; width: 290px; margin-left: 11px; display: inline;} .helper .helper3col img { border: solid 3px #fff; float: left; } .helper .helper3col h4 { clear: both; font-weight: normal; font-size: 138.5%; } /* Section Content Item Links */ .popupContentItemLinks a { background: url(/images/buttons/editSmall.gif) right no-repeat;} .popupContentItemLinks a:hover { background: url(/images/buttons/editSmallWhite.gif) right no-repeat !important; } .popupContentItemLinks a.hasContent { background: url(/images/buttons/tickSmallWhite.gif) right no-repeat; } .popupContentItemLinks a:hover { background: url(/images/buttons/editSmallWhite.gif) right no-repeat; } a.lockSection, a.unLockSection { padding:6px 29px 6px 0px; float:right; margin-top: 0px; line-height:18px } a.lockSection { background: url(/images/buttons/lockButtonIconOpen.png) right center no-repeat; } a.unLockSection { background: url(/images/buttons/lockButtonIconClose.png) right center no-repeat; } /* Project Layout Styles */ .projectSections,.sectionTemplates { position:relative;} section { float:left; background: #cfcfcf; width:203px; height: 250px; margin-right:10px; margin-top: 10px; } input.autoSubmit { } .projectSections .scrollContainer div.panel { height: 278px; } .projectSections .insideNewInner h2 { height: 20px; text-align: center; background: #fff; border-bottom: 2px solid #62a2c8; display: block; margin: 0 0 5px !important; font-size:108%; padding: 5px 0px 5px;} .projectSections label input { margin: 0 auto; display:block; } /* Project Layout Styles NEW PROJECT */ .newProject .scrollContainer div.panel { height: 250px; margin-top:30px; width: 240px; padding: 15px 10px 5px;} /* .newProject .scrollContainer div.panel { height: 250px; margin-top:35px; width: 240px; } */ .newProject .scrollContainer div.panel label{ width: auto; margin-left:4px; cursor: pointer;} /* Gallery */ .newProject { position: relative; } .newProject #slider { width: 800px; margin: 0 auto; position: relative; border: 10px solid #e1e7eb; background: #fff; } .newProject .scroll { background:url(/images/skin/projects/beltBG.jpg) no-repeat; overflow: hidden; width: 800px; margin: 0 auto; position: relative; } #wrapper.newProject .scroll { background:url(/images/skin/projects/beltBG.jpg) no-repeat 50% 0 ; } .newProject .lense { position:absolute; left: 317px; top: 10px; z-index:300; width:311px; height: 50px; } #wrapper.builder .lense { left: 180px; } .newProject #lenseTitle { display:block; font-size:138.5%; font-weight:bold; margin-top:22px; text-align:center; } #lensePDF, #lenseZoom, #lenseChoose { display:block; width: 26px; height:26px; float:left; cursor: pointer;} #lensePDF { background: url(/images/icons/pdf.png) no-repeat; } #lenseZoom { background: url(/images/icons/zoom.png) no-repeat; } .newProject #lensePDF { margin-left:6px; margin-top: 260px; } .newProject #lenseZoom { margin-top: 260px; margin-left:35px;} .newProject #lenseChoose { width: 150px; height: 40px; left: 120px; top: 250px; position: absolute; z-index: 300;} .newProject #lenseChoose { cursor:pointer; width: 90px; display:block; } #lenseChooseRight { display:block; font-size: 0.6em; margin-top:12px; } .FOMbtn { width: 225px !important; left:55px !important; } /* Old Slideshow Styles #slideshow #slidesContainer { margin:0 auto; width:920px; height:290px; overflow:auto; position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; } .control { display:block; width:39px; height:270px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:130px; left:-8px; background:transparent url(/images/icons/arrow_left.png) no-repeat 0 0; } #rightControl { top:130px; right:-30px; background:transparent url(/images/icons/arrow_right.png) no-repeat 0 0; } */ /* Footer */ .footPush { height: 178px; } #foot { clear: both; height:181px; background: url(/images/skin/footerBackground.gif) repeat-x #000; color: #fff;width: 980px; margin: 0 auto !important; } #foot ul { padding: 10px; } #foot li { list-style-type: none; text-align: left;} #foot a, #foot a:visited { color: #fff; } #foot a:hover { text-decoration: none; } .footheading { font-size: 16px; margin-bottom: 20px;} .webDesign { margin-top: 30px; } #footColA { float: left; width: 200px;} #footColB { float: left; width: 180x;} #footColC { float: right; width: 350px; } /* Gallery */ #gallerywrapper { margin:25px auto; width:800px; } #slider { width: 800px; margin: 0 auto; position: relative; border: 10px solid #e1e7eb; background: #fff; } .scroll { background:url(/images/skin/projects/beltBG1.jpg) no-repeat; overflow: hidden; width: 800px; margin: 0 auto; position: relative; } .scrollContainer { position: relative; } .scrollContainer div.panel { padding: 10px; width: 280px; height: 322px; } #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(/images/skin/leftshadow.png) repeat-y; } #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(/images/skin/rightshadow.png) repeat-y; } .insideNew { background: #fff; padding: 7px; border: 2px solid #a5cbdd; width: 260px; height:260px;} .insideNewInner { padding: 8px; background: #cfe3ea; height:244px; position:relative;} .insideNewInner .titleSpan { height: 54px; text-align: center; background: url(/images/skin/pageIcon.gif) no-repeat 5px center #fff; border-bottom: 2px solid #62a2c8; display: block; margin: 0 0 5px; } .titleSpan h3 { font-weight: normal; color: #000; line-height: 48px; margin: 0; text-indent: 42px;} .insideNewInner ul { margin: 0; list-style-type: none; margin: 10px 0;} .insideNewInner li { list-style-type: none; } .btnGallery { display: block; margin: 2px; } .insideNewInner label { cursor:pointer!important; width: 100%;} .inside { padding: 10px; border: 1px solid #999; } .inside img { display: block; border: 1px solid #666; margin: 0 0 10px 0; width: 250px; } .inside h2 { font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; } .inside p { font-size: 11px; color: #ccc; } .scrollButtons { position: absolute; top: 115px; cursor: pointer; } .scrollButtons.left { left: -34px; } .scrollButtons.right { right: -36px; } .thumbPersonalStep { margin: 5px 0 5px 0; } /* Homepage */ #homeBigWrap { width: 655px; height: 288px; text-indent: -9999px; border: 4px solid #bae4f5;} #homeBigWrap img { display: none; } #homeBigWrap img:first-child { display: block; } #homeBigWrap .rotator { margin: 0px !important; padding:0px; } #homeBigWrap .rotator li { list-style-type: none; } #userBoxes { width: 308px; color:#fff;} #userBoxes h3 { margin-top: 0px; } #userBoxes div { width: 280px; padding: 10px; height: 115px; background: #df960d; border: 4px solid #bae4f5; } #userBoxes label { display: none; } #userBoxes input { width: 268px; padding: 0.4em; margin-bottom: 4px; height: 24px; font-size: 116%; font-family: Trebuchet MS, Helvetica, Arial, sans-serif;} #userBoxes .pass { width: 170px !important; background: url(/images/skin/hpPassword.gif) no-repeat 5px 10px #ffffff;} #userBoxes p { color: #000; } #registerGo, #forgotGo { height: 39px !important; width: 282px !important; } #loginGo { float: right !important; width: 90px !important; height: 39px !important; } #userBoxes div:first-child { background: #22c753 !important; margin-bottom: 9px; } #userBoxes #forgotNow { height: auto !important; background: #df960d !important; margin-bottom: 9px; } #homeCtaWrap { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; display: block; padding: 15px 0; margin: 0px;} #hpIntro, #hpFeatured, #hpCalc { border: 4px solid #bae4f5; padding: 10px; background: #fff; } #hpFeatured { width: 280px; background: url(/images/skin/hpFeat.gif) no-repeat; height: 499px; color:#fff; text-shadow:1px 1px #1291c8;} #hpFeatured h4 { margin: 35px 0px 10px 20px; font-size: 174%; } #hpFeatured p { font-size: 123.1%; margin-left: 20px; margin-bottom:10px; } #hpFeatured span { margin: 12px 0px 0px 27px; width: 240px; display:block; font-size: 0.8em !important; } #hpFeatured input[type=submit] { font-size: 161.6%; } #hpIntro { margin-top:15px; width: 932px; background: #eff3c0; border: 4px solid #b4b975; padding: 20px;} #hpIntro h1, #hpIntro h3 { text-indent: -9999px; background: url(/images/skin/hpInfoTitles.png) no-repeat 0 0; height: 33px; line-height: 33px; margin: 10px 0 15px!important; } #hpIntro h3 { background: url(/images/skin/hpInfoTitles.png) no-repeat 0 -38px !important; } #hpIntro p { text-align:justify; font-size:103%; line-height:140%;} #hpIntro div.left { width: 490px; } #hpCalc { border: 4px solid #bae4f5; width: 628px; padding: 10px; background: url(/images/skin/hpCalcBack.gif) no-repeat; height: 499px;} #hpCalc h2, #hpFeatured h2 { text-indent: -9999px; } #hpCalc ol { margin-left:20px; padding-top: 6px; font-size: 123.1%; } #hpCalc ol p { margin-left: 50px; } #hpCalc ol li { width: 430px; list-style-type: none; } #hpCalc .prodTid { background: url(/images/skin/calcArrow.gif) no-repeat; height: 68px; width: 300px; padding: 11px 0px 0px 20px; } #hpCalc .prodTid select { font-size: 0.8em; } #hpCalc #prodFunds { text-align: right; border-top: 0px; } #hpCalc #prodFunds div { width: 150px; height: 50px; color: #e2001a; font-size: 197%; } #hpCalc input[type=text] { width: 80px !important; } #calcLead { margin: 64px 0 0 14px; font-size: 0.8em !important; } #calcLead a:first-child { margin-right: 64px; } #therm { background: url(/images/skin/therm.gif) no-repeat; width: 137px; height: 383px; position:relative; top: -19px; right: 20px; } #heat { position: absolute; background: url(/images/skin/heat.gif) no-repeat bottom; width: 26px; bottom: 93px; left: 55px; height: 26px; } #hpVid object { border: 6px solid #b4b975; float:right; } .ctaWrap { background: #94dfff; margin: 0 40px 0 0; float: left; width: 275px; } .ctaWrap h2 { display: block; padding: 25px 35px 0 90px; font-size: 16px; height:70px; margin: 0;} .ctaWrap p { padding: 0 20px; font-size: 118%; margin-bottom: 10px } .ctaWrap a { margin: 0 15px 10px 15px; display: block; height: 65px; width: 245px; text-indent: -9999px; outline: none;} #ctaStart { background: url(/images/skin/homeh2calc.gif) no-repeat; } #ctaFindOutMore { background: url(/images/skin/homeh2pencil.gif) no-repeat; } #ctaSamples { background: url(/images/skin/homeh2calc.gif) no-repeat-x; } #homeStartButton { background: url(/images/skin/homeStartButton.gif) no-repeat; } #homeSamplesButton { background: url(/images/skin/homeSamplesButton.gif) no-repeat;} #homeCalculateButton { background: url(/images/skin/homeCalculateButton.gif) no-repeat;} /* Findoutmore page */ #fomWrap { display: block; margin: 10px auto 0; width: 900px; height:540px; } #fomWrap > div {width: 900px; background: #fff;} .fomBanner { width: 900px; height: 103px; color: #fff; line-height: 21px; background: url(/images/skin/fomBannerBg.jpg) no-repeat; padding: 25px 0 0; } .fomBanner h3 { font-size: 20px; } #fomBannerChoose { background: url(/images/skin/fomBannerChoose.png) no-repeat 10px center; padding: 0 30px 0 235px; margin: 0 0 0 10px!important; } #fomBannerPersonalise { background: url(/images/skin/fomBannerPersonalise.png) no-repeat 10px center; padding: 0 30px 0 265px; margin: 0 0 0 10px!important; } #fomBannerSell { background: url(/images/skin/fomBannerSell.png) no-repeat 10px center; padding: 0 10px 0 185px; margin: 0 0 0 10px!important; } #fomBannerRaiseFunds { background: url(/images/skin/fomBannerRaiseFunds.png) no-repeat 10px center; padding: 0 30px 0 300px; margin: 0 0 0 10px!important; } #fomWrap h4 { color: #e47207; text-shadow: 1px 1px #333;} .blackText { color: #000; } .greenHighlight { color: #fff; padding: 0px 3px; background: #009712; } #fomWrap .threeCol { width: 200px; padding: 0 0 20px 75px; display: inline; float: left; } #fomWrap .twoCol { width: 320px; padding: 0 30px 20px 75px; display: inline; float: left; } #fomWrap .threeCol p, #fomWrap .twoCol p { text-align: justify; } .lineBottom { border-bottom: 1px solid #9ecce0; } .fomMore { padding: 20px 0 20px 75px; margin: 0 0 10px;} #fomWrap a, #fomWrap a:visited { color: #009712; font-weight: bold;} #fomNav a, #fomNav a:visited { color: #000; font-weight: bold;} #fomWrap a:hover, #fomNav a:hover { text-decoration: none; } #fomNav { font-size:120%; font-weight:normal; margin:0!important; padding:3px 0 0;} #fomNav a.greenHighlight { color: #fff; padding: 0px 10px; margin-left: -6px; text-decoration:none; } /* Fom icons */ #fomPhotographs { background: url(/images/skin/fomIcons/photograph.gif) no-repeat 5px 10px; } #fomAddressBook { background: url(/images/skin/fomIcons/addressBook.gif) no-repeat 25px 10px; } #fomImportantDate { background: url(/images/skin/fomIcons/importantDate.gif) no-repeat 25px 10px; } #fomBrowse { background: url(/images/skin/fomIcons/library.gif) no-repeat 10px 5px; } #fomDesign { background: url(/images/skin/fomIcons/design.gif) no-repeat 20px 5px; } #fomBuild { background: url(/images/skin/fomIcons/glue.gif) no-repeat 20px 10px; } #fomWallet { background: url(/images/skin/fomIcons/wallet.gif) no-repeat 10px 10px; } #fomPoundComputer { background: url(/images/skin/fomIcons/poundComputer.gif) no-repeat 20px 5px; } #fomSurvey { background: url(/images/skin/fomIcons/survey.gif) no-repeat 23px 10px; } #fomBox { background: url(/images/skin/fomIcons/box.gif) no-repeat 0px 25px; } #fomCalendar { background: url(/images/skin/fomIcons/calendar.gif) no-repeat 0px 10px; } #fomSponsorship { background: url(/images/skin/fomIcons/sponsorship.gif) no-repeat 0px 10px; } /* hide/reveal selectors */ .question { color:#000 !important; padding: 4px 4px 4px 19px; line-height:131%; text-decoration:underline; display:block; margin-top: 6px; cursor: pointer; background: #EFFBFF url(/images/icons/help.png) no-repeat left;} .question:hover { background: url(/images/icons/help.png) no-repeat left #DFF2F9; } .response { display:none; padding: 10px; background: #DFF2F9; color:#000; font-style: italic; } /* TEST UI CHANGES */ #wrapper.builder { width: 680px; } #skipper { float:right; } #uiControls { width: 600px; padding:6px 10px 0px; margin-left:25px; background:#E1E7EB; } #uiControls h2 { float:left; padding:0px !important; font-size: 123.1%; } #wrapper.builder #slider { width:600px; margin-left:25px; } #wrapper.builder .scroll { width:600px; } #newProjectStep2 #skipper label { width: auto; } #sectionInfo, .sectionInfo, #fundRaisingCalc { width: 208px; height: auto; float:right; border:1px solid #EEEF86; margin-top:6px; background: #fbfbe8; padding: 15px;} #sectionInfo, #fundRaisingCalc { height: 400px; } #sectionInfo img { margin-bottom:16px; } #sectionInfo .async p:first-child { margin-top: 8px; } #sectionInfo #lenseZoom { margin: 0px 10px; } .projectActions .btn { clear:right; float: right; line-height: 2.4em; margin-bottom:3px; } .projectActions .btn a { width: 142px !important; padding: 0px 25px 0px 5px; line-height:2em; display:block; } .projectActions .btn a.btnMarket { padding: 0px 35px 0px 5px; } /* to be defined #panelSkipper option.locked { background: transparent url(/images/buttons/lockButtonIconClose.png) no-repeat scroll right center } */ /* Potential Funds Calculator */ #fundRaisingCalc { height: 316px; margin-top: 0px;} /* Popups */ #backgroundPopup { display: none; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 300; } #backgroundPopup img { left:50%; top:330px; position: relative; margin-left: -110px; margin-top: -10px; width: 220px; height: 19px; } #popup { display: none; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 384px; width: 408px; background: #FFFFFF; border: 2px solid #cecece; z-index: 301; font-size: 13px; } #popup.contentPopup { width: 700px; height: auto; } #popup h1 { text-align: left; color: #6FA5FD; font-size: 22px; font-weight: 700; border-bottom: 1px dotted #D3D3D3; padding-bottom: 2px; margin-bottom: 20px; } #popupClose { font-size: 14px; line-height: 15px; width: 14px; height: 16px; right: 6px; top: 3px; color: #6fa5fd; font-weight: 700; display: block; cursor: pointer !important; background: url(/images/skin/popupClose.gif) no-repeat bottom left; padding-left:3px; padding-top:4px; position: absolute; z-index: 1} #popup .handle { cursor:move; } #popup .insideNewInner { height: auto; } #popup.contentPopup .insideNewInner { padding:18px !important; } .editablePopup h2 { padding-top:0px; padding-bottom: 10px; border-bottom: 1px solid #9ecce0; } .editablePopup form { float:left; margin-top: 18px; width: 400px;} .editablePopup .sectionInfo { margin-top: 18px; } .editablePopup form input[type=text]{ height: 26px; line-height: 36px; font-size: 161.6%; } .editablePopup form input[type=text], .editablePopup form textarea { width: 387px; padding: 5px; } .editablePopup form .address input[type=text] { width: 250px; float:right; } .editablePopup form .address label { clear:left; float:left; height:30px; margin-top:10px; width:120px; } .editablePopup form label { font-weight: bold; margin-bottom: 8px; } .editablePopup .upload_button { width: 288px; height: 26px; padding:5px 106px 5px 5px; font-size: 161.6%; line-height: 26px; background:#fff url(/images/buttons/browse.gif) no-repeat 99% 50%; cursor:pointer; border: 1px solid #04A5E3; clear:left; } .editablePopup .mceEditor { float: left; margin: 10px 0px; clear:right; } .editablePopup #existingAwards, .editablePopup #existingDays { height: 200px; border-top: 1px solid #9ECCE0; border-bottom: 1px solid #9ECCE0; overflow: scroll; overflow-x:hidden;} #existingAwards ul li:first-child, #existingDays ul li:first-child { width: 40px; } #existingAwards ul li a, #existingDays ul li a { width: 27px; height: 27px; display:block; float:right; margin-right: 6px; text-indent: -9999px; } .editablePopup #formFoot { border-top: 1px solid #9ECCE0; clear:both; float:left; margin-top:20px; padding-top:20px; width:99%;} #saveSection { display:block; margin-top: 4px; } #awardsForm:first-child label, #dayBoxForm:first-child label { width: auto; display:inline; margin-right: 10px; line-height:26px; } #awardsForm:first-child select, #dayBoxForm:first-child select, #cItemForm_montageType { padding: 5px; font-size:131%; line-height:26px; } .greenGrad { margin-top:30px; border: 1px solid #8baf36; background: #d6f58a url(/images/skin/greenGrad.gif) repeat-x top; } .blueGrad { border: 1px solid #9ECCE0; background: #e1f3fb url(/images/skin/blueGrad.gif) repeat-x top; padding: 10px; } .greenArrowR { display:block; width: 22px; height: 62px; background: url(/images/skin/greenArrowR.png) no-repeat; color:#fff; padding:32px 0px 0px 4px; font-size: 138.5%; font-family: Verdana; } .greenArrowD { display:block; width: 52px; height: 26px; background: url(/images/skin/greenArrowD.png) no-repeat; color:#fff; padding:0px 0px 0px 42px; font-size: 138.5%; font-family: Verdana; } .yellowBox { margin-top:30px; border:1px solid #EEEF86; background: #fbfbe8; padding: 10px; } #orderHelper { width: 374px; height: 200px; font-size: 102%; } #orderHelper .greenArrowR { position:relative; top: 8px; right: -37px; } #orderDetails { width: 522px; height: 222px; display:block; margin-bottom: 0px; } #orderDetails + .greenArrowD { margin-right: 220px; } #orderDetails h2 { padding: 3px; } #orderDetails #qty { width: 61px; } #orderDetails .equals { width: 40px; padding-left: 10px; } #orderDetails input { width: 50px; text-align: right;} #orderDetails label { width: 403px; text-align:right; } #orderDetails td { border: 0px; padding: 0.4em 0.2em; } .paymentLine { border-top: 1px solid #8baf36; } .paymentSpace td { padding-bottom: 0.8em !important; } #orderSummary em { color: #9ca1a2; font-style:normal; width:145px; display:inline-block;} #orderSummary li { font-size: 138.5%; line-height: 1em; } .blueLines { border-bottom: 1px solid #9ECCE0; padding: 6px 0px; } .yellowLines { border-bottom: 1px solid #EEEF86; padding: 6px 0px; } .blueLines #orderSummary + img { margin:16px 15px 0px 0px; } #orderCopies label { font-size:160% !important; } .paymentLine { font-size:123% !important; } #orderCopies input { border: 2px solid #000 !important; } #billAddress, #delAddress { width: 457px; } .blueGrad h2 { line-height: 2em; } #billAddress li:first-child + li label, #delAddress li:first-child + li label { width: auto; margin-right: 20px; } #billAddress li, #delAddress li { line-height: 1.4em; } #billAddress label, #delAddress label { width: 120px; } .blueGrad input[type=checkbox] { position:relative; top: 2px; } #billAddress input[type=text], #delAddress input[type=text] { width: 289px; } #termsAndConds li { float: left; padding: 0px 25px; } #termsAndConds textarea { width: 538px; height: 102px; } #termsAndConds .greenArrowR { margin-top: 6px; } #termsAndConds .btn { margin-top: 36px; } #termsConf { margin-left:24px; } #summaryPage li, .paymentSuccess li { list-style-type: none; } .paymentSuccess .blueLines > ul { margin-left: 0em; font-size: 1.2em;} .paymentSuccess ul ul { margin: 0em; } .paymentSuccess em { width:160px; font-style:normal; display:block; float:left; font-weight: bold;} .paymentSuccess .invDets { width: 370px; } .paymentSuccess .podAddr { margin-right: 83px; } #billAddressSummary, #delAddressSummary { margin:0 0 0 25px !important; font-size: 123%; width:245px;} #securePayment { width: 365px; margin-top:15px !important; background: url(/images/skin/ccardBg.gif) no-repeat 271px 10px #fbfbe8 !important;} #securePayment img { margin: 15px 0; } #securePayment h5 { font-size:123.1%; font-weight:bold; margin:0 !important; padding: 0 0 5px !important; } #registerNow h3 { background: url(/images/skin/howH3titles.png) no-repeat 0 0; text-indent: -9999px; display: block; height: 26px; margin-bottom: 3px;} #registerNow p { font-family: Trebuchet MS, Helvetica, Arial, sans-serif;; font-size: 123.1%; margin-bottom:10px; color: #fff; } #registerNow input { height: auto; width: 268px; padding: 0.4em; margin-bottom: 4px; font-size: 116%; font-family: Trebuchet MS, Helvetica, Arial, sans-serif;} #loginNow h3 { background: url(/images/skin/howH3titles.png) no-repeat 0 -26px; text-indent: -9999px; display: block; height: 26px; margin-bottom: 3px; } #forgotNow h3 { background: url(/images/skin/howH3titles.png) no-repeat 0 -57px; text-indent: -9999px; display: block; height: 26px; margin-bottom: 3px; } .contactDetails .yellowBox { margin: 15px; width:380px; } .contactDetails .yellowBox ul { margin: 15px !important; } .contactDetails .yellowBox li { list-style-type: none; } .contactDetails .yellowBox img { list-style-type: none; border: 2px solid #EEEF86; margin: 20px 6px 0px 0px; } #contactForm { margin: 15px; } #compExtra { width: 455px; } #compExtra img { margin-bottom: 25px; } #marketingToolsLeft { float: left; width: 545px; } #marketingToolsRight { float: right; width: 385px; } #marketingToolsRight p { margin: 20px auto; padding: 0 20px 0 30px; } #clipboard { background: url(/images/skin/marketingToolsClipTop.png) no-repeat 20px 10px; display: block; padding-top: 115px;} #clipboard ul { background:transparent url(/images/skin/marketingToolsClipBottom.jpg) no-repeat scroll 20px 0; display:block; font-size:164%; margin:0 !important; padding:20px 0 65px 56px; } #clipboard ul li { list-style-type: none; margin: 0; padding: 0 0 0 30px; } #clipboard ul li.tick { background: url(/images/icons/bulletTick.png) no-repeat 1px 6px; } #clipboard ul li.cross { background: url(/images/icons/bulletCross.png) no-repeat 1px 6px; } #clipboard ul li.comingSoon { position: relative; width: auto; background: #b2b2b2; color: #fff; padding: 3px 0 !important; display: block; left: -24px; text-align: center; top: 30px;} .downloaderWrap { margin-top: 20px !important; padding-top: 5px !important;} #newProjectStep2 #fundRaisingCalc h2 { padding: 0px 6px 6px !important; } #ie6 { padding:5px 5px 0px; text-align: center; font-size: 0.9em; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; margin-bottom: 13px; display:none; } #ie6 ul { margin: 10px auto; width: 440px; } #ie6 ul li { list-style: none; float: left; width: auto; } #ie8, #firefox, #chrome { padding:3px 20px 7px 35px; display:block; float:left; margin: 0px; } #ie8 { background: url(/images/icons/ie8-logo.jpg) no-repeat 0 0%; } #firefox { background: url(/images/icons/firefox-logo.jpg) no-repeat 0 0%; } #chrome { background: url(/images/icons/chrome-logo.jpg) no-repeat 0 0%; }