body { margin:0 ; padding:0 ; font-size:85% ; font-family:verdana, arial, helvetica, sans-serif ; color:#000 ; } body.layerLightBox{min-height:100%; height:auto !important; height:100%;} /* DIV CONTAINING ALL PAGE CONTENT */ div.container { position:relative ; width:1003px ; margin:0 auto ; padding:0 ; background-color:transparent ; overflow:hidden ; } body.homepage div.container {min-height:560px; height:560px;height:auto !important;} /* PRINT FRIENDLY HEADER - APPEARS ONLY ON THE "PRINT FRIENDLY" CSS, NOT ON THE SCREEN OR PRINT CSS */ div#printfriendly { display:none ; } div#pfHeaderImg { display:none ; } /* PAGE HEADER AND IT'S NESTED CONTENT DIVS */ div#header { position:relative ; padding:0 ; height:85px ; background:url(img/black_bg_85.jpg) no-repeat scroll 0 0 transparent;} div#hdrGraphics { position:absolute ; left:22px ; top:27px ; } /* Override for specific templates (left: 301px if text-align: center) */ /* body.homepage div#hdrGraphics { position:absolute ; left:5px ; top:27px ; width:400px ; text-align:left ; }*/ div#header div#hdrLinks { position:absolute ; left:260px ; top:62px ; width:401px ; height:16px ; text-align:right ; color:#1d521e; font-size:10px; } div#hdrLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLinks li { display:inline ; } div#hdrLinks a { border-left:1px solid #000000 ; padding:0 4px ; font-size:11px ; color:#000000 ; text-decoration:none ; } div#hdrLinks a:hover { text-decoration:underline ; } div#hdrLinks a#first { border-left:none ; } div#header div#hdrWelcome { position:absolute ; right:22px ; top:25px ; width:401px ; height:16px ; text-align:right ; font-size: 11px;} div#header div#usersUnreadThreadsNotification { position:absolute ; right:240px ; top:25px ; width:401px ; height:16px ; text-align:right ; font-size: 11px;} div#header div#hdrLoggedLinks { position:absolute ; left:580px ; top:42px ; width:401px ; height:16px ; text-align:right ; } div#hdrLoggedLinks ul { margin:0 ; padding:0 ; list-style-type:none ; } div#hdrLoggedLinks li { display:inline ; } div#hdrLoggedLinks a { border-left:1px solid #000000 ; padding:0 4px ; font-size:11px ; color:#000000 ; text-decoration:none ; } div#hdrLoggedLinks a:hover { text-decoration:underline ; } div#hdrLoggedLinks a#first { border-left:none ; } div.loggedIn div#hdrLinks{display:none} /* LEVEL BREADCRUMBS */ div#breadCrumbContainer {display: none; position:absolute ; margin:0 ; padding-left:15px ; left:223px ; top:68px ; width:527px ; height:16px ; color:#000 ; font-size:11px ; background:transparent url('img/icon_breadcrumb.gif') 0 1px no-repeat ; } div#breadCrumbContainer div{display:inline; padding:0 0 0 20px; background: transparent url(img/breadcrubs_arrow.gif) no-repeat} div#breadCrumbContainer div.level0{padding:0 0 0 0; background: transparent none} div#breadCrumbContainer div.viewed{font-weight:bold; color:#666666} div#breadCrumbContainer a { color:#000000 ; text-decoration:none ; } div#breadCrumbContainer a:hover { color:#000000 ; text-decoration:underline ; } /* Override for specific templates */ body.homepage div#breadCrumbContainer { display:none ; } /* OLD BREADCRUMBS */ div#breadcrumbs { position:absolute ; margin:0 ; padding-left:15px ; left:223px ; top:68px ; width:527px ; height:16px ; color:#000 ; font-size:11px ; background:transparent url('img/icon_breadcrumb.gif') 0 1px no-repeat ; } div#breadcrumbs a { color:#000000 ; text-decoration:none ; } div#breadcrumbs a:hover { color:#000000 ; text-decoration:underline ; } /* Override for specific templates */ body.homepage div#breadcrumbs { display:none ; } /* SEARCH BOX */ div#search { position:absolute ; left:660px ; top:55px ; width:151px ; height:20px ; text-align:right ; z-index:10; } div#search label { display:none; margin-right:4px ; color:#000 ; font-size:11px ; font-weight:bold ; } div#search input { margin:0 ; vertical-align:bottom ; } div#search input#searchfield {border:1px solid #DAD27B; background: #ffffff url('img/searchfield_bg.gif') top left repeat-x ; margin-right:4px ; width:110px ; font-size:11px ; vertical-align:middle ;color: #666666; padding: 2px 2px 2px 2px ; } /* PRIMARY NAV POSITION */ div#prinav { position:absolute ; left:145px ; top:0px ; width:982px ; height:48px ; z-index:50 ; } div#prinavbg { display:none; position:absolute ; left:140px ; top:0px ; width:982px ; height:48px ; z-index:40 ; } div#pageBody { float:left ; margin:0px 0 0px 0 ; padding:0 ; } /* Override for specific templates */ /* body.homepage div#pageBody { float:left ; margin:23px 0 22px 0 ; padding:0 0 0 23px ; background:transparent none ; }*/ /* body.homepage div#pageBody.nothirdcol { background:transparent none ; padding:0}'/ div#disclaimer div#pageBody { float:left ; margin:46px 0 22px 0 ; padding:0 ; background-image:none ; } div#pageBody.nothirdcol { background:transparent url('img/bg_nothirdcol.gif') repeat-y ; } /* MAIN CONTENT AREAS */ div#contentCentre { float:left ; margin:36px 0 0; ; padding:0 ; width:536px ; position:relative;} /* Override for specific templates */ body.homepage div#contentCentre { float:left ; margin:0 14px 22px 0 ; padding:0 ; width:741px ; } div#contentFull { float:left ; margin:0 0 0 0px ; padding:0 ; width:723px ; min-height:480px; height:auto !important; height:480px;} body.homepage div#contentFull { margin:0 ; background:transparent ; width:1003px; margin:0; ; min-height:448px; height:auto !important; height:448px; } div#contentLeft { display:block ; float:left ; width:280px ; margin:0 0 0 0 ; padding:0 ; } div#contentLeft p { margin:0 0 10px 0 ; } div#contentLeft div#colourBox { padding:0px 0px 0px 0px ; margin:0px 0px 0px 10px ; } /* Overide for specific templates */ body.homepage div#contentLeft { display:none ; float:left ; width:200px ; margin:0 14px 22px 0 ; padding:0 ; } div#contentRight { display:block ; float:left ; margin:0 0px 0px 0px ; padding:0 ; width:187px ; overflow:hidden; } /* Overide for specific templates */ body.homepage div#contentRight { } /* ##########################################################################################*/ /* START GENERAL CONTENT AREA STYLES */ th { text-align:left ; } td { vertical-align:top ; } img { border:none ; } table {border-collapse:collapse ; width:100%; } div.content { font-size:12px ; float:left; color:#ffffff; } div.content p { margin:0 0 15px 0 ; padding:10px 100px 0px 0px; } div.content ul { } div.content ul li { margin-bottom:3px ; } div.content ul a { color:#CE9200 ; text-decoration:none ; } div.content ul a:hover { text-decoration:underline ; } div.content a { color:#CE9200 ; } div.content a:hover { text-decoration:none ; } div.content h1 { margin:40px 0 15px 50px ; padding:0 ; font-weight:normal ; font-size:16px ; color:#CE9200; } div.content h2 { } div.content h4 { margin:0 0 3px 0 ; padding:0 ; font-weight:bold ; color:#ce9200 ; font-size:16px ; padding:0 0 15px; } div.content a img { border:none ; } div.content table {} /*END GENERAL CONTENT AREA STYLES*/ /* ##########################################################################################*/ /*START GLOBAL FORMS ELEMENTS*/ div.content div.errors{color:#ED1C2F;} div.content input.disabled { background:#eee; color:#999 ; } div.content select.disabled { background:#eee; color:#999 ; } div.content div#formerror { margin:0 0 10px 0; padding: 0 0 10px 50px; color:#ED1C2F; font-weight:bold; } div.content div.formContentItem{width:605px; padding:10px 0px 0px; margin:10px 0px 0px 50px; border-top:1px solid #9A9A9A} div.content fieldset{border:none; padding:0 0px 20px 50px; margin:0; width:670px} div.content fieldset.error { } div.content fieldset.error label { color:#ED1C2F ; } div.content fieldset.radio input{width:auto; float:left} div.content fieldset.radio label{width:70px} div.content fieldset.radio label.radioGroupLabel{width:300px} div.content fieldset.checkbox input{float:left; margin:0 10px 0 300px; width:auto;} div.content fieldset#fs_captcha input{width:150px; float:left} div.content fieldset#fs_captcha div#captchaImageContainer{width:150px; float:left; padding:0 0 0 10px} div.content fieldset#fs_buttons{text-align:right} div.content label {display:block; float:left; width:120px; text-align:right; padding: 0 20px 0 0; font-weight:normal; } div.content input {width:150px; margin:0; border:1px solid #cd9302;} div.content textarea {width:375px; margin:0; font-family:verdana, arial, helvetica, sans-serif; font-size:12px ; height:90px; border:1px solid #cd9302; } div.content select {width:280px; margin:0;} div.content button {margin:0; padding-left:0; background:#cd9302; border:1px solid #000; font-size:11px; font-weight:bold; vertical-align:top; padding: 1px 40px 1px 40px } div.content button img {margin:2px 0 0 0 ; vertical-align:top ; display:none; } div.content form div.separator{clear:left; border-top:1px solid #9a9a9a; padding:0px 0px 10px;} /*ENDE GLOBAL FORMS ELEMENTS*/ /* ##########################################################################################*/ /* START CONTENT BLOCKS SHARED BY VARIOUS TEMPLATES */ div.content div#articleUtils { background:#efefef none; border:1px solid #9a9a9a; margin:10px 0px; padding:10px; } div.content div#articleUtils form { display:inline } div.content div#articleUtils img { float:left ; } div.content div#articleUtils label { display:block; float:left; width:auto; margin:0 ; padding:2px 5px 2px 5px; font-size:12px ; font-weight:bold; } div.content div#articleUtils select { font-size:12px ; width:300px ; } div.content div#articleUtils input { margin-left:12px ; vertical-align:middle ; } div#actionlinks { padding:4px 0 6px 0 ; margin: 0px 0px 15px 0px; border-bottom:1px solid #9A9A9A ; clear: left} div#actionlinks a { margin-left:9px ; padding:0 6px 0 20px ; color:#000000 ; font-size:11px ; font-weight:bold ; text-decoration:none ; } div#actionlinks a:hover { text-decoration:underline ; } div#actionlinks a.PrinterFriendly { background:#fff url('img/icon_printerfriendly.gif') center left no-repeat ; } div#actionlinks a.EmailFriend { background:#fff url('img/icon_email.gif') center left no-repeat ; } div#actionlinks a.MultiEmailFriend { background:#fff url('img/icon_email.gif') center left no-repeat ; } div.content div#contHeader { display:block ; margin:0 ; padding:0 ; } div.imgBoxLeftCol { float:right ; margin:10px 0 0 0px ; padding:0 ; } div.imgBoxLeftCol img { border:2px solid #4B4B4B ; } div.imgBoxLeftCol h6 { margin:5px 0 0 0 ; padding:0 ; font-size:11px ; font-weight:bold ; color:#4B4B4B ; } div.imgBoxLeftCol p { margin:5px 0 0 0 ; padding:0 ; font-size:11px ; color:#4B4B4B ; } div.normalImages div { float:left ; width:100% ; margin-top:5px ; padding:8px 0 8px 0 ; background-color:#CFCFCF ; color:#000 ; } div.normalImages div h6 { margin:4px 2px 0 6px ; padding:0 ; font-size:12px ; } div.normalImages div p { margin:4px 2px 0 6px ; padding:0 ; font-size:11px ; } div.articleImages div { float:left ; margin-bottom:10px ; padding:8px 0 8px 0 ; background-color:#CFCFCF ; color:#000 ; } div.articleImages div h6 { margin:4px 2px 0 6px ; padding:0 ; font-size:12px ; } div.articleImages div p { margin:4px 2px 0 6px ; padding:0 ; font-size:11px ; } div.imageFeature img { border-left:9px solid #CFCFCF ; border-right:32px solid #CFCFCF ; } div.imageFeature h2 { margin:7px 0 2px 0 ; color:#000000 ; font-size:18px ; font-weight:normal ; } div.imageFeature h2 a { color:#000000 ; text-decoration:none ; } div.imageFeature h2 a:hover { color:#000000 ; text-decoration:underline ; } div.imageFeature p { font-size:12px ; } div.headedLinks { font-size:11px ; margin:0 0 5px 0 ; padding-bottom:10px ; background-color:#CFCFCF ; } div.headedLinks h2 { margin:0 ; padding:2px 2px 2px 7px ; font-size:20px ; font-weight:normal ; color:#000000 ; } div.headedLinks h2 img { margin-right:5px ; vertical-align:middle ; } div.headedLinks p { margin:0 ; padding:3px 0 7px 7px ; font-size:12px ; background-color:#fff ; } div.headedLinks dl { margin:0 ; padding:0 ; } div.headedLinks dt { margin:0 ; padding:0 ; background-color:#fff ; font-size:12px ; font-weight:bold ; } div.headedLinks dt a { display:block ; margin-top:1px ; padding:4px 4px 4px 7px ; color:#000 ; background:transparent url('img/button.gif') center right no-repeat ; text-decoration:none ; } div.headedLinks dt a:hover { text-decoration:underline ; } div.headedLinks dd { margin:0 ; padding:0 4px 4px 7px ; background-color:#fff ; } div.paraLinks { float:left ; width:184px ; margin-bottom:1px ; padding:10px 8px 8px 7px ; font-size:11px ; } div.paraLinks img { float:left ; margin-right:5px ; } div.paraLinks h3 { margin:0 0 5px 0 ; color:#000000 ; font-weight:normal ; font-size:18px ; } div.paraLinks div { margin-left:26px ; } div.paraLinks div p { font-size:11px ; } div.paraLinks div h5 { margin:0 ; padding:0 ; text-align:right ; font-weight:normal ; } div.paraLinks div h5 a { color:#000000 ; font-size:11px ; } div.paraLinks div h5 a:hover { text-decoration:none ; } /* Override for specific templates */ div#home div.paraLinks h3 { margin:0 0 5px 0 ; color:#000000 ; font-weight:normal ; font-size:18px ; } div#landing div.content div.paraLinks { background-color:#CFCFCF ; } div.bulletLinks { margin-bottom:1px ; padding:4px 8px 8px 5px ; width:184px ; font-size:11px ; } div.bulletLinks img { vertical-align:middle ; margin-right:5px ; } div.bulletLinks h3 { margin:0 0 5px 0 ; color:#000000 ; font-weight:normal ; font-size:18px ; } div.bulletLinks div { clear:left ; font-size:11px ; } div.bulletLinks ul { margin:0 ; padding:0 0 0 26px ; color:#000 ; list-style-type:square ; list-style-image:url('img/bullet.gif') ; } div.bulletLinks li { } div.bulletLinks li a { padding-bottom:3px ; color:#4A4A4A ; text-decoration:none ; } div.bulletLinks li a:hover { text-decoration:underline ; } div.bulletLinks div h5 { margin:5px 0 0 0 ; text-align:right ; font-weight:normal ; } div.bulletLinks div h5 a { color:#000000 ; font-size:11px ; } div.bulletLinks div h5 a:hover { text-decoration:none ; } div.newsletterFeature { float:left ; width:201px ; margin:5px 0 9px 0 ; padding:0 ; } div.newsletterFeature h4 { margin:0 0 3px 0 ; color:#4A4A4A ; font-size:10px ; } div.newsletterFeature h4 img { margin-right:5px ; vertical-align:baseline ; } div.newsletterFeature p { margin:0 ; font-size:10px ; } div.newsletterFeature a { color:#4A4A4A ; margin-left:5px ; } div.newsletterFeature a:hover { text-decoration:none ; } div.loginBox { float:left ; margin:5px 0 0 0 ; padding:4px 0 8px 0 ; width:201px ; font-size:11px ; } div.loginBox img { vertical-align:middle ; margin-right:5px ; } div.loginBox h2 { margin:0 0 5px 5px ; color:#4A4A4A ; font-weight:normal ; font-size:18px ; } div.loginBox p { padding-left:8px ; } div.loginBox form { display:block ; margin:0 0 3px 0 ; padding:8px 0 8px 8px ; background-color:#CFCFCF ; } div.loginBox label { display:block ; padding-bottom:2px ; } div.loginBox input { display:block ; margin-bottom:6px ; width:178px ; } div.loginBox fieldset { margin:0 ; border:none ; padding:0 8px 0 0 ; text-align:right ; } div.loginBox a { font-size:10px ; color:#4A4A4A ; } div.loginBox a:hover { text-decoration:none ; } div#rightColVSpace { float:left ; height:0px ; } /* END CONTENT BLOCKS SHARED BY VARIOUS TEMPLATES */ /* ##########################################################################################*/ /* START STANDARD CONTENT PAGE */ div.stdContBlock { clear:left ; margin:0px 0 0px 0 ; padding:0 140px 0 50px; } div.stdContBlock div.stdContHeadImg { padding-bottom:5px ; } div.stdContBlock td { vertical-align: top ; padding:0; } div.stdContBlock td.textArea { width:100%; font-size:11px; color:#ffffff; font-weight:normal;} div.stdContBlock div.imageBoxLeft { margin: 0 25px 0 0; padding:8px 0 12px 0 ; } div.stdContBlock div.imageBoxLeft img { } div.stdContBlock div.imageBoxLeft h6 {display:none; } div.stdContBlock div.imageBoxRight { margin: 0 0 0 25px; padding:8px 0 12px 0 ; } div.stdContBlock div.imageBoxRight img { } div.stdContBlock div.imageBoxRight h6 { display:none; } div.stdContBlock div.imageBoxTop { margin:0 0 15px 0;} div.stdContBlock div.imageBoxTop img { } div.stdContBlock div.imageBoxTop h6 { display:none; } div.stdContBlock div.imageBoxBottom { margin:15px 0 0 0 ; } div.stdContBlock div.imageBoxBottom img { } div.stdContBlock div.imageBoxBottom h6 { display:none; } /* END STANDARD CONTENT PAGE */ /* ##########################################################################################*/ /* CONTENT GROUPS */ /* ##########################################################################################*/ /* START IMAGE BAR (OLD) */ div.imageBar { float:left ; width:100px; background-repeat:repeat-x ; position: relative; padding-top:10px} div.imageBar img { display:block ; } div.imageBar h4 { margin:0 ; padding:0 ; font-size:18px ; } div.imageBar h5 { margin:0 ; font-size:11px ; } div.imageBar h5 a { display:block ; font-weight:bold ; } div.imageBar h5 a:hover { text-decoration:underline ; } /* END IMAGE BAR */ /* ##########################################################################################*/ /* START COLOURBOX DEFINITIONS*/ div#colourBox { margin:0px 0px 0px 0px ; overflow: hidden } div#colourBox div.stdContBlock {margin:0px 0px 0px 0px ; padding:0; } div#colourBox div.stdContBlock h4 { } div#colourBox table tr td { padding:0px 0px 0px 0px ; margin:0 ;} div#colourBox div.stdContBlock div.stdContHeadImg img { margin-left:0px ; margin-top:0px ; margin-right:0px; } div#colourBox a { font-size: 9px; text-decoration:none ; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px ; font-weight:bold ; display:inline-block ; } div#colourBox a:hover { text-decoration:underline; } div#colourBox table a { font-size: 9px; text-decoration:none ; margin:0 ; padding:0 ; font-weight:bold ; } div#colourBox div.stdContHeadImg a {margin:0 ; padding:0 ; } div#colourBox ul { margin:5px 0px 10px 0px ; padding:0 ; list-style-type:none ; } div#colourBox div.imageBoxLeft { background-color:transparent ; margin:0 15px 0 0 ; padding:0; } div#colourBox div.imageBoxRight { background-color:transparent ; margin:0 0 0 15px ; padding:0; } div#colourBox.multipleTeaser {margin:10px 0 10px 0; clear:left; width:100%} div#colourBox.multipleTeaser div.stdContBlock{width:200px; padding:5px 15px ; margin:0 3px 0 0; float:left; clear:none} div#colourBox.multipleTeaser div.stdContBlock a{margin:0} div#colourBox.multipleTeaser div.stdContBlock table{ } div#colourBox.multipleTeaser div.stdContBlock table td.textArea{padding:0 5px 0 0 } div#colourBox.multipleTeaser div.stdContBlock h4{margin: 0 0 5px 0; font-weight:bold} div#colourBox.multipleTeaser div.stdContBlockFirst{ } div#colourBox.multipleTeaser div.stdContBlockLast{ } body.homepage div#colourBox.multipleTeaser {margin:0; padding: 0 22px 0 22px; width:959px;} body.homepage div#colourBox.multipleTeaser div.stdContBlock{width:275px; padding:0 67px 0 0; float:left; clear:none; margin: 0} body.homepage div#colourBox.multipleTeaser div.stdContBlock a{margin:0} body.homepage div#colourBox.multipleTeaser div.stdContBlock table{ } body.homepage div#colourBox.multipleTeaser div.stdContBlock table td.textArea{padding:0 5px 0 10px } body.homepage div#colourBox.multipleTeaser div.stdContBlock h4{margin: 0 0 5px 0} body.homepage div#colourBox.multipleTeaser div.stdContBlockFirst{ padding:0 67px 0 0; margin: 0} body.homepage div#colourBox.multipleTeaser div.stdContBlockLast{ padding: 0; margin: 0} /* END COLOURBOX DEFINITIONS */ /* ##########################################################################################*/ /* START VIDEO PLAYER */ div.flashPlayerWrapper{ width:300px ; float:left; } div.additionalInfoList{ width:300px ; float:left; padding:0 0 0 20px} div.movieLinkList{clear:left; padding:20px 0 0 0} div.movieLink { clear:left; margin:0 0 10px 0 ; padding:0; border-bottom:1px solid #aaa; } div.movieLink td.textArea{width:100%} div.movieLink a { color:#000000; font-size:12px; } div.movieLink a img { padding:0 10px 0 0px; } div.movieLinkDetail { margin:0 ; border:0; } /* END VIDEO PLAYER */ /* ##########################################################################################*/ /*START DYNAMIC LAYER*/ div#layer ul.linkslist{padding:0px 10px} div#layer a{color:#000000; font-size:11px} div#layer div.layer_instance{background:#075725 ; border:1px solid #9a9a9a; font-size:11px; } div#layer div div{border:none} div#layer div.closelyr_img{padding:5px 10px 0px 0px; float:right;} div#layer div.closelyr_link{padding:5px 30px 0px 0px; text-align:right;} div#layer div.closelyr_link a{text-decoration:none} div#layer div.stdContBlock{} div#layer div.stdContBlock td.textArea{padding:10px} div#layer div.lightbox_class{width:100%; height:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1; } /*END DYNAMIC LAYER*/ /* ##########################################################################################*/ /*START MULTIPLE COLUMNS*/ div.multiColumns{padding:10px 0 20px 0; font-size:11px} div.multiColumns h3{margin-top:0px} div.multiColumns p{} div.clearer{clear:left} div.imgColumn{} div.imgColumn div.columnContent{float:left; width:31%; padding-left:15px} div.imgColumn div.firstCol{ padding-left:0px} div.textColumn{clear:left} div.textColumn div.columnContent{float:left; width:31%; padding-left:15px} div.textColumn div.firstCol{padding-left:0px} div.linkColumn{clear:left} div.linkColumn a{display:block} div.linkColumn div.columnContent{float:left; width:31%; padding-left:15px} div.linkColumn div.firstCol{padding-left:0px} /*END MULTIPLE COLUMNS*/ /* ##########################################################################################*/ /*START MULTIPLE COLUMNS FOR HOMEPAGE*/ body.homepage div.multiColumns{border:1px solid #9a9a9a; padding:10px; font-size:11px} body.homepage div.multiColumns h3{margin-top:0px} body.homepage div.multiColumns p{} body.homepage div.clearer{clear:left} body.homepage div.imgColumn{} body.homepage div.imgColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.imgColumn div.firstCol{ padding-left:0px} body.homepage div.textColumn{clear:left} body.homepage div.textColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.textColumn div.firstCol{padding-left:0px} body.homepage div.linkColumn{clear:left} body.homepage div.linkColumn div.columnContent{float:left; width:31%; padding-left:15px} body.homepage div.linkColumn div.firstCol{padding-left:0px} /*END MULTIPLE FOR HOMEPAGE*/ /* ##########################################################################################*/ /*START ROTATING CONTENT CONTAINER*/ div.rotatingContentContainer{ padding: 20px 0 20px 0;} div.rotatingContentContainerPreSection{} div.rotatingContentContainerHandles{position:relative; top:1px; width: 100% } div.rotatingContentContainerHandles_tabs{} div.rotatingContentContainerHandles_tabs div.tabHandle{width:70px; border:1px solid #DDDDDD; text-align:center; float:left; margin:0 15px 0 0} div.rotatingContentContainerHandles_tabs div.tabHandle.handleActive{border-bottom:1px solid #ffffff} div.rotatingContentContainerHandles_buttons div.buttonHandle_back { float: left; } div.rotatingContentContainerHandles_buttons div.buttonHandle_next { float: right; } div.rotatingContentContainerHandles_buttons div.buttonHandle_disabled {opacity: 0.2; filter:alpha(opacity=20, finishopacity=20, style=2); color: #aaa; cursor: default !important; } div.rotatingContentContainerHandles_buttons div.buttonHandleImage{ cursor:pointer} div.rotatingContentContainerHandles_buttons div.buttonHandleText{border:1px solid #DDDDDD;padding:2px 10px} div.rotatingContentContainerListWrapper{clear:left;border:1px solid #DDDDDD; padding:20px} div.rotatingContentContainerListItem{} div.rotatingContentContainerListItem{} div.multipleItemsDisplay {position: relative; } div.multipleItemsDisplay div.rotatingContentContainerHandles { width: 500px; } div.multipleItemsDisplay div.rotatingContentContainerHandles_buttons div.buttonHandleText{border:none; padding:2px 10px} div.multipleItemsDisplay div.rotatingContentContainerListWrapper {clear:none;border:none; padding:0px; position: relative; width: 450px; height: 140px; overflow: hidden; margin-left: 25px; } div.multipleItemsDisplay div.rotatingContentContainerListWrapper div.stdContBlock { margin: 0px; } div.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList { position: absolute; top: 0px; left: 0px; width: 500px; } div.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList div.rotatingContentContainerListItem { float: left; margin-right: 15px; position: relative; } div.multipleItemsDisplay div.rotatingContentContainerListWrapper div.rotatingContentContainerList div.rotatingContentContainerListItem div.rccListItemCounter { position: absolute; bottom: 5px; right: 5px; display: block !important; } /*END ROTATING CONTENT CONTAINER*/ /* ##########################################################################################*/ /* TEMPLATES */ /* ##########################################################################################*/ /* START FAQ PAGE */ div#faqs form#categoryform fieldset { padding:0px 0px 0px 0px} div#faqs form#categoryform fieldset label { } div#faqs form#categoryform fieldset select { width:150px; margin:0; vertical-align:middle} div#faqs form#categoryform fieldset input { width:150px; vertical-align:middle} div#faqs form#categoryform fieldset#categories{float:left; padding:0px 0px 0px 20px; width:320px;} div#faqs form#categoryform fieldset#search{width:310px} div#faqs form#categoryform fieldset#search label{display:inline;float:none;margin:0pt;padding:0px 10px 0px 0px;} div#faqs form#categoryform fieldset#search input#faq_submit{width:auto;background:#FFFFFF; border:1px solid #000000; margin:0px 0px 1px 10px; padding:5px;} div#faqs ol.FAQs span a{display:block; padding:10px 0px 10px 0px} /* END FAQ PAGE */ /* ##########################################################################################*/ /* START LANDING PAGE */ div.largeFocusItem {margin:10px 0 10px 0 ; padding:0 ; } div.largeFocusItem td { vertical-align:top ; padding:0 ; } div.largeFocusItem td.textArea { width:100% ; } div.largeFocusItem img { margin:0 9px 0 0 ; } div.largeFocusItem h4 { margin:0 0 5px 0 ; padding:0 ; font-size:18px ; } div.largeFocusItem h5 { margin:5px 0 0 0 ; padding:0 ; } div.largeFocusItem h5 a { display:block ; padding-left:23px ; width:200px ; text-decoration:none ; background:transparent url('img/bullet.png') top left no-repeat ; } div.largeFocusItem h5 a:hover { text-decoration:underline ; } div.focusContLeft { float:left; width:217px; min-height:240px; heigth:auto !important; height:240px} div.focusContRight { float:left; width:217px; min-height:240px; heigth:auto !important; height:240px} div.smallFocusItem { margin:10px 7px 0 0; padding:10px ; border:1px solid #000000; } div.smallFocusItem img { display:block ; } div.smallFocusItem a img { display:block ; } div.smallFocusItem h4 { margin:0 ; padding:0 ; color:#4A4A4A ; font-size:18px ; } div.smallFocusItem div { margin:0 ; padding:5px 0px 5px 0px ; width:196px ; } div.smallFocusItem h5 { margin:0 ; padding:5px 0px 5px 0px ; font-size:11px ; } div.smallFocusItem h5 a { display:block ; padding-left:23px ; width:173px ; color:#000000 ; font-weight:bold ; background:transparent url('img/bullet.png') top left no-repeat ; text-decoration:none ; } div.smallFocusItem h5 a:hover { text-decoration:underline ; } div.otherFocusItem { margin:0 0 10px 0 ; padding:10px 0 ; background:transparent url('img/otherfocus_divider.png') top left no-repeat ; overflow:hidden ; } div.otherFocusItem img { float:left ; margin:0 3px 10px 0 ; } div.otherFocusItem h4 { float:left ; margin:0 0 2px 0 ; padding:0 ; width:123px ; font-size:14px ; font-weight:bold ; background:transparent url('img/bullet.png') top left no-repeat ; } div.otherFocusItem h4 a { padding-left:23px ; color:#000000 ; text-decoration:none ; font-size:12px ; } div.otherFocusItem h5 { float:left ; margin:0 0 2px 0 ; padding-left:23px ; font-weight:normal ; background:transparent url('img/bullet.png') top left no-repeat ; } div.otherFocusItem h5 a { color:#000000 ; text-decoration:none ; font-size:12px ; } /* END LANDING PAGE */ /* ##########################################################################################*/ /* START KRLRecipeSearch (DB) */ div#KRLRecipeSearch{} div#KRLRecipeSearch div.searchTitle{font-size:14px; font-weight:bold; margin:0px 0px 20px 0px} div#KRLRecipeSearch div.searchImage{width:150px; float:left} div#KRLRecipeSearch div.input {} div#KRLRecipeSearch div.search{} div#KRLRecipeSearch div.difficulty{} div#KRLRecipeSearch fieldset#fs_buttonRow{text-align:right; clear:left;width:542px} div#KRLRecipeSearch fieldset{width:394px} div#KRLRecipeSearch fieldset label{width:110px} form#krlTextSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlTextSearchForm_bottom{margin-bottom:20px} form#krlOccasionSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlOccasionSearchForm_bottom{margin-bottom:20px} form#krlBrandSearchForm{border:1px solid #9A9A9A ; background:#EFEFEF; padding:10px} div#krlBrandSearchForm_bottom{margin-bottom:20px} /* END KRLRecipeSearch (DB) */ /* ##########################################################################################*/ /* START KRLRecipeDetail (DB) */ div#KRLRecipeDetail{} /* END KRLRecipeDetail (DB) */ /* ##########################################################################################*/ /* START KRLRecipeSearchResult (DB) */ div#KRLRecipeSearchResult{} div#krlSearchResult div.label{display:block; width:130px; float:left; padding: 5px 0px 2px 0px;} div#krlSearchResult div.value{display:block; width:auto; float:left; padding: 5px 0px 2px 5px;} div#krlSearchResult div.unit{display:none; width:80px; float:left; padding: 5px 0px 2px 5px;} div#krlSearchResult div.krlTopResult {padding:0px 0px 15px 0px} div#krlSearchResult div.krlTopResult h5 {display:none} div#krlSearchResult div.krlTopResult div.imagetype_17{} div#krlSearchResult div.krlTopResult div.imagetype_17 div.imgContainer{position:relative; width: 445px; height:305px; } div#krlSearchResult div.krlTopResult div.imagetype_17 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 445px; height:305px; overflow:hidden; background: transparent url(img/recipe_detail_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_detail_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlTopResult div.imagetype_17 div.imgContainer img{} div#krlSearchResult div.krlTopResult div.title {border-bottom:1px solid #f0f0f0; padding: 0 0 15px 0; float:left;width:380px; font-weight:bold; font-size:13px; } div#krlSearchResult div.krlTopResult div.detaillink{border-bottom:1px solid #f0f0f0; padding: 0 20px 23px 0; float:left; width:20px;} div#krlSearchResult div.krlTopResult div.time_17{float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.time_18{float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.classification_799{ float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.num_servings{float:left; width:420px;border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.rating{padding: 5px 0 2px 0; float:left; width:420px; border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlTopResult div.rating span{ padding: 0px 65px 0px 5px} div#krlSearchResult div.krlStandardResult{padding:10px 0px 10px 0px ;} div#krlSearchResult div.krlStandardResult h5 {display:none} div#krlSearchResult div.krlStandardResult div.imagetype_18{float:left; height:110px; padding:9px 33px 14px 11px; width:167px;} div#krlSearchResult div.krlStandardResult div.imagetype_18 div.imgContainer{position:relative; width: 191px; height:133px; } div#krlSearchResult div.krlStandardResult div.imagetype_18 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlStandardResult div.imagetype_18 div.imgContainer img{padding:12px 0 0 13px} div#krlSearchResult div.krlStandardResult div.linked_imagetype_18{float:left; display:inline; height:110px; padding:9px 33px 14px 11px; _padding:9px 23px 14px 11px; width:167px;} div#krlSearchResult div.krlStandardResult div.linked_imagetype_18 div.imgContainer{position:relative; width: 191px; height:133px; } div#krlSearchResult div.krlStandardResult div.linked_imagetype_18 div.imgContainer span.recipeImgMask{position:absolute; top:0; left:0; display:block; width: 191px; height:133px; overflow:hidden; background: transparent url(img/recipe_thumb_mask.png) no-repeat ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../philadelphia3/styles/img/recipe_thumb_mask.png', sizingMethod=image); _background-image: expression('none'); } div#krlSearchResult div.krlStandardResult div.linked_imagetype_18 div.imgContainer img{padding:12px 0 0 13px} div#krlSearchResult div.krlStandardResult div.title{float:left; width:183px; padding:9px 0 9px 0; font-weight:bold; font-size:11px} div#krlSearchResult div.krlStandardResult div.detaillink{float:left; padding:9px 0px 19px 0px; width:40px;} div#krlSearchResult div.krlStandardResult div.time_17{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.time_18{float:left; width:223px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.num_servings{float:left; width:223px; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.rating{padding: 5px 0 2px 0; float:left; width:223px;border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.rating span{ padding: 0px 65px 0px 5px} /* END KRLRecipeSearchResult (DB) */ /* ##########################################################################################*/ /*START RECIPE PAGING NAVIGATION*/ div.paging_bottom{background:transparent url(img/paging_line.gif) repeat-x scroll 0 0; border: none; color:#0065AD; height:40px; margin:20px 0 0 0; position:relative;} div.paging_bottom a{color:#0065ad; text-decoration:none; } div.paging_bottom div.filterremark{} div.paging_bottom div.previous{ background:#FFFFFF url(img/prev_b.gif) no-repeat scroll left 2px; padding:0 10px 0 20px; position:absolute; top:0; left:0; z-index:30;} div.paging_bottom div.next{ background:#FFFFFF url(img/next_b.gif) no-repeat scroll right 2px; display:inline; padding:0 20px 0 10px; position:absolute; right:0px; top:0px; z-index:30;} div.paging_bottom div.inactive{opacity: 0.2; filter:alpha(opacity=20, finishopacity=20, style=2)} div.paging_bottom div.col1{background:#FFFFFF none;padding:0 10px; color:#6D6D6D; /*display:inline; float:left;left:35%;position:absolute; top:0; z-index:20;*/ font-weight:normal; text-align:center;} div.paging_bottom div.col1 a{color:#6c6b62; font-weight:normal; text-decoration:underline} div.paging_bottom div.col1 a:hover{text-decoration:none} div.paging_bottom div.col2{display:none; color:#6d6d6d; text-align:left; padding:0px 10px; font-weight:bold} div.paging_bottom div.col2 a{color:#6d6d6d; font-weight:normal} div.paging_top{display:none; background:transparent url(img/paging_line.gif) repeat-x scroll 0 0; border: none; color:#0065AD; height:40px; margin:20px 0 0 0; position:relative;} div.paging_top a{color:#0065ad; text-decoration:none; } div.paging_top div.filterremark{} div.paging_top div.previous{ background:#FFFFFF url(img/prev_b.gif) no-repeat scroll left 2px; padding:0 10px 0 20px; position:absolute; top:0; left:0; z-index:30;} div.paging_top div.next{ background:#FFFFFF url(img/next_b.gif) no-repeat scroll right 2px; display:inline; padding:0 20px 0 10px; position:absolute; right:0px; top:0px; z-index:30;} div.paging_top div.inactive{opacity: 0.2; filter:alpha(opacity=20, finishopacity=20, style=2)} div.paging_top div.col1{background:#FFFFFF none;padding:0 10px; color:#6D6D6D; /*display:inline; float:left;left:35%;position:absolute; top:0; z-index:20;*/ font-weight:normal; text-align:center;} div.paging_top div.col1 a{color:#6c6b62; font-weight:normal; text-decoration:underline} div.paging_top div.col1 a:hover{text-decoration:none} div.paging_top div.col2{display:none; color:#6d6d6d; text-align:left; padding:0px 10px; font-weight:bold} div.paging_top div.col2 a{color:#6d6d6d; font-weight:normal} /*END RECIPE PAGING NAVIGATION*/ /* ##########################################################################################*/ /*RECIPE TIME FILTER*/ div.time_recipe_filter { margin:10px 0 20px 0; background:transparent; border:1px solid #666666} div.time_recipe_filter div.stdContBlock {margin:0; background:transparent} div.time_recipe_filter div.stdContBlock h4{font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 15px;} div.time_recipe_filter div.stdContBlock.noBody td{padding:3px 0 0 0; height:38px; vertical-align:middle; background:transparent} div.time_recipe_filter div.sliderValues {padding: 5px 0 0 5px } div.time_recipe_filter div.sliderValues span {float:left; font-family:tahoma, arial,verdana; font-size:9px; text-align:center; width:19px; color: #888888;} div.time_recipe_filter div.sliderValues span.active {color:#888888;} div.time_recipe_filter div.recipeSlider { clear: both; -moz-user-focus:normal; -moz-user-select:none; height:16px; margin: 4px 0px 8px 10px ; position:relative; width:184px;} div.time_recipe_filter div.recipeSlider div.line { -moz-box-sizing:content-box; background:transparent url(img/pic_sl_background.gif) no-repeat 3px 50%; z-index:1; font-size:0.01mm; height:16px; overflow:hidden; position:absolute; left: 0px; top:0px; width:184px;} div.time_recipe_filter div.recipeSlider div.handle { -moz-user-select:none; background:transparent url(img/pic_sl_sliderIcon.gif) no-repeat 0 10px; z-index:2; cursor:pointer; height:20px; position:absolute; width:15px;} div.time_recipe_filter div.filter_fields{margin:0; color:#888888; font-size:11px; background:transparent} div.time_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; clear:none; color:#888888; float:left; font-size:11px; padding:12px 10px 10px 15px; text-align:left; width:130px;} div.time_recipe_filter div.filter_fields div.stdContBlock.clearFloating{clear:left; float:none} div.time_recipe_filter div.filter_fields div.boxOnOff{margin:0; padding:15px 10px 0 0; width:30px ; float:left; clear:none } /* ##########################################################################################*/ /*RECIPE RAITING FILTER*/ div.rating_recipe_filter { margin:10px 0 20px 0; background:transparent; border:1px solid #666666} div.rating_recipe_filter div.stdContBlock {margin:0; background:transparent} div.rating_recipe_filter div.stdContBlock h4{font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 15px;} div.rating_recipe_filter div.stdContBlock.noBody td{padding:3px 0 0 0; height:38px; vertical-align:middle; background:transparent} div.rating_recipe_filter div.rating_bar{padding: 10px 0 0 0; text-align:center} div.rating_recipe_filter div.filter_fields{margin:0; color:#888888; font-size:11px; background:transparent ;} div.rating_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; width: 130px; float: left; clear: none; padding:12px 10px 20px 10px; text-align:left ; color:#888888; font-size:11px;} div.rating_recipe_filter div.filter_fields div.stdContBlock{background:transparent none; clear:none; color:#888888; float:left; font-size:11px; padding:17px 10px 10px 15px; text-align:left; width:130px;} div.rating_recipe_filter div.filter_fields div.stdContBlock.clearFloating{clear:left; float:none} div.rating_recipe_filter div.filter_fields div.boxOnOff{margin:0; padding:20px 10px 0 0; width:30px ; float:left; clear:none } /* ##########################################################################################*/ /* START Recipe Template (Old) */ div#recipeTools { font-size:11px ; margin:10px 0 0; } div#recipeTools h4 { color:#000000 ; } div#recipeTools h4 img { margin:0 5px 0 0; vertical-align:middle ; } div#recipeTools select { font-size:11px ; } div#recipe div#recipeBrowse {min-height:105px; height:auto !important; height:105px; float:left; border:1px solid #9A9A9A; padding:5px 15px 10px 10px; width:510px; margin: 0px 10px 0px 0px; background:#EFEFEF; overflow:hidden ; } div#recipe div#recipeBrowse form { display:inline} div#recipe div#recipeBrowse fieldset { padding:10px 0px 0px 0px ; float:left} div#recipe div#recipeBrowse label { width:150px } div#recipe div#recipeBrowse select { width:150px ; } div#recipe div#recipeBrowse fieldset#fs_category { width:150px } div#recipe div#recipeBrowse fieldset#fs_category label { display:none } div#recipe div#recipeBrowse fieldset#fs_category select { } div#recipe div#recipeBrowse fieldset#fs_nutcontent {width:220px } div#recipe div#recipeBrowse fieldset#fs_nutcontent label {width:auto; display:inline } div#recipe div#recipeBrowse fieldset#fs_nutcontent select { } div#recipe div#recipeBrowse fieldset#fs_nutcontent button { position: relative; top: 0px; left:150px; padding:1px 5px 2px 5px} div#recipe div#recipeBrowse fieldset#fs_keywords{float:right; width:150px} div#recipe div#recipeBrowse fieldset#fs_keywords input{width:auto ; float:left} div#recipe div#recipeBrowse fieldset#fs_keywords label{width:130px; min-height:20px; height:auto !important; height:20px } div#recipe div#recipeSearch {min-height:105px; height:auto !important; height:105px; float:left; border:1px solid #9A9A9A; padding:5px 15px 10px 10px; width:178px; background:#EFEFEF; overflow:hidden ; } div#recipe div#recipeSearch form { display:inline } div#recipe div#recipeSearch fieldset {width:178px; padding:10px 0px 0px 0px} div#recipe div#recipeSearch fieldset#fs_search_text label { display:none ; } div#recipe div#recipeSearch fieldset#fs_search_text input { margin:0 10px 0 0 ; width:130px ; } div#recipe div#recipeSearch fieldset#fs_search_text button { padding:1px 5px 2px 5px} div#recipe div#recipeSearch fieldset#fs_searchkeywords{width:150px} div#recipe div#recipeSearch fieldset#fs_searchkeywords input{width:auto ; float:left} div#recipe div#recipeSearch fieldset#fs_searchkeywords label{width:130px; min-height:20px; height:auto !important; height:20px } div#recipeImgArea { float:left ; margin:0 ; padding:0 ; width:200px ; font-weight:bold ; } div#recipeImgArea img { display:block ; } div#recipeImgArea ul { margin-left:25px ; list-style-image:url('img/bullet.gif') ; } div#recipeDetails { float:left ; margin:0 11px 0 24px ; padding:0 ; width:316px ; } div#recipeDetails table { margin-bottom:10px ; width:auto ; } div#recipeDetails td { padding:1px 0 ; } div#recipeDetails td strong { margin-right:5px ; } div#recipeDetails h4 { color:#666666 ; } div#recipeDetails ul { margin-left:17px ; list-style-image:url('img/bullet.gif') ; } div#recipeNutrInfo { float:left ; margin:0 ; padding:0 ; width:199px ; font-size:11px ; } div#recipeNutrInfo table { background-color:#EBEBEB ; } div#recipeNutrInfo th { padding:1px 2px 1px 8px ; font-weight:normal ; background-color:#CFCFCF ; } div#recipeNutrInfo th strong { font-size:12px ; } div#recipeNutrInfo th strong a { color:#000 ; text-decoration:none ; } div#recipeNutrInfo th strong a:hover { text-decoration:underline ; } div#recipeNutrInfo tr.alt { background-color:#F6F6F6 ; } div#recipeNutrInfo td { border-bottom:1px solid #CFCFCF ; } div#recipeNutrInfo td.col1 { padding:1px 0 1px 8px ; } div#recipeNutrInfo td.col2 { padding:1px 8px 1px 0 ; text-align:right ; } /* END Recipe (Old) Template */ /* ##########################################################################################*/ /* START Recipe Search Template (Old) */ div#recipesrch div#recipeTools { float:left ; margin:0 0 18px 0 ; width:501px ; } div#recipesrch div#recipeBrowse { margin:0px 0px 10px 0px ; padding:6px 13px 8px 8px ; width:480px ; background:#efefef ; border: 1px solid #9A9A9A} div#recipesrch div#recipeBrowse form { margin:0 0 2px 28px ; } div#recipesrch div#recipeBrowse fieldset{width:450px; padding:0px} div#recipesrch div#recipeBrowse label { float:left ; font-weight:bold ; width:94px ; } div#recipesrch div#recipeBrowse select { float:left ; width:280px ; } div#recipesrch div#recipeBrowse button { float:right ; margin-top:2px ; } div#recipesrch div#recipeBrowse fieldset#fs_category { margin:10px 0 4px 0 ; } div#recipesrch div#recipeBrowse fieldset#fs_nutcontent { margin:0 0 4px 0 ; } div#recipesrch div#recipeBrowse fieldset#fs_keywords { padding: 0px 0px 0px 95px; width:350px } div#recipesrch div#recipeBrowse fieldset#fs_keywords input { width:auto } div#recipesrch div#recipeBrowse fieldset#fs_keywords label { float:none ; display:inline ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipesrch div#recipeSearch { margin:0 ; padding:6px 13px 8px 8px ; width:480px ; background:#efefef ; border: 1px solid #9A9A9A} div#recipesrch div#recipeSearch form { margin:0 0 0 23px ; } div#recipesrch div#recipeSearch fieldset{width:450px; padding:0px} div#recipesrch div#recipeSearch label { float:left ; font-weight:bold ; width:94px ; } div#recipesrch div#recipeSearch input { float:left ; width:280px ; } div#recipesrch div#recipeSearch button { float:right ; margin-top:2px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text { margin:5px 0 5px 0 ; } /*div#recipesrch div#recipeSearch fieldset#fs_search_text label { float:left ; font-weight:bold ; padding-right:5px ; width:130px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text input { float:left ; margin:0 ; width:260px ; height:13px ; } div#recipesrch div#recipeSearch fieldset#fs_search_text button { float:right ; }*/ div#recipesrch div#recipeSearch fieldset#fs_searchkeywords { padding: 0px 0px 0px 95px; width:350px } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords input { width:auto; float:none } div#recipesrch div#recipeSearch fieldset#fs_searchkeywords label { float:none ; display:inline ; font-weight:normal ; margin:0 15px 0 5px ; } div#recipeFocusLarge { float:left ; padding:0 17px 18px 0 ; width:235px ; display:inline} div#recipeFocusLarge img { } div#recipeFocusLarge h2 { margin:9px 0 5px 0 ; font-size:16px ; color:#666666 ; } div#recipeFocusLarge ul { list-style-image:url('img/bullet.gif') ; } div#recipeFocusLarge li { margin-bottom:5px ; } div#recipeFocusLarge h5 { margin:10px 0 0 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div#recipeFocusLarge h5 a { color:#000000 ; } div#recipeFocusLarge h5 a:hover { text-decoration:none ; } div#recipeFocusSmallArea { float:left ; width:756px ; clip:rect(0,755px,100%,0) ; background:#fff url('img/bg_recipe_smallfocus.gif') top left repeat-y ; } div.recipeFocusSmall { float:left ; margin:0 ; padding:0 ; width:252px ; } div.recipeFocusSmall img { } div.recipeFocusSmall h4 { padding:5px 5px 5px 15px ; border-right:1px solid #fff ; font-size:14px ; font-weight:bold ; color:#fff ; background-color:#999999 ; } div.recipeFocusSmall div { padding:5px 5px 5px 15px ; } div.recipeFocusSmall h5 { margin:4px 2px 5px 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div.recipeFocusSmall h5 a { color:#000000 ; } div.recipeFocusSmall h5 a:hover { text-decoration:none ; } /* END Recipe Search Template (Old) */ /* ##########################################################################################*/ /* START Recipe Search Results Template (Old)*/ div#recsrchresults h1 { color:#666666 ; } div#resultsHead { margin:0 0 5px 0 ; padding:7px ; background-color:#CFCFCF ; } div#resultsArea table#pagination { margin:0 0 2px 0 ; font-size:11px ; border-bottom:1px solid #CFCFCF ; } div#resultsArea table#pagination td { padding:0 0 4px 4px ; } div#resultsArea td#paginLinks { text-align:right ; } div#resultsArea td#paginLinks a { color:#000000 ; text-decoration:underline ; font-weight:bold ; } div#resultsArea td#paginLinks a:hover { text-decoration:none ; } div#resultsArea table#results { margin:0 ; } div#resultsArea table th { font-weight:normal ; vertical-align:top ; } div#resultsArea table#results th { border-bottom:1px solid #999999 ; padding:2px 0 2px 4px ; } div#resultsArea table#results td { border-bottom:1px solid #999999 ; padding:2px 0 2px 4px ; } div#resultsArea .resultCals { text-align:right ; } div#resultsArea .resultTime { text-align:right ; } div#resultsArea .resultNum { color:#000000 ; font-weight:bold ; } div#resultsArea .resultNum { color:#000000 ; font-weight:bold ; } div#resultsArea table#results a { text-decoration:none ; color:#000 ; } div#resultsArea table#results a:hover { text-decoration:underline ; } div#resultsBottom { margin:15px 0 0 0 ; padding:0 0 0 4px ; } div#resultsBottom a { color:#000000 ; text-decoration:underline ; } div#resultsBottom a:hover { color:#000000 ; text-decoration:none ; } /* END Recipe Search Results Template (Old)*/ /* ##########################################################################################*/ /* START Product Nutrition Landing */ div#nutritionImgArea { float:left ; margin:10px 28px 0 0 ; padding:0 ; width:235px ; } div#nutritionImgArea img { display:block ; margin-bottom:12px ; } div#nutritionImgArea h2 { margin:10px 0 10px 0 ; font-size:19px ; font-weight:normal ; color:#666666 ; } div#nutritionImgArea h5 { margin:10px 0 0 0 ; font-weight:normal ; text-align:right ; font-size:11px ; } div#nutritionImgArea h5 a { color:#000000 ; } div#nutritionImgArea h5 a:hover { text-decoration:none ; } div#prodlanding div#nutritionImgArea img { } /* END Product Nutrition Landing */ /* ##########################################################################################*/ /* START Product Nutrition Pages */ div#prodNutrInfo { float:left ; margin:0 28px 0 0 ; padding:0 ; width:235px ; } div#nutritionTable { float:left ; margin:10px 0 0 0 ; padding:0 ; width:235px ; font-size:10px ; } div#nutritionTable h2 { margin:0 ; padding:0 0 0 8px ; color:#666666 ; font-size:18px ; font-weight:normal ; } div#nutritionTable h2 a { color:#000000 ; text-decoration:none ; } div#nutritionTable h2 a:hover { text-decoration:underline ; } div#nutritionTable span { padding:0 0 0 8px ; } div#nutritionTable table { margin:8px 0 0 0 ; font-size:11px ; background-color:#EBEBEB ; border-top:1px solid #4A4A4A ; } div#nutritionTable tr.alt { background-color:#F6F6F6 ; } div#nutritionTable td { border-bottom:1px solid #CFCFCF ; } div#nutritionTable td a { text-decoration:none ; color:#000 ; } div#nutritionTable td a:hover { text-decoration:underline ; } div#nutritionTable td.col1 { padding:1px 0 1px 8px ; } div#nutritionTable td.col2 { padding:1px 8px 1px 0 ; text-align:right ; } div#nutritionTextCol { float:left ; margin:10px 0 0 0 ; padding:0 ; width:228px ; background-color:#EBEBEB ; } div#nutritionTextCol div#head { margin:0 ; padding:8px 10px 6px 14px ; background-color:#CFCFCF ; font-size:10px ; } div#nutritionTextCol h3 { margin:0 ; padding:0 ; color:#4A4A4A ; font-size:12px ; } div#nutritionTextCol div#explanationArea { position:relative ; margin:0 ; padding:0 ; min-height:159px ; font-size:11px ; } div#nutritionTextCol div#foot { margin:0 ; padding:6px 10px 8px 14px ; background-color:#CFCFCF ; font-size:10px ; } div.explanations { position:relative ; margin:0 ; padding:8px 12px 8px 14px ; left:0 ; top:0 ; width:202px ; display:none ; background-color:#EBEBEB ; } div#initialexplan { display:block ; } /* END Product Nutrition */ /* ##########################################################################################*/ /* START Nutrition Info */ div#nutritionProductSelect { float:left ; margin:10px 0 0 0 ; padding:8px 16px 16px 6px ; width:467px ; background-color:#CFCFCF ; } div#nutritionProductSelect img { float:left ; margin-right:2px ; vertical-align:top ; } div#nutritionProductSelect h2 { vertical-align:top ; margin:3px 0 6px 0 ; color:#4A4A4A ; font-size:19px ; font-weight:normal ; } div#nutritionProductSelect form { display:block ; clear:all ; margin:10px 0 0 26px ; } div#nutritionProductSelect select { margin:15px 0 0 0 ; font-size:11px ; width:417px ; } /* END Nutrition Info */ /* ##########################################################################################*/ /* START Search Results */ div#resultSummary { margin:0 ; padding:7px 7px 7px 50px ; background-color:transparent ; } div#resultPagination { margin:0 ; padding:5px 80px 5px 50px ; } div#resultPagination td { font-size:11px ; } div#resultPagination td#col1 strong { color:#fff ; } div#resultPagination td#col2 { text-align:right ; } div#resultPagination td#col2 span { font-weight:bold ;color:#CE9200; } div#resultPagination td#col2 a { color:#ffffff ; font-weight:bold ; } div#resultPagination td#col2 a:hover { text-decoration:none ; } div#results { padding:0 0 20px 0 ; } div#results th, div#results td { padding:3px 10px 3px 12px ; text-align:left ; } div#results .col1 { width:30px ; font-weight:bold ; color:#ffffff ; } div#results .col2 { } div#results .col3 { width:100px ; text-align:right; padding-right:80px; } div#results td a { text-decoration:none ; color:#ffffff ; } div#results td a:hover { text-decoration:underline ; } div#searchresults div.imgBoxLeftCol { margin:0 ; padding:8px 0 30px 0 ; background-color:#CFCFCF ; } div#searchresults div.imgBoxLeftCol img { border:none ; } /* END Search Results */ /* ##########################################################################################*/ /* START Disclaimer */ div#disclaimerContent { float:left ; margin:80px 0 0 20px ; padding:14px ; width:460px ; background-color:transparent; } div#disclaimerButtons { float:left ; margin:40px 0 0 0 ; padding:0 ; width:450px; } div#disclaimerButtons button { background-color:#CD9302 ; } div#disclaimerButtons button#goback { float:left ; } div#disclaimerButtons button#continue { float:right ; } /* END Disclaimer */ /* ##########################################################################################*/ /* START Site Map */ div#sitemap div#pageBody { background-image:none ; } div#sitemap div.imgBoxLeftCol { margin:0 0 0 23px ; padding:0 ; } div#sitemap div.imgBoxLeftCol img { border-top:10px solid #CFCFCF ; border-right:none ; border-bottom:31px solid #CFCFCF ; border-left:none ; } div.siteMapSection { float:none ; width:500px ; font-size:12px ;padding:10px 30px 10px 80px; } div.siteMapSection ul { margin:5px 0 10px 15px ; list-style-image:url('img/coffeebeen.gif') ; } div.siteMapSection ul ul { list-style-image:url('img/coffeebeen_small.gif') ; } div.siteMapSection ul ul ul { list-style-image:url('img/nothing.gif') ; } div.siteMapSeparator { display:none ; } div#siteMapSeparator4 { display:block ; clear:left ; } /* END Site Map */ /* ##########################################################################################*/ /* START Email a friend */ div#emailfriend div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; background-color:transparent ; color:#000 ; } div#emailfriend div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#emailfriend div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } form#EmailFriend fieldset#fs_contact_datapriv{width:605px} form#EmailFriend fieldset#fs_contact_datapriv label{width:400px;display:inline; float:left; text-align:left;} form#EmailFriend fieldset#fs_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} form#EmailFriend fieldset#fs_buttons { width:520px } form#EmailFriend fieldset#fs_buttons button { background-color:#CD9302 ; } form#EmailFriend fieldset#fs_buttons button#goback { float:left ; } form#EmailFriend fieldset#fs_buttons button#send { float:right ; } form#EmailFriend div#formdisclaimer{margin:10px 0; padding:0 20px 5px 50px;} /* END Email a friend */ /* ##########################################################################################*/ /* START Newsletter Subscribe & Unsubscribe */ /* END Newsletter Subscribe & Unsubscribe */ /* ##########################################################################################*/ /* START Newsletter Subscribe */ div#newsletter div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#newsletter div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } div#newsletter label{padding:0px 20px 0px 0px; width: 280px } div#newsletter fieldset#fs_Gender{} div#newsletter fieldset#fs_Gender strong{font-weight:normal; margin-bottom:40px; display:block; padding:0px 20px 0px 0px; width: 280px ; float:left} div#newsletter fieldset#fs_Gender input{width:auto; float:left; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_Gender label{width:330px; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_NewsVersion{} div#newsletter fieldset#fs_NewsVersion strong{font-weight:normal; margin-bottom:40px; display:block; padding:0px 20px 0px 0px; width: 280px ; float:left} div#newsletter fieldset#fs_NewsVersion input{width:auto; float:left; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_NewsVersion label{width:330px; min-height:20px ; height:auto !important; height:20px} div#newsletter fieldset#fs_Privacy{width:605px} div#newsletter fieldset#fs_Privacy label{width:400px;display:inline; float:left} div#newsletter fieldset#fs_Privacy input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} div#newsletter div#formdisclaimer{margin:10px 0; padding:0 20px 5px 50px;} /* form#NewsSub { position:relative ; margin:0 ; padding:0 ; height:350px ; background-color:#CFCFCF ; } form#NewsSub fieldset { margin:0 ; padding:14px 0 0 20px ; border:none ; } form#NewsSub input { margin-top:3px ; } form#NewsSub select { margin-top:3px ; } form#NewsSub fieldset#fs_FirstName { position:absolute ; left:10px ; top:0 ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_FirstName input { width:340px ; } form#NewsSub fieldset#fs_LastName { position:absolute ; left:377px ; top:0 ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_LastName input { width:340px ; } form#NewsSub fieldset#fs_Email { position:absolute ; left:10px ; top:50px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_Email input { width:340px ; } form#NewsSub fieldset#fs_ExplanatoryText { position:absolute ; left:10px ; top:100px ; width:712px ; } form#NewsSub fieldset#fs_YearOfBirth { position:absolute ; left:10px ; top:130px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_YearOfBirth select { display:block ; } form#NewsSub fieldset#fs_Gender { position:absolute ; left:377px ; top:130px ; width:344px ; font-weight:bold ; } form#NewsSub fieldset#fs_Gender strong { display:block ; } form#NewsSub fieldset#fs_Gender label { font-weight:normal ; margin:0 10px 0 3px ; } form#NewsSub fieldset#fs_NewsVersion { position:absolute ; left:10px ; top:180px ; width:712px ; font-weight:bold ; } form#NewsSub fieldset#fs_NewsVersion strong { display:block ; } form#NewsSub fieldset#fs_NewsVersion label { font-weight:normal ; margin:0 10px 0 3px ; } form#NewsSub fieldset#fs_Privacy { position:absolute ; left:10px ; top:225px ; width:712px ; } form#NewsSub fieldset#fs_Privacy input { margin:0 8px 0 0 ; } form#NewsSub fieldset#fs_Privacy label { font-size:11px ; } form#NewsSub div#formdisclaimer { position:absolute ; margin:0 ; padding:0 0 0 20px ; left:10px ; top:265px ; width:712px ; font-size:11px ; } form#NewsSub fieldset#fs_buttons { position:absolute ; left:10px ; top:295px ; width:712px ; } form#NewsSub fieldset#fs_buttons button { background-color:#fff ; } form#NewsSub fieldset#fs_buttons button#send { float:right ; } */ /* END Newsletter Subscribe */ /* START Newsletter Unsubscribe */ /* div#newsletter div#contentLeft div { margin-left:23px ; padding:10px 0 10px 0 ; background-color:#CFCFCF ; color:#000 ; } div#newsletter div#contentLeft h6 { margin:9px 9px 2px 9px ; padding:0 ; font-size:11px ; } div#newsletter div#contentLeft p { margin:0 9px 9px 9px ; padding:0 ; font-size:11px ; } form#NewsUnsub { position:relative ; margin:0 ; padding:0 ; height:100px ; width:382px ; background-color:#CFCFCF ; } form#NewsUnsub fieldset { margin:0 ; padding:14px 0 0 20px ; border:none ; } form#NewsUnsub input { margin-top:3px ; } form#NewsUnsub select { margin-top:3px ; } */ /* Field positions (can be reordered) */ /* form#NewsUnsub fieldset#fs_Email { position:absolute ; left:0px ; top:0px ; width:333px ; font-weight:bold ; } form#NewsUnsub fieldset#fs_Email input { width:100% ; } form#NewsUnsub fieldset#fs_buttons { position:absolute ; left:0px ; top:50px ; width:337px ; } form#NewsUnsub fieldset#fs_buttons button { background-color:#FFFFFF ; } form#NewsUnsub fieldset#fs_buttons button#send { float:right ; } */ /* END Newsletter Unsubscribe */ /* START Questionaire */ div#questionsArea table td { vertical-align:top ; } div#questionsArea div.imageBoxLeft { margin-right:25px ; padding:8px 0 26px 0 ; background-color:#4A4A4A ; } div#questionsArea div.imageBoxLeft img { display:block ; margin-bottom:9px ; border:none ; } div#questionsArea div.imageBoxLeft h6 { margin:2px 7px 0 7px ; color:#fff ; font-size:11px ; } div#questionsArea div.imageBoxRight { margin-left:15px ; padding:8px 0 26px 0 ; background-color:#4A4A4A ; } div#questionsArea div.imageBoxRight img { display:block ; margin-bottom:9px ; border:none ; } div#questionsArea div.imageBoxRight h6 { margin:2px 7px 0 7px ; color:#fff ; font-size:11px ; } div#questerrormessage { display:none ; margin:10px 0 0 0 ; color:#ED1C2F ; } form#questionform div#questions { margin-top:10px ; border-top:1px solid #4A4A4A ; } form#questionform ol { margin:0 0 10px 0 ; padding-left:35px ; border-bottom:1px solid #4A4A4A ; } form#questionform li { margin:0 ; padding:10px 0 10px 0 ; font-weight:bold ; color:#000 ; } form#questionform li strong { color:#000 ; } form#questionform li input { margin:2px 5px 0 0 ; vertical-align:baseline ; } form#questionform li label { margin-top:2px ; color:#000 ; font-weight:normal ; vertical-align:baseline ; } form#questionform button#submit { background-color:#FFF ; } /* END Questionaire */ /* START Questionaire Results */ div#resultProfile { margin:10px 0 10px 0 ; } div#resultAdditionalText { margin:10px 0 0 0 ; } div#resultAdditionalText div.addTextItem { margin-bottom:10px ; } /* END Questionaire Results */ /* ##########################################################################################*/ /*START Quiz*/ form#quiz fieldset.radio input{width:auto; float:left; vertical-align:middle; min-height:20px; height:auto !important; height:20px} form#quiz fieldset.radio label{width:355px; vertical-align:middle; min-height:20px; height:auto !important; height:20px} form#quiz fieldset.radio label.radioGroupLabel{width:300px; margin-bottom:50px} /*END Quiz*/ /* ##########################################################################################*/ /* START Contact Us */ form.show { display:block ; } form.hide { display:none ; } form#categoryform{margin:20px 0px 20px 40px; padding:10px 0px 20px; width:675px; width:400px;} form#categoryform label { margin: 0px 0px; text-align:right; width:130px; } form#categoryform select { width: 230px; margin: 20px 10px 0px 150px; border: 1px solid #CD9302;} form#categoryform select#category{ margin: 0px 0px 0px 0px} form#CategoryForm1{} form#CategoryForm1 fieldset.checkbox input{margin:0 10px 0 30px;} form#CategoryForm1 fieldset.checkbox label{width:auto;} fieldset#cf1_Message{width:605px} fieldset#cf1_contact_datapriv{width:605px} fieldset#cf1_contact_datapriv label{width:480px;display:inline; float:left; text-align:left; } fieldset#cf1_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} form#CategoryForm1 div#separator1{display:none} fieldset#cf1_Disclaimer{padding:0 0 30px 80px; text-align:justify; width:485px;} fieldset#cf1_Buttons{width:515px; text-align:right} fieldset#cf1_FirstName{display:none} fieldset#cf1_LastName{display:none} fieldset#cf1_AddressLine1{display:none} fieldset#cf1_AddressLine2{display:none} fieldset#cf1_City{display:none} fieldset#cf1_PostCode{display:none} fieldset#cf1_product_name{display:none} fieldset#cf1_packing_code{display:none} fieldset#cf1_best_before_date{display:none} fieldset#cf1_product_weight{display:none} fieldset#cf1_place_of_purchase{display:none} form#CategoryForm2{} form#CategoryForm2 fieldset.checkbox input{margin:0 10px 0 30px;} form#CategoryForm2 fieldset.checkbox label{width:auto;} fieldset#cf2_Message{width:605px} fieldset#cf2_contact_datapriv{width:605px} fieldset#cf2_contact_datapriv label{ width:480px;display:inline; float:left; text-align:left; } fieldset#cf2_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} fieldset#cf2_Disclaimer{padding:0 0 30px 80px; text-align:justify; width:485px;} fieldset#cf2_Buttons{width:515px; text-align:right} fieldset#cf2_SpecialDiet{display:none} fieldset#cf2_FirstName {width:200px;float:left; padding-left:120px;} fieldset#cf2_FirstName label {text-align:left; padding-bottom:5px;} fieldset#cf2_LastName{width:200px; float:left; padding-left:25px;} fieldset#cf2_LastName label {text-align:left; padding-bottom:5px;} fieldset#cf2_EmailAddress {width:200px;float:left; padding-left:120px;} fieldset#cf2_EmailAddress label {text-align:left; padding-bottom:5px;} fieldset#cf2_AddressLine1{width:200px; float:left; padding-left:25px;} fieldset#cf2_AddressLine1 label {text-align:left; padding-bottom:5px;} fieldset#cf2_City {width:200px;float:left; padding-left:120px;} fieldset#cf2_City label {text-align:left; padding-bottom:5px;} fieldset#cf2_PostCode{width:200px; float:left; padding-left:25px;} fieldset#cf2_PostCode label {text-align:left; padding-bottom:5px;} fieldset#cf2_Message {clear:both;float:none;padding-left:120px;width:400px;} fieldset#cf2_Message label {text-align:left; padding-bottom:5px;} fieldset#cf2_packing_code {width:200px;float:left; padding-left:120px;} fieldset#cf2_packing_code label {text-align:left; padding-bottom:5px; width:140px;} fieldset#cf2_best_before_date {width:200px; float:left; padding-left:25px;} fieldset#cf2_best_before_date label {text-align:left; padding-bottom:5px;} fieldset#cf2_product_name {width:200px;float:left; padding-left:120px;} fieldset#cf2_product_name label {text-align:left; padding-bottom:5px;} fieldset#cf2_product_weight {width:200px; float:left; padding-left:25px;} fieldset#cf2_product_weight label {text-align:left; padding:0 0 5px 0; width: 145px} fieldset#cf2_place_of_purchase {width:200px; float:left; padding-left:120px;} fieldset#cf2_place_of_purchase label {text-align:left; padding-bottom:5px;} form#CategoryForm3{} fieldset#cf3_Message{width:605px} fieldset#cf3_contact_datapriv{width:605px} fieldset#cf3_contact_datapriv label{width:480px;display:inline; float:left; text-align:left; } fieldset#cf3_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} fieldset#cf3_Disclaimer{padding:0 0 30px 80px; text-align:justify; width:485px;} fieldset#cf3_Buttons{width:515px; text-align:right} form#CategoryForm5{} form#CategoryForm5 fieldset.checkbox input{margin:0 10px 0 30px;} form#CategoryForm5 fieldset.checkbox label{width:auto;} fieldset#cf5_Message{width:605px} fieldset#cf5_contact_datapriv{width:605px} fieldset#cf5_contact_datapriv label{width:480px;display:inline; float:left; text-align:left; } fieldset#cf5_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} form#CategoryForm5 div#separator1{display:none} fieldset#cf5_Disclaimer{padding:0 0 30px 80px; text-align:justify; width:485px;} fieldset#cf5_Buttons{width:515px; text-align:right} fieldset#cf5_product_name{display:none} fieldset#cf5_packing_code{display:none} fieldset#cf5_best_before_date{display:none} fieldset#cf5_product_weight{display:none} fieldset#cf5_place_of_purchase{display:none} form#CategoryForm6{} fieldset#cf6_Message{width:605px} fieldset#cf6_contact_datapriv{width:605px} fieldset#cf6_contact_datapriv label{width:400px;display:inline; float:left} fieldset#cf6_contact_datapriv input{margin:0px 10px 0px 10px; width:auto; display:inline; float:left} fieldset#cf6_Disclaimer{width:605px} fieldset#cf6_Buttons{width:605px; text-align:right} /* END Contact Us */ /* TOOLS */ /* START Tools */ div#toolHead img { float:left ; } div#toolHead h1 { float:left ; margin:0 0 10px 5px ; padding:5px 0 5px 0 ; } div#toolintro div.imageBoxLeft, div#toolintro div.imageBoxRight { padding:9px 0 16px 0 ; background:#CFCFCF ; } div#toolflash { clear:left ; margin:0 0 15px 0 ; background:#CFCFCF ; } div#toolflash table td { vertical-align:top ; } td#toolFlashArea { padding-top:14px ; } td#toolFlashArea td { padding:0 0 5px 0 ; font-size:10px ; vertical-align:top ; } td#toolFlashArea td img { margin:2px 8px 0 0 ; } div#toolresult { margin:0 ; padding:0 ; } div#toolresult td { vertical-align:top ; } div#toolresult td div.imageBoxLeft { margin:0 26px 0 0 ; padding:9px 0 26px 0 ; background:#CFCFCF ; } div#toolresult td div#resulttext { margin:0 ; padding:10px 0 10px 0 ; border-top:1px solid #4A4A4A ; border-bottom:1px solid #4A4A4A ; } form#toolform { margin:15px 0 15px 0 ; border-top:3px solid #4A4A4A ; background:#CFCFCF ; } form#toolform table th { padding:4px 0 4px 14px ; } form#toolform table tr#toolError { display:none ; color:#ED1C2F ; } form#toolform table td { padding:4px 0 4px 14px ; } form#toolform table input { margin:0 ; width:30px ; height:12px ; vertical-align:middle ; background:#fff ; color:#000 ;} form#toolform table input#ms_metric { width:auto ; height:auto ; background:transparent ; float:left} form#toolform table input#ms_imperial { width:auto ; height:auto ; background:transparent ; float:left} form#toolform table label { margin:0 15px 0 0 ; padding:0 0 0 5px ; width:auto} form#toolform tfoot td { background:#CFCFCF ; padding-right:15px ; } form#toolform table button#calcbutton { float:right ; background:#FFFFFF ; padding:0 ; } /* Calorie Burn Calc fields */ form#toolform th#col1 { width:40% ; } form#toolform th#col2 { width:27% ; } form#toolform th#col3 { width:33% ; } form#toolform td#divider { background:transparent url('img/hori_dotted_line.gif') center left repeat-x ; height:15px ; } form#toolform td.cbcDropdowns label {float:none; margin:0 ; padding:0 ; font-weight:bold ; } form#toolform td.cbcDropdowns select { display:block ; margin-top:4px ; width:220px } div#caloriecontent { margin:10px 0 10px 0 ; } div#caloriecontent th { padding:1px 0 1px 12px ; font-weight:bold ; border-bottom:1px solid #4A4A4A ; } div#caloriecontent tr.altRow { background-color:#F6F6F6 ; } div#caloriecontent td { padding:1px 0 1px 12px ; border-bottom:1px solid #4A4A4A ; } div#caloriecontent .col2 { text-align:right ; } div#caloriecontent .col3 { padding:1px 12px 1px 0 ; text-align:right ; } div#caloriecontent tfoot td { font-weight:bold ; background-color:#CFCFCF ; } /* END Tools */ /* START Tracker Tools */ /* Shared styles */ table#tkrIntroTable { margin:0 0 10px 0 ; } td.trkIntroLeftCol { padding-right:10px ; } td.trkIntroRightCol { padding-left:10px ; } div.highlightBox { margin:0 ; border:2px solid #4A4A4A ; padding:8px ; width:180px ; background-color:#CFCFCF ; } div.highlightBox h5 { margin:0 0 8px 0 ; font-size:12px ; color:#000 ; } div.highlightBox a { display:block ; margin:8px 0 0 0 ; color:#000 ; font-size:11px ; } /*START LOGIN FORM */ form#loginForm { width:300px; margin:20px auto; background:#efefef none; border:1px solid #9A9A9A; padding:10px;} form#loginForm fieldset { width:300px; float:none; padding:0pt 20px 5px 0px} form#loginForm label { display:block; float:left; width:81px; } form#loginForm input { width:150px; float:right;} form#loginForm fieldset#fs_login_button { text-align:right} form#loginForm div.links{} /*END LOGIN FORM */ /* ##########################################################################################*/ /*START PASSWORD FORGOTTEN FORM */ form#forgotPassForm{ width:300px ; margin:20px auto ; background:#efefef none; border:1px solid #9A9A9A; padding:10px;} form#forgotPassForm fieldset { width:300px ; float:none} form#forgotPassForm label { display:block ; float:left ; width:81px ; } form#forgotPassForm input { width:150px ; float:right ;} form#forgotPassForm fieldset#fs_submit_buttons {text-align:right ; } /*END PASSWORD FORGOTTEN FORM */ /* ##########################################################################################*/ /*START UPDATE PASSWORD*/ form#updatePassForm { width:300px; margin:20px auto; background:#efefef none; border:1px solid #9A9A9A; padding:10px;} form#updatePassForm fieldset { width:300px; float:none} form#updatePassForm label { display:block; float:left; width:81px; } form#updatePassForm input { width:150px; float:right;} form#updatePassForm fieldset#fs_submit_button { text-align:right; } /*END UPDATE PASSWORD*/ /* ##########################################################################################*/ /*START USER REGISTRATION*/ form#userRegForm{width:500px} form#userRegForm fieldset{float:none; width:500px} form#userRegForm label { display:block; float:left; width:150px; } form#userRegForm input { float:left;} form#userRegForm fieldset#fs_checkbox input{width:20px} form#userRegForm fieldset#fs_checkbox label{width: 480px} form#userRegForm select#dob_day{width:auto;} form#userRegForm select#dob_month{width:auto; } form#userRegForm select#dob_year{width:auto; } form#userRegForm fieldset#fs_ref_buttons {text-align:right; } /*END USER REGISTRATION*/ /* ##########################################################################################*/ /* form.trkForm { float:left ; background-color:#CFCFCF ; margin:0 0 10px 0 ; } form.trkForm fieldset { float:left ; margin:0 ; border:none ; padding:5px 0 5px 9px ; vertical-align:top ; overflow:hidden ; } form.trkForm h4 { margin:5px 0 0 14px ; font-size:12px ; font-weight:bold ; } form.trkForm h5 { margin:0 0 5px 5px ; font-size:12px ; } form.trkForm h6 { margin:5px 0 0 5px ; font-size:10px ; line-height:13px ; font-weight:normal ; } form.trkForm select, form.trkForm input, form.trkForm textarea { margin-left:5px ; font-size:11px ; } form.trkForm button { padding:1px ; background-color:#FFF ; } */ /* form#userRegForm { margin-top:10px ; width:527px ; border-top:3px solid #4A4A4A ; } form#userRegForm fieldset { width:253px ; height:42px ; } form#userRegForm label { display:block ; padding:0 ; font-size:11px ; font-weight:bold ; } form#userRegForm input { margin:0 ; width:240px ; } form#userRegForm select { margin:0 5px 0 0 ; } form#userRegForm div.separator { width:527px ; } form#userRegForm fieldset.checkbox { width:513px ; height:auto ; } form#userRegForm fieldset.checkbox input { margin-right:5px ; width:auto ; vertical-align:middle ; } form#userRegForm fieldset.checkbox label { display:inline ; font-weight:normal ; } form#userRegForm fieldset#fs_disclaimer { width:513px ; height:auto ; font-size:11px ; } form#userRegForm fieldset#fs_ref_buttons { clear:left ; display:block ; padding:6px 14px 7px 0 ; width:513px ; height:auto ; text-align:right ; background-color:#FFF ; } form#logActivityForm { margin-top:10px ; border-top:3px solid #4A4A4A ; width:755px ; } form#logActivityForm h5 label { padding:0 ; font-size:12px ; } form#logActivityForm label { padding:0 10px 0 5px ; font-size:11px ; } form#logActivityForm input { width:25px ; vertical-align:middle ; } form#logActivityForm #fs_add_date { width:200px ; } form#logActivityForm #fs_add_category { width:200px ; } form#logActivityForm #fs_add_weight { width:200px ; } form#logActivityForm #fs_add_weight input { float:left ; } form#logActivityForm #fs_add_weight label { float:left ; } form#logActivityForm #fs_add_weight h5 label { float:none ; } form#logActivityForm #fs_add_location input { width:200px ; } form#logActivityForm #fs_add_note textarea { width:510px ; height:45px ; } form#logActivityForm #fs_add_buttons { clear:left ; width:741px ; padding:6px 14px 7px 0 ; text-align:right ; background-color:#FFF ; } form#logWeightForm { border-top:3px solid #4A4A4A ; width:527px ; } form#logWeightForm h5 label { padding:0 ; font-size:12px ; } form#logWeightForm label { padding:0 10px 0 5px ; font-size:11px ; } form#logWeightForm fieldset#fs_add_date { width:175px ; } form#logWeightForm fieldset#fs_add_weight { width:120px ; } form#logWeightForm fieldset#fs_add_note { width:190px ; } form#logWeightForm fieldset#fs_add_buttons { clear:left ; width:513px ; padding:6px 14px 7px 0 ; text-align:right ; background-color:#FFF ; } form#logWeightForm input { width:25px ; } form#logWeightForm textarea { width:170px ; height:46px ; } form#editWeightForm { margin:21px 0 0 0 ; width:200px ; } form#editWeightForm fieldset input { margin-right:3px ; width:25px ; } form#editWeightForm fieldset#fs_edit_buttons { width:172px ; padding:5px 14px 8px 14px ; } form#editWeightForm button#delete_weight { float:left ; } form#editWeightForm button#save_weight { float:right ; } form#editWeightForm div#editFields { visibility:hidden ; } form#timePeriodForm { margin:0 ; padding-bottom:5px ; width:527px ; } form#timePeriodForm h5 { margin-bottom:1px ; font-size:11px ; } form#timePeriodForm fieldset#fs_timeperiod { width:100px ; } form#timePeriodForm fieldset#fs_timeperiod_start { padding-left:0 ; width:185px ; } form#timePeriodForm fieldset#fs_timeperiod_end { padding-left:0 ; width:164px ; } form#timePeriodForm fieldset#fs_timeperiod_buttons { width:60px ; } form#timePeriodForm fieldset strong { margin-left:6px ; color:#4A4A4A ; } form#trkProfileForm { margin-top:10px ; border-top:3px solid #4A4A4A ; } form#trkProfileForm input { width:25px ; } fieldset#fs_prof_measuresystem { width:200px ; } fieldset#fs_prof_measuresystem input { vertical-align:middle ; } fieldset#fs_prof_measuresystem label { } fieldset#fs_prof_weight { width:200px ; } fieldset#fs_prof_weight label { padding:0 5px 0 2px ; } fieldset#fs_prof_weight input#mweight1 { margin-top:5px ; } fieldset#fs_prof_weightstart { width:200px ; } div#targetWeightText { clear:both ; padding:0 14px ; } div#targetWeightText h4 { margin-left:0 ; } fieldset#fs_prof_targweight { width:200px ; } #fs_prof_targweight input#target_mweight1 { margin-top:5px ; } #fs_prof_targweight label { padding:0 5px 0 2px ; } fieldset#fs_prof_targdate { width:200px ; } fieldset#fs_prof_communication { clear:both ; padding-bottom:8px ; width:741px ; } fieldset#fs_prof_communication input { float:left ; margin:0 ; } fieldset#fs_prof_buttons { clear:both ; padding:5px 14px 5px 0 ; width:741px ; text-align:right ; background-color:#fff ; } form#buttonOnly { float:none ; padding:10px ; text-align:right ; background-color:#fff ; } div.separator { clear:both ; margin:0 ; padding:0 ; width:755px ; height:1px ; background:transparent url('img/hori_dotted_line.gif') center left repeat-x ; } */ /* ##########################################################################################*/ /*START CG VOTE QUESTION */ div.ajax_group_container { /*float:left; margin: 8px 0; padding: 1px 0px;*/ } div.ajax_group_container div.ajax_box_waiting { background: #666666 !important; width: 100%; height:100% !important; position:fixed; _position: absolute; z-index:50; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); } div.ajax_group_container div.ajax_box_waiting div { position:absolute; left:50%; top:50%; z-index:51; marging: -50px 0px 0px -50px; background-position: center center; background-repeat: no-repeat; width:100px; height:100px } div.ajax_group_container div.stdContBlock { } div.vote_question {border:1px solid #9a9a9a; font-size:11px; padding:0 5px;} div.vote_question div.stdContBlock{margin:10px 0} div.vote_question div.stdContBlock h4{margin:0 0 5px 0} div.vote_question form{} div.vote_form fieldset{border:none; margin:0; padding:0} div.vote_form label{border:1px solid #ffffff; disply:block; width:160px; float:left; margin:0; min-height:24px; height:auto !important; height:24px} div.vote_form input{width:auto; float:left;margin:4px 5px 0px 0} div.vote_form input.button{float:none} div.vote_form label.radioGroupLabel{font-weight:bold; display:block; float:none; width:100%} div.vote_result{font-size:10px} div.vote_result h4{font-size:10px} div.vote_options{} div.vote_options div{} div.vote_options h4{font-weight:normal; float:left; margin:5px 0; } div.vote_options h4.left{width:60px;} div.vote_options h4.right{} div.voteResultContainer{font-size:0px; background:#808080; float:left; margin:9px 5px 0 5px; width:100px;} div.voteResultBar{font-size:0px; background:#FFFFFF; border:1px solid #808080; float:right; padding:5px 0 0;} /*END VOTE QUESTION */ /* ##########################################################################################*/ /*START CG RECIPE TEXT SEARCH*/ div.RecipeTextSearch{font-size:11px} div.RecipeTextSearch form{} div.RecipeTextSearch label{} div.RecipeTextSearch input{} /*END CG RECIPE TEXT SEARCH*/ /* ##########################################################################################*/ /* Tracker Graphs */ div#tkrFlashGraph { float:left ; margin-top:5px ; width:327px ; } div#tkrFlashGraph div#actionlinks { width:300px ; } div#graphHighlights { float:left ; margin-top:10px ; padding:8px 0 8px 5px ; width:195px ; background-color:#CFCFCF ; } div#graphHighlights h2 { margin:0 ; padding:2px 2px 2px 7px ; font-size:20px ; font-weight:normal ; color:#000 ; } div#graphHighlights h2 img { margin-right:5px ; vertical-align:middle ; } div#graphHighlights ul { margin-left:30px ; font-size:11px ; } div#trkGraphKey { clear:left ; } /* Pagination */ div#pagination { float:left ; margin-bottom:2px ; border-bottom:1px solid #4A4A4A ; font-size:11px ; } div#pagination p { margin:6px 0 8px 0 ; } div#pagination p#page_summary { float:left ; } div#pagination p#page_links { float:right ; } /* Tracker Tables */ table.tkrTable { float:left ; } table.tkrTable tr { background-color:#CFCFCF ; } table.tkrTable tr.altrow { background-color:#F6F6F6 ; } table.tkrTable th { height:20px ; border-bottom:1px solid #4A4A4A ; background-color:#fff ; } table.tkrTable td { border-bottom:1px solid #4A4A4A ; } table.tkrTable .tkrTableIcon { text-align:center ; } .tkrTableIcon a { display:block ; } .tkrTableIcon img { margin:3px 0 3px 0 ; } /* Weight List Table */ table#weightListTable { width:327px ; } table#weightListTable tr.selected { background-color:#CFCFCF ; } table#weightListTable .noborder { border:none ; width:12px ; background-color:#fff ; } table#weightListTable tr.selected .noborder { background:#fff url('img/trackerSelectedRow.gif') no-repeat center center ; } table#weightListTable tr.selected a.editLink { display:none ; } /* Activity Table */ table#activityListTable { width:527px ; } /* Activity Calendar */ table#tkrCalendar { float:left ; margin-top:10px ; width:auto ; border-collapse:separate : } #tkrCalendar th { border-right:1px solid #fff ; padding-left:6px ; font-size:11px ; background-color:#CFCFCF ; } tr#calendarHead th { border-top:1px solid #4A4A4A ; padding:2px 4px 2px 4px ; color:#666666 ; background-color:#fff ; text-align:center ; } tr#calendarHead th a { font-weight:normal ; text-decoration:none ; } tr#calendarHead th a:hover { text-decoration:underline ; } tr#calendarHead th#chLeft { text-align:left ; } th#chLeft img { margin-right:4px ; } tr#calendarHead th#chRight { text-align:right ; } th#chRight img { margin-left:4px ; } #tkrCalendar td { border-right:1px solid #fff ; padding:0 ; width:74px ; } #tkrCalendar h6 { margin:0 ; border-top:1px solid #4A4A4A ; padding:1px 0 2px 6px ; font-size:10px ; font-weight:normal ; background-color:#CFCFCF ; } #tkrCalendar td div { padding:5px ; height:24px ; } #tkrCalendar td div img { margin:0 1px 1px 0 ; } #tkrCalendar td.otherMonth { background-color:#F6F6F6 ; } #tkrCalendar tr#lastRow td div { border-bottom:1px solid #999999 ; } div#tkrCalendarKey { float:left ; padding:5px 0 0 30px ; width:200px ; font-size:10px ; } div#tkrCalendarKey h6 { margin:0 0 3px 0 ; font-size:10px ; } div#tkrCalendarKey ul { margin:0 0 0 18px ; } li#tkrKey0 { list-style-image:url('img/trackerKey0.gif') } li#tkrKey1 { list-style-image:url('img/trackerKey1.gif') } li#tkrKey2 { list-style-image:url('img/trackerKey2.gif') } li#tkrKey3 { list-style-image:url('img/trackerKey3.gif') } li#tkrKey4 { list-style-image:url('img/trackerKey4.gif') } li#tkrKey5 { list-style-image:url('img/trackerKey5.gif') } li#tkrKey6 { list-style-image:url('img/trackerKey6.gif') } li#tkrKey7 { list-style-image:url('img/trackerKey7.gif') } li#tkrKey8 { list-style-image:url('img/trackerKey8.gif') } li#tkrKey9 { list-style-image:url('img/trackerKey9.gif') } li#tkrKey10 { list-style-image:url('img/trackerKey10.gif') } div.error {display:none ; margin:5px 0 5px 14px ; padding:0 ; color:#ED1C2F ; font-weight:bold ;} /* END Tracker Tools */ /* IFRAME template */ iframe { border:none ; } div#contentMax iframe { width:1003px ; } div#contentFull iframe { width:620px ; } div#contentCentre iframe { width:536px ; } div#contentRightOnly iframe { width:750px ; } /* Div which can contain brand logos */ div#footerGraphics { display:none; clear:left ; margin:0 ; padding:5px 0 5px 25px ; background-color:#CFCFCF ; } div#footerGraphics img { margin:0 11px 0 0 ; } /* Footer content */ div#footer { clear:left ; position:relative ; margin:0 ; padding:0 ; height:45px ; color:#fff ; background:#075626 url('img/green_1px_bg.jpg') top center repeat-y ; font-size:10px ; } body.brown div#footer {background:#075626 url('img/brown_1px_bg.jpg') top center repeat-y ;} body.black div#footer {background:#075626 url('img/black_1px_bg.jpg') top center repeat-y ;} body.blue div#footer {background:#075626 url('img/blue_1px_bg.jpg') top center repeat-y ;} body.ice div#footer {background:#075626 url('img/ice_1px_bg.jpg') top center repeat-y ;} body.promo1 div#footer {background-color:#014119 ;background-image: none;} body.homepage div#footer {background-color:#014119 ; background-image: none;} div#footer a { color:#fff ; text-decoration:none ; } div#footer a:hover { text-decoration:underline ; } div#footer div#ftrLinks { position:absolute ; left:300px ; top:7px ; width:500px ; text-align:center ; } div#ftrLinks ul { margin:0 ; padding:0 ; } div#ftrLinks li { display:inline ; } div#ftrLinks a { border-left:1px solid #fff ; padding:0 4px ; } div#ftrLinks a.first { border-left:none ; } div#footer div#ftrText { position:absolute ; left:320px ; top:21px ; width:500px ; text-align:center ; } div#footer div#ftrGlobalLinks { position:absolute ; left:681px ; top:11px ; width:300px ; text-align:right ; } div#ftrGlobalLinks a{display:none; border:1px solid #999999; padding:2px; color:#000; background-color:#fff;} div#ftrGlobalLinks select { font-size:10px ; margin-left:10px ; vertical-align:middle ; } div#footer div#ftrMessage { position:absolute ; left:365px ; top:15px ; } /* START Primary Navigation */ div#prinav ul { margin:0 ; padding:0 ; list-style-type:none ; } div#prinav ul li { display:inline ; } div#prinav ul li a { background:transparent url('img/bg_prinav_norm.jpg') no-repeat ; text-decoration:none ;float:left ; display:block ; height:38px ; margin-right:1px ; text-align:left ; color:#ffffff ; text-decoration:none ; font-size:12px ; padding:14px 15px 0 60px; width:auto !important; } div#prinav ul li a:hover { background:transparent url('img/bg_prinav_mouseover.jpg') no-repeat ; text-decoration:none ;padding:14px 15px 0 60px; } div#prinav ul li a.curSect { background:transparent url('img/bg_prinav_mouseover.jpg') no-repeat ; text-decoration:none ; padding:14px 15px 0 60px; color: #CE9200; } div#prinavbg ul { margin:0 ; padding:0 ; list-style-type:none ; } div#prinavbg ul li { display:inline ; } div#prinavbg ul li a { float:left ; display:block ; height:48px ; margin-right:1px ; text-align:left ; color:#ffffff ; background:transparent ; text-decoration:none ; font-size:12px ; } /* END Primary Navigation */ /* START Secondary Navigation */ div#navbox { margin:0 0 25px 0 ; padding-bottom:10px ; width:230px ; font-size:12px ; background:none transparent ; color:#CE9200; } div#navbox h4 { margin:0 ; font-size:17px ; font-weight:normal; } div#navbox h4 a { display:block ; padding:6px 0 15px 20px ; width:168px ; color:#CE9200; } div#navbox h4 a:hover { text-decoration:underline ; } div#navbox a { display:block ; padding:3px 0 ; text-decoration:none ; color:#fff ; } div#navbox a:hover { text-decoration:underline ; } div#navbox ul { margin:0 ; padding:0 ; list-style-type:none ; } div#navbox li { border-top:none;} div#navbox ul li a { padding-left:14px ; background-color:transparent; border-left:8px solid #000000; width:auto ; } div#navbox ul li a:hover { background-color:transparent; border-left:8px solid #000000 ; } div#navbox ul li ul li a { padding-left:24px ; background-color:transparent ; border-left:8px solid #000000 ; width:159px ; } div#navbox ul li ul li a:hover { background-color:transparent ; border-left:8px solid #000000 ; } div#navbox ul li ul li ul li a { padding-left:34px ; background-color:transparent ; border-left:8px solid #000000 ; width:149px ; } div#navbox ul li ul li ul li a:hover { background-color:transparent ; border-left:8px solid #000000 ; } div#navbox ul li ul li ul li ul li a { padding-left:44px ; background-color:transparent ; border-left:8px solid #000000 ; width:139px ; } div#navbox ul li ul li ul li ul li a:hover { background-color:transparent ; border-left:8px solid #000000 ; } div#navbox a.open { background-image:url('img/nav_downarrow.gif') ; background-repeat:no-repeat ;color:#CE9200; } div#navbox ul li a.open { background-position:2px 5px ; } div#navbox ul li ul li a.open { background-position:12px 5px ; } div#navbox ul li ul li ul li a.open { background-position:22px 5px ; } div#navbox a#selected { font-weight:normal ; border-left:8px solid #000000 ;color:#CE9200; } /* END Secondary Navigation */ /* Overrides for colour sets */ div#navbox.colourset1 { background:url('img/secnav_corner_topright.gif') top right no-repeat #ffffaa ; } div#navbox.colourset1 h4 a { color:#F11B30 ; } div#navbox.colourset1 a { color:#F11B30 ; } div#navbox.colourset1 li { border-top:1px solid #eeeeaa ; } div#navbox.colourset1 ul li a { background-color:#ffffcc ; border-left:8px solid #ffffcc ; } div#navbox.colourset1 ul li a:hover { background-color:#ffffcc ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 ul li ul li a { background-color:#D8E9BD ; border-left:8px solid #D8E9BD ; } div#navbox.colourset1 ul li ul li a:hover { background-color:#D8E9BD ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 ul li ul li ul li a { background-color:#ECF4DE ; border-left:8px solid #ECF4DE ; } div#navbox.colourset1 ul li ul li ul li a:hover { background-color:#ECF4DE ; border-left:8px solid #FDBE0E; } div#navbox.colourset1 ul li ul li ul li ul li a { background-color:#fff ; border-left:8px solid #fff ; } div#navbox.colourset1 ul li ul li ul li ul li a:hover { background-color:#fff ; border-left:8px solid #FDBE0E ; } div#navbox.colourset1 a.open { background-image:url('img/nav_downarrow.gif') ; background-repeat:no-repeat ; } div#navbox.colourset1 a#selected { font-weight:bold ; border-left:8px solid #FDBE0E ; } /*END Overrides for colour sets */ /*START ALTERNATIVE SITE CONTAINER*/ div#alternativeSiteContainer{position: absolute; width:500px; background: #f1f1f1; border:1px solid #666666 ; margin:0 50%; left:-250px; top:50px; padding:10px; font-size: 11px} /*END ALTERNATIVE SITE CONTAINER*/ /* Column Iframe definitions */ /* Note: height of Iframe is determined dynamically by a content item, so don't set height for Iframe in CSS */ div.columnIframe { } div.columnIframe iframe { margin:0; padding:0; width:100%;} div#contentLeft div.columnIframe { margin:5px 5px 5px 0px;} div#contentRight div.columnIframe { margin:5px 0px 5px 0px; } /* END Column Iframe definitions */ div.recipeIngredientsSMSBox {position: relative; margin-top: 8px; padding: 1px 0px; display: inline-block; width: 100%; } div.recipeIngredientsSMSBox_waiting { background-color: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; } div.recipeIngredientsSMSBox_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } div.recipeIngredientsSMSBox_content div.stdContBlock { margin-top: 0px; } /* new DHTML navi styles */ ul.dnavi_wrapper { list-style-type: none; background: #ccc; padding: 10px; } ul.dnavi_wrapper ul { padding-left: 15px; } ul.dnavi_wrapper li { list-style-type: none; margin: 10px 0px; } ul.dnavi_wrapper li a { text-decoration: none; font-weight: bold; color: #000; } ul.dnavi_wrapper li a:hover { text-decoration: underline; } ul.dnavi_wrapper li ul.dnavi_item_collapsed { display: none; } ul.dnavi_wrapper li ul li a { font-weight: normal; font-size: 11px; } div.dnavi_dropDown { border-left: 0px; position: absolute; top: 10px; let: 0px; z-index: 100; background: #ccc; } div.dnavi_dropDown div.dnavi_item_level0 { border-left: 1px solid #000; padding: 8px; float: left; width: 140px; height: 30px; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_head a { font-weight: bold; color: #000; text-decoration: none; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_head a:hover { text-decoration: underline; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_body { position: absolute; top: 45px; margin-left: -10px; background: #ddd; } div.dnavi_dropDown div.dnavi_item_level1 div.dnavi_item_head { padding: 5px 10px; } div.dnavi_dropDown div.dnavi_item_level1 div.dnavi_item_head a { font-weight: normal; font-size: 11px; } div.dnavi_dropDown div.dnavi_item_level1 div.dnavi_item_body { left: 204px; top: 368px; } div.dnavi_dropDown div.dnavi_item_level0 div.dnavi_item_active a { font-weight: bold; } div.dnavi_dropDown div.dnavi_item_open{ display: none; } div.dnavi_dropDown div.dnavi_item_collapsed { display: none; } /* END new DHTML navi styles */ /* START Add2MyRecipeBox style */ /* add 2 myrecipebox and shoppinglist links*/ div#krlSearchResult div.krlTopResult div.addToRecipeBoxLink, div#krlSearchResult div.krlTopResult div.addToShoppinglistLink {padding: 5px 0 2px 0; float:left; width:210px; border-top:1px solid #fbfbfb; border-bottom:1px solid #f0f0f0} div#krlSearchResult div.krlStandardResult div.addToRecipeBoxLink, div#krlSearchResult div.krlStandardResult div.addToShoppinglistLink {float:left; width:123px; border-bottom:1px solid #f0f0f0} div.krlRecipeOverview .imagetype_17 {float: left; width: 430px;} div.krlRecipeOverview .addToShoppinglistLink {margin-bottom: 10px;} #layer #lyr_addToMyRecipeBox, #layer #lyr_addToMyShoppinglist {background-color: #FFF;margin-left: -250px; left: 50% !important;font-size: 11px; line-height: 14px; padding: 0px 25px 25px; margin-top: 50px;} #layer #lyr_addToMyRecipeBox textarea {width: 200px; height: 50px;} #layer #lyr_addToMyRecipeBox button, #layer #lyr_addToMyShoppinglist button {margin:0; padding-left:0; background:#ffffff; border:1px solid #000; font-size:11px; font-weight:bold; vertical-align:top; } #layer #lyr_addToMyRecipeBox #addToMyRecipeBoxForm_cancel , #layer #lyr_addToMyShoppinglist #addToMyShoppinglistForm_cancel {width:160px; float: left;} #layer #lyr_addToMyRecipeBox .ajax_box_waiting , #layer #lyr_addToMyShoppinglist .ajax_box_waiting { background-color: #FF; width: 100%; position: absolute; top: 0px; left: 0px;} #layer #lyr_addToMyRecipeBox .ajax_box_waiting div, #layer #lyr_addToMyShoppinglist .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } #layer #lyr_addToMyRecipeBox_lightbox, #layer #lyr_addToMyShoppinglist_lightbox { width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 10000; filter:alpha(opacity=80, finishopacity=80, style=2);} * html #lyr_addToMyRecipeBox_lightbox, * html #lyr_addToMyShoppinglist_lightbox { position: absolute; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } /* tabs */ #myRecipeBox #myRecipeBoxTabBar {border-bottom: 1px solid black; height: 20px;} #myRecipeBox #myRecipeBoxTabBar .tabWrapper{ margin-right: 15px; border: 1px solid black; border-bottom: none; width: 170px; text-align: center; float:left;height: 18px; padding-top: 2px;} #myRecipeBox #myRecipeBoxTabBar .tabWrapper ul { margin: 0px; padding: 0px;} #myRecipeBox #myRecipeBoxTabBar .tabWrapper li { list-style-type: none; margin: 0px;} #myRecipeBox #myRecipeBoxTabBar .tabWrapper li a { text-decoration: underline;} #myRecipeBox #myRecipeBoxTabBar #myRecipeBoxTabAtoZ, #myRecipeBox #myRecipeBoxTabBar #myRecipeBoxTabByCat{ float:left;} #myRecipeBox #myRecipeBoxTabBar .myRecipeBoxTabActive{ background-color: #DDD;} /* filter */ #myRecipeBox .myRecipeBoxFirstLetterFilter, #myRecipeBox .myRecipeBoxCategoryFilter {margin-bottom: 10px;} #myRecipeBox .myRecipeBoxFirstLetterFilter .myRecipeBoxFirstLetterFilterLinks .letter, #myRecipeBox .myRecipeBoxFirstLetterFilter .label , #myRecipeBox .myRecipeBoxCategoryFilter .label {float: left; margin-right: 5px;} #myRecipeBox .myRecipeBoxFirstLetterFilter .myRecipeBoxFirstLetterFilterLinks .active {font-weight: bold;} #myRecipeBox .myRecipeBoxFulltextSearch {margin-bottom: 10px;} #myRecipeBox .myRecipeBoxFulltextSearch .label {float:left; margin: 3px 5px 0 0;} #myRecipeBox .myRecipeManageCategories {position: absolute; top: 5px; right: 5px;} /*recipes*/ #myRecipeBox #myRecipeBoxContents {clear: left; border: 1px solid black; border-top: none; padding:5px 4px 0 4px;} #myRecipeBox .myRecipeBoxContent {border-top: 1px solid #DDD;} #myRecipeBox .myRecipeBoxContent .recipe{position: relative; border-bottom: 1px solid #DDD; padding: 5px 0; clear: left;} #myRecipeBox .myRecipeBoxContent .recipe .myrecipebox_edit_categories {float:right;} #myRecipeBox .myRecipeBoxContent .recipe .recipeClassifications ul {list-style-position: inside;} #myRecipeBox .myRecipeBoxContent .recipe .recipeClassifications li {list-style-type:circle ; float: left; padding-right: 10px;} #myRecipeBox .myRecipeBoxContent .recipe .recipeClassifications .label {float: left; padding-right: 5px;} #myRecipeBox .myRecipeBoxContent .recipe .myrecipebox_remove_from_box {position: absolute; top: 5px; right: 0px;} #myRecipeBox .myRecipeBoxContent .recipe .myrecipebox_note {clear:left; padding: 2px; background-color: #EEE;} #myRecipeBox .myRecipeBoxContent .recipe .myrecipebox_edit_note {padding: 2px; background-color: #EEE;} #myRecipeBox .myRecipeBoxContent .recipe .imgContainer {width: 125px; float:left; margin-bottom:3px; } #myRecipeBox .myRecipeBoxContent .recipe .addToShoppinglistLink {float:right; clear: right; margin-top:11px; } #myRecipeBox .myRecipeBoxContent .recipeCategoryGroup{border-bottom: 1px solid #DDD; padding: 5px 0; clear: left; color: #666; font-weight: bold;} /* (remove) layer styles*/ /* div#layer div.layer_instance { position: absolute !important; font-size: 11px; line-height: 14px; padding: 0px 25px 25px; width: 500px !important; height: auto !important; margin-left: -250px; left: 50% !important; background-color: #FFF; z-index: 10009; margin-top:80px;} div#layer div.layer_instance button {margin:0; padding-left:0; background:#ffffff; border:1px solid #000; font-size:11px; font-weight:bold; vertical-align:top; } div#layer div.lightbox_class { position: fixed; width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 108; filter:alpha(opacity=80, finishopacity=80, style=2);} * html div#Layer div.lightbox_class { position: absolute; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } */ /* paging */ div#myRecipeBox .myRecipeBoxPaging div.paging{background:transparent url(img/paging_line.gif) repeat-x scroll 0 0; border: none; color:#0065AD; height:20px; margin:10px 0 0 0; position:relative;} div#myRecipeBox .myRecipeBoxPaging div.paging a{color:#0065ad; text-decoration:none; } div#myRecipeBox .myRecipeBoxPaging div.paging div.filterremark{} div#myRecipeBox .myRecipeBoxPaging div.paging div.previous{ background:#FFFFFF url(img/prev_b.gif) no-repeat scroll left 2px; padding:0 10px 0 20px; position:absolute; top:0; left:0; z-index:30;} div#myRecipeBox .myRecipeBoxPaging div.paging div.next{ background:#FFFFFF url(img/next_b.gif) no-repeat scroll right 2px; display:inline; padding:0 20px 0 10px; position:absolute; right:0px; top:0px; z-index:30;} div#myRecipeBox .myRecipeBoxPaging div.paging div.inactive{opacity: 0.2; filter:alpha(opacity=20, finishopacity=20, style=2)} div#myRecipeBox .myRecipeBoxPaging div.paging div.col1{background:#FFFFFF none;padding:0 10px; color:#6D6D6D; /*display:inline; float:left;left:35%;position:absolute; top:0; z-index:20;*/ font-weight:normal; text-align:center;} div#myRecipeBox .myRecipeBoxPaging div.paging div.col1 a{color:#6c6b62; font-weight:normal; text-decoration:underline} div#myRecipeBox .myRecipeBoxPaging div.paging div.col1 a:hover{text-decoration:none} div#myRecipeBox .myRecipeBoxPaging div.paging div.col2{display:none; color:#6d6d6d; text-align:left; padding:0px 10px; font-weight:bold} div#myRecipeBox .myRecipeBoxPaging div.paging div.col2 a{color:#6d6d6d; font-weight:normal} div#myRecipeBoxContents { position: relative; padding: 1px 0px; display: inline-block; width: 100%; } div#myRecipeBoxContents .ajax_box_waiting { background-color: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; z-index: 1000; } div#myRecipeBoxContents .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } /* END Add2MyRecipeBox style */ /* common login-popup for ajax-actions styles */ div#loginPopupForAjaxActions {position: absolute; left: 0px; top: 0px; width: 100%;} div#loginPopupForAjaxActions .error {display:block;} div#loginPopupForAjaxActions button {margin:0; padding-left:0; background:#ffffff; border:1px solid #000; font-size:11px; font-weight:bold; vertical-align:top; } div#loginPopupForAjaxActions #standardLoginbox, div#loginPopupForAjaxActions #loginForm{width: auto;} div#loginPopupForAjaxActions #loginForm label{clear:left;height:25px;} div#loginPopupForAjaxActions div#loginPopupForAjaxActions_content, div#loginPopupForAjaxActions .ajax_box_waiting { position: absolute; font-size: 11px; line-height: 14px; padding: 0px 25px 25px; width: 500px !important; height: 280px !important; margin-left: -250px; left: 50% !important; background-color: #FFF;z-index: 10009; margin-top: 150px;} div#loginPopupForAjaxActions #loginPopupForAjaxActions_content_lightbox { position: fixed; width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 10000; filter:alpha(opacity=80, finishopacity=80, style=2);} * html div#loginPopupForAjaxActions #loginPopupForAjaxActions_content_lightbox { position: absolute; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } div#loginPopupForAjaxActions .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } /* START MyShoppinglist style */ div#myShoppinglist { position: relative; padding:0 1% 10px 1%; display: inline-block; width: 98%; clear: left; border: 1px solid black; border-top: none;} div#myShoppinglist #print_preview {margin-top: 0px; float:right;} div#myShoppinglist #print_preview li {text-align: right; list-style-type:none;} div#myShoppinglist #print_preview li a{text-decoration: underline;} /* sorting bar*/ #myShoppinglist .sorting_bar {border: 1px dotted #B2B2B2; width: 100%; margin: 3px 0 3px; padding: 2px; } #myShoppinglist .sorting_label {float:left; margin-right: 5px;} #myShoppinglist .sorting_lnk_BY_RECIPE {float:left; margin-right: 5px; padding-right: 5px; border-right: 1px solid black; } #myShoppinglist .sorting_lnk_BY_NAME {float:left; margin-right: 5px; padding-right: 5px; border-right: 1px solid black;} #myShoppinglist .active {font-weight:bold;} /* recipes list */ #myShoppinglist .recipeSL {clear: left; padding-top: 5px;} #myShoppinglist .recipeSL .recipe_attributes {float: left;width:300px;} #myShoppinglist .recipeSL .imgContainer {float: left;margin-right: 5px;} #myShoppinglist .recipeSL .recipe_actions {text-align: right;} /* items list */ #myShoppinglist #myListContent .item .col1 {float:left; width: 230px;} #myShoppinglist #myListContent .item .col2 {float:left; width: 320px;} #myShoppinglist #myListContent .item .col3 {text-align: right;} #myShoppinglist #myListContent .aisle, #myShoppinglist #myListContent .recipe_title {border-bottom:1px dotted #B2B2B2 !important; border-top:1px dotted #B2B2B2 !important; color:#3D3D3D; font-family:Times New Roman,serif; font-size:16px; line-height:18px; margin:5px 0 8px; padding:4px 0; text-transform:uppercase;} /* --- waiting screen over the items list */ div#myShoppinglist .ajax_box_waiting { background-color: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; z-index: 1000; } div#myShoppinglist .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } /* --- remove item/recipe layer */ div#myShoppinglist div#mySLRemoveItemLayer, div#myShoppinglist div#mySLRemoveRecipeLayer { position: fixed !important; font-size: 11px; line-height: 14px; padding: 0px 25px 25px; width: 500px !important; height: auto !important; margin-left: -250px; left: 50% !important; background-color: #FFF; z-index: 10009; margin-top: 50px;} * html div#myShoppinglist div#mySLRemoveItemLayer, * html div#myShoppinglist div#mySLRemoveRecipeLayer { position: absolute; left: 0px; top:50px; margin-left: 0px;} div#myShoppinglist div#mySLRemoveItemLayer_lightbox, div#myShoppinglist div#mySLRemoveRecipeLayer_lightbox { position: fixed; width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 108; filter:alpha(opacity=80, finishopacity=80, style=2);} * html div#myShoppinglist div#mySLRemoveItemLayer_lightbox, * html div#myShoppinglist div#mySLRemoveRecipeLayer_lightbox { position: absolute; background-color: transparent; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } /* --- add own layer */ div#myShoppinglist div#mySLAddOwnLayer{ position: fixed !important; font-size: 11px; line-height: 14px; padding: 0px 25px 25px; width: 500px !important; height: auto !important; margin-left: -250px; left: 50% !important; background-color: #FFF; z-index: 10009; margin-top: 50px;} * html div#myShoppinglist div#mySLAddOwnLayer { position: absolute; left: 0px; top:50px; margin-left: 0px;} div#myShoppinglist div#mySLAddOwnLayer_lightbox { position: fixed; width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 108; filter:alpha(opacity=80, finishopacity=80, style=2);} * html div#myShoppinglist div#mySLAddOwnLayer_lightbox { position: absolute; background-color: transparent; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } /* END MyShoppinglist style */ /* START MyShoppinglist PRINT PREVIEW style */ body.print_sl #prinavbg, body.print_sl #prinav, body.print_sl #search, body.print_sl #breadCrumbContainer, body.print_sl #header, body.print_sl #contentLeft, body.print_sl #footer, body.print_sl #print_preview, body.print_sl .lnk_ADD_OWN_ITEM{display:none;} body.print_sl #stdcontent{width: 843px} body.print_sl #pageBody{margin-top: 10px} body.print_sl div#myShoppinglist { border: 1px solid black;} body.print_sl div#myShoppinglist .recipe_actions, body.print_sl div#myShoppinglist #list_intro, body.print_sl div#myShoppinglist .item .col3 .removeSLItem {display: none;} body.print_sl div#myShoppinglist .sorting_bar {clear:both;} body.print_sl #myShoppinglist .recipeSL .recipe_attributes {float: none;} body.print_sl div#myShoppinglist #myRecipeList {padding-bottom:10px;} body.print_sl #myShoppinglist #myListContent .aisle, body.print_sl #myShoppinglist #myListContent .recipe_title {clear: both; margin-top: 10px;} body.print_sl #print_link {margin-top: 0px;} body.print_sl #print_link li {text-align: right; list-style-type:none;} body.print_sl #print_link li a{text-decoration: underline;} /* END MyShoppinglist PRINT PREVIEW style */ /* START Contest-Tool-Overview styles */ #contestTool_542 .contest_entry {float:left; width: 210px; margin: 5px 10px 5px 0; padding: 5px; height: 150px; background-color: #EEEEEE;} #contestTool_542 .contest_entry .cont_attr_uploadedfilename {margin: 0 0 3px;} #contestTool_542 .contest_entry .cont_attr_firstname{float:left; margin: 0 3px 0 0;} #contestTool_542 .paging_top {display: block;} /* END Contest-Tool-Overview styles */ /* START Contest-Tool-Detail styles */ #contestTool_543 .rtngElem {float:left;} #contestTool_543 .rateMsg {clear:left;} #contestTool_543 .contest_entry .cont_attr_firstname, #contestTool_543 .contest_entry .cont_rating_avg .label, #contestTool_543 .contest_entry .cont_rating_count .label {float:left; margin: 0 3px 0 0;} #contestTool_543 .contest_entry .cont_rating_avg .label, #contestTool_543 .contest_entry .cont_rating_count .label {width: 100px;} #contestTool_543 .genericRatingForm {height: 50px; padding-top: 10px;clear:left;} #contestTool_543 .contest_entry .ratedpersonal {background-repeat: no-repeat; height: 25px; width: 150px; clear: left;} #contestTool_543 .contest_entry .ratedpersonal_1 {background-image: url(img/rating1.gif);} #contestTool_543 .contest_entry .ratedpersonal_2 {background-image: url(img/rating2.gif);} #contestTool_543 .contest_entry .ratedpersonal_3 {background-image: url(img/rating3.gif);} #contestTool_543 .contest_entry .ratedpersonal_4 {background-image: url(img/rating4.gif);} #contestTool_543 .contest_entry .ratedpersonal_5 {background-image: url(img/rating5.gif);} #contestTool_543 .contest_entry .cont_attr_answer3 {margin: 10px 0 5px 0;} #contestTool_543 .contest_entry .cont_attr_uploadedfilename {float:left;margin-right: 10px;} #contestTool_543 .contest_entry .cont_attr_firstname, #contestTool_543 .contest_entry .cont_attr_lastname {font-weight:bold;} /* END Contest-Tool-Detail styles */ /* myProfileEdit */ div#MyProfileEdit #checkboxGroupLabel h4 {font-size: 12px; color: black;} div#MyProfileEdit div#checkboxGroupLabel {width: 670px; margin: 0 0 0 0; padding: 0 20px 5px 50px;} div#MyProfileEdit div.profileImage{padding: 0 20px 5px 50px;} div#MyProfileEdit fieldset.extendedfileUpload {margin-bottom: 10px;} div#MyProfileEdit .extendedfileUpload label{width: 400px; } /* My Profile Display */ div#MyProfile .display_label, div#MyProfile .profile_label {width: 200px; float: left; clear: left; } div#MyProfile .display_label, div#MyProfile .profile_label, div#MyProfile .display_text {height: 20px;} div#MyProfile .display_Hobbies, div#MyProfile .display_EarnedPoints {clear:left;} div#MyProfile .display_EarnedPoints .display_text{float: left; margin-right: 3px;} div#MyProfile .display_MoreInfo {font-weight: bold;} div#MyProfile .display_ProfileImage .display_label {display: none;} div#MyProfile #randomProfileLink {border-top: 1px solid #9A9A9A; } /* Preview */ .MyProfilePreview .linkslist{display: none;} /* Send user message layer */ #layer #lyr_sendMessage {background-color: white;} /* community message admin box */ div#cmsg_threadslist {position:relative; height:250px; margin-top:20px;} div#cmsg_threadslist div.ajax_box_waiting { position:absolute; background-color: #666; width: 100%; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; z-index: 1000; } div#cmsg_threadslist div.ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } div#cmsg_threadslist div.cmsg_thread_selector input {width: 100%;} div.cmsg_admin_paging {clear:both;} div.cmsg_admin_paging div.paging { margin-top: 10px; padding: 8px 0px; border-top: 1px dotted #b2b2b2 !important; border-top: 1px solid #b2b2b2; border-bottom: 1px dotted #b2b2b2 !important; border-bottom: 1px solid #b2b2b2; height:20px;} div.cmsg_admin_paging div.paging div.previous {float:left; margin-right:10px;} div.cmsg_admin_paging div.paging div.pagingText {float:left; margin-right:10px;} div.cmsg_admin_paging div.paging div.inactive a { display:none; } .cmsg_admin .cmsg_threads .cmsg_thread_unread {background-color: #EEE;} .cmsg_admin .cmsg_threads .cmsg_thread {clear: left; height: 70px; border-top: 1px solid #DDD; padding: 5px 0; position: relative;} .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_usericon img {width: 70px; float: left; margin-right: 10px; } .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_lastmsgdate, .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_username {width: 120px; float: left; margin-right: 10px; } .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_selector {width: 10px; float: left; margin-right: 10px; } .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_unreadmarker {position: absolute; top: 5px; right: 5px;} .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_intro a {color: #3D3D3D; font-family: Arial,Helvetica,sans-serif;font-size: 11px;} .cmsg_admin .cmsg_threads .cmsg_thread .cmsg_thread_delete {text-align: right; padding-right: 5px;} div.cmsg_threads_admin_action_markAsRead {float:left; margin-right:5px;} div.cmsg_threads_admin_action_markAsUnread{float:left;} div.cmsg_threads_admin_action_delete{float:right;} div.cmsg_threads_admin_selector_link{float:left; margin-right:5px;} div.cmsg_threads_admin div.stdContBlock table {width:auto; margin-right:5px;float:left;} div.cmsg_threads_admin div.stdContBlock h4 { border:none !important; text-transform:none; padding: 0 !important; font-size: 11px !important; line-height: 14px !important; } /* for message thread deleting dialog */ div#deleteSelectedMessageThreadsDialog .ajax_box_waiting { background-color: #FF; width: 100%; position: absolute; top: 0px; left: 0px;} div#deleteSelectedMessageThreadsDialog .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } div#deleteSelectedMessageThreadsDialog div.stdContBlock { margin-top: 0px; } #layer #deleteSelectedMessageThreadsDialog {background-color: #FFF;margin-left: -250px; left: 50% !important;font-size: 11px; line-height: 14px; padding: 0px 25px 25px; margin-top: 50px;} #layer #deleteSelectedMessageThreadsDialog_lightbox { width: 100%; height: 100%; background-color: #363636; left: 0px; top: 0px; opacity: 0.8; display: none; z-index: 10000; filter:alpha(opacity=80, finishopacity=80, style=2);} * html #deleteSelectedMessageThreadsDialog_lightbox { position: absolute; height: expression(document.compatMode=="CSS1Compat" ? Math.max(document.documentElement.clientHeight, document.body.offsetHeight)+"px" : body.clientHeight+"px"); } /* community messaging thread display */ div.cmsg_threadview_error { margin-top:30px; border:1px solid red; padding:15px } .cmsg_threadview_thread .cmsg_threadview_pre{clear:both; } .cmsg_threadview_thread .cmsg_threadview_list{clear:both;} .cmsg_threadview_thread .cmsg_message {border-top:1px solid #DDDDDD; clear:left; min-height:37px; padding:5px 0;} .cmsg_threadview_thread .cmsg_msg_userIcon {float:left; margin-right: 10px; border: 1px solid #666;} .cmsg_threadview_thread .cmsg_msg_userIcon img {width: 35px;} .cmsg_threadview_thread .cmsg_msg_userName {float:left; font-size: 13px; margin-right:6px;} .cmsg_threadview_thread .cmsg_msg_date{color:#666; margin-bottom: 5px;} .cmsg_threadview_thread .cmsg_msg_message{float:left; overflow:hidden;width:400px;margin-bottom:10px;} .cmsg_threadview_thread div.cmsg_sendMessageForm {clear:both;} .cmsg_threadview_thread div.cmsg_sendMessageForm textarea.sendMessageForm {width: 100%; height: 50px;} #sendMessageForm_save .disabled {border-color:#999;background:#999;} .cmsg_threadview_thread .cmsg_thread_subject {color:#666;font-size:14px;font-weight:bold;padding-top:25px;clear:both;} .cmsg_threadview_thread .cmsg_thread_partner {margin-top:0;} .cmsg_threadview_thread .cmsg_thread_backToThreadList {float:left;} .cmsg_threadview_thread .cmsg_thread_delete {float:right; clear:both;} .cmsg_threadview_thread .cmsg_thread_next {float:right; padding-top:15px;} .cmsg_threadview_thread .cmsg_thread_nextImg {float:right;} .cmsg_threadview_thread .cmsg_thread_nextText {float:right;} .cmsg_threadview_thread .cmsg_thread_prev {float:left; padding-top:15px; clear:both;} .cmsg_threadview_thread .cmsg_thread_prevImg {float:left;} .cmsg_threadview_thread .cmsg_thread_prevText {float:left;} .cmsg_threadview_thread .cmsg_thread_markAsUnread {float:right;} #cmsg_threadview h4 {font-size:12px; color:black} .cmsg_threadview_thread div.stdContBlock {padding-top:30px; margin:0; padding-right:5px} div#cmsg_threadview .ajax_box_waiting { background-color: #666; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: .5; z-index: 1000; } div#cmsg_threadview .ajax_box_waiting div { background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; } #layer #lyr_sendMessage .stdContBlock {margin-bottom: 0px;} #layer #lyr_sendMessage #sendMessageForm_cancel {float: left; margin: 10px 50px 0 0;} #layer #lyr_sendMessage #sendMessageForm_save {margin: 10px 0 0 0;} /*#################################################################################*/ body {background:#075626 url(none) top center repeat-y ;margin: 0; padding:0;} div.container {background:transparent url(img/default_bg.jpg) no-repeat scroll left top;} body.homepage {background:#075626 ;margin: 0; padding:0;} body.homepage div.container {background:transparent url(img/default_bg.jpg) no-repeat scroll left top;} body.brown {background:#075626 url(none) top center repeat-y ;} body.brown div.container {background:transparent url(img/brown_bg.jpg) no-repeat scroll left top;} body.brown div.ProductDetail h4 {font-size:12px; } body.black {background:#075626 url(none) top center repeat-y ;} body.black div.container {background:transparent url(img/black_bg.jpg) no-repeat scroll left top;} body.green {background:#075626 url(none) top center repeat-y ;} body.green div.container {background:transparent url(img/green_bg.jpg) no-repeat scroll left top;} body.blue {background:#075626 url(none) top center repeat-y ;} body.blue div.container {background:transparent url(img/blue_bg.jpg) no-repeat scroll left top;} body.ice {background:#075626 url(none) top center repeat-y ;} body.ice div.container {background:transparent url(img/ice_bg.jpg) no-repeat scroll left top;} body.ice div#footer{color:#3E2A2C;} body.ice div#footer a{color:#3E2A2C;} body.ice div#ftrLinks a {border-left:1px solid #3E2A2C;} body.ice div#ftrLinks a.first {border-left:medium none;} body.spots {background:#075626 url(none) top center repeat-y ;} body.spots div.container {background:transparent url(img/green_bg.jpg) no-repeat scroll left top;} body.spots div.movieLinkList {color:#FFFFFF; position:absolute; top:180px; left:60px; padding:0 0 0 0 ; margin: 0 0 0 0;} body.spots div.movieLinkList h4 { font-size:11px; font-weight:normal; margin:0; padding:0 10px 0 0;} body.spots ul.linkslist {list-style-type: none; margin:0 0 0 0; padding:0;} body.spots ul.linkslist li {padding:0;} body.spots div.movieLink {border-bottom:medium none; margin:0;} body.spots div.movieLink a {color:#ffffff; text-decoration:none; } body.spots div.movieLinkDetail {font-size:11px; } body.spots div#contentRight div#bannerflashcontainer {margin:0; padding:40px 0 0;} body.spots div#contentCentre {margin:23px 0 0 0; padding: 0 0 0 0;} body.spots div.flashPlayerWrapper {padding:0 0 0 17px;} body.about {background:#075626 url(none) top center repeat-y ;} body.about div.container {background:transparent url(img/green_bg.jpg) no-repeat scroll left top;} body.recipes {background:#075626 url(none) top center repeat-y ;} body.recipes div.container {background:transparent url(img/green_bg.jpg) no-repeat scroll left top;} /* left visuals*/ div.leftVisualTop {margin:0 0 0 0 ; height: 282px; padding:0 0 0 0 ; } div.leftVisualTop a {margin:0 0 0 0 !important; color: #ffffff; font-weight:normal !important; } div.leftVisualTop span.inactive {color: #CE9200; font-weight:normal; } div.leftVisualTop div.mainlink {padding:60px 0px 10px 35px !important} div.leftVisualTop div.mainlink ul {margin:5px 0 0 !important;} div.leftVisualTop div.mainlink a {font-size:12px !important;padding: 5px 0 5px 30px !important; color:#CE9200; background:transparent url(img/arrow_left.gif) no-repeat scroll left top;} div.leftVisualTop div.firstitem {padding:0 0 0 58px !important} div.leftVisualTop div.flowleft {float:left; clear:none; } body.recipes div.leftVisualTop {margin:0 0 0 0 ; height: 282px; padding:40px 0 0 65px ; height:242px; } body.recipes div.leftVisualTop div.imageBoxLeft {margin:0 0 0 0 ; padding: 0 0 0 0;} body.recipes div.leftVisualTop td.textArea ul {margin:0 0 0 0 ; padding: 10px 0 0 20px; } body.recipes div.leftVisualTop td.textArea ul li{margin:0 0 0 0 ; padding: 5px 0 0 0px; color:#ffffff} body.recipes div.leftVisualTop td.textArea ul li.active {color:#CE9200;} body.recipes div.leftVisualTop td.textArea a {text-decoration:none; } /* END left visuals */ /* BoxContent*/ div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/green_content_bg.jpg') repeat-y 0 0;padding:0px 25px 0px 25px ;} div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/green_content_end.jpg) no-repeat scroll 0 0;} body.brown div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/brown_content_bg.jpg') repeat-y 0 0;padding:0px 25px 0px 25px ; text-align:justify; } body.brown div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/brown_content_end.jpg) no-repeat scroll 0 0;} body.black div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/black_content_bg.jpg') repeat-y 0 0;padding:0px 15px 0px 15px ; text-align:justify; } body.black div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/black_content_end.jpg) no-repeat scroll 0 0;} body.green div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/green_content_bg.jpg') repeat-y 0 0;padding:0px 25px 0px 25px ; text-align:justify; } body.green div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/green_content_end.jpg) no-repeat scroll 0 0;} body.green div.BoxContent a {margin: 0 !important;} body.blue div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/blue_content_bg.jpg') repeat-y 0 0;padding:0px 25px 0px 25px ; text-align:justify; } body.blue div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/blue_content_end.jpg) no-repeat scroll 0 0;} body.ice div.BoxContent {min-height:420px; height:auto !important; height:442px; background:transparent ;padding:0px 25px 0px 25px ; text-align:justify; } /*body.ice div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/ice_content_end.jpg) no-repeat scroll left top;}*/ body.about div.BoxContent {min-height:420px; height:auto !important; height:420px; background:transparent url('img/green_content_bg.jpg') repeat-y 0 0;padding:0px 25px 0px 25px ; text-align:justify; } body.about div#contentCentre div.BoxContentEnd {height:29px; background:transparent url(img/green_content_end.jpg) no-repeat scroll 0 0;} body.about div.BoxContent a {margin: 0 !important;} body.about div#navbox {padding:30px 0 0 0;} body.recipes div#colourBox div.stdContBlock h4 {font-weight:normal; } body.recipes div.BoxContent a {margin: 0 !important;} body.recipes div#navbox {padding:30px 0 0 0;} body.recipes div#navbox ul li ul li a {font-size:11px;padding:0 0 5px 15px;width:auto;} body.recipes div#navbox ul li ul li a.open {font-size:11px;padding:0 0 5px 15px;width:auto;} div.BoxContent div.imageBoxLeft {margin:0 5px 0 0 !important;} div.BoxContent ul {color:#CE9200; } div.BoxContent ul li{list-style-type:disc; padding: 0 0 0 0px; margin: 0 0 0 40px;} div.BoxContent div.flowleft {float:left; clear:none;} div.ProductDetail div.detailFloat div.imageBoxLeft img {padding:40px 40px 0;} div.ProductDetail table tr td.textArea {padding: 0 20px 0 0 !important;} div.boxnavigation {position: absolute; top:385px; left:19px; width:510px; clear:both; float:none;} div.boxnavigation div.nav_back {width:90px ;float:left; clear:none;text-align:center; } div.boxnavigation div.nav_back ul {margin:0px 0px 0px 0px !important; } div.boxnavigation div.nav_back ul li{ list-style-type:none;} div.boxnavigation div.nav_back div.stdContHeadImg {padding:0 0 0 30px;} div.boxnavigation div.nav_paging {width:340px ;float:left; clear:none; text-align:center;} div.boxnavigation div.nav_next {width:70px ;float:left; clear:none;text-align:center;} div.boxnavigation div.nav_next_v {width:34px ;float:left; clear:none; visibility:hidden;} div.boxnavigation div.nav_next div.stdContHeadImg {padding-left:5px;} div.boxnavigation div.nav_next ul { margin:0px 0px 0px 0px !important;} div.boxnavigation div.nav_next ul li{ list-style-type:none;} div.boxnavigation div.nav_next ul a{ margin:0px 0px 0px 0px !important;} div.boxnavigation div.nav_next div.stdContHeadImg {padding:0px 0px 0px 0px !important;} div.boxnavigation a {color: #f4e1b6 !important; } div.Landing h4{color:#e1b760; padding: 10px 0 0px 0px;} div.Landing td.textArea{font-size:15px; line-height:18px; padding: 0px 10px 15px 20px !important;} div.Landing div.LandingImage{position: absolute; top: 320px; left:13px;} /*div.ProductDetail div.stdContBlock div.imageBoxLeft img {padding:0px 40px 0px 40px; }*/ div.ProductDetail h4 {color: #E1B760; font-weight:normal; font-size: 16px;} div.ProductDetail div.detailFloat {width:220px ;float:left; clear:none;padding:35px 10px 10px 0px !important; text-align:left; } div.ProductDetail div.detailFloat div.imageBoxLeft img {padding:5px 5px 5px 5px;} /*END BoxContent*/ /* right visuals*/ div#contentRight div.articleImages div {padding: 0 0 0 0; margin: 0 0 0 0; background-color:transparent; } body.blue div#contentRight div.articleImages div {padding: 50px 0 0 0;} body.recipes div#contentRight div.articleImages div {padding: 0px 0 0 5px;} div#contentRight div#bannerflashcontainer {padding: 60px 0 0 0; margin: 0 0 0 0; } /* END right visuals*/ /* START Ptomo1*/ body.promo1 div.stdContBlock {padding: 0 45px 0 45px} body.promo1 div.content div.formContentItem {clear:both; float:none; } body.promo1 div.content label {font-weight:normal; font-style:italic; } body.promo1 div.content input {border: none;} body.promo1 div.content input#email {height:21px; width: 346px; background:transparent url(img/input_bg_large.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_email label{ background:transparent url(img/mandory.gif) no-repeat scroll 68px 0;} body.promo1 div.content input#firstName {height:21px; width: 346px; background:transparent url(img/input_bg_large.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_firstName label{ background:transparent url(img/mandory.gif) no-repeat scroll 60px 0;} body.promo1 div.content input#lastName {height:21px; width: 346px; background:transparent url(img/input_bg_large.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_lastName label{ background:transparent url(img/mandory.gif) no-repeat scroll 45px 0;} body.promo1 div.content fieldset#fs_street {width:318px; float:left; } body.promo1 div.content input#street {height:21px; width: 134x; background:transparent url(img/input_bg_medium.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_street label{ background:transparent url(img/mandory.gif) no-repeat scroll 70px 0;} body.promo1 div.content fieldset#fs_address2 {width:300px; float:left; padding-left:0px; } body.promo1 div.content fieldset#fs_address2 label{width:60px; background:transparent url(img/mandory.gif) no-repeat scroll 0 0; padding-left:12px; } body.promo1 div.content input#address2{height:21px; width: 75px; background:transparent url(img/input_bg_small.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_town {width:318px; float:left; } body.promo1 div.content input#town {height:21px; width: 134px; background:transparent url(img/input_bg_medium.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_town label{ background:transparent url(img/mandory.gif) no-repeat scroll 68px 0;} body.promo1 div.content fieldset#fs_postcode {width:300px; float:left; padding-left:0px; } body.promo1 div.content fieldset#fs_postcode label{width:60px; background:transparent url(img/mandory.gif) no-repeat scroll 30px 0; padding-left:12px; } body.promo1 div.content input#postcode {height:21px; width: 75px; background:transparent url(img/input_bg_small.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_answer1 {float:none; clear:both; } body.promo1 div.content fieldset#fs_answer1 label{width:230px; background:transparent url(img/mandory.gif) no-repeat scroll 148px 0;} body.promo1 div.content input#answer1{border: none; height:21px; width: 134px; background:transparent url(img/input_bg_medium.gif) no-repeat scroll 0px 0;padding:2px 4px 2px 4px;} body.promo1 div.content fieldset#fs_answer2 select {width:240px; text-align:center;} body.promo1 div.content fieldset#fs_answer2 label{width:225px; } body.promo1 div.content fieldset#fs_answer3{width:300px; float:left; } body.promo1 div.content fieldset#fs_answer3 select {width:120px; text-align:center;} body.promo1 div.content fieldset#fs_answer3 label{ } body.promo1 div.content fieldset#fs_answer4{width:300px; float:left;padding-left: 0px } body.promo1 div.content fieldset#fs_answer4 select {width:120px; text-align:center;} body.promo1 div.content fieldset#fs_answer4 label{width:30px; background:transparent url(img/mandory.gif) no-repeat scroll 0 0; padding-left:15px;} body.promo1 div.content fieldset#fs_newsletter_agree {float:left; width:310px; padding-left:70px;} body.promo1 div.content fieldset#fs_newsletter_agree input {margin:0 10px 0 0;} body.promo1 div.content fieldset#fs_newsletter_agree label {text-align:left; width:260px;} body.promo1 div.content fieldset#fs_answer5 {float:left; width:310px; padding:0;} body.promo1 div.content fieldset#fs_answer5 input{margin:0 10px 0 0;} body.promo1 div.content fieldset#fs_answer5 label{text-align:left; width:260px;background:transparent url(img/mandory.gif) no-repeat scroll 83px 16px;} body.promo1 div.content fieldset#fs_captcha input{border: none; height:21px; width: 240px; background:transparent url(img/input_bg_captcha.gif) no-repeat scroll 0 0;padding:2px 4px 2px 4px; margin:10px; display:block;} body.promo1 div.content fieldset#fs_captcha label {font-size:10px; width:500px;display:block; margin: 0 0 0 10px; text-align:left; background:transparent url(img/mandory.gif) no-repeat scroll 245px 0px;} body.promo1 div.content fieldset#fs_captcha {padding: 0 0 20px 150px; width:500px; } body.promo1 div.content fieldset#fs_captcha div#captchaImageContainer {padding:5px 5px 5px 5px ; } body.promo1 div.content fieldset#fs_buttons {width: 400px;} body.promo1 div.content button {padding:0; margin:0; border:none; background:transparent none repeat scroll 0 0;} body.promo1 div.content button img {display:block; } body.promo1 div.content div.errors {color:#ffffff; background:transparent url(img/attention.gif) no-repeat scroll 95px 0; padding:2px 0 20px 120px;} body.toc div#prinav {display:none;} /* END Ptomo1*/