CSS Codes

From LoveToKnow Web-Design

An vital tool for any web designer in the web 2.0 world is the ability to work with CSS codes. This method and tool for web design is a way to keep layout and content separate, which is essential in the the era of "write once, display anywhere" methodology.

[edit]

Why Use CSS Codes in the First Place?

What is the advantage of learning this new coding method? Aside from the holy grail of content management, it simply makes life easier. As will be seen, entire websites can have their look and feel for thousands of pages dictated by a single CSS document. This means that when the client suddenly changes its corporate colors from green and purple to black and silver, instead of changing thousands of pages only one – the CSS document – needs to be changed.

It applies to a lot more than color – site interaction, paragraph layout, character fonts, page size and many more things can be controlled through CSS. It's a tool only limited by the imagination and coding skill of the person writing it.

There is also a benefit in terms of speed of page loading, since each page takes less formatting tags (such as <font>). This results in faster page loading times for the viewers, and less time for the web designers to format the pages, which means more content can be produced in less time…in short, everybody wins.

One reason not to use CSS codes is that not all browsers actually support them consistently. There are many ways to work around the problem, but currently this does cut into the time saved in coding the web page.

[edit]

The Style Element

Every HTML document has a separa tag, or the color of the text in the emphasis tag
# '''The value''' of the property (in the above example, it would be a color like "red" for the emphasis tag.

Each tag is not limited to only one rule; the emphasis tag could have more than one:

em { color: green }<br>
em { size: larger}

So an example of a whole style element, within the context of a web page, would look like the following:
<pre>

<head>
<style type="text/css">
body {
padding-left: 11em;
font-family: Arial, Helvetica, sans serif;
color: green;
background-color: #FFFFFF }
em {
font-style: bolder;
color: red}
</style>
</head>

Note that there are other elements of the header that should go on, such as the , <meta> tags, and whatever javascript may be needed. </p> <div class="editsection" style="float:right;margin-left:5px;">[<a href="/CSS_Codes/edit/?section=3" title="Edit section: Separating the Content">edit</a>]</div><a name="Separating_the_Content"></a><h2>Separating the Content</h2> <p>While it's fine to set up the css in the head of the page (and this is especially useful for pages that <i>need</i> to look different than the rest of the site) it tends to get crowded. A full set of rules to cover all tags can run many, many lines of code. And at that point the page is once again becoming cluttered and filled with things that are not needed. </p><p>To really experience the magic of CSS codes, the style selectors should be put in a separate file, usually with the suffix ".css" (as opposed to .html or the like). No other tags such as <i>head</i> or <i>style</i> are necessary – just start the page with the first tag to be modified and go about defining the rules and selectors. </p><p>However, at that point the page that references the .css page must be defined. That is done again in the <i>head</i> element on the page, but with a simple tag definition: </p> <link rel="stylesheet" href="pathToStyleSheet.css"> <p>where the "pathToStyleSheet.css" would be the page created with all the rules. When the site needs to be changed, only the .CSS codes need to be changed – all the other pages that reference it will automatically be switched. </p><p>This document only scratches the surface of the creation of cascading style sheets, but with a solid background on the principles and some research in other <a href="http://web-design.lovetoknow.com/Main_Page|web" target="_blank" class="external text" title="http://web-design.lovetoknow.com/Main_Page|web" target="_blank" >design articles</a>, implementation of this time and bandwidth-saving technique is fast and easy. </p>  <div class="printfooter"> Retrieved from "<a href="http://web-design.lovetoknow.com/CSS_Codes">http://web-design.lovetoknow.com/CSS_Codes</a>"</div> </div></div></div><div id="contributors"><hr style="height:1px;"/><br><script type="text/javascript">getContributors('Initial Author: <a href="/User:GrayMiller" rel="noindex,nofollow">GrayMiller</a><br>Recent Contributors: <a href="/User:MaryBethAdomaitis" rel="noindex,nofollow">MaryBethAdomaitis</a>, <a href="/User:Ann M." rel="noindex,nofollow">Ann M.</a>')</script> </div><br><br/> <div style="width:100%;float:left"> <span name="KonaFilter"> <div name="commentForm" id="commentForm" style="height:240px;width:440px;padding-left:15px;padding-top:5px;padding-bottom:5px;float:left;border:1px solid black;background-color:#EFEFEF"> <a name="comments"></a> <h2>Comment on CSS Codes</h2>  <form name="comment" id="comment" method="post"> <br/> <input size="29" type="text" name="cUserName" id="cUserName" value="Enter your name here" class="preText" onfocus="this.className='';this.value=''"> <input class="preText" size="29" type="text" name="cEmail" id="cEmail" value="Enter your email address here" onfocus="this.className='';this.value=''"> <br/><font class="tinysmall">(Displayed with your comment) (Will not be displayed) </font> <br/> <div style="padding-top:10px"> <textarea name="commentText" id="commentText" rows="5" style="width:95%"></textarea> <input type="hidden" name="itemID" id="itemID" value="1638"> <input type="hidden" name="cmdSubmit" id="cmdSubmit" value="Save"> <input type="hidden" name="image_random_value" value="255b398b892dc68dd354a9aa7b4db49c"> </div> <div style="float:left;width:60%;padding-top:5px;">Verification Code: <input size="5" type="text" name="imageCode" style="height:20px;" id="imageCode"/> <img src="/skins/js/randomImage.php?rand=M%DC%AC%9B%3F"> </div> <div style="text-align:right;float:left;width:40%;padding-top:5px;"> <input type="image" onclick="return validateForm()" src="http://content.lovetoknow.com/skins/common/images/internet-add-comment.gif" border="0"> </div> </form> </div> </span> </div> <br/><div id="mainBottomLinks"><div id="bottomLink" > <script type="text/javascript">getBottomLinks('live','This page has been accessed 282 times.',' This page was last modified 05:11, 3 June 2008.','CSS_Codes','','','0', '0','','LoveToKnow_Web-Design','Web-Design','0','0')</script> </div></div><div id="mainBottomLinks" style="width:100%;text-align:center"><a href="/Main_Page">Web-Design Home</a><br><br><font face="verdana,arial" size="1">This page has been accessed 282 times. This page was last modified 05:11, 3 June 2008.<br>© 2006-2008 LoveToKnow Corp.</font></div></div> <script src=" http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct="UA-2328246-31"; _udn="lovetoknow.com"; urchinTracker(); </script> </div> </div> <div id="leftNav"> <div id="leftNavCategories" class="leftCategories"><a class="tinyArticlesHeading" href="/Main_Page"><b>Web Design</b></a><br/><ul> <li><a href="/Category:Web_Coding"><div class="tiny">Web Coding</div></a></li> <ul><li><a class="normalRelatedlink" href="Free_HTML_Countdown">Free HTML Countdown</a></li><li><a class="normalRelatedlink" href="Javascript_Hit_Counter">Javascript Hit Counter</a></li><li><a class="normalRelatedlink" href="Javascript_Website_Builder">Javascript Website Builder</a></li><li><a class="normalRelatedlink" href="HTML_for_Screen_Resolutions">HTML for Screen Resolutions</a></li><li><a class="normalRelatedlink" href="What_is_XML">What is XML</a></li><li><a class="normalRelatedlink" href="Javascript_Applet_Communication">Javascript Applet Communication</a></li><li><a class="normalRelatedlink" href="CoffeeCup_HTML_Editor">CoffeeCup HTML Editor</a></li><li><a class="normalRelatedlink" href="WYSIWYG_HTML_Editor_Reviews">WYSIWYG HTML Editor Reviews</a></li></ul> <li><a href="/Category:Web_Design_Tips_and_Tutorials"><div class="tiny">Web Design Tips and Tutorials</div></a></li> <li><a href="/Category:Web_Design_Tools"><div class="tiny">Web Design Tools</div></a></li> <li><a href="/Category:Web_Graphics"><div class="tiny">Web Graphics</div></a></li> <li><a href="/Category:Website_Hosting"><div class="tiny">Website Hosting</div></a></li> </ul></div><br/>  <script type="text/javascript" language="JavaScript">render160Ad('343913','Web-Design')</script> <br><br> <span name="KonaFilter"> <form name="form" method="get" action="/index.php"> <div class="emailUpdateBox"> <div class="emailUpdateHeading">E-Mail Updates</div><br> Sign up for a free LoveToKnow e-newsletter to get exclusive recipes, decorating tips and great information you need! <br><input size="22" type="text" name="updatEmail" id="updatEmail" value="Enter your email address" onfocus="if(this.value=='Enter your email address') {this.value='';}"> <input type="hidden" name="articleTitle" id="articleTitle" value="CSS_Codes"> <input name="title" type="hidden" value="LoveToKnow_Web-Design:Subscribed_User"><br> <font class="tinyfont"> <input type="checkbox" name="chkPartnerEmail" value="TRUE" checked>Receive offers from our partners.<br><br> Read our <a class="tinyfont" href="http://www.lovetoknow.com/lovetoknow-privacy-policy.htm" target="_blank">privacy policy.</a><br><br></font> <div class="emailUpdateButton"><input type="image" src="http://content.lovetoknow.com/skins/common/images/signup_button.gif" border="0"></div> </div> </form> <br/> </span> <div class="printOption"><a href="#" onclick="window.open('/index.php?title=CSS_Codes&printable=yes','','scrollbars=yes,menubar=no,resizable=yes')">PRINT THIS PAGE</a></div> <br/> <div class="emailOption"><a href="#" onclick="window.open('/includes/referAFriend.php?title=CSS_Codes','','menubar=no,resizable=no,height=400,width=500')">EMAIL TO FRIEND</a></div>  <div id="LeftNavText"> <script type="text/javascript">getLeftNavigationText('<hr /> <center><b>Common Web Hosting Questions</b></center> <div width=\"100%\" align=\"center\"><div class=\"floatnone\"><span><a href=\"/Image:Questions.jpg\" class=\"image\" title=\"questions\"><img src=\"/images/Web-Design/thumb/3/36/Questions.jpg/140px-Questions.jpg\" alt=\"questions\" width=\"140\" height=\"93\" longdesc=\"/Image:Questions.jpg\" /></a></span></div></div> <p>Learn the answers to some of the most common questions about <a href=\"/Website_Hosting_Questions\" title=\"Website Hosting Questions\">website hosting</a>. </p> <hr /> <center><b>Top 5 Web Design Articles</b></center> <ul><li><a href=\"/Free_Fonts_Helvetica_Truetype\" title=\"Free Fonts Helvetica Truetype\">Free Fonts Helvetica Truetype</a> </li><li><a href=\"/Flash_Drop-down_Menu_Tutorial\" title=\"Flash Drop-down Menu Tutorial\">Flash Drop-down Menu Tutorial</a> </li><li><a href=\"/Free_Wedding_Text_Font\" title=\"Free Wedding Text Font\">Free Wedding Text Font</a> </li><li><a href=\"/Free_HTML_Countdown\" title=\"Free HTML Countdown\">Free HTML Countdown</a> </li><li><a href=\"/Free_Password_Codes_to_Protect_Web_Page\" title=\"Free Password Codes to Protect Web Page\">Free Password Codes to Protect Web Page</a> </li></ul> <hr /> <p> </p>')</script> <br><script type="text/javascript">donationMeter('The Childrens Defense Fund');</script> <br><span name="KonaFilter"> <form name="form" method="post"> <table width="150" style="border: 1px solid #CCCCCC;How much do you spend per month on website hosting?"> <tr><td> <br><center><img src="/skins/Survey/Upload/Question/79/webdesign survey.jpg"></center><br><br><b>How much do you spend per month on website hosting?</b><br><input type="hidden" name="hdnQues" value="79"><input type="hidden" name="hdnResultType" value="1"><label><input type="radio" name="rdAnswer" id="rdAnswer" value="237">Under $5</label><br><label><input type="radio" name="rdAnswer" id="rdAnswer" value="238">Between $5 and $10</label><br><label><input type="radio" name="rdAnswer" id="rdAnswer" value="239">Between $10 and $20</label><br><label><input type="radio" name="rdAnswer" id="rdAnswer" value="240">Why, free of course!</label><br><label><input type="radio" name="rdAnswer" id="rdAnswer" value="241">Other</label><br><input type="submit" name="cmdPollSubmit" value="Submit"> </td></tr> </table> </form> </span> </div> <br/> </div> </div> <script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script> </div></div> <div id="BreadcrumbNav"> <div id="topCreadcrumb" class="topbreadcrumb"><a class="breadcrumbHeading" href="/Main_Page">WEB DESIGN</a></div> <div id="searchNav" class="topbreadcrumb"><script type="text/javascript">getSearch('','LoveToKnow_Web-Design','Web-Design','')</script></div> </div> <div id="bottomBreadCrumbMain" class="bottombreadcrumb"> <div id="bottomBreadcrumb" class="bottombreadcrumb"> <div style="float:right;padding-right:20px">  <script type="text/javascript">addthis_pub = 'annmc';</script> <a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>  </div> <div style="float:left">You are here: <a href="http://www.lovetoknow.com">LoveToKnow</a> » <a href="http://www.lovetoknow.com/internet.html">Internet & Technology</a> » <a href="/Main_Page">Web Design</a> » <a href="/Category:Web_Coding">Web Coding</a> » CSS Codes</div> </div> </div> <div id="topLoginLink"> <br/> <div align="right">  <script type="text/javascript" language="JavaScript"> aj_server = 'http://rotator.adjuggler.com/servlet/ajrotator/'; aj_tagver = '1.0'; aj_zone = 'ltk'; aj_adspot = '343910'; aj_page = '0'; aj_dim ='286707'; aj_ch = ''; aj_ct = ''; aj_kw = ''; aj_pv = true; aj_click = ''; </script><script type="text/javascript" language="JavaScript" src="http://img1.adjuggler.com/banners/ajtg.js"></script> </div><div class="tagline">everything you'd love to know</div> </div> <div id="topLogoNav"><br/><a href="http://www.lovetoknow.com"><img src="http://content.lovetoknow.com/skins/common/images/ltk_158_wide.jpg" border="0"></a>  <TABLE class=surround width=960> <TR> <TD>   <DIV class=menu> <UL class="menuBar"> <LI class="business menubar2"><A href="http://www.lovetoknow.com/business.html" style="font-size:11px;">Business & Finance</A>  <UL class="menuBar"> <li class="menubar2"><a title="Business" href="http://business.lovetoknow.com">Business</a></li><li class="menubar2"><a title="Credit Cards" href="http://creditcards.lovetoknow.com">Credit Cards</a></li><li class="menubar2"><a title="Freelance Writing" href="http://freelance-writing.lovetoknow.com">Freelance Writing</a></li><li class="menubar2"><a title="Insurance" href="http://insurance.lovetoknow.com">Insurance</a></li><li class="menubar2"><a title="Jobs" href="http://jobs.lovetoknow.com">Jobs</a></li><li class="menubar2"><a title="Mortgage" href="http://mortgage.lovetoknow.com">Mortgage</a></li><li class="menubar2"><a title="Save" href="http://save.lovetoknow.com">Save</a></li> </UL> </LI> <LI class="entertainment menubar2"><A href="http://www.lovetoknow.com/entertainment.html" style="font-size:11px;">Entertainment & Hobbies</A>  <UL class="menuBar"> <li class="menubar2"><a title="Best" href="http://best.lovetoknow.com">Best</a></li><li class="menubar2"><a title="Board Games" href="http://boardgames.lovetoknow.com">Board Games</a></li><li class="menubar2"><a title="Celebrity" href="http://celebrity.lovetoknow.com">Celebrity</a></li><li class="menubar2"><a title="Cheerleading" href="http://cheerleading.lovetoknow.com">Cheerleading</a></li><li class="menubar2"><a title="Crafts" href="http://crafts.lovetoknow.com">Crafts</a></li><li class="menubar2"><a title="Dance" href="http://dance.lovetoknow.com">Dance</a></li><li class="menubar2"><a title="Guitar" href="http://guitar.lovetoknow.com">Guitar</a></li><li class="menubar2"><a title="Movies" href="http://movies.lovetoknow.com">Movies</a></li><li class="menubar2"><a title="Music" href="http://music.lovetoknow.com">Music</a></li><li class="menubar2"><a title="Paranormal" href="http://paranormal.lovetoknow.com">Paranormal</a></li><li class="menubar2"><a title="Sci-Fi" href="http://sci-fi.lovetoknow.com">Sci-Fi</a></li><li class="menubar2"><a title="Scrapbooking" href="http://scrapbooking.lovetoknow.com">Scrapbooking</a></li><li class="menubar2"><a title="Soap-Operas" href="http://soap-operas.lovetoknow.com">Soap-Operas</a></li><li class="menubar2"><a title="Video Games" href="http://videogames.lovetoknow.com">Video Games</a></li> </UL> </LI> <LI class="family menubar2"><A href="http://www.lovetoknow.com/family.html" style="font-size:11px;">Family & Lifestyle</A>  <UL class="menuBar"> <li class="menubar2"><a title="Recovery" href="http://addiction.lovetoknow.com">Recovery</a></li><li class="menubar2"><a title="Baby" href="http://baby.lovetoknow.com">Baby</a></li><li class="menubar2"><a title="Cats" href="http://cats.lovetoknow.com">Cats</a></li><li class="menubar2"><a title="College" href="http://college.lovetoknow.com">College</a></li><li class="menubar2"><a title="Dating" href="http://dating.lovetoknow.com">Dating</a></li><li class="menubar2"><a title="Divorce" href="http://divorce.lovetoknow.com">Divorce</a></li><li class="menubar2"><a title="Dogs" href="http://dogs.lovetoknow.com">Dogs</a></li><li class="menubar2"><a title="Death and Dying" href="http://dying.lovetoknow.com">Death and Dying</a></li><li class="menubar2"><a title="Feng Shui" href="http://feng-shui.lovetoknow.com">Feng Shui</a></li><li class="menubar2"><a title="Horoscopes" href="http://horoscopes.lovetoknow.com">Horoscopes</a></li><li class="menubar2"><a title="Kids" href="http://kids.lovetoknow.com">Kids</a></li><li class="menubar2"><a title="Safety" href="http://safety.lovetoknow.com">Safety</a></li><li class="menubar2"><a title="Seniors" href="http://seniors.lovetoknow.com">Seniors</a></li><li class="menubar2"><a title="Teens" href="http://teens.lovetoknow.com">Teens</a></li> </UL> </LI> <LI class="health menubar2"><A href="http://www.lovetoknow.com/health.html" style="font-size:11px;">Health & Beauty</A>  <UL class="menuBar"> <li class="menubar2"><a title="Diet" href="http://diet.lovetoknow.com">Diet</a></li><li class="menubar2"><a title="Exercise" href="http://exercise.lovetoknow.com">Exercise</a></li><li class="menubar2"><a rel="nofollow" title="Hair" href="http://hair.lovetoknow.com">Hair</a></li><li class="menubar2"><a title="Herbs" href="http://herbs.lovetoknow.com">Herbs</a></li><li class="menubar2"><a title="Makeup" href="http://makeup.lovetoknow.com">Makeup</a></li><li class="menubar2"><a title="Pregnancy" href="http://pregnancy.lovetoknow.com">Pregnancy</a></li><li class="menubar2"><a title="Skincare" href="http://skincare.lovetoknow.com">Skincare</a></li><li class="menubar2"><a title="Stress" href="http://stress.lovetoknow.com">Stress</a></li><li class="menubar2"><a title="Tattoos" href="http://tattoos.lovetoknow.com">Tattoos</a></li><li class="menubar2"><a title="Vitamins" href="http://vitamins.lovetoknow.com">Vitamins</a></li><li class="menubar2"><a title="Yoga" href="http://yoga.lovetoknow.com">Yoga</a></li> </UL> </LI> <LI class="home menubar2"><A href="http://www.lovetoknow.com/home-garden.html" style="font-size:11px;">Home, Garden & Events</A>  <UL class="menuBar"> <li class="menubar2"><a title="Antiques" href="http://antiques.lovetoknow.com">Antiques</a></li><li class="menubar2"><a title="Candles" href="http://candles.lovetoknow.com">Candles</a></li><li class="menubar2"><a title="Christmas" href="http://christmas.lovetoknow.com">Christmas</a></li><li class="menubar2"><a title="Costumes" href="http://costumes.lovetoknow.com">Costumes</a></li><li class="menubar2"><a title="Garden" href="http://garden.lovetoknow.com">Garden</a></li><li class="menubar2"><a title="Green Living" href="http://greenliving.lovetoknow.com">Green Living</a></li><li class="menubar2"><a title="Home Improvement" href="http://homeimprovement.lovetoknow.com">Home Improvement</a></li><li class="menubar2"><a title="Interior Design" href="http://interiordesign.lovetoknow.com">Interior Design</a></li><li class="menubar2"><a rel="nofollow" title="Organic" href="http://organic.lovetoknow.com">Organic</a></li><li class="menubar2"><a title="Party" href="http://party.lovetoknow.com">Party</a></li><li class="menubar2"><a title="Recipes" href="http://recipes.lovetoknow.com">Recipes</a></li><li class="menubar2"><a rel="nofollow" title="Weddings" href="http://weddings.lovetoknow.com">Weddings</a></li><li class="menubar2"><a title="Wine" href="http://wine.lovetoknow.com">Wine</a></li> </UL> </LI> <LI style="font-weight:bold;background-color:#7fbad1" class="internet menubar2"><A href="http://www.lovetoknow.com/internet.html" style="font-size:11px;">Internet & Technology</A> <UL class="menuBar"> <li class="menubar2"><a title="Buy" href="http://buy.lovetoknow.com">Buy</a></li><li class="menubar2"><a title="Cell Phones" href="http://cellphones.lovetoknow.com">Cell Phones</a></li><li class="menubar2"><a title="Online" href="http://online.lovetoknow.com">Online</a></li><li class="menubar2"><a title="Social Networking" href="http://socialnetworking.lovetoknow.com">Social Networking</a></li><li class="menubar2"><a title="Web Design" href="http://web-design.lovetoknow.com">Web Design</a></li> </UL> </LI> <LI class="sstyle menubar2"><A href="http://www.lovetoknow.com/style.html" style="font-size:11px;">Style & Shopping</A> <UL class="menuBar"> <li class="menubar2"><a title="Engagement Rings" href="http://engagementrings.lovetoknow.com">Engagement Rings</a></li><li class="menubar2"><a title="Handbags" href="http://handbags.lovetoknow.com">Handbags</a></li><li class="menubar2"><a title="Jewelry" href="http://jewelry.lovetoknow.com">Jewelry</a></li><li class="menubar2"><a title="Lingerie" href="http://lingerie.lovetoknow.com">Lingerie</a></li><li class="menubar2"><a title="Men's Fashion" href="http://mens-fashion.lovetoknow.com">Men's Fashion</a></li><li class="menubar2"><a title="Plus Size" href="http://plussize.lovetoknow.com">Plus Size</a></li><li class="menubar2"><a title="Shoes" href="http://shoes.lovetoknow.com">Shoes</a></li><li class="menubar2"><a title="Sunglasses" href="http://sunglasses.lovetoknow.com">Sunglasses</a></li><li class="menubar2"><a title="Swimsuits" href="http://swimsuits.lovetoknow.com">Swimsuits</a></li><li class="menubar2"><a title="Watches" href="http://watches.lovetoknow.com">Watches</a></li><li class="menubar2"><a title="Women's Fashion" href="http://womens-fashion.lovetoknow.com">Women's Fashion</a></li> </UL> </LI> <LI class="travel menubar2"><A href="http://www.lovetoknow.com/travel.html" style="font-size:11px;">Travel & Vacations</A> <UL class="menuBar"> <li class="menubar2"><a title="Camping" href="http://camping.lovetoknow.com">Camping</a></li><li class="menubar2"><a title="Cruises" href="http://cruises.lovetoknow.com">Cruises</a></li><li class="menubar2"><a title="San Francisco" href="http://sanfrancisco.lovetoknow.com">San Francisco</a></li><li class="menubar2"><a title="Theme Parks" href="http://themeparks.lovetoknow.com">Theme Parks</a></li><li class="menubar2"><a title="Travel" href="http://travel.lovetoknow.com">Travel</a></li> </UL> </LI> </UL></DIV> </TD> </TR></TBODY></TABLE> <div>   <script type="text/javascript"> var dc_UnitID = 14; var dc_PublisherID = 25351; var dc_AdLinkColor = '#0000CC'; var dc_isBoldActive= 'no'; var dc_adprod='ADL'; </script> <script type="text/javascript" SRC="http://kona.kontera.com/javascript/lib/KonaLibInline.js"></script>  </body></html>