/* ------------------------ DO NOT ALTER THIS FILE ---------------------------- This is the standard We-Create Inc. website style sheet; author, David Janik-Jones. Create a copy of the required style sheets and place them in your new website directory CSS are commonly kept in the /styles/ directory of the /root for the website. ------------------------ DO NOT ALTER THIS FILE ---------------------------- */ /* CSS style sheet for ESABM, by We-Create Inc, http://www.wecreate.com */ /* CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */ /* All web site content Copyright 2008 by Granet Publishing Inc */ /* Date Started: April 15, 2008 */ /* This design is NOT a template. You may NOT reproduce it elsewhere without the owner's written permission. You may study the CSS and use whatever techniques you learn from it elsewhere per Creative Commons License. */ /* REMOVE PADDING AND MARGIN VALUES */ html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dd,dt,img,table, blockquote,q,caption,a,form,input,textarea,fieldset,pre {margin:0;padding:0;} /* REMOVE PADDING AND MARGIN VALUES FROM TABLES */ thead,tbody,tfoot,th,tr,td {margin:0;padding:0;} /* SET BASE FONT ATTRIBUTES */ p, td {font:11px/14px Arial,Helvetica,Verdana,sans-serif; color:#000; /*727474*/ padding-bottom: 14px;} body {background-color:#FFF; font:11px/14px Arial,Helvetica,Verdana,sans-serif;} /* h1,h2,h3,h4,h5 {font-weight:bold;color:#620000;text-transform:uppercase;padding:5px 0 5px 0;} */ h1 {font:24px Arial, Helvetica, sans-serif; color:#e61d74; margin:0; padding:0; font-weight:bold; text-transform:uppercase;} h2 {font:16px/18px Arial, Helvetica, sans-serif; color:#727474; margin:0; padding:0; font-weight:bold;} h3 {font:16px; color:#e61d74; margin:0; padding:0;} h4 {font:14px; color:#727474; margin:0; padding:0;} h5 {font:12px; color:#e61d74; margin:0; padding:0;} h6 {font:10px; color:#e61d74; margin:0; padding:0;} /* STANDARDIZE LINK STYLES ACROSS SITE, KILL BORDER ON IMG LINKS */ a {color:#e61d74;text-decoration:none;} a:link,a:visited {text-decoration:none;} a:hover,a:active {text-decoration:underline;} a img,:link img,:visited img,:hover img,:active img {border:none;} /* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */ ul ul,ul ol,ul dir,ul menu,ul dl, ol ul,ol ol,ol dir,ol menu,ol dl, dir ul,dir ol,dir dir,dir menu,dir dl, menu ul,menu ol,menu dir,menu menu,menu dl, dl ul,dl ol,dl dir,dl menu,dl dl {margin-top:0;margin-bottom:0;} /* STANDARDIZE THE LIST-BULLET TYPES */ ul,dl {list-style-type:square;list-style-position:inside;} ol {list-style-type:decimal;list-style-position:inside;} li{} /* MISCELLANEOUS STYLES TO ENSURE STANDARD TYPOGRAPHY */ em {font-style:italic;font-weight:normal;} strong {font-weight:bold;} acronym {background:transparent;cursor:help;font-style:normal;} a acronym {border:none;cursor:pointer;} /* STANDARD MULTIPLE COLUMN CLEARING TRICK */ /* set column divs inside a holding div that is set to float:left; */ #clear {clear: left; margin:0; padding:0; height:0;} /* ----- END OF BASE ----- */ /* structure.css are the styles for the DIVs in a website and should not contain any typographic or content-related styles for a site. The styles within are strictly used to create the layout/structure of the website and, as such, this style sheet will (almost) never need to be altered by the programmers. */ /* ----- comment styles well for better reference later! ----- */ /* ----- lay these styles out in sections, and from top to bottom on pages ----- */ /* STYLES FOR ALL PAGES */ #uber {width:820px; margin:auto auto; background: url(/theme/esabm/i/bkgnd_body.gif) top center repeat-y #FFF;} #maincontainer {width:800px; margin:auto auto;} /* header */ #header {width:800px; height:192px; margin:0 0 30px 0 !important; margin:0; padding:0; position:relative;font:11px/14px Arial,Helvetica,Verdana,sans-serif;color:#e61d74;} #ordernow {position:absolute; top:11px; right:-26px !important; right:4px; height:26px; width:116px; overflow:hidden;} #topnav {position:absolute; top:17px; right:101px !important; right:131px; text-align:right;} #mainnav {position:absolute; top:55px; right:165px !important; right:195px; width:195px; height:120px;} #rotatingimage {position:absolute; width:154px; height:143px; top:42px; right:-30px !important; right:0;} /* content columns */ #columns {width:798px; float:left; padding:0; margin:0 0 0 0 !important; margin: -3px 0 -14px 0; background-color:#e0dfdf; border:1px solid #c8c7c7; border-top:none;} #sidebar {float:left; width:227px !important; width:207px; padding:10px; background-color:#FFF; border:1px solid #c8c7c7; margin:0 0 10px 8px; overflow:hidden;} #content {float:left; width:523px; padding:0; margin:0; margin-left:9px;} #content_home {width:523px; padding:0; margin:0; overflow:hidden; background-color:#e0dfdf;} #content_inside {width: 483px; padding:20px 20px 6px 20px; margin:0; border-top:1px solid #c8c7c7; background-color:#FFF; } #copyright {width:100%; background-color:#e0dfdf; padding:10px 0px; clear:left; font:11px/14px Arial,Helvetica,Verdana,sans-serif;color:#e61d74; text-align:center; } /* status message warnings etc */ #status ul {font:11px/14px Arial,Helvetica,Verdana,sans-serif; margin:14px 0 24px 0px; padding:0; text-align:center;list-style-type:none;} #status li {} #status .success {list-style-type:none; margin:0; padding:0; /*color:#0f9528;*/ color:#000;} #status .warning {list-style-type:none; margin:0; padding:0; /*color:#FF9900;*/ color:#000;} #status .error {list-style-type:none; margin:0; padding:0; /*color:#b71c1c;*/ color:#000;} /* STYLES HOME PAGE ONLY */ /*#homepage_block {width:258px; height:172px; overflow: hidden; margin:0 3px 3px 0; padding:0; float:left; position:relative;}*/ .homepage_block {width:258px; height:172px; margin:0 3px 3px 0; padding:0; float:left; position:relative;} #interactive_block {float:left; width: 516px; background: url(/theme/esabm/i/interactive_logo.gif) top left no-repeat #FFF; margin:5px 0 0 0; padding:47px 0 0 0; border:1px solid #c8c7c7;} #highlighted_video {float:left; margin:0px 0px 0px 14px; height:172px; width:240px;} #interactive_info {float:left; margin:0px 0px 0px 18px; width: 230px;} #interactive_block ul {list-style-type:none; margin:10px 0 14px 0; padding:0; width: 230px !important; width:198px;} #interactive_block li {width: 230px !important; width:198px; padding:3px 0px 3px 0px; margin:0; margin-top:-1px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} /* STYLES FOR CONTENT PAGES ONLY */ #recipe {width:100%; color:#727474;} #recipe h1 {text-transform:uppercase; font:15px/15px Arial,Helvetica,Verdana,sans-serif; color:#e61d74; padding:10px 0 0 0; width:100%; font-weight:bold;} #recipe .yield {font-style:italic; width:100%;} #recipe .directions, #recipe .ingredients {text-transform:uppercase; font:12px; color:#e61d74; width:100%;} #recipe ul, #recipe ol {margin:-14px 0 14px 0; color:#727474;} #recipe ul li, #recipe ol li {padding:0; margin:0;} /* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */ .homepage_block p {width:125px; position:absolute; top:36px; left:8px; padding:0; margin:0;} .homepage_block .title { height:18px; width:250px; margin:0; padding:10px 0 0 8px; display:block; background-color:transparent; text-transform:uppercase; font:12px Helvetica,Arial,Geneva,Verdana,sans-serif; color:#9c4386; font-weight:bold; position:absolute; top:0; left:0; } /* used for Jeff's image replacement -- now removed by client */ .homepage_block .title.jsirReplaced { top: 10px; left: 8px; } .homepage_block a {font:11px Tahoma,Arial,Helvetica,Verdana,sans-serif; font-weight:bold; color:#9c4386;} #pagetitle {width:100%; background-color:none; z-index:10000; padding:0px 0px 5px 0px; position:relative;} #subhead {margin:-16px 0 10px 0; padding:12px 10px 10px 10px; width:463px; background-color:#e0dfdf; z-index:1; position:relative;} /* ----- END OF STRUCTURE ----- */ /* GENERAL ONES USED SITE-WIDE */ .black {color:#000;} .white {color:#FFF;} .right {float:right;} .left {float:left;} .pink {color:#e61d74;} .boldgreysubhead {font:14px Arial, Helvetica, sans-serif; color:#727474; margin:0; padding:0; font-weight:bold;} /* HACK REQUIRED BY FCK EDITOR -- DO NOT DELETE */ .none {/*an empty style always required for sites using FCK editor*/} /* LEFT COLUMN VIDEO BLOCK */ #leftvideo {width:227px; height:214px; overflow:hidden; border:0; margin:-8px 0 4px 0; padding:0;} #vidtitle {width:227px; font:13px Arial,Helvetica,Verdana,sans-serif; color:#e61d74; height:15px; padding:0; margin:0 0 15px 0; font-weight:bold; text-align:center;} /* LEFT COLUMN SPECIAL OFFER SALES BLOCK */ #special_offer_top {background: url(/theme/esabm/i/banner_top_buynow.gif) top left no-repeat; width:224px; padding:0; margin:0; height:53px;} #special_offer {background: url(/theme/esabm/i/bkgnd_special_offer.jpg) top left no-repeat; width:224px; padding:0; margin:0; height:169px; overflow:hidden;} #special_offer a {border:0;} #special_offer p {padding:10px 0 0 8px; width:96px; color:#000;} #special_offer_bottom {position:relative; width:224px; height:36px; margin:0 0 10px 0; padding:0; background: url(/theme/esabm/i/banner_bottom_buynow.gif) top left no-repeat #e61d74;} #special_offer_bottom .details {position:absolute; top:10px; left:5px; height:20px; width:82px;} #special_offer_bottom .ordernow {position:absolute; top:10px; left:101px; height:20px; width:112px;} /* LEFT COLUMN BLOG or ITEM WITH IMAGE ON RIGHT */ #left_info_block_blog {width:224px; margin-bottom:10px; padding:0 0 10px 0; background:url(/theme/esabm/i/bkgnd_left_blog.jpg) top left no-repeat #e5e5e5;} #left_info_block_blog p {padding:8px 0px 0px 8px; width:122px; margin:0;} #left_info_block_blog .title { height:18px; width:216px; margin:0; padding:10px 0 0 8px; display:block; background-color:transparent; text-transform:uppercase; font:12px Tahoma,Arial,Helvetica,Verdana,sans-serif; color:#9c4386; font-weight:bold; } /* LEFT COLUMN BLOG or ITEM WITH IMAGE ON LEFT */ #left_info_block_left {width:224px; margin-bottom:10px; padding:0 0 10px 0; background-color:#e5e5e5;} #left_info_block_left .title { height:18px; width:216px; margin:0; padding:10px 0 0 8px; display:block; background-color:transparent; text-transform:uppercase; font:12px Tahoma,Arial,Helvetica,Verdana,sans-serif; color:#9c4386; font-weight:bold; } #left_info_block_left p {padding:8px 0px 0px 0px; width:94px; margin:0; float:left;} #left_info_block_left img {padding:8px 0px 0px 8px; width:114px; float:left;} #left_info_block_left .callout {clear:left; margin:10px 0 0 4px; font:13px; font-weight:bold; color:#e61d74; width:210px; padding:0; text-align:center;} /* LEFT COLUMN INFORMATION BLOCKS without IMAGE */ #left_info_block {width:224px; margin-bottom:10px; padding:0 0 10px 0; background-color:#e5e5e5;} #left_info_block p {padding:8px 0px 0px 8px; margin:0;} #left_info_block .title { height:18px; width:216px; margin:0; padding:10px 0 0 8px; display:block; background-color:#FFF; text-transform:uppercase; font:12px Tahoma,Arial,Helvetica,Verdana,sans-serif; color:#9c4386; font-weight:bold; } #left_info_block a {font:11px Tahoma,Arial,Helvetica,Verdana,sans-serif; color:#9c4386;} /* forms */ #left_info_block form {margin:10px 0 8px 8px;} #left_info_block input, #left_info_block select {font:11px Tahoma,Arial,Helvetica,Verdana,sans-serif; margin-bottom:4px;} #left_info_block .recipebutton {font:9px Tahoma,Arial,Helvetica,Verdana,sans-serif; color:#FFF; background-color:#9c4386; border:1px solid #FFF; padding:2px;} /* SPECIAL DESIGNS FOR CONTENT PAGES */ /* ordering pages with one large blck and two small blocks */ #order_bigred { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; width: 463px !important; width:463px; background-color:#e1e0e0; padding:6px 10px 16px 10px; margin: 0 0 14px 0; text-align:left; border-top:8px solid #ec0573; } #order_blue { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; width:217px; background-color:#e1e0e0; padding:6px 10px 16px 10px; margin: 0 8px 14px 0; text-align:left; float:left; border-top:8px solid #6dc6e7; } #order_green { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; width:217px; background-color:#e1e0e0; padding:6px 10px 16px 10px; margin: 0 0 14px 0; text-align:left; float:left; border-top:8px solid #becb37; } /* left or right with image blocks on cookbook and other books page */ #pictureright {width:483px; float:left; margin-bottom:14px;} #pictureleft {width:483px; float:left; margin-bottom:14px; min-height:200px; height:auto !important; height:200px;} #pictureright p {width:320px; float:left;} #pictureleft p {width:290px; margin-left:160px;} /* for any pages with the 480x320 video and lists of latest or archived videos */ #video {width:480px; height:350px; background: url(/theme/esabm/i/placeholder-flash.jpg) top left no-repeat #FFF; margin:0; padding:0;} /*this shows the current video */ #videobuttons {margin:0 0 14px 0; padding:0; height:44px; width:482px; background-color:#f2f2f2; overflow:hidden; text-align:right;} #videobuttons img a {padding:0; border:0; margin:0; overflow:hidden;} #videolisttabs {width:483px; margin:14px 0 0 0; padding:0; height:20px; overflow:hidden;} #videotabs a { display: block; height: 16px; margin: 0 4px 0 0; padding: 3px 8px 0 8px; float:left; border:1px solid #b8b9bb; border-bottom:none; float:left; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#7a7b7b; } #videotabs a:hover {background-color:#e61d74; text-decoration: none; color:#FFF;} #videotabson, #videotabson a, #videotabson a:hover { display: block; height: 18px; margin: 0 4px 0 0; padding: 2px 8px 0px 8px; /*border:1px solid #b8b9bb; border-bottom:none;*/ background-color:#e61d74; float:left; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; } /* Styles for video comments */ .videocommentswrapper { padding: 0px; border: 1px solid #b8b9bb; } .videocommentswrapper div { padding: 4px; } .videocommentsheader { background-color: #E61D74; color: white; font-size: 1.2em; font-weight: bold; } .videocommentsheader a:link { color: white; } .videocommentsheader a:visited { color: white; } .videocommentsheader a:active { color: white; } .videocommentsheader a:hover { color: white; } input.videocommentsubmit { background-color: #E61D74; color: white; } /* this is the listing box below the bright tabs at top */ #videolistings { width:461px; float:left; padding:10px; margin:0 0 14px 0; border:1px solid #b8b9bb; background-color:#F7F6F6; font: 11px/13px Arial, Helvetica, sans-serif; color:#909194; } #videolist {width:180px; float:left; border-left:1px solid #8d8d8d; padding-left:10px;} /*right column */ /* larger featured video on left side */ #videofeature {width:245px; padding-right:5px; float:left;} #videofeature img {margin-right:5px; float:left; width:141px; height:91px; padding:0; background:url(/theme/esabm/i/bkgnd_tablg.jpg) top left no-repeat;} #videofeature img a {border:none; display:block; padding:1px 0 0 1px; margin:0; width:139px; height:78px;} /* individual video items in video list column on right */ #viditem {border-bottom:1px solid #CCC; margin:0; padding:5px 0px; min-height:50px; height:auto !important; height:50px;} #viditem p {margin-left:80px; padding:0; width:100px;} #viditem p strong {display: block;} #viditem img {margin-right:5px; float:left; width:75px; height:48px; background:url(/theme/esabm/i/bkgnd_tabsm.jpg) top left no-repeat;} #viditem img a {border:none; display:block; padding:1px 0 0 1px; margin:0; width:73px; height:40px;} /* and these style the recipe listing pn the sneak peek page */ #recipepanel { width:460px; padding:10px; margin:0 0 14px 0; border:1px solid #b8b9bb; background-color:#F7F6F6; font: 11px/13px Arial, Helvetica, sans-serif; color:#909194; float:left; } #recipeitem img {margin-right:5px; float:left;} #recipeitem img a {border:none;} #recipeitem {border-bottom:1px solid #c5c5c5; margin:0; padding:15px 0px 0px 0px; width:100%; float:left; min-height:120px; height:auto !important; height:120px;} #recipeitem .title {font-weight:bold; font: 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b31b6e;} #recipeitem .highlight {color:#b31b6e;} #recipeitem p {margin-left:95px; padding:0; width:360px; color:#000;} #recipeitem #links {margin:0 0 0 95px; padding:0; width:360px;} #recipeitem #links a {padding:0 8px 0 0;} #recipeitem #links img {margin-top:-8px; display:inline;} /* sneak peak page with three special boxes */ #sneakblue { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; height:430px; width:130px; background-color:#e1e0e0; padding:10px 10px 0 10px; margin: 0 8px 14px 0; text-align:center; float:left; border-top:8px solid #6dc6e7; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } #sneakred { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; height:430px; width:130px; background-color:#e1e0e0; padding:10px 10px 0 10px; margin: 0 8px 14px 0; text-align:center; float:left; border-top:8px solid #ec0573; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } #sneakgreen { font:11px/13px Arial, Helvetica, sans-serif; color:#4d4d4d; height:430px; width:130px; background-color:#e1e0e0; padding:10px 10px 0 10px; margin: 0 0 14px 0; text-align:center; float:left; border-top:8px solid #becb37; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } #sneakblue p, #sneakred p, #sneakgreen p {padding:10px;} #sneakblue .highlight, #sneakred .highlight, #sneakgreen .highlight {color:#b31b6e;} /* ----- END OF CONTENT ----- */ /* top of every page */ #navtab1 a { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab1.gif) 0 0 no-repeat; } #navtab1 a:hover {background-position: 0px -24px; text-decoration: none;} #navtab1on, #navtab1on a, #navtab1on a:hover { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab1.gif) 0px -24px no-repeat; } #navtab2 a { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab2.gif) 0 0 no-repeat; } #navtab2 a:hover {background-position: 0px -24px;text-decoration: none;} #navtab2on, #navtab2on a, #navtab2on a:hover { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab2.gif) 0px -24px no-repeat; } #navtab3 a { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab3.gif) 0 0 no-repeat; } #navtab3 a:hover {background-position: 0px -24px;text-decoration: none;} #navtab3on, #navtab3on a, #navtab3on a:hover { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab3.gif) 0px -24px no-repeat; } #navtab4 a { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab4.gif) 0 0 no-repeat; } #navtab4 a:hover {background-position: 0px -24px;text-decoration: none;} #navtab4on, #navtab4on a, #navtab4on a:hover { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab4.gif) 0px -24px no-repeat; } #navtab5 a { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab5.gif) 0 0 no-repeat; } #navtab5 a:hover {background-position: 0px -24px;text-decoration: none;} #navtab5on, #navtab5on a, #navtab5on a:hover { display: block; width: 195px; height: 24px; margin: 0; padding: 0; background: url(/theme/esabm/i/navtab5.gif) 0px -24px no-repeat; } /* styles for the navigation menu at the top of each pages' content area */ #subnav { background: url(/theme/esabm/i/bkgnd_subnav.gif) 0 0 repeat-x; height:24px; width:523px; overflow:hidden; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding: 0; } #subtab a { display: block; height: 19px; margin: 0; padding: 5px 7px 0 7px; float:left; /* background: url(/theme/esabm/i/bkgnd_subnav.gif) 0 0 repeat-x; */ border-right:1px solid #FFF; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; } #subtab a:hover {background: #FFF; text-decoration: none; text-decoration:none;color:#e61d74; border-right:1px solid #FFF;} #subtabon, #subtabon a, #subtabon a:hover { display: block; height: 19px; margin: 0; padding: 5px 7px 0 7px; background: #FFF; float:left; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#e61d74; text-decoration:none; border-right:1px solid #FFF; } /* ----- END OF NAVMENU ----- */ .fck_editor_editing_area_body ul, .fck_editor_editing_area_body ol {margin:10px 0 10px 20px; padding:0; list-style-type:disc;} .fck_editor_editing_area_body strong {font-weight: bolder;} .fck_editor_editing_area_body em{font-style:italic;} .fck_editor_editing_area_body p{margin: 0px; padding: 0px;} /* STYLES FOR FORMS ON ORDER PAGES AND EMAIL ME PAGE */ /* general styles for email me page start here */ .autoForm {font:11px/14px Arial,Helvetica,Verdana,sans-serif; color:#000;} .autoFormText label, .autoFormSelect label {width:120px;} .autoFormMerge label {width:116px;} .autoFormHeader {margin-top:20px; margin-bottom:10px; font-weight:bold;} .autoFormTextarea {margin-top:20px; padding-bottom:10px;} .autoFormTextarea label {width:120px;} .autoFormTextarea .autoFormInputs {margin-left:10px; margin-bottom:20px;} .autoFormInputs input {margin-right:5px;} .autoFormSubmit {text-align:center;} .autoFormInputs .button {color:#FFF; background-color:#e61d74; font-size:10px; padding:0;} .autoFormInputs textarea {font:11px/14px Arial,Helvetica,Geneva,san-serif; colour#000;} .req-notice {margin:15px 0; padding:10px; background-color:#f0d3df; color:#e61d74;} /* styles for the order page start here */ #atForm_ .autoTable {width:100%; font:11px/14px Arial,Helvetica,Geneva,san-serif; colour#000;} #atForm_ .autoTable td {padding:3px 0; margin:0; border-bottom:1px solid #fae7ec;} #atForm_ .autoTable th {padding:3px; margin:0 0 5px 0; text-align:left; color:#FFF; background-color:#e61d74;} .autoTable th {padding:3px; margin:0 0 5px 0; text-align:left; color:#FFF; background-color:#e61d74;} #atForm_ .button {color:#4c2435; background-color:#f6d1e1; font-size:11px; padding:3px; border:1px solid #999; margin:0px 10px;} span .button {background-color:#FF9900;} .atCheckBar a {text-decoration:none;} .atCheckBar tr {border:none;} /*.atCheckBar .button {background-color:#FFF;}*/ #atForm_ input {color:#4c2435; background-color:#f6d1e1; font-size:11px; padding:0; margin-right:3px;} .autoFormSelect select {font:11px Arial,Helvetica,Geneva,san-serif; colour#000; padding:1px;} .autoFormRadio_group {margin:15px 0;} .autoFormRadio_group .autoFormInputs {margin-top:25px;} #separate {height:1px; width:90%; overflow:hidden; background-color:#e0dfdf; padding:0; margin:20px 0 10px 0;} .pricing {font:14px; color:#e61d74; margin:0; padding:0; font-weight:bold;} /* ----- THESE ARE OLD STYLES THAT MOST LIKELY CAN BE DELETED AFTER SITE LAUNCH ----- */ /*this sets the background of the styles drop down list in the menu editor*/ .SC_Panel { background-color:#1d7764 !important; } body#publicBody { /* Only applies to public site */ font: 12px/16px arial, verdana, helvetica, geneva, sans-serif; color: #424242; background-color: #fff; padding: 0px; margin: 0px; } body#publicBody table { /* applies to module tables on public site....keep the same as 'body#publicBody' above but background may need to change*/ font: 12px/16px arial, verdana, helvetica, geneva, sans-serif; color: #424242; } .highlight { color: #a5814c; } .header { color: #a5814c; padding-top: 10px; } /***** NEWS STUFF *****/ /*** news page...***/ .chameleon_daily_news_css table tr td{padding-bottom: 10px;} .chameleon_daily_news_css .header, .chameleon_daily_news_css #news_description{color: #a5814c;} /**** AUTO FORM STYLES ***/ .autoForm{margin-top: 10px;} .autoForm div{border: 0px solid #000000; margin-bottom: 5px;} .autoForm label{ border-top:0px dotted gray; text-align:left; padding-right:10px; float:left; display:block; clear:both; margin-bottom:7px; } .autoForm label {} /**** LOGIN FORM *****/ #login_form .autoFormText{padding-bottom: 5px;} #login_form label{padding-top: 5px;padding-right: 5px;} /* MENU STUFF */ #navAdmin ul li a { text-align: center; vertical-align: middle; font: 11px arial, verdana, helvetica, geneva, sans-serif; color: #424242; text-decoration: none; line-height: 20px; border: 0px solid #ffffff; } #navAdmin ul li.active a, #navAdmin ul li a:hover{color: #a5814c;} /**** MAIN LAYOUT ****/ #container { padding-top: 20px; text-align: center; margin: 0 auto; } #container_2 { border: 0px solid #000000; width: 770px; text-align: left; margin: 0 auto; padding: 0px; } #header { border: 0px solid #000000; position: relative; width: 770px; height: 160px; background-image: url(i/ccln_01.jpg); background-repeat: no-repeat; display: block; } #menu_container { border: 0px solid #000000; position: relative; width: 770px; height: 28px; display: block; } #title_cell { border: 0px solid #000000; position: relative; width: 770px; height: 47px; background-image: url(i/ccln_03.jpg); background-repeat: no-repeat; display: block; } #title_cell_padding { text-align: left; border: 0px solid #000000; padding-left: 35px; padding-top: 17px; padding-right: 0px; padding-bottom: 0px; } #content_container_with_nav { border: 0px solid #000000; width: 770px; min-height: 200px; background-image: url(i/ccln_04_with_nav_repeating.jpg); background-repeat: repeat-y; } #content_container { border: 0px solid #000000; width: 770px; min-height: 200px; background-image: url(i/ccln_04_repeating.jpg); background-repeat: repeat-y; } #left_column { border: 0px solid #000000; text-align: left; float: left; width: 180px; /*background-image: url(i/menu_divider_repeating.jpg); background-repeat: repeat-y; */ } #left_column_padding { text-align: left; border: 0px solid #000000; padding-left: 25px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; } #main_content { border: 0px solid #000000; position: relative; left: 35px; float: left; width: 700px; } #main_content_with_nav { border: 0px solid #000000; position: relative; float: left; width: 555px; } #main_content_padding { padding-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; } /*** LINKS MODULE ***/ .chameleon_link_list table td { border: 0px solid #000000; text-align: left; padding: 5px; {