/* sets all default margins and padding values to zero */ * { padding: 0; margin: 0; } html { font-size: 100%; height: 100%; }   /* this aligns all elements to center for IE6 which doesn't read auto margin, also sets body margin and padding to zero */ body { height: 100%; text-align:center; margin: 0 0; padding: 0 0; font-size: 62.5%; background-color:#ffffff; } body.loginpage { height: 100%; text-align:center; margin: 0 0; padding: 0 0; font-size: 62.5%; background-color:#f4f5f6; background-image:url(images/login_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; } /* Main Layout Logic */ #mainFrame { width: 770px;	 margin: 10px auto 0 auto; background-image:url(images/mainframe_bg.jpg); background-repeat:repeat-y; border: 1px solid #424242; } #mastheadFrame { width: 770px; height: 145px; background-image:url(images/masthead.jpg); background-repeat:no-repeat; }	 #horizMenuFrame { width: 770px; height: 26px; background-image:url(images/menubar.jpg); background-repeat:no-repeat; } #vertMenuFrame { width: 170px; float: left;	 display:inline; } #contentFrame { width: 595px; margin-left:5px; padding-bottom: 5px; float: left; text-align:left;    display:inline; }	 p.quantityInputFields { float: left; }    #productImgFrame { width: 200px; float: left; display: inline; margin: 10px 0 10px 0; } #productDescriptionFrame { width: 250px; padding-right: 30px; margin: 10px 0 10px 0; float: left; display: inline; } #productPriceFrame { width: 115px; float: left; display: inline; margin: 10px 0 10px 0; }  #extendedInfoDescriptionFrame { width: 450px; padding-right: 30px; float: left; display: inline; } #extendedInfoPriceFrame { width: 112px; padding-top: 20px; padding-right: 3px; float: left; display: inline; text-align:right; }    #feature1 { width: 390px; height: 120px; background-image:url(images/feature_background.jpg); background-repeat:repeat-x; float: left; display:inline; } #feature2 { margin-left: 5px; width: 200px; height: 120px; background-image:url(images/feature_background.jpg); background-repeat:repeat-x; float: left; display:inline; }       #contactFrame { width: 265px; float:left; text-align:left; display:inline; }  .galleryFrameL, .galleryFrameR { width: 290px; height: 230px; float: left; margin-bottom: 20px; } .galleryFrameR { margin-left: 10px; }   .galleryHeader { width: 290px; height: 40px; background-image:url(images/gallery_header_bg.jpg); background-repeat:repeat-x; } .galleryPhoto { border: 1px solid #000; margin: 5px 5px 5px 0; float: left; }   .bestsellerFrame { width: 294px; height: 120px; background-image:url(images/bestseller_bg.jpg); background-repeat:repeat-x; float: left; margin-right: 1px; margin-bottom: 1px; }  .bestsellerPhoto { margin-left: 10px; border: 1px solid #000; float: left; }  #rightPhotoCol { width: 227px; float: right; margin: 0 3px; }    #briggShopPhoto { border: 1px solid #000; }    #grimsbyShopPhoto { border: 1px solid #000; margin-top: 5px; }    /* Website Menu Logic */ #horizMenuFrame ul { list-style:none; margin: 0 0 0 205px; padding:0;   } #horizMenuFrame li { margin: 0; padding: 0; float:left;   } #horizMenuFrame li a { padding: 6px 0 0 0; text-decoration:none; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#ececec;  display:block;  }    #horizMenuFrame li a:hover { color:#929292; }  #horizMenuFrame a.one {  width: 100px;   }  #horizMenuFrame a.two {  width: 100px;   }  #horizMenuFrame a.three {  width: 100px;   }  #horizMenuFrame a.four {  width: 100px;   }  .searchButton { width: 100px; float: left; margin-left: 20px; }  .creditcards { text-align:center; margin: 30px auto 20px 50px; }	        /* Product Menu Logic */ #vertMenuFrame { width: 170px; float: left; } #vertMenuFrame ul { list-style:none; margin: 0; padding:0;   } #vertMenuFrame li { margin: 0; padding: 0; line-height: 1.5em; /* needed for IE to fix spaces between links */   } #vertMenuFrame a { text-decoration:none; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#444;    display:block; width: 160px;    padding: 5px 0 5px 10px;  margin: 0 0;  border-bottom: 2px solid #fff;     } #vertMenuFrame a:hover { background-color:#e8e5e5;   }    #vertMenuFrame .current {  background-color:#e8e5e5;   } /* Text Styles */ p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; margin: 0; padding: 0; color:#575757; }    p.headings { color:#a6a436; font-size:12px; font-weight: bold; text-align:left; margin: 10px 10px 5px 10px; }  p.sectionHeaders { width: 590px; height: 23px; padding-top: 4px; padding-left: 5px; background-image:url(images/section_header.jpg); background-repeat:repeat-x; font-size: 1.2em; font-weight:900; color:#fff; text-align:left;    }  p.receiptHeaders { width: 585px; height: 23px; padding-top: 4px; padding-left: 5px; background-image:url(images/section_header.jpg); background-repeat:repeat-x; font-size: 1.2em; font-weight:900; color:#fff; text-align:left;    }    p.content { text-align:justify; margin: 5px 0; padding: 0; } p.contentFloat { text-align:justify; margin: 5px 5px; padding: 0; float: left; width: 342px; }  p.productPrice { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size: 1.3em; font-weight:900; }    p.productDescription { text-align:justify; color:#5095fc; padding-top: 8px; }   p.prodReference { font-size: 1em; color:#000; text-align:left; }  p.vat { font-size: 0.8em; text-align:left; font-weight:normal; }     p.quantityPrompt { font-size:1em; font-weight:900; text-align:left; color:#5095fc; float:left; padding-top: 3px; }   p.galleryText { font-size: 1em; font-weight: 900; margin: 20px 0 0 0; color:#242121; } dl { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin: 20px 0 0 0; padding: 0; width: 155px; float:left;   } dt { float: left; font-weight:bold; width: 77px; margin-top: 15px; background-image:url(images/blu_bullet.gif); background-repeat:no-repeat; background-position: 0 4px; padding-left: 7px; } dd  { float: left; margin: 0 0 0 0; width: 70px; margin-top: 15px; } p.galleryName { font-size: 1.2em; font-weight:900; color:#fff; text-align:center; width: 125px; padding-top: 12px; float: left; }  p.galleryJob { font-size: 1.1em; font-weight:900; color:#fff; text-align:center; width: 165px; padding-top: 12px; float: left; }  p.bestsellerName { font-size: 1.2em; font-weight:900; color:#fff; text-align:left; width: 125px; padding: 10px 0 10px 10px; }    p.bestsellerPrice { font-size: 1.1em; font-weight:900; color:#fff; text-align:left; padding-top: 2px; }  p.bestsellerDescrip { font-size: 1em; font-weight:normal; color:#fff; text-align:left; padding-top: 2px; }   p.phone { color: #fff; text-align:left; margin-left: 165px; padding-top: 20px; font-size: 1.2em; font-weight:900; }    p.cyberstudiosLink { text-align:right; width: 770px; height: 15px; margin: 0 auto;    font-size:1em; }  p.contactHeader { font-weight:900; font-size:1.3em; color: #444444; padding: 10px 0 0 0;    }  p.quickForm { font-weight:900; font-size:1.3em; color: #444444; padding: 5px 0 0 75px;    }    p.contact {   padding: 2px; } p.terms { text-align:center; padding: 10px 0;   }         a { padding: 0; margin: 0; font-size:1em; font-weight:900;   color:#5095fc; text-decoration:none; } a.bestsellerLink { color:#fff; padding-top: 5px; }    a.cyberstudios { text-decoration:none; }    /*CONTACT PAGE FORM STRUCTURE */  h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;	 font-weight:normal;   color:#5194fd; }  #contact { margin: 10px 0 10px 0; padding: 0; width: 325px;		 float:left; 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: 10px; padding-top: 3px; padding-left: 5px; margin-top: 10px; }	 #contact .noEmail {       font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;	 font-weight:normal;   color:#ff0000; }		    #contact .formFields, #contact .textFields { width: 250px;	   float:left; display:inline;	   text-align:left; padding: 2px 0; margin: 10px 0 0 0;	   } #contact input, #contact textarea { background-color:#cddef8; 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:95px; margin-top: 5px;	  } #contact .resetButton { float:left; display:inline;		  margin-left:25px; margin-top: 5px;	  }