/* sets all default margins and padding values to zero */ * { padding: 0; margin: 0; } html { font-size: 100%; }   /* this aligns all elements to center for IE6 which doesn't read auto margin, also sets body margin and padding to zero */ body { text-align:center; margin: 10px 0; padding: 0 0; font-size: 62.5%; background-color:#dfe0e0; background-image:url(images/pagebackground.jpg); background-repeat:repeat-x; } /* this class clears float containers and is used with a break */    .clear {  clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .rightFloatImg { float: right; display: inline; margin: 0; padding: 0; } /* --------------------------------- */ /* Main Layout Logic */ #mainFrame { margin: 0 auto; width: 780px; background-color:#80bebe; background-image:url(images/mainframe_bg.gif); background-repeat:repeat-y;  border: 1px solid #454545; } #leftFrame { width: 140px; background-color:#80bebe; float: left;  } #searchFrame { width: 140px; height: 30px; padding-top: 20px; background-color:#80bebe; } #cartSummaryFrame { width: 95px; height: 27px; float: left; margin-left: 3px; margin-top: 5px; text-align:left; background-color:#000000; }     #flashFrame { width: 140px; height: 300px; background-color:#80bebe; }   #mastheadFrame { width: 630px; height: 110px;    float: left; background-color:#333; text-align:left; background-image:url(images/masthead_bg.gif); background-repeat:no-repeat;   } #naviFrame { width: 222px; height: 20px; margin-top: 90px; margin-left: 408px; background-color:#e0e0e0; }    #contentFrame { width: 470px; padding-left:5px; background-color:#FFFFFF; float:left; text-align:center; } #profileTextFrame { width: 250px; float:left; display:inline; padding: 0 5px; }    #profileImgFrame {   width: 200px; float: left; display:inline; padding-left: 5px;  padding-bottom: 10px; }    #centerWrapper {   text-align:center; margin-top: 10px;   }     #footerFrame { width: 780px; height: 20px; background-color:#80bebe; }  #rightColumn { width: 135px; float: left; }     .contentImg { margin-top: 10px; }  .creditCards { margin-top: 30px; }     .prodImgs { margin-right: 5px; } .profileImg1 { margin-top: 10px; border: 1px solid; margin-bottom: 5px;    }	    .profileImg2 { margin-top: 20px; border: 1px solid;  }   .profileImg3 { margin-top: 10px; border: 1px solid;  }  .shopImg { margin-top: 15px; margin-bottom: 10px; text-align: center; border: 1px solid #80bebe; } .hollsFrame { margin-top: 35px; float: left; }  .villasFrame { margin-top: 25px; } /* SPECIAL OFFERS HOME PAGE */ #offersFrame { margin: 10px 0 0 0; padding: 0; width: 470px; }   .bestSellersFrame { width: 220px; height: 120px; float: left; display:inline; margin-left: 7px; margin-bottom: 3px; margin-top: 3px; border: 1px dotted #99cccc; }    /* ------------------------- */  /* Christmas Layout Logic */ #xmasFrame { margin: 10px 0 20px 0; padding: 0; width: 460px;  border: 1px solid #2c361d; background-image:url(images/xmas_bg3.jpg); background-repeat:no-repeat; } #xmasFrame p.title { font-size: 1.8em; color:#eb7105; font-weight:bold; text-align:center; }   #xmasFrame p.header { padding: 10px; font-size: 1.1em; font-weight:bold; color:#191919; }  #xmasFrame p.footer { padding: 10px; font-size: 1.1em; font-weight:bold; color:#191919; }   dl {  list-style:none; margin: 5px 0 5px 5px; padding: 0; float: left; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; } dt { float: left; text-align:right; margin: 0; padding: 2px 15px 2px 20px;   width: 150px; color:#fff; } dd {   margin: 0; padding: 2px 0 2px 0;  }        /* ------------------------ */    /* Text & Link Styles */ h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; text-align:left; margin: 20px 0 10px 20px; color: #f95006; } h2 { margin: 6px 0 0 0; text-align:center; padding: 5px 0 5px 0;   } h3 { text-align: center; font-size:1.4em; }      p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; padding: 0 0; margin: 0 0; text-align:left; color:#525252; } p.centred { text-align:center; }    p.content { margin-top: 10px; text-align:justify; }    p.boldContent, p.boldContentCentred { margin-left: 10px; margin-top: 5px; font-weight:bold; } p.boldContentCentred { margin: 0; text-align:center; } p.priceBold { margin: 0; text-align:center; font-weight:bold; color: #f95006; } p.boldRed { color:#a7031a; font-size:1.6em; margin: 5px 5px; }   p.profile { width: 263px; float: left; display:inline; margin-top: 10px; }  p.cartSummary { font-size: 1.1em; color:#ff9900; padding-left: 2px; }   p.contactBold, .contactBoldBottom { font-size: 1.1em; text-align:center; font-weight:bold; }  p.contactBoldBottom { margin-bottom: 25px; }    p.boldProtx { color:#f95006; font-size:1.6em; margin: 5px 5px; }    p.boldBlack  { margin: 5px 5px; padding: 0; font-weight:bold; color:#000; }    p.login { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; text-align:left; padding: 0 20px;   } p.cyberstudios { margin-right: 15px; padding-top: 3px; text-align:right; font-size:10px; }  a.admin { color: #f95006; text-decoration:none; }   p.editedMsg { color: #f95006; font-size:1.4em; margin-left: 20px; font-weight:bold; } ul.contentManagement { margin-left: 40px; text-align:left; }  p.telephone {  font-size:1.1em; font-weight:bold; color:#fff; width: 205px; height: 18px; padding-top: 2px; padding-right: 5px; text-align:right;   }    p.hollsBanner { width: 280px; padding-left: 20px; text-align:center; float: left; margin-top: 40px; }   #footerFrame a { color:#fff; text-decoration:none; }      /* Site Menu Styles */ #horizMenuFrame ul { list-style:none; margin: 0 0 0 0; padding:0; } #horizMenuFrame li { float:left; } #horizMenuFrame li a { text-decoration:none; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#fff; display:block;    margin: 5px 0 0 0; padding: 0 10px 0 1px; }  /* Product Menu Styles */ #menuFrame { width: 150px; float: left; background-color:#a6d5d6;   }   #menuFrame ul { list-style:none; margin: 0; padding:0;   } #menuFrame li { margin: 0; padding: 0; line-height: 1.5em; /* needed for IE to fix spaces between links */   } #menuFrame a { text-decoration:none; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#424242;    display:block; background-color:#a6d5d6; width: 140px;    padding: 5px 10px 5px 0;  margin: 0 0; border-bottom: 1px solid #fff;    } #menuFrame a:hover { background-color:#d0e8e8;   }    #menuFrame .current {  background-color:#d0e8e8;   }      /*CONTACT PAGE FORM STRUCTURE */ #contact { margin: 0; padding: 0; width: 450px;		 text-align:center; display:inline; } #contact .formLabels { width: 60px; height: 17px;	    float:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;	 font-weight:normal;   color:#173527; text-align:right; padding-right: 5px; padding-top: 3px; padding-left: 45px; margin-top: 10px; }	 #contact .formFields, #contact .textFields { float:left; display:inline;	   text-align:left; padding: 2px 0; margin: 10px 0 0 0;	   } #contact input, #contact textarea { background-color:#ededef; border: 1px solid; border-left-color:#173527; border-top-color:#173527; border-right-color:#ccc; border-bottom-color:#ccc;	 }	 #contact textarea { margin: 15px 0px 5px 0; padding: 0 0; float:left; display:inline; }	  	 #contact .sendButton { float:left; display:inline;		 margin-left:125px; margin-top: 5px;	  } #contact .resetButton { float:left; display:inline;		  margin-left:15px; margin-top: 5px;	  }  /*LOGIN PAGE FORM STRUCTURE */ #login-form { margin: 15px 0 0 0; padding: 0 0 10px 0; width: 345px;		 float:left; display:inline; padding-left: 0; } #login-form .formLabels { width: 80px; height: 17px;	    float:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;	 font-weight:normal;   color:#ff3f00; text-align:right; padding-right: 10px; padding-top: 3px; padding-left: 5px; margin-top: 10px; }		 #login-form .formFields { width: 250px;	   float:left; display:inline;	   text-align:left; padding: 2px 0; margin: 10px 0 0 0;	   }  #login-form input { background-color:#e1ecf6; border: 1px solid; border-left-color:#aaa; border-top-color:#aaa; border-right-color:#ccc; border-bottom-color:#ccc;	 }	 #login-form .sendButton { float:left; display:inline;		 margin-left:95px; margin-top: 5px;	  } #subscribeFrame { width: 140px; height: 130px; margin: 25px 0 0 0; float:left; display:inline; } #subscribe {   width: 130px; height: 125px; margin: 0; } #subscribe .formLabels { margin: 8px 3px 10px 0; padding: 0 0 0 0; width: 30px;	      float:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	 color:#000; text-align:right;	        } #subscribe input { width: 95px; height: 16px; margin: 8px 0 0 0;     float:left; display:inline; background-color:#fff; border: 1px solid; border-left-color:#173527; border-top-color:#173527; border-right-color:#ccc; border-bottom-color:#ccc;	 } #subscribe input.sendButton { width: 95px; height: 16px; font-size:11px; float:left; display:inline;		 margin: 0 0 0 33px;	  background-color:#fff;	  } p.newsletter { font-size: 11px; color:#000000; margin: 0 0 5px 0; text-align:justify; } p.newsletterHeader { font-size: 11px; color:#000000; font-weight:bold; margin: 0 0 5px 0; }