body { background: #fff center top no-repeat; font-size: 62.5%; /* reset 1em to equal 10px */ font-family: arial, helvetica, sans-serif; color: #555555; background:#fff200; position:relative; top:0; left:0; top:0; bottom:0; } h1 {font-size:2.9em;} h2 {font-size:1.5em;} h3 {font-size:1.3em;} h4 {font-size:1.2em;} h5 {font-size:1.2em;} .asterisk{color: #f00;} div.heading2 {font-size:2.4em;} .paginatorDiv { clear:both; } img, div { behavior: url(/css/iepngfix.htc) } .olympictable td{width:250px;} .olymictable col2{width:50px;} .olympictable td:first-child{width:150px;valign:"top"} .olympictable table{border:"0";} p { margin: 0 0 12px 0; font-size: 1.2em; line-height: 1.4; } td, th { font-size: 1.2em; } div.article td, div.article th { } div.article ul { padding-left: 35px; list-style: bullet; } div.article hr { border: 0; height: 10px; display: block; margin: 10px 0; background:url(/images/backgrounds/tch_divider.png) center no-repeat; } div.article h2 { font-size: 2em; } p.em { font-size: 1.6em; } li { font-size: 1.2em; line-height: 1.4; } li h3 {margin:0px; font-size:1em;} li li { font-size: 1em; line-height: 1.4; } a { color: #555555; text-decoration: underline; outline: 0 none; } a:hover, a:focus { text-decoration: none; outline: 0 none; } span.error {color:#cf252c;} a.noUnderline {text-decoration:none;} a.noUnderline:hover {text-decoration:underline;} .underlineMe {text-decoration:underline;} body ul#access-menu {left:-500px; position:absolute; top:-500px; z-index:0;} span.inactive {color:#cccccc;} .clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;} .hide {display:none !important;} /* main styles */ div#outerwrapper {margin:0 auto;padding:0;width:970px; display:block;} div#header {float:left; width:970px; display:block;} div#contentwrapper, div#contentwrapper-2col {float:left; display:block; width:960px;} div#footer {float:left; margin-top:20px; width:970px; display:block;} div#pagewrapper {float:left; display:block; width:970px; background:#ccc} div#pagewrapper div#pagetop {float:left; width:970px;} div#pagewrapper div#pagebottom {float:left; width:970px;} div#pagewrapper div#pagetop {background:url(/images/homepage/homepage_page_top.png) 0 0 no-repeat; height:18px;} div#pagewrapper div#pagebottom {background:url(/images/homepage/homepage_page_bottom.png) 0 0 no-repeat; height:18px;} div#header h1 {font-size:0px;margin:0;padding:0;} div#header a.smallsteps_logo {margin: 40px 0 0 13px; float:left;} div#header a.welshsmallsteps_logo {margin: 50px 0 0 13px; float:left;} div#header div#headeroptions {float:right; width:340px;} div#header div.langMenu {float:left; width:142px; margin-right:10px;} div#header div.langMenu h2 {display:none;} div#header div.langMenu ul {float:left; padding-left:15px; padding-top:10px; border-left: solid 5px #ffe600; border-right: solid 5px #ffe600; background:#fffa99; width:117px;} div#header div.langMenu ul li {float:left; list-style:none; } div#header div.langMenu ul li.first {margin-right:0.4em;} div#header div.langMenu ul li.second {width:60px;} div#header div.langMenu div.box_bottom {float:left; background:url(/images/roundedboxes/lang_box_bottom.gif) 0 0 no-repeat; height:16px; width:142px;} div#header a.directgov_logo {float:left; width:140px; height:40px; margin-left:20px;} ul#mainnav {list-style:none; margin:10px 16px 0 6px; width:160px; min-height:150px;} ul#mainnav li {display:block; padding:5px 0 5px 0; border-top: dotted 1px #9fc6b2} ul#mainnav li.current a { color:#006F35;} ul#mainnav li.first {border-bottom:none;} ul#mainnav li a {text-decoration:none; font-weight:bold; margin-left:5px; display:block;} ul#mainnav li a:hover, ul#mainnav li a:focus { text-decoration:underline;} ul#mainnav ul {list-style:none; margin:5px 0px 0 10px; width:150px;} ul#mainnav ul ul {list-style:none; margin:5px 0px -5px 10px; width:140px;} li.menu3 {list-style:none; margin-left: 20px; width:140px;} div#columnone {float:left; width:190px;} div#columntwo {float:left; width:580px;} div#columnthree {float:left; width:190px; margin-bottom:80px} a span.arrow {padding-left:5px; margin-right:-19px; width:20px; height:15px; display:inline-block; text-indent:-9999px;} a span.plus {margin-right:-19px; width:20px; height:15px; display:inline-block; text-indent:-9999px;} div.button { cursor:pointer; } div.button div.boxcontent a { text-align: center; } .arrowWhite { background:url(/images/furniture/link_arrow_white.png) 95px 7px no-repeat !important;} .arrowBlue { background:url(/images/furniture/link_arrow_blue.png) 90px 7px no-repeat !important;} a.backtotop {font-size:1.2em;} img.alertimage {margin-right:5px;} div.login_link a span { background:url(/images/furniture/link_arrow_green.png) right center no-repeat;} a.fsa_link {display:block;} a.fsa_link img {position:absolute; bottom:25px; right:15px; z-index:2;} div.optionsBox {float:left; width:960px;} div.optionsBox div.dropdownbox {margin-top:10px;} div.optionsBox div.dropdownbox chooseArea_box {float:left;width:134px;} div.optionsBox div.dropdownbox label {font-size:1.5em; font-weight:bold; margin:0 10px 0 10px;} div.optionsBox div.dropdownbox div {float:left;} div.optionsBox div.dropdownbox select {width:10em;} div.optionsBox div.dropdownbox input {margin-left:10px; font-size:1em;} div.optionsBox div.dropdownbox {float:left; margin-bottom:25px; } div.optionsBox div.loginbox {float:right; margin-top:10px; margin-right:10px;} div.optionsBox div.loginbox p {margin-bottom:3px; text-align:right;} div.optionsBox div.loginbox div.login_link { background:url(/images/furniture/tch_lock_sm.png) 0 0 no-repeat; margin-left:90px;} div.optionsBox div.loginbox div.login_link a {font-size:1.5em; font-weight:bold; color:#006f35; text-decoration:none; display:block; margin-left:25px; margin-right:-25px } div.optionsBox div.loginbox div.login_link a:hover, div.optionsBox div.loginbox div.login_link a:focus {text-decoration:underline;} div.flashbox {margin-top:20px; margin-bottom:10px;} div.flash-alt {border: solid 1px #D9DBE1; padding:10px;} div#contentwrapper-2col div#columntwo {float:left; width:760px;} div#contentwrapper-2col div#columnthree {width:0px !important;} div.article {float:left; width:460px;} div.article h3.orange {color:#EF5D0E;} div.col230-1, div.col230-2 {float:left; width:230px;} div.col230-2 {/*margin-left:20px*/} div.col130 {float:left; width:160px;} div.col300-left {float:left; width:300px;} div.col300-right {float:right; width:300px;} .left20, div.article img.left20, div.article div.left20 p, div.article div.left20 h2 {margin-left:20px;} .right20, div.article img.right20, div.article div.right20 p, div.article div.right20 h2 {margin-right:20px;} .img10 {padding-bottom:10px;} div.article ul.bullets {list-style:disc; margin-left:13px;} div.article ul.bullets li {margin: 5px 0 5px 0;} div.article ol.number {list-style:decimal; margin-left:18px;} div.article ol.number li {margin: 5px 0 5px 0;} div.article p.endPadding {padding-bottom:20px;} blockquote {background:url(/images/backgrounds/pri_quote_left.png) left top no-repeat; width:370px; font-size:1.2em; margin:5px; padding-top:10px; padding-bottom:10px;} blockquote span {background:url(/images/backgrounds/pri_quote_right.png) right bottom no-repeat; display:block; padding: 0 10px 1px 20px; text-indent:40px;} blockquote.indented {margin-left:6em;} div#columnthree div.promobox {} div#columnthree div.promobox h4 {font-weight:bold;} div#columnthree div.promobox ul {list-style:none;} div.roundedbox-50 {width:50px;} div.roundedbox-80 {width:80px;} div.roundedbox-120 {width:120px;} div.roundedbox-140 {width:140px;} div.roundedbox-160 {width:160px;} div.roundedbox-200 {width:200px;} div.roundedbox-260 {width:260px;} div.roundedbox-50 .boxcontent { width:50px !important; color:#fff;} div.roundedbox-80 .boxcontent { width:80px !important; color:#fff;} div.roundedbox-120 .boxcontent { width:120px !important; color:#fff;} div.roundedbox-140 .boxcontent { width:140px !important; color:#fff;} div.roundedbox-160 .boxcontent { width:160px !important; color:#fff;} div.roundedbox-200 .boxcontent { width:200px !important; color:#fff;} div.roundedbox-260 .boxcontent { width:260px !important; color:#fff;} div.roundedbox-50 a, div.roundedbox-80 a, div.roundedbox-120 a, div.roundedbox-140 a, div.roundedbox-160 a, div.roundedbox-200 a, div.roundedbox-260 a {color:#fff; font-size:1.2em; margin-left:7px;} ul.pagination {list-style: none; text-align: center;clear:both;} div ul.pagination li.first{border:medium none; margin-left:0; padding-left:0;} div ul.pagination li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; display: inline;} div ul.pagination li a span.previous { background:url(/images/furniture/left_arrow_pink.png) 0 0 no-repeat; width:14px; height:21px; display:block} div ul.pagination li a span.next { background:url(/images/furniture/right_arrow_pink.png) 0 0 no-repeat !important; width:14px; height:21px; display:block;} div#tabs {width:480px; background:transparent url(/images/backgrounds/pri_main_lined_top.png) no-repeat scroll 0 bottom; padding-left:10px;} div#tabs div.tab {float:left; width:131px; color:#fff; font-size:1.2em;} div#tabs div.bg {min-height:50px; padding-top:10px; padding-right:10px;} div#one div.bg {background:transparent url(/images/nav/pri_tabs_hidden.png) no-repeat scroll 3px 0; padding-left:12px;} div#two div.bg {background:transparent url(/images/nav/pri_tabs_hidden.png) no-repeat scroll -135px 0; margin-left:3px; padding-left:10px;} div#three div.bg {background:transparent url(/images/nav/pri_tabs_hidden.png) no-repeat scroll -270px 0; margin-left:3px; padding-left:12px;} div#tabs div#one div.tabbottom {background:url(/images/nav/pri_tabs_end.png) 3px bottom no-repeat; width:131px; height:3px} div#tabs div#two div.tabbottom {background:url(/images/nav/pri_tabs_end.png) -132px bottom no-repeat; width:131px; height:3px} div#tabs div#three div.tabbottom {background:url(/images/nav/pri_tabs_end.png) -267px bottom no-repeat; width:131px; height:3px} div#tabs div.tab a {color:#fff;} div#tabs div#one.selected div.tabbottom {background:url(/images/nav/pri_tabs_selected.png) 0px bottom no-repeat; width:131px; height:13px;} div#tabs div#two.selected div.tabbottom {background:url(/images/nav/pri_tabs_selected.png) -137px bottom no-repeat; width:131px; height:13px} div#tabs div#three.selected div.tabbottom {background:url(/images/nav/pri_tabs_selected.png) -274px bottom no-repeat; width:131px; height:13px} div.tabcontent {background:url(/images/backgrounds/pri_main_lined_bg.png) 0 0 repeat-y; width:465px; padding:10px 10px 10px 15px;} div.tabcontent h3 { margin-bottom:10px;} div.tabcontent h3 a {color:#0060AE;} .highlightOrange {color:#f47b36 !important;} div#tellUs div.radioStarjs {display:none;} .ratingheader{float: left; clear:both;} div.article div.stars0 {height:15px; background:url(/images/buttons/rating_stars.png) 0px bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} div.article div.stars1 {height:15px; background:url(/images/buttons/rating_stars.png) -82px bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} div.article div.stars2 {height:15px; background:url(/images/buttons/rating_stars.png) -165px bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} div.article div.stars3 {height:15px; background:url(/images/buttons/rating_stars.png) -248px bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} div.article div.stars4 {height:15px; background:url(/images/buttons/rating_stars.png) -332px bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} div.article div.stars5 {height:15px; background:url(/images/buttons/rating_stars.png) right bottom no-repeat; margin:0 0 18px 10px; width:85px;float:left; clear:right;} /* Site themes */ /* Homepage style */ .homepagestyle div.optionsBox {display:none;} .homepagestyle a#fsalink {display:none;} .homepagestyle div#columnone {float:left; width:600px; margin-bottom:20px} .homepagestyle div#columntwo {float:left; width:360px; margin-top:147px;} .homepagestyle div#columnthree {float:left; width:960px; margin-bottom:70px} .homepagestyle div#pagewrapper {background:#fff url(/images/homepage/hp_bg_pavement.gif) repeat;} .homepagestyle div#contentwrapper, .teacherstyle div#contentwrapper-2col {background:url(/images/homepage/hp_bg_bottom.jpg) 0 100% no-repeat; width:960px; min-height:421px; border-left: solid 5px #ffffff; border-right: solid 5px #ffffff} .homepagestyle .topimage {width:960px; height:421px; position:absolute; top:0; left:0; z-index:0 !important;} .homepagestyle div.logosbox {margin-left: 60px;} .homepagestyle div.fsalogo {float:left; background:#fff; margin-top:30px; margin-left:10px; padding: 10px; width:166px;} .homepagestyle div.logosbox .london2012 {float:left; padding-left:251px;} .homepagestyle div.linedpaperBox {float:left; margin-top:30px; margin-left:40px;} .homepagestyle div.linedpaperBox div.box_top {float:left; background:url(/images/roundedboxes/hp_linedpaper_top.png) 0px 0 no-repeat; width:518px; height:30px;} .homepagestyle div.linedpaperBox div.box_bottom {float:left; background:url(/images/roundedboxes/hp_linedpaper_bottom.png) 0 0 no-repeat; width:518px; height:19px; margin-left:6px;} .homepagestyle div.linedpaperBox div.box_content{float:left; background:url(/images/roundedboxes/hp_linedpaper_clip.png) 0 0 repeat-y; width:518px; margin-left:6px; padding-bottom:20px;} .homepagestyle div.linedpaperBox div.box_content p, .homepagestyle div.linedpaperBox div.box_content h1 {margin: 0 25px 0 25px;} .homepagestyle div.linedpaperBox div.box_content h1 {font-size:5em; line-height:1em; color:#ed1e83; text-align:center; margin: 0 40px;} .homepagestyle div.linedpaperBox div.box_content p {margin-top:10px;} .homepagestyle div.linedpaperBox div.box_content p.intro {font-weight:bold; font-size:1.4em;} .homepagestyle div.linedpaperBox div.box_content div.transcript {text-align:right; font-weight:bold; margin-right:10px; margin-right:40px; font-size:1.2em;} .homepagestyle div.linedpaper_yellowBox {float:left; margin-left:0px;} .homepagestyle div.linedpaper_yellowBox div.box_top {float:left; background:url(/images/roundedboxes/hp_linedpaper_yellow_top.png) 0px 0 no-repeat; width:332px; height:25px;} .homepagestyle div.linedpaper_yellowBox div.box_bottom {float:left; background: url(/images/roundedboxes/hp_linedpaper_yellow_bottom.png) 0 0 no-repeat; width:327px; height:21px; margin-left:0px;} .homepagestyle div.linedpaper_yellowBox div.box_content{float:left; background:url(/images/roundedboxes/hp_linedpaper_yellow_clip.png) 0 0 repeat-y; width:327px; margin-left:0px; padding-top:10px;} .homepagestyle div.linedpaper_yellowBox div.box_content p, .homepagestyle div.linedpaper_yellowBox div.box_content h1, .homepagestyle div.linedpaper_yellowBox div.box_content h2, .homepagestyle div.linedpaper_yellowBox div.box_content a, .homepagestyle div.linedpaper_yellowBox div.box_content img {margin-left:25px; margin-right:25px;} .homepagestyle div.flashbox {margin-left:25px; margin-right:25px; margin-top:15px;} .homepagestyle div.vid-alt p {margin-left:0 !important;} .homepagestyle div.linedpaper_yellowBox div.box_content h1 {font-size:5em; line-height:0.5em; color:#ed1e83; text-align:center; margin: 0 40px;} .homepagestyle div.linedpaper_yellowBox div.box_content p {margin-top:10px;} .homepagestyle div.linedpaper_yellowBox div.box_content p.intro {font-weight:bold; font-size:1.3em;} .homepagestyle div.linedpaper_yellowBox div.box_content h2 {color:#006f35; font-size:2.7em; text-align:center; margin-bottom:10px;} .homepagestyle div.box-284 {width:284px; margin:15px 0 15px 20px;} .homepagestyle div.box-284 .topCentre, .homepagestyle div.box-284 .bottomCentre {width:264px;} .homepagestyle div.box-284 .boxcontent {width:278px} .homepagestyle div.box-284 a {font-size:1.8em; color:#d61727; display:block;} #registerNow img.mascot { top: 46px; left: 20px; z-index: 1000; position: absolute; } .mascot2 { top: 40px; } #registerNow div.box_top { width: 332px; height: 25px; background-repeat: no-repeat; background-image: url("../images/roundedboxes/hp_linedpaper_white_top.png"); } #registerNow div.box_content { width: 209px; height: 180px; padding: 10px 0 0 118px; background: url("../images/roundedboxes/hp_linedpaper_white_clip.png"); background-repeat: repeat-y; color: #006f35; } #registerNow div.box_content h1 { margin-top: 6px; margin-left: 65px; font-size: 2.4em; } #registerNow div.box_content h2 { margin: 0; color: #006f35; font-size: 2.4em; } #registerNow div.box_content p { color: #006f35; font-size: 2.1em; line-height: 0.5em; margin: 0; } #registerNow div.box_content a { width: 180px; color: #d61727; display: block; font-size: 1.6em; margin-top: 15px; line-height: 0; padding: 10px 0 10px 08px; background: url("../images/buttons/button_comp.png"); background-repeat: no-repeat; background-position: 0px 0px; margin-left: 65px; } #registerNow div.box_bottom { width: 327px; height: 21px; background: url("../images/roundedboxes/hp_linedpaper_white_bottom.png"); background-repeat: repeat-y; background-position: left bottom; } .homepagestyle div.box-193 {width:193px; margin:15px 0 15px 0;} .homepagestyle div.box-193 .topCentre, .homepagestyle div.box-193 .bottomCentre {width:169px;} .homepagestyle div.box-193 .boxcontent {width:183px} .homepagestyle div.box-193 a {font-size:1.6em; color:#d61727; display:block; margin: 0 9px 0 9px !important;} .homepagestyle div.linedpaperbubble {float:left; width:262px; margin-top:30px; margin-left:45px; z-index:1; position:relative;} .homepagestyle div.linedpaperbubble div.box_top {float:left; background:url(/images/roundedboxes/lined_speech_top.png) 0 0 no-repeat; width:262px; height:16px;} .homepagestyle div.linedpaperbubble div.box_bottom {float:left; background:url(/images/roundedboxes/lined_speech_bottom.png) 0 0 no-repeat; width:262px; height:16px; margin-left:0px;} .homepagestyle div.linedpaperbubble div.box_content {float:left; background:url(/images/roundedboxes/lined_speech_bg.png) 0 0 repeat-y #ffffff; width:232px; margin:10px 0 10px 6px;} .homepagestyle div.linedpaperbubble div.shadow {float:left; background:url(/images/roundedboxes/lined_speech_shadow.png) 0 0 repeat-y; width:263px; margin-left:0px;} .homepagestyle div.linedpaperbubble div.bubblearrow {float:left; background: url(/images/roundedboxes/lined_speech_arrow.png) 0 0 no-repeat; width:24px; height:24px; margin-top:48px;} .homepagestyle div.linedpaperbubble div.box_content p {margin:0 20px 0 20px;} .homepagestyle div.linedpaperbubble div.box_content h3 {margin:0 20px 8px 20px; color:#006f35; font-size:1.3em;} /* Homepage style END */ /* Teacher style */ .teacherstyle h1, .teacherstyle h2, .teacherstyle div.menu_content div.heading2, .teacherstyle h3 {color:#006f35;} .teacherstyle div#pagewrapper div#pagetop {background:url(/images/backgrounds/tch_page_topedge.gif) 0 0 no-repeat; height:18px;} .teacherstyle div#pagewrapper div#pagebottom {background:url(/images/backgrounds/tch_page_bottomedge.gif) 0 0 no-repeat; height:18px;} .teacherstyle div#pagewrapper {background:url(/images/backgrounds/tch_page_bgstyle.gif) 5px 10px no-repeat #f0f0f0;} .teacherstyle div#contentwrapper, .teacherstyle div#contentwrapper-2col {background:url(/images/backgrounds/tch_pen_marks_layer.png) 0px 0 no-repeat; border-left: solid 5px #d9dbe1; border-right: solid 5px #d9dbe1} img.videoTest { margin:10px 0 10px 0;} .teacherstyle div.transcript {text-align:right; font-weight:bold; margin-right:2px; margin-bottom:10px; font-size:1.2em;} .teacherstyle div.divider { float:left; background:url(/images/backgrounds/tch_divider.png) 0 0 no-repeat; height:5px; margin: 0 60px 0px 60px; width:460px; clear:both} .teacherstyle div.article div.divider {margin: 0;} .teacherstyle div.divider hr {margin:0; padding:0; border: none;} .teacherstyle div.halfdivider { float:left; background:url(/images/backgrounds/tch_half_divider.png) 0 0 no-repeat; height:5px; margin: 5px 0 5px 0; width:221px;} .teacherstyle div.article {margin: 20px 60px 10px 60px;} .teacherstyle div.article a span {background:url(/images/furniture/link_arrow_green.png) right bottom no-repeat;} .teacherstyle div.article ul {margin-bottom:10px;} .teacherstyle div.article h2 {margin-bottom:10px;} .teacherstyle div.article h3 {margin-bottom:5px;} .teacherstyle div.article div.button {margin-bottom:10px;} .teacherstyle div.first {margin-top: 12px} .teacherstyle div#columnone div.menu_shadow {background:url(/images/backgrounds/tch_menu_paper_shadow.png) -3px 0 repeat-y;} .teacherstyle div#columnone div.menu_content {padding-left:3px; width:180px; background:url(/images/backgrounds/tch_menu_paper_bg.png) -3px 0 no-repeat #eeeeee;} .teacherstyle div#columnone div.menu_bgtop {background:url(/images/backgrounds/tch_menu_paper_top.png) -3px 0 repeat-y; height:7px;} .teacherstyle div#columnone div.menu_bgbottom {background:url(/images/backgrounds/tch_menu_paper_bottom.png) -3px 0 no-repeat; height:42px;} .teacherstyle div#columnone div.menu_content div.heading2 {text-align:center; padding-top:10px;} .teacherstyle div#columntwo {margin-bottom:50px;} .teacherstyle span.registerspacing {padding-right:10px;} .teacherstyle div.article ul.thumblist {float:left; list-style:none; } .teacherstyle div.article ul.thumblist li {float:left; display:block; margin-left:15px; width:100px;} .teacherstyle div.article ul.thumblist a {display:block; display:block;} .teacherstyle div.article ul.inlinelist li {display:inline-block; width:140px; margin-right:5px; text-align:center;} .teacherstyle div.article ul.inlinelist li img {float:left; text-align:center; margin-bottom:5px; margin-left:15px;} .teacherstyle div.article ul.inlinelist li a {display:block; float:left; color:#006F35} .teacherstyle div.article ol.inlinelist {float:left; display:block;} .teacherstyle div.article ol.inlinelist li {float:left; width:140px; margin-right:5px; margin-bottom:40px; text-align:center; list-style:none; font-size:1.3em} .teacherstyle div.article ol.inlinelist li img { text-align:center; margin-bottom:5px; margin-left:15px;} .teacherstyle div.article ol.inlinelist li a {display:block; width:140px; height:100px; float:left; color:#006F35} .teacherstyle div.article ul.challengepicker {overflow:hidden; width:100%;} .teacherstyle div.article ul.challengepicker li a {display:block; width:140px; height:130px; float:left; color:#006F35} .teacherstyle div.article ul.challengepicker li {display:block;float:left; width:140px; margin-right:5px; margin-bottom:40px; text-align:center; list-style:none; font-size:1.3em} .teacherstyle div.article ul.challengepicker li a span {margin-top:130px; background:none; display:block; font-size:1em} .teacherstyle div.article ul.challengepicker li.one { background:url(/images/furniture/tch_toaster.png) center 0 no-repeat} .teacherstyle div.article ul.challengepicker li.two { background:url(/images/furniture/tch_people_phone.png) center 0 no-repeat} .teacherstyle div.article ul.challengepicker li.three { background:url(/images/furniture/tch_basketball.png) center center no-repeat} .teacherstyle div.article ol.challengelist li a span {margin-top:100px; background:none; display:block; font-size:1em} .teacherstyle div.article ol.challengelist li.one { background:url(/images/furniture/tch_markerpen_sm.png) center 0 no-repeat} .teacherstyle div.article ol.challengelist li.two { background:url(/images/furniture/tch_bike_sm.png) center 0 no-repeat} .teacherstyle div.article ol.challengelist li.three { background:url(/images/furniture/tch_people_phone_sm.png) center 0 no-repeat} .teacherstyle div.article ol.challengelist li.four { background:url(/images/furniture/tch_surfer_sm.png) center 0 no-repeat} .teacherstyle div.article ol.challengelist li.five { background:url(/images/furniture/tch_computer_man_sm.png) center 0 no-repeat} .teacherstyle div.article ol.challengelist li.six { background:url(/images/furniture/tch_music_man_sm.png) center 0 no-repeat} .teacherstyle div.article div.paperclipBox {float:left; background:url(/images/roundedboxes/tch_pclip_top.png) right top no-repeat; margin-top:-10px} .teacherstyle div.article div.paperclipBox div.box_content {float:left; background:url(/images/roundedboxes/tch_pclip_bottom.png) right bottom no-repeat} .teacherstyle div.article div.paperclipBox p {margin-left:30px; margin-right:30px;} .teacherstyle div.article div.paperclipBox h2 {margin:30px 30px 0px 30px;} .teacherstyle div#challengeBox {width:345px; height:344px; margin: 0 auto;} .teacherstyle div.sschallenge {background:url(/images/backgrounds/tch_smallsteps_challenge.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.ssgettingstarted {background:url(/images/backgrounds/challenge_step1.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.sschoose {background:url(/images/backgrounds/challenge_step2.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.ssletsgo {background:url(/images/backgrounds/challenge_step3.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.sskeepitgoing {background:url(/images/backgrounds/challenge_step4.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.ssshareprogress {background:url(/images/backgrounds/challenge_step5.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.sscelebrate {background:url(/images/backgrounds/challenge_step6.png) right top no-repeat; width:345px; height:344px;} .teacherstyle div.paperclipBox div.roundedbox-120 {margin:0 0 0 30px;} .teacherstyle div.paperclipBox div.roundedbox-140 {margin:10px 0 20px 30px;} .teacherstyle div.paperclipBox div.greenbox {float:left;} .teacherstyle div.article div.parterBox {float:left; background: url(/images/backgrounds/tch_divider.png) no-repeat 0 top; padding-top:20px; margin-bottom:20px; width:460px} .teacherstyle div.article div.parterBox img {float:right; margin-left:10px;} .teacherstyle table.challegeTable {font-size:1.2em; text-align:left; width:460px; margin-bottom:10px; } .teacherstyle table.challegeTable th {width:25%; padding:0 5px 0 0; text-align:left; font-size:1.1em; color:#006F35} .teacherstyle table.challegeTable td {width:25%; padding:5px 5px 0 0; vertical-align:baseline;} .teacherstyle div.register div.divider {margin-bottom:10px;} .teacherstyle div.register div.field label {display:block; clear:left; font-size:1.2em; margin-right:10px; } .teacherstyle div.register div.field input {float:left; display:block; height:20px; width:220px; margin-top:5px; margin-bottom:5px;} .teacherstyle div.register div.field span.error {font-size:0.9em; margin:0; float:none} .teacherstyle div.register div.radio span.error {font-size:0.9em; margin:0 0 5px 0; float:none} .teacherstyle div.register div.field span {float:left; display:block; color:#cf252c; margin-top:5px; margin-left:5px;} .teacherstyle div.register div.field {float:left; margin-bottom:10px;} .teacherstyle div.register h3.step {float:right; color:#006F35; position:relative;} .teacherstyle div.register h2 {margin-bottom:10px;} .teacherstyle div.register div.radio label {float:left; font-size:1.2em; margin-left:10px; margin-right:10px;} .teacherstyle div.register div.radio input {float:left;} .teacherstyle div.register div.radio span {float:left; display:block; color:#cf252c; margin-top:5px; margin-left:5px;} .teacherstyle div.register div.radio {float:left;margin-bottom:10px; clear:both;} .teacherstyle div.resultsMain { margin:10px 0 10px 0 } .teacherstyle div.resultBox {float:left; width:140px; margin:5px;} .teacherstyle div.resultBox div.school { margin-left:20px; height:100px;} .teacherstyle .textSubmitButton {background:transparent none repeat scroll 0 0;border:0px none;color:#ffffff;display:block; width:100%; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; cursor:pointer; height:25px; margin:-5px 0 -5px 0;} .teacherstyle div#tellUs {width:420px; padding: 10px; clear:both; margin-left:30px;} .teacherstyle div#tellUs h2 {margin-left:140px;} .teacherstyle div#tellUs div.fieldset {width: 100%; clear: both !important; display: inline-block; width:400px;} .teacherstyle div#tellUs div.field {float:left; margin-bottom:10px;} .teacherstyle div#tellUs div.field label {display:inline-block; width:140px; font-size:1.2em; margin-bottom:5px; text-align:right; } .teacherstyle div#tellUs div.field input, .teacherstyle div#tellUs div.field select {display:inline-block; height:20px; width:160px; margin:5px 0 5px 5px;} .teacherstyle div#tellUs div.field input.preset {border:none; background:none;} .teacherstyle div#tellUs div.field textarea {display:inline-block; margin-left:5px; width:165px;} .teacherstyle div#tellUs div.comments {float:left; width:170px; margin-left:140px;} .teacherstyle div#tellUs div.field span.error {font-size:0.9em; margin:0 0 0 35px; float:left} .teacherstyle div#tellUs div.radio span.error {font-size:0.9em; margin:0 0 0 35px; float:left} .teacherstyle div#tellUs div.radio span, .teacherstyle div#tellUs div.field span {color:#cf252c; margin-top:5px; margin-left:5px;} .teacherstyle ul.sitemaplist li {margin-top:5px; margin-bottom:5px} .teacherstyle ul.sitemaplist li ul {margin-left:15px;} .teacherstyle ul.sitemaplist li ul li {margin-top:5px; margin-bottom:5px} .teacherstyle div.roundedbox-50 .topCentre, .teacherstyle div.roundedbox-50 .bottomCentre {width:30px !important; background: #006F35;} .teacherstyle div.roundedbox-80 .topCentre, .teacherstyle div.roundedbox-80 .bottomCentre {width:60px !important; background: #006F35;} .teacherstyle div.roundedbox-120 .topCentre, .teacherstyle div.roundedbox-120 .bottomCentre, .teacherstyle div.roundedbox-120 .boxcontent {width:100px; background: #006F35;} .teacherstyle div.roundedbox-140 .topCentre, .teacherstyle div.roundedbox-140 .bottomCentre, .teacherstyle div.roundedbox-140 .boxcontent {width:120px; background: #006F35;} .teacherstyle div.roundedbox-160 .topCentre, .teacherstyle div.roundedbox-160 .bottomCentre, .teacherstyle div.roundedbox-160 .boxcontent {width:140px; background: #006F35;} .teacherstyle div.roundedbox-200 .topCentre, .teacherstyle div.roundedbox-200 .bottomCentre, .teacherstyle div.roundedbox-200 .boxcontent {width:180px; background: #006F35;} .teacherstyle div.roundedbox-260 .topCentre, .teacherstyle div.roundedbox-260 .bottomCentre, .teacherstyle div.roundedbox-260 .boxcontent {width:240px; background: #006F35;} div.greenbox .topLeft, div.greenbox .topRight, div.greenbox .bottomLeft, div.greenbox .bottomRight {width:10px; height:10px; float:left;} div.greenbox a span.arrow {background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat; margin-right:-19px; width:20px; height:15px; display:inline-block;} div.greenbox a span.plus {background:url(/images/furniture/link_plus_white.png) right bottom no-repeat; margin-right:-19px; width:20px; height:15px; display:inline-block;} .teacherstyle div.promobox { color:#fff;} .teacherstyle div.promobox p {margin-bottom:0; padding: 5px 10px 5px 10px ;} .teacherstyle div.promobox h4 {font-size:1.5em;margin-bottom:0; padding-left: 10px; padding-right:10px;} .teacherstyle div.promobox a {color:#fff;} .teacherstyle div.promobox ul {padding-left: 10px; padding-right:10px;} .teacherstyle div.promobox ul li {padding-bottom:5px; width:140px;} .teacherstyle div.promobox ul li a {display:block;} .teacherstyle div.promobox ul li img.arrow {margin-top:3px;} .teacherstyle div.promobox a span { background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat;} .teacherstyle div.promobox .tch_pen_white {margin-left:10px; margin-bottom:10px;} .teacherstyle div.greystyle {color:#555555; margin-right:10px;} .teacherstyle div.greystyle ul {margin-top:10px;} .teacherstyle div.greystyle a {color:#555555; display:block;} .teacherstyle div.greystyle a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat;} .teacherstyle div.promobox .tch_pen_grey {margin-left:5px; margin-bottom:10px} .teacherstyle div.casestudies {color:#555555; margin-right:10px;} .teacherstyle div.casestudies ul {margin-top:10px;} .teacherstyle div.casestudies a {color:#555555; display:block;} .teacherstyle div.casestudies a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat; display:inline-block} .teacherstyle div.casestudies .tch_pen_green_promobox {margin-left:5px; width:175px;} .teacherstyle div.casestudies h4 {color:#006F35; font-size:1.5em; margin-bottom:0; padding-left:10px; padding-right:10px;} .teacherstyle div.casestudies p {color:#006f35; font-weight:bold;} .teacherstyle div.casestudies a span {background:url(/images/furniture/link_arrow_green.png) right bottom no-repeat !important;} .teacherstyle div.casestudies span.quote {font-size:2em; display:block; margin:0; padding:0;} .teacherstyle .firstbox {margin-top:40px;} .teacherstyle div.bluepaper {margin-left:5px;} .teacherstyle div.bluepaper div.box_top {background:url(/images/backgrounds/tch_promo_blue_top.png) 0px 0 no-repeat; height:34px;} .teacherstyle div.bluepaper div.box_bottom {background:url(/images/backgrounds/tch_promo_blue_bottom.png) 0px 0 no-repeat; height:31px;} .teacherstyle div.bluepaper div.box_shadow {background:url(/images/backgrounds/tch_promo_blue_shadow.png) 0px 0 repeat-y;} .teacherstyle div.bluepaper div.box_content {background:url(/images/backgrounds/tch_promo_blue_bg.png) 0px 0 no-repeat #0070ca; min-height:130px; margin-left:4px; margin-right:10px;} .teacherstyle div.bluepaper div.box_content p {} .teacherstyle div.pinkpaper div.box_top {background:url(/images/backgrounds/tch_promo_pink_top.png) 1px 0 no-repeat; height:39px;} .teacherstyle div.pinkpaper div.box_bottom {background:url(/images/backgrounds/tch_promo_pink_bottom.png) 0px 0 no-repeat; height:31px;} .teacherstyle div.pinkpaper div.box_shadow {background:url(/images/backgrounds/tch_promo_pink_shadow.png) 0px 0 repeat-y;} .teacherstyle div.pinkpaper div.box_content {background:url(/images/backgrounds/tch_promo_pink_bg.png) 0px 0 no-repeat #d01c7b; min-height:150px; margin-left:3px; margin-right:16px;} .teacherstyle div.pinkpaper div.box_content p {} .button {font-weight:normal;} .button a {margin:0px !important; display:block; padding-left:10%; padding-right:10%; } /* Teacher style END */ /* Primary style */ .primarystyle ul#mainnav li {display:block; padding:5px 0 5px 0; border-top: dotted 1px #9fc6b2} .primarystyle ul#mainnav li.current a { color:#0060ae;} .primarystyle h1, .primarystyle h2, .primarystyle div.menu_content div.heading2, .primarystyle h3 {color:#0060ae;} .primarystyle div#pagewrapper div#pagetop {background:url(/images/backgrounds/pri_page_topedge.png) 0 0 no-repeat; height:18px;} .primarystyle div#pagewrapper div#pagebottom {background:url(/images/backgrounds/pri_page_bottomedge.png) 0 0 no-repeat; height:18px;} .primarystyle div#pagewrapper {background:#FFF200 url(/images/backgrounds/pri_page_bgstyle.png) 5px 0 repeat-y;} .primarystyle div#contentwrapper, .primarystyle div#contentwrapper-2col {background:url(/images/backgrounds/pri_pen_marks_layer.png) 0px 0 no-repeat; border-left: solid 5px #d9dbe1; border-right: solid 5px #d9dbe1;} .primarystyle div#columnone div.menu_content {margin-top:25px; padding-left:3px; width:180px;} .primarystyle div#columnone div.menu_content div.heading2 {text-align:center; padding-top:10px;} .primarystyle div#columntwo { background:url(/images/backgrounds/pri_page_edges.png) 28px 0 no-repeat; margin-bottom:50px; padding-top:25px; } .primarystyle div#page {float:left; background:url(/images/backgrounds/pri_page_lined.png) 35px 0 repeat-y;} .primarystyle div#page_bottom {float:left; background:url(/images/backgrounds/pri_page_lined_bottom.png) 0 0 no-repeat; margin-left:35px; margin-bottom:30px; height:13px; width:507px; clear:both} .primarystyle div.divider { float:left; background:url(/images/backgrounds/tch_divider.png) 0 0 no-repeat; height:5px; margin: 0 60px 0px 60px; width:460px; clear:both} .primarystyle div.article div.divider {margin: 0;} .primarystyle div.divider hr {margin:0; padding:0; border: none;} .primarystyle div.halfdivider { float:left; background:url(/images/backgrounds/tch_half_divider.png) 0 0 no-repeat; height:5px; margin: 5px 0 5px 0; width:221px;} .primarystyle div.transcript {text-align:right; font-weight:bold; margin-right:2px; margin-bottom:10px; font-size:1.2em;} .primarystyle ul.two_collist {width:100%;} .primarystyle ul.two_collist li {float:left; width:160px;} .primarystyle ul.thumblist {float:left; list-style:none; } .primarystyle ul.thumblist li {float:left; display:block; margin-left:15px; width:100px;} .primarystyle ul.thumblist a {display:block; display:block;} .primarystyle div.pri_lined_paper {float:left; width:488px; margin:0px 0px 10px 45px; } .primarystyle div.pri_lined_paper_bottom {float:left; background:url(/images/backgrounds/pri_main_lined_bottom.png) 0 0 no-repeat; margin-bottom:30px; height:21px; width:488px;} .primarystyle div.article ul.challengepicker {float:left; margin-top:10px; width:100%; overflow:hidden;} .primarystyle div.article ul.challengepicker li a {float:left; display:block; width:100%; color:#0060AE; margin-bottom:10px; font-size:1.2em} .primarystyle div.article ul.challengepicker li {float:left; width:140px; margin-right:5px; margin-bottom:10px; text-align:center; list-style:none;} .primarystyle div.article ul.challengepicker li a span {margin-top:100px; background:none; display:block; font-size:1em} .primarystyle div.article ul.challengepicker li p {float:left; display:block; font-size:1em} .primarystyle div.article ul.challengepicker li.healthy {background:url(/images/furniture/pri_carrot.gif) center 0 no-repeat} .primarystyle div.article ul.challengepicker li.feelgood {background:url(/images/furniture/pri_kids.gif) center 0 no-repeat} .primarystyle div.article ul.challengepicker li.physical {background:url(/images/furniture/pri_hopscotch.gif) center 0 no-repeat} .primarystyle div.article ul.centreList li {margin-left:auto; margin-right:auto; width:50%} .primarystyle ul.challengelist li {margin-bottom:15px;} .primarystyle table.challegeTable {font-size:1.2em; text-align:left; width:460px; margin-bottom:10px; } .primarystyle table.challegeTable th {width:25%; padding:0 5px 0 0; text-align:left; font-size:1.1em; color:#0060AE} .primarystyle table.challegeTable td {width:25%; padding:5px 5px 0 0; vertical-align:baseline;} .primarystyle div.tabs h3 {padding-bottom:10px;} .primarystyle div.article {margin: 20px 60px 10px 60px;} .primarystyle div.article a span {background:url(/images/furniture/link_arrow_blue.png) right bottom no-repeat;} .primarystyle div.bluebox a span {background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat;} .primarystyle div.article ul {margin-bottom:10px} .primarystyle div.article h2 {margin-bottom:10px;} .primarystyle div.article h3 {margin-bottom:5px;} .primarystyle div.article div.button {margin-bottom:10px;} .primarystyle div.first {margin-top: 0px} .primarystyle uk.challengelist h3 {margin:0; padding:0; font-size:0.9em;} .primarystyle div.calltoaction .button {float:right;} .primarystyle div.calltoaction .pri_paintbrush {margin-left:30px;} .primarystyle div.divider { float:left; background:url(/images/backgrounds/pri_divider.png) 0 0 no-repeat; height:11px; margin: 0 60px 0px 60px; width:460px; clear:both} .primarystyle div#searchChallenge {float:left; width:120px; background:url(/images/backgrounds/pri_search_bg.png) 0 0 repeat-y; padding: 10px;} .primarystyle div#searchChallenge div.field {float:left; margin-bottom:10px;} .primarystyle div#searchChallenge select {width:115px;} .primarystyle div#searchChallenge div.field label {display:block; clear:left; font-size:1.2em; margin-bottom:5px; } .primarystyle div#searchChallenge div.field input {float:left; display:block; height:20px; width:220px; margin-top:5px; margin-bottom:5px;} .primarystyle div#searchChallenge div.field span.error {font-size:0.9em; margin:0; float:none} .primarystyle div#searchChallenge div.field span {float:left; display:block; color:#cf252c; margin-top:5px; margin-left:5px;} .primarystyle div#searchChallenge div.radio {float:left; margin-bottom:10px;} .primarystyle div#searchChallenge div.radio label {display:block; clear:left; font-size:1.2em; margin-bottom:5px; } .primarystyle div#searchChallenge div.radio input {float:left; display:block; height:20px; width:20px; margin-top:0px; margin-bottom:5px;} .primarystyle div#searchChallenge div.radio span.error {font-size:0.9em; margin:0 0 5px 0; float:none} .primarystyle div#tellUs {float:left; width:370px; padding:0; margin-left:65px;} .primarystyle div#tellUs h2 {} .primarystyle div#tellUs div.fieldset {width: 100%; display: inline-block; width:370px;} .primarystyle div#tellUs div.field {float:left; margin-bottom:10px;} .primarystyle div#tellUs div.radio label, .primarystyle div#tellUs div.field label {display:inline-block; width:135px; font-size:1.2em; margin-bottom:5px;} .primarystyle div#tellUs div.field input, .primarystyle div#tellUs div.field select {display:inline-block; height:20px; width:160px; margin:5px 0 5px 5px;} .primarystyle div#tellUs div.radio {float:left; margin-bottom:10px;} .primarystyle div#tellUs div.radio div {} .primarystyle div#tellUs div.radio input {display:inline-block; width:35px; margin-bottom:5px;} .primarystyle div#tellUs div.radio label {display:inline-block; width:135px; font-size:1.2em; margin-bottom:5px;} .primarystyle div#tellUs div.radioStarjs label {float:left;} .primarystyle div#tellUs div.radioStaralt div {padding-left:130px;} .primarystyle div#tellUs div.radio p {} .primarystyle div#tellUs .star-rating-control {float:left; margin-left:6px;} .primarystyle div#tellUs div.field input.preset {border:none; background:none;} .primarystyle div#tellUs div.field textarea {display:inline-block; margin-left:5px; height:90px; width:165px; text-align:left;} .primarystyle div#tellUs div.comments {float:left; width:170px; margin-left:140px;} .primarystyle div#tellUs div.field span.error {font-size:0.9em; margin:0 0 0 143px; float:left} .primarystyle div#tellUs div.radio span.error {font-size:0.9em; margin:0 0 0 143px; float:left} .primarystyle div#tellUs div.radio span, .primarystyle div#tellUs div.field span {color:#cf252c; margin-top:5px; margin-left:5px;} form.challengeType {margin-bottom:20px;} form.challengeType div.field {float:left; margin-top:10px !important; margin-right:20px;} form.challengeType label {display:inline-block; margin-right:10px; font-size:1.2em;} form.challengeType select {display:inline-block; width:135px; font-size:1.2em; margin-bottom:5px;} form.challengeType .button {display:inline-block; margin-bottom:0 !important;} .primarystyle .textSubmitButton {background:transparent none repeat scroll 0 0;border:0px none;color:#ffffff;display:block; width:100%; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;cursor:pointer;height:25px; margin:-5px 0 -5px 0;} .primarystyle div#searchChallenge .button {margin: 0px 0 0 15px;} .primarystyle div#searchChallenge .roundedbox-120 {margin: 0px;} .primarystyle ul.challengeChart {width:140px; padding-left:0; list-style-type:none;} .primarystyle ul.challengeChart li {padding-bottom:10px !important; } .primarystyle ul.challengeChart span.cufon {display:inline-block; font-size:1.4em; color:#0060ae; vertical-align:top;} .primarystyle ul.challengeChart li a {display:inline-block !important; width:110px; margin-top:3px;} div.searchBox {float:left; width:140px;} div.searchBox div.searchBottom {float:left; width:140px; height:9px; background:url(/images/backgrounds/pri_search_bottom.png) 0 0 no-repeat;} div.searchResults {float:left; margin-left:10px; width:290px;} div.searchResults ul {float:left; width: 290px;} div.searchResults ul li {float:left; width:100px; height:180px; margin: 0 0px 10px 35px; text-align:center; list-style:none;} div.searchResults ul li a {float:left; display:block; width:100%; color:#0060AE; margin-bottom:0px; font-size:1.2em} div.searchResults ul li span {display:block; margin: 0 0 10px 8px; padding-bottom:15px; width:85px; font-size:0.8em;} div.searchResults ul li span.stars0 {background:url(/images/buttons/rating_stars.png) 0px bottom no-repeat;} div.searchResults ul li span.stars1 {background:url(/images/buttons/rating_stars.png) -82px bottom no-repeat;} div.searchResults ul li span.stars2 {background:url(/images/buttons/rating_stars.png) -165px bottom no-repeat;} div.searchResults ul li span.stars3 {background:url(/images/buttons/rating_stars.png) -248px bottom no-repeat;} div.searchResults ul li span.stars4 {background:url(/images/buttons/rating_stars.png) -332px bottom no-repeat;} div.searchResults ul li span.stars5 {background:url(/images/buttons/rating_stars.png) right bottom no-repeat;} div.galleryResults {float:left; width:460px; margin-bottom:20px;} div.galleryResults ul.row {float:left; margin-top:20px; width: 460px;} div.galleryResults ul.row li {float:left; list-style:none outside none; margin:0 0 20px; text-align:center; width:130px; } div.galleryResults ul.row li a {float:left; display:block; width:100%; margin-bottom:0px;} div.galleryResults ul.row li span {display:block; margin: 0 0 10px 8px; padding-bottom:15px; width:85px; font-size:0.8em;} div.galleryResults ul.row li.listSpacer {margin-left:35px; margin-right:35px;} .primarystyle .counter {color:#0060AE; font-size:2.1em;} .primarystyle div.roundedbox-50 .topCentre, .primarystyle div.roundedbox-50 .bottomCentre {width:30px !important;} .primarystyle div.roundedbox-80 .topCentre, .primarystyle div.roundedbox-80 .bottomCentre, .primarystyle div.roundedbox-80 .boxcontent {width:60px;} .primarystyle div.roundedbox-120 .topCentre, .primarystyle div.roundedbox-120 .bottomCentre, .primarystyle div.roundedbox-120 .boxcontent {width:100px;} .primarystyle div.roundedbox-140 .topCentre, .primarystyle div.roundedbox-140 .bottomCentre, .primarystyle div.roundedbox-140 .boxcontent {width:120px;} .primarystyle div.roundedbox-160 .topCentre, .primarystyle div.roundedbox-160 .bottomCentre, .primarystyle div.roundedbox-160 .boxcontent {width:140px;} div.roundedbox-140 .boxcontent {width:120px;} .primarystyle div.roundedbox-200 .topCentre, .primarystyle div.roundedbox-200 .bottomCentre, .primarystyle div.roundedbox-200 .boxcontent {width:180px;} .primarystyle div.promobox { color:#fff;} .primarystyle div.promobox p {margin-bottom:0; padding: 5px 10px 5px 10px ;} .primarystyle div.promobox h4 {font-size:1.5em;margin-bottom:0; padding-left: 10px; padding-right:10px;} .primarystyle div.promobox a {color:#fff;} .primarystyle div.promobox ul {padding-left: 10px;} .primarystyle div.promobox ul li {padding-bottom:5px; width:140px;} .primarystyle div.promobox ul li a {display:block;} .primarystyle div.promobox ul li img.arrow {margin-top:3px;} .primarystyle div.promobox a span { background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat;} .primarystyle div.promobox .tch_pen_white {margin-left:10px; margin-bottom:10px;} .primarystyle div.greystyle {color:#555555; margin-right:10px;} .primarystyle div.greystyle ul {margin-top:10px;} .primarystyle div.greystyle a {color:#555555; display:block;} .primarystyle div.greystyle a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat;} .primarystyle div.promobox .tch_pen_grey {margin-left:5px; margin-bottom:10px} .primarystyle div.casestudies {color:#555555; margin-right:10px;} .primarystyle div.casestudies ul {margin-top:10px;} .primarystyle div.casestudies a {color:#555555; display:block;} .primarystyle div.casestudies a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat; display:inline-block} .primarystyle div.casestudies .tch_pen_green_promobox {margin-left:5px; width:175px;} .primarystyle div.casestudies h4 {color:#006F35; font-size:1.5em; margin-bottom:0; padding-left:10px; padding-right:10px;} .primarystyle div.casestudies p {color:#006f35; font-weight:bold;} .primarystyle div.casestudies a span {background:url(/images/furniture/link_arrow_green.png) right bottom no-repeat !important;} .primarystyle div.casestudies span.quote {font-size:2em; display:block; margin:0; padding:0;} .primarystyle .firstbox {margin-top:40px;} .primarystyle div.linedpaper div.box_top {background:url(/images/backgrounds/pri_promo_lined_top.png) 0px 0 no-repeat; height:8px; margin-left:1px; margin-top:15px;} .primarystyle div.linedpaper div.box_bottom {background:url(/images/backgrounds/pri_promo_lined_bottom.png) 0px 0 no-repeat; height:7px; margin-left:1px} .primarystyle div.linedpaper div.box_shadow {background:url(/images/backgrounds/pri_promo_lined_shadow.png) 0px 0 repeat-y;} .primarystyle div.linedpaper div.box_content {background:url(/images/backgrounds/pri_promo_lined_bg.png) 0px 0 repeat-y; margin-left:3px; margin-right:1px; padding-top:10px; padding-bottom:10px; color:#555555} .primarystyle div.linedpaper div.box_content h4 {color:#0060ae} .primarystyle div.linedpaper div.box_content p {} .primarystyle div.linedpaper div.box_content a {color:#555555} /* Primary style END */ /* Secondary style */ .secondarystyle ul#mainnav li {display:block; padding:5px 0 5px 0; border-top: dotted 1px #9fc6b2} .secondarystyle ul#mainnav li.current a { color:#0060ae;} .secondarystyle h1, .secondarystyle h2, .secondarystyle div.menu_content div.heading2, .secondarystyle h3 {color:#0060ae;} .secondarystyle div#pagewrapper div#pagetop {background:url(/images/backgrounds/sec_page_topedge.png) 0 0 no-repeat; height:18px;} .secondarystyle div#pagewrapper div#pagebottom {background:url(/images/backgrounds/sec_page_bottomedge.png) 0 0 no-repeat; height:18px;} .secondarystyle div#pagewrapper {background:url(/images/backgrounds/sec_page_bgstyle.png) 5px 0 repeat-y #f0f0f0;} .secondarystyle div#contentwrapper, .secondarystyle div#contentwrapper-2col {background:url(/images/backgrounds/sec_pen_marks_layer.png) right 0 no-repeat; border-left: solid 5px #d9dbe1; border-right: solid 5px #d9dbe1} .secondarystyle div#columnone {margin-bottom:70px} .secondarystyle div#columnone div.menu_shadow {background:url(/images/backgrounds/sec_menu_paper_shadow.png) -5px 0 repeat-y;} .secondarystyle div#columnone div.menu_content {padding-left:3px; width:180px; background:url(/images/backgrounds/sec_menu_tint_top.png) -3px 0 no-repeat;} .secondarystyle div#columnone div.menu_bgtop {background:url(/images/backgrounds/sec_menu_paper_top.png) -6px 0 no-repeat; height:25px;} .secondarystyle div#columnone div.menu_bgbottom {background:url(/images/backgrounds/sec_menu_paper_bottom.png) -6px 0 no-repeat; height:30px;} .secondarystyle div#columnone div.menu_content div.heading2 {text-align:center; padding-top:10px;} .secondarystyle div#columntwo {padding-bottom:70px; padding-top:25px; } .secondarystyle a.fsa_link img {background:#fff; border:solid 4px #fff} .secondarystyle div.divider { float:left; background:url(/images/backgrounds/pri_divider.png) 0 0 no-repeat; height:5px; margin: 0 60px 0px 60px; width:460px; clear:both} .secondarystyle div.article div.divider {margin: 0;} .secondarystyle div.divider hr {margin:0; padding:0; border: none;} .secondarystyle div.halfdivider { float:left; background:url(/images/backgrounds/tch_half_divider.png) 0 0 no-repeat; height:5px; margin: 5px 0 5px 0; width:221px;} .secondarystyle div#searchChallenge {float:left; width:120px; background:url(/images/backgrounds/pri_search_bg.png) 0 0 repeat-y; padding: 10px;} .secondarystyle div#searchChallenge div.field {float:left; margin-bottom:10px;} .secondarystyle div#searchChallenge select {width:115px;} .secondarystyle div#searchChallenge div.field label {display:block; clear:left; font-size:1.2em; margin-bottom:5px; } .secondarystyle div#searchChallenge div.field input {float:left; display:block; height:20px; width:220px; margin-top:5px; margin-bottom:5px;} .secondarystyle div#searchChallenge div.field span.error {font-size:0.9em; margin:0; float:none} .secondarystyle div#searchChallenge div.radio span.error {font-size:0.9em; margin:0 0 5px 0; float:none} .secondarystyle div#searchChallenge div.field span {float:left; display:block; color:#cf252c; margin-top:5px; margin-left:5px;} .secondarystyle ul.challengeChart {width:140px; padding-left:0; list-style-type:none;} .secondarystyle ul.challengeChart li {padding-bottom:10px !important; } .secondarystyle ul.challengeChart span.cufon {display:inline-block; font-size:1.4em; color:#0060ae; vertical-align:top;} .secondarystyle ul.challengeChart li a {display:inline-block !important; width:110px; margin-top:3px;} .secondarystyle div#tellUs {float:left; width:370px; padding:0; margin-left:65px;} .secondarystyle div#tellUs h2 {} .secondarystyle div#tellUs div.fieldset {width: 100%; display: inline-block; width:370px;} .secondarystyle div#tellUs div.field {float:left; margin-bottom:10px;} .secondarystyle div#tellUs div.radio label, .secondarystyle div#tellUs div.field label {display:inline-block; width:135px; font-size:1.2em; margin-bottom:5px;} .secondarystyle div#tellUs div.field input, .primarystyle div#tellUs div.field select {display:inline-block; height:20px; width:160px; margin:5px 0 5px 5px;} .secondarystyle div#tellUs div.radio {float:left; margin-bottom:10px;} .secondarystyle div#tellUs div.radio div {} .secondarystyle div#tellUs div.radio input {display:inline-block; width:35px; margin-bottom:5px;} .secondarystyle div#tellUs div.radio label {display:inline-block; width:135px; font-size:1.2em; margin-bottom:5px;} .secondarystyle div#tellUs div.radioStarjs label {float:left;} .secondarystyle div#tellUs div.radio p {} .secondarystyle div#tellUs div.radioStaralt div {padding-left:130px;} .secondarystyle div#tellUs div.field input.preset {border:none; background:none;} .secondarystyle div#tellUs div.field textarea {display:inline-block; margin-left:5px; height:45px; width:165px;} .secondarystyle div#tellUs div.comments {float:left; width:170px; margin-left:140px;} .secondarystyle div#tellUs div.field span.error {font-size:0.9em; margin:0 0 0 143px; float:left} .secondarystyle div#tellUs div.radio span.error {font-size:0.9em; margin:0 0 0 143px; float:left} .secondarystyle div#tellUs div.radio span, .secondarystyle div#tellUs div.field span {color:#cf252c; margin-top:5px; margin-left:5px;} /* add by James - start */ .secondarystyle div#tellUs div.field input, .secondarystyle div#tellUs div.field select { display:inline-block; height:20px; margin:5px 0 5px 5px; width:160px; } .secondarystyle div#tellUs div.field textarea { display:inline-block; height:90px; margin-left:5px; text-align:left; width:165px; } .nostyle {text-decoration: none; color: #000;} /* add by James - end */ .noarrow {display:block; background: none !important; margin-top: 6px;} .secondarystyle div.transcript {text-align:right; font-weight:bold; margin-right:2px; margin-bottom:10px; font-size:1.2em;} .secondarystyle ul.two_collist {width:100%;} .secondarystyle ul.two_collist li {float:left; width:160px;} .secondarystyle ul.thumblist {float:left; list-style:none; } .secondarystyle ul.thumblist li {float:left; display:block; margin-left:15px; width:100px;} .secondarystyle ul.thumblist a {display:block; display:block;} .secondarystyle div.sec_lined_paper {float:left; width:488px; margin:20px 0px 10px 45px; } .secondarystyle div.sec_lined_paper_bottom {float:left; background:url(/images/backgrounds/pri_main_lined_bottom.png) 0 0 no-repeat; margin-bottom:30px; height:21px; width:488px;} .secondarystyle div.article ul.challengepicker {float:left; margin-top:10px; width:100%; overflow:hidden;} .secondarystyle div.article ul.challengepicker li a {float:left; display:block; width:100%; color:#0060AE; margin-bottom:10px; font-size:1.2em} .secondarystyle div.article ul.challengepicker li {float:left; width:140px; margin-right:5px; margin-bottom:10px; text-align:center; list-style:none;} .secondarystyle div.article ul.challengepicker li a span {margin-top:100px; background:none; display:block; font-size:1em} .secondarystyle div.article ul.challengepicker li p {float:left; display:block; font-size:1em} .secondarystyle div.article ul.challengepicker li.healthy {background:url(/images/furniture/sec_plate.gif) center 0 no-repeat} .secondarystyle div.article ul.challengepicker li.feelgood {background:url(/images/furniture/sec_girl.gif) center 0 no-repeat} .secondarystyle div.article ul.challengepicker li.physical {background:url(/images/furniture/sec_bike.gif) center 0 no-repeat} .secondarystyle div.article ul.centreList li {margin-left:auto; margin-right:auto; width:50%} .secondarystyle ul.challengelist li {margin-bottom:15px;} .secondarystyle table.challegeTable {font-size:1.2em; text-align:left; width:460px; margin-bottom:10px; } .secondarystyle table.challegeTable th {width:25%; padding:0 5px 0 0; text-align:left; font-size:1.1em; color:#0060AE} .secondarystyle table.challegeTable td {width:25%; padding:5px 5px 0 0; vertical-align:baseline;} .secondarystyle .textSubmitButton {background:transparent none repeat scroll 0 0;border:0px none;color:#ffffff;display:block; width:100%; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;cursor:pointer;height:25px; margin:-5px 0 -5px 0;} .secondarystyle div.tabs h3 {padding-bottom:10px;} .secondarystyle div.article {margin: 20px 60px 10px 60px;} .secondarystyle div.article a span {background:url(/images/furniture/link_arrow_blue.png) right bottom no-repeat;} .secondarystyle div.bluebox a span {background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat;} .secondarystyle div.article ul {margin-bottom:10px} .secondarystyle div.article h2 {margin-bottom:10px;} .secondarystyle div.article h3 {margin-bottom:5px;} .secondarystyle div.article div.button {margin-bottom:10px;} .secondarystyle div.first {margin-top: 0px} .secondarystyle div.calltoaction .button {float:right; margin-top:20px;} .secondarystyle div.calltoaction .pri_paintbrush {margin-left:30px;} .secondarystyle div.divider { float:left; background:url(/images/backgrounds/sec_divider.png) 0 0 no-repeat; height:11px; margin: 0 60px 0px 60px; width:460px; clear:both} .secondarystyle .counter {color:#0060AE; font-size:2.1em;} .secondarystyle div.promobox { color:#fff;} .secondarystyle div.promobox p {margin-bottom:0; padding: 5px 10px 5px 10px ;} .secondarystyle div.promobox h4 {font-size:1.5em;margin-bottom:0; padding-left: 10px; padding-right:10px;} .secondarystyle div.promobox a {color:#fff;} .secondarystyle div.promobox ul {padding-left: 10px;} .secondarystyle div.promobox ul li {padding-bottom:5px; width:140px;} .secondarystyle div.promobox ul li a {display:block;} .secondarystyle div.promobox ul li img.arrow {margin-top:3px;} .secondarystyle div.promobox a span { background:url(/images/furniture/link_arrow_white.png) right bottom no-repeat;} .secondarystyle div.promobox .tch_pen_white {margin-left:10px; margin-bottom:10px;} .secondarystyle div.greystyle {color:#555555; margin-right:10px;} .secondarystyle div.greystyle ul {margin-top:10px;} .secondarystyle div.greystyle a {color:#555555; display:block;} .secondarystyle div.greystyle a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat;} .secondarystyle div.promobox .tch_pen_grey {margin-left:5px; margin-bottom:10px} .secondarystyle div.casestudies {color:#555555; margin-right:10px;} .secondarystyle div.casestudies ul {margin-top:10px;} .secondarystyle div.casestudies a {color:#555555; display:block;} .secondarystyle div.casestudies a span {background:url(/images/furniture/link_arrow_grey.png) right bottom no-repeat; display:inline-block} .secondarystyle div.casestudies .tch_pen_green_promobox {margin-left:5px; width:175px;} .secondarystyle div.casestudies h4 {color:#006F35; font-size:1.5em; margin-bottom:0; padding-left:10px; padding-right:10px;} .secondarystyle div.casestudies p {color:#006f35; font-weight:bold;} .secondarystyle div.casestudies a span {background:url(/images/furniture/link_arrow_green.png) right bottom no-repeat !important;} .secondarystyle div.casestudies span.quote {font-size:2em; display:block; margin:0; padding:0;} .secondarystyle .firstbox {margin-top:40px;} .secondarystyle div.linedpaper div.box_top {background:url(/images/backgrounds/pri_promo_lined_top.png) 0px 0 no-repeat; height:8px; margin-left:1px; margin-top:15px;} .secondarystyle div.linedpaper div.box_bottom {background:url(/images/backgrounds/pri_promo_lined_bottom.png) 0px 0 no-repeat; height:7px; margin-left:1px} .secondarystyle div.linedpaper div.box_shadow {background:url(/images/backgrounds/pri_promo_lined_shadow.png) 0px 0 repeat-y;} .secondarystyle div.linedpaper div.box_content {background:url(/images/backgrounds/pri_promo_lined_bg.png) 0px 0 repeat-y; margin-left:3px; margin-right:1px; padding-top:10px; padding-bottom:10px; color:#555555} .secondarystyle div.linedpaper div.box_content h4 {color:#0060ae} .secondarystyle div.linedpaper div.box_content p {} .secondarystyle div.linedpaper div.box_content a {color:#555555} .secondarystyle div.roundedbox-50 .topCentre, .secondarystyle div.roundedbox-50 .bottomCentre {width:30px !important;} .secondarystyle div.roundedbox-80 .topCentre, .secondarystyle div.roundedbox-80 .bottomCentre, .secondarystyle div.roundedbox-80 .boxcontent {width:60px;} .secondarystyle div.roundedbox-120 .topCentre, .secondarystyle div.roundedbox-120 .bottomCentre, .secondarystyle div.roundedbox-120 .boxcontent {width:100px;} .secondarystyle div.roundedbox-140 .topCentre, .secondarystyle div.roundedbox-140 .bottomCentre, .secondarystyle div.roundedbox-140 .boxcontent {width:120px;} .secondarystyle div.roundedbox-160 .topCentre, .secondarystyle div.roundedbox-160 .bottomCentre, .secondarystyle div.roundedbox-160 .boxcontent {width:140px;} div.roundedbox-140 .boxcontent {width:120px;} .secondarystyle div.roundedbox-200 .topCentre, .secondarystyle div.roundedbox-200 .bottomCentre, .secondarystyle div.roundedbox-200 .boxcontent {width:180px;} /* Secondary style END */ div#columnthree div.bluepaper {margin-left:5px;} div#columnthree div.bluepaper div.box_top {} div#columnthree div.bluepaper div.box_bottom {background:url(/images/backgrounds/tch_promo_blue_bottom.png) 0px 0 no-repeat; height:31px;} div#columnthree div.bluepaper div.box_shadow {background:url(/images/backgrounds/tch_promo_blue_shadow.png) 0px 0 repeat-y;} div#columnthree div.bluepaper div.box_content {background:url(/images/backgrounds/tch_promo_blue_bg.png) 0px 0 no-repeat #0070ca; min-height:130px; margin-left:4px; margin-right:10px; padding-top:15px;} div#columnthree div.bluepaper div.box_content p {} div#columnthree div.greenpaper {margin-left:5px;} div#columnthree div.greenpaper div.box_top {} div#columnthree div.greenpaper div.box_bottom {background:url(/images/backgrounds/tch_promo_green_bottom.png) 0px 0 no-repeat; height:31px;} div#columnthree div.greenpaper div.box_shadow {background:url(/images/backgrounds/tch_promo_blue_shadow.png) 0px 0 repeat-y;} div#columnthree div.greenpaper div.box_content {background:url(/images/backgrounds/tch_promo_green_bg.png) 0px 0 no-repeat #006731; min-height:130px; margin-left:4px; margin-right:10px; padding-top:15px;} div#columnthree div.greenpaper div.box_content p {} div#columnthree div.pinkpaper {margin-left:5px;} div#columnthree div.pinkpaper div.box_top {} div#columnthree div.pinkpaper div.box_bottom {background:url(/images/backgrounds/tch_promo_pink_bottom.png) 0px 0 no-repeat; height:31px;} div#columnthree div.pinkpaper div.box_shadow {background:url(/images/backgrounds/tch_promo_pink_shadow.png) 0px 0 repeat-y;} div#columnthree div.pinkpaper div.box_content {background:url(/images/backgrounds/tch_promo_pink_bg.png) 0px 0 no-repeat #d21a79; min-height:130px; margin-left:4px; margin-right:10px; padding-top:15px;} div#columnthree div.pinkpaper div.box_content p {} /* Site themes END */ /*Rounded box with stroke master*/ /*Assumed corner graphics are 14px and stroke height is 5px*/ div.roundedbox {float:left;} div.roundedbox .topCentre, div.roundedbox .bottomCentre, div.roundedbox .boxcontent {float:left;} div.roundedbox .topLeft, div.roundedbox .topRight, div.roundedbox .bottomLeft, div.roundedbox .bottomRight {width:18px; height:18px; float:left;} div.roundedbox .boxtop, div.roundedbox .boxbottom {float:left;} div.roundedbox .boxcontent { padding: 0px 8px 0px 10px;} div.coltwo {margin-left:20px;} /*Rounded box stroke master END*/ div#footer div.topslice {float:left; width:970px; background: url(/images/roundedboxes/footer_top.gif) no-repeat 0 0; height:18px;} div#footer div.bottomslice {float:left; width:970px; background: url(/images/roundedboxes/footer_bottom.gif) no-repeat 0 0; height:18px;} div#footer div.footercontent {float:left; width:962px; background-color:#fffa99; border-left: solid 4px #ffe600; border-right: solid 4px #ffe600; font-size:0.9em;} div#footer div.footercontent a {text-decoration:none;} div#footer div.footercontent a:hover, div#footer div.footercontent a:focus {text-decoration:underline;} div#footer ul.nav {float:left; margin-left:15px;} div#footer ul.copyright {float:right; margin-right:10px;} div#footer ul li {float:left; margin-right:0.4em; list-style:none;} /*Rounded boxes - width -width of corner pieces */ div.yellowShadow {width:340px; margin-top:10px;} div.yellowShadow .topCentre, div.yellowShadow .bottomCentre, div.yellowShadow .boxcontent {width:304px; background: #FFF200;} .yellowShadow .boxcontent {border-right: solid 3px #ffcc00; width:312px !important;} .yellowShadow .topLeft { background: url(/images/roundedboxes/yellow_box_tl.png) no-repeat 0 0;} .yellowShadow .topRight { background: url(/images/roundedboxes/yellow_box_tr.png) no-repeat 0 0;} .yellowShadow .topCentre { border-top:solid 3px #ffcc00; background: #FFF200; height:15px;} .yellowShadow .bottomLeft { background: url(/images/roundedboxes/yellow_box_bl.png) no-repeat 0 0;} .yellowShadow .bottomRight { background: url(/images/roundedboxes/yellow_box_br.png) no-repeat 0 0;} .yellowShadow .bottomCentre {background: url(/images/roundedboxes/yellow_box_bottomline.png) repeat-x 0 bottom !important; height:18px;} .yellowShadow .shadow {float:left; background: url(/images/roundedboxes/yellow_box_shadowline.png) repeat-y 0 0; padding-left:7px;} .yellowShadow h2 {color:#ec0000;} div.greenbox {} div.greenbox .topCentre, div.greenbox .bottomCentre, div.greenbox .boxcontent {float:left; width:100px; background: #006F35;} div.greenbox .topLeft, div.greenbox .topRight, div.greenbox .bottomLeft, div.greenbox .bottomRight {width:10px; height:10px; float:left;} .greenbox .boxcontent { width:120px !important; color:#fff;} .greenbox .topLeft { background: url(/images/roundedboxes/green_box_tl.gif) no-repeat 0 0;} .greenbox .topRight { background: url(/images/roundedboxes/green_box_tr.gif) no-repeat 0 0;} .greenbox .topCentre {background: #006F35; height:10px;} .greenbox .bottomLeft { background: url(/images/roundedboxes/green_box_bl.gif) no-repeat 0 0;} .greenbox .bottomRight { background: url(/images/roundedboxes/green_box_br.gif) no-repeat 0 0;} .greenbox .bottomCentre {background: #006F35; height:10px;} .greenbox h2 {color:#ec0000;} div.bluebox {} div.bluebox .topCentre, div.bluebox .bottomCentre, div.bluebox .boxcontent {float:left; width:100px; background: #0060ae;} div.bluebox .topLeft, div.bluebox .topRight, div.bluebox .bottomLeft, div.bluebox .bottomRight {width:10px; height:10px; float:left;} .bluebox .boxcontent {width:120px !important; color:#fff;} .bluebox .topLeft { background: url(/images/roundedboxes/blue_box_tl.gif) no-repeat 0 0;} .bluebox .topRight { background: url(/images/roundedboxes/blue_box_tr.gif) no-repeat 0 0;} .bluebox .topCentre {background: #0060ae; height:10px;} .bluebox .bottomLeft { background: url(/images/roundedboxes/blue_box_bl.gif) no-repeat 0 0;} .bluebox .bottomRight { background: url(/images/roundedboxes/blue_box_br.gif) no-repeat 0 0;} .bluebox .bottomCentre {background: #0060ae; height:10px;} .bluebox h2 {color:#ec0000;} div.yellowbox {float:left;} div.yellowbox .topCentre, div.yellowbox .bottomCentre {float:left; background: #fff200;} div.yellowbox .topLeft, div.yellowbox .topRight, div.yellowbox .bottomLeft, div.yellowbox .bottomRight {float:left; width:10px; height:10px;} .yellowbox .boxcontent {float:left; background:#fff200; border-left:solid 3px #ffe600; border-right:solid 3px #ffe600; } .yellowbox .topLeft {background: url(/images/roundedboxes/yellow_box_tl.png) no-repeat 0 0;} .yellowbox .topRight {background: url(/images/roundedboxes/yellow_box_tr.png) no-repeat 0 0;} .yellowbox .topCentre {float:left; border-top:solid 3px #ffe600; background: #FFF200; height:7px;} .yellowbox .bottomLeft {background: url(/images/roundedboxes/yellow_box_bl.png) no-repeat 0 0;} .yellowbox .bottomRight {background: url(/images/roundedboxes/yellow_box_br.png) no-repeat 0 0;} .yellowbox .bottomCentre {float:left; border-bottom:solid 3px #ffe600; background: #fff200; height:7px;} .yellowbox h2 {color:#ec0000;} div.greenboxFixed {float:left; margin: 0 0 20px 0; width:459px; line-height:0px;} div.greenboxFixed div.box_top {float:left; background: url(/images/roundedboxes/green_box_top.gif) no-repeat 0 0; height:8px; width:460px; } div.greenboxFixed div.box_content {float:left; background: #006F35; line-height:0; width:460px; } div.greenboxFixed div.box_bottom {float:left; background: url(/images/roundedboxes/green_box_bottom.gif) no-repeat 0 0; width:460px; height:9px; line-height:0; } div.greenboxFixed p {margin:0 70px 0 10px; padding:0; color:#fff;} div.greenboxFixed a {color:#fff;} div.speechbubble {float:left; margin: 10px 0 5px 100px; width:500px;} div.speechbubble div.box_top {float:left; background: url(/images/roundedboxes/tch_header_bubble_top.gif) no-repeat 0 0; height:13px; width:370px; } div.speechbubble div.box_bottom {float:left; background: url(/images/roundedboxes/tch_header_bubble_bottom.gif) no-repeat 0 0; width:370px; height:16px; line-height:0; } div.speechbubble div.box_content {float:left; background: url(/images/roundedboxes/tch_header_bubble_clip.gif) 0 0 repeat-y #009ed7; width:348px; margin-right:-4px;} div.speechbubble div.bubblearrow {float:left; background: url(/images/roundedboxes/tch_header_bubble_arrow.gif) 0 0 no-repeat; width:26px; height:25px; margin-top:14px;} div.speechbubble div.heading2 {float:left; text-align:center; color:#fff; font-size:1.9em; padding: 0 0 0 30px; width:290px} /*Rounded boxes END*/ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel, div.star-rating{float:left; width:15px; height:14px; text-indent:-999em; cursor:pointer; display:block;background:transparent; overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/images/buttons/delete.gif) no-repeat 0 -16px} div.star-rating, div.star-rating a{background:url(/images/buttons/stars.gif) no-repeat 0 0px} div.star-rating a{display:block; width:15px; height:100%; background-position:0 0px; border:0} div.star-rating-on a{background-position:0 -15px!important} div.star-rating-hover a{background-position:0 -30px} div.rating-cancel, div.rating-cancel a { display:none; width:0;height:0;overflow:hidden; } /* main styles END */