body  { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-image: url('bg.jpg'); background-position: top; background-repeat: repeat-x; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #tincan { } * html #container{ height: 662px; width: 1020px; } #container{ border: 0; width: 1020px; background-color: #FFFFFF; min-height: 662px; margin: 0 auto;  text-align: left; } body.home #container{ background: #fff url('mast-umbrella-home.jpg') right top no-repeat; } body.home #top{background:('mast-umbrella-home.jpg') no-repeat 744px -25px;  } body.home #next{ background-color: #91C502; width: 744px; min-height: 117px; } body.kiddidome #container{ background: #fff url('mast-top-right-kiddidome.jpg') right top no-repeat; } body.kiddidome #top{background:('mast-top-right-kiddidome.jpg') no-repeat 744px -25px;  } body.kiddidome #next{ background-color: #955BF7; width: 744px; min-height: 117px; } body.lace #container{ background: #fff url('mast-top-right-lace.jpg') right top no-repeat; } body.lace #top{background:('mast-top-right-lace.jpg.jpg') no-repeat 744px -25px;  } body.lace #next{ background-color: #D6D7D9; width: 744px; min-height: 117px; } body.plaid #container{ background: #fff url('mast-top-right-plaid.jpg') right top no-repeat; } body.plaid #top{background:('mast-top-right-plaid.jpg') no-repeat 744px -25px;  } body.plaid #next{ background-color: #AB0709; width: 744px; min-height: 117px; } body.stardome #container{ background: #fff url('mast-top-right-stardome.jpg') right top no-repeat; } body.stardome #top{background:('mast-top-right-stardome.jpg') no-repeat 744px -25px;  } body.stardome #next{ background-image: url('mast-top-right-stardome-bg.jpg'); width: 744px; min-height: 117px; } body.cow-and-zebra #container{ background: #fff url('mast-top-right-cow-and-zebra.jpg') right top no-repeat; } body.cow-and-zebra #top{background:('mast-top-right-cow-and-zebra.jpg') no-repeat 744px -25px;  } body.cow-and-zebra #next{ background-color: #990000; width: 744px; min-height: 117px; } body.2tdome #container{ background: #fff url('mast-top-right-2tdome.jpg') right top no-repeat; } body.2tdome #top{background:('mast-top-right-2tdome.jpg') no-repeat 744px -25px;  } body.2tdome #next{ background-color: #D8668A; width: 744px; min-height: 117px; } body.regular #container{ background: #fff url('mast-top-right-regular.jpg') right top no-repeat; } body.regular #top{background:('mast-top-right-regular.jpg') no-repeat 744px -25px;  } body.regular #next{ background-color: #4F1270; width: 744px; min-height: 117px; } body.petaldome #container{ background: #fff url('mast-top-right-petaldome.jpg') right top no-repeat; } body.petaldome #top{background:('mast-top-right-petaldome.jpg') no-repeat 744px -25px;  } body.petaldome #next{ background-color: #FFABD4; width: 744px; min-height: 117px; } body.flowerdome #container{ background: #fff url('mast-top-right-flowerdome.jpg') right top no-repeat; } body.flowerdome #top{background:('mast-top-right-flowerdome.jpg') no-repeat 744px -25px;  } body.flowerdome #next{ background-color: #FFFF00; width: 744px; min-height: 117px; } body.dogbrolly #container{ background: #fff url('mast-top-right-dog2.jpg') right top no-repeat; } body.dogbrolly #top{background:('mast-top-right-dog2.jpg') no-repeat 744px -25px;  } body.dogbrolly #next{ background-color: #D0B620; width: 744px; min-height: 117px; } body.retrod #container{ background: #fff url('mast-top-right-retrodome.jpg') right top no-repeat; } body.retrod #top{background:('mast-top-right-retrodome.jpg') no-repeat 744px -25px;  } body.retrod #next{ background-color: #B1A7B0; width: 744px; min-height: 117px; } body.zebra #container{ background: #fff url('mast-top-right-zebra.jpg') right top no-repeat; } body.zebra #top{background:('mast-top-right-zebra.jpg') no-repeat 744px -25px;  } body.zebra #next{ background-color: #292A2F; width: 744px; min-height: 117px; } body.polk #container{ background: #fff url('mast-top-right-polkadotbrollie.jpg') right top no-repeat; } body.polk #top{background:('mast-top-right-polkadotbrollie.jpg') no-repeat 744px -25px;  } body.polk #next{ background-color: #E8194D; width: 744px; min-height: 117px; } body.hannahdot #container{ background: #fff url('mast-top-right-hannahdot.jpg') right top no-repeat; } body.hannahdot #top{background:('mast-top-right-hannahdot.jpg') no-repeat 744px -25px;  } body.hannahdot #next{ background-color: #0283B0; width: 744px; min-height: 117px; } * html #next{ width: 744px; height: 117px; } body.products #container{ background:#fff url('mast-umbrella-pic-mod.jpg') right top no-repeat; } body.products #top{background:('mast-umbrella-pic-mod.jpg') no-repeat 744px -25px;  } body.products #next{ background-color: #DA433A; width: 744px; min-height: 117px; } body.dogs #container{ background:#fff url('mast-top-right-dog.jpg') right top no-repeat; } body.dogs #top{background:('mast-top-right-dog.jpg') no-repeat 744px -25px;  } body.dogs #next{ background-color: #000066; width: 744px; min-height: 117px; } body.about #container{ background:#fff url('mast-about-pic2.jpg') right top no-repeat; } body.about #top{background:('mast-about-pic2.jpg') no-repeat 744px -25px;  } body.about #next{ background-color: #89C6C1; width: 744px; min-height: 117px; } body.bags #container{ background:#fff url('mast-newbag-pic-mod.jpg') right top no-repeat; } body.bags #top{background:('mast-newbag-pic-mod.jpg') no-repeat 744px -25px;  } body.bags #next{ background-color: #F368A1; width: 744px; min-height: 117px; } body.bagspolka #container{ background:#fff url('mast-bagspolka-pic-mod.jpg') right top no-repeat; } body.bagspolka #top{background:('mast-bagspolka-pic-mod.jpg') no-repeat 744px -25px;  } body.bagspolka #next{ background-color: #FF6FAA; width: 744px; min-height: 117px; } body.bagsSeascape #container{ background:#fff url('mast-seascape-pic-mod.jpg') right top no-repeat; } body.bagsSeascape #top{background:('mast-seascape-pic-mod.jpg') no-repeat 744px -25px;  } body.bagsSeascape #next{ background-color: #FF6FAA; width: 744px; min-height: 117px; } body.bagswoodlands #container{ background:#fff url('mast-bagswoodlands-pic-mod.jpg') right top no-repeat; } body.bagswoodlands #top{background:('mast-bagswoodlands-pic-mod.jpg') no-repeat 744px -25px;  } body.bagswoodlands #next{ background-color: #FF6FAA; width: 744px; min-height: 117px; } body.contact #container{ background:#fff url('mast-newcontact-pic-mod.jpg') right top no-repeat; } body.contact #top{background:('mast-newcontact-pic-mod.jpg') no-repeat 744px -25px;  } body.contact #next{ background-color: #00ACC0; width: 744px; min-height: 117px; } body.corporate #container{ background:#fff url('mast-corporate-pic-mod.jpg') right top no-repeat; } body.corporate #top{background:('mast-corporate-pic-mod.jpg') no-repeat 744px -25px;  } body.corporate #next{ background-color: #E45841; width: 744px; min-height: 117px; } #last{ background-color:#FFFFFF; width: 500px; padding-top: 20px; } .twoColFixLtHdr p{font-size: 10pt;} .twoColFixLtHdr #containerin {  width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 0; text-align: left; }  .twoColFixLtHdr #header {  padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ }  .twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } .twoColFixLtHdr #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ padding: 0; border-left: 1px solid #c0c0c0; } .twoColFixLtHdr #sidebar2 { float: right; /* since this element is floated, a width must be given */ width: 275px;  padding: 0; } .twoColFixLtHdr #mainContent {  margin: 0 275px 0 215px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ } .twoColFixLtHdr #mainContentco {  margin: 0 0 0 215px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ } .mct{ width: 500px; border-collapse: collapse; border-spacing: 0;	 padding: 0;	 text-align: left; }  .mctco{ width: 100%; border-collapse: collapse; border-spacing: 0;	 padding: 0;	 } #footer{ padding: 5px 0 0 0; } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } .style1 { color: #000033; } .style2 {font-family: Arial, Helvetica, sans-serif} .style5 {font-size: 28px} .style6 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; } .style8 {font-size: 34px;} .style9 { font-size: 10pt } .style10 { font-size: xx-small; font-style: italic; } .ind { margin-left: 48px; } #bannertext {padding-top:15px;} #navigation { text-align:right; padding-top:25px; padding-bottom: 7px; font-size: 10pt;} #navigation a{ font-size: 10pt; } #navigation img{ vertical-align: middle; } a.btnourproducts{ width:269px; height:0; margin:15px 0; overflow:hidden; display:block; background:url('btn-our-products.gif') no-repeat left top;; padding-left:0; padding-right:0; padding-top:36px; padding-bottom:0 } a.btncontactus{ width:289px; height:0; margin:15px 0; overflow:hidden; display:block; background:url('btn-contact-us.gif') no-repeat left top;; padding-left:0; padding-right:0; padding-top:36px; padding-bottom:0 } h2 {color: #719b00} #coda table { width: 800px; } #coda { margin: 0 auto; border-top: 8px solid #ccc; font-size: 10pt; text-align: center; width: 1020px; }