html { 
  padding:0px;
  margin:0px;
}

body {
  background: #fff;
  font: normal 11px Verdana, Arial, sans-serif;
  color: #000;  
  padding: 0px;
  margin: 10px;
}

.privacy-policy, .pdf-link, .example { font: normal 10px Verdana, sans-serif; text-decoration: none; }
.right { text-align: right; }
h1 { font-size: 16px; }
h2 { font-size: 12px; margin: 25px 0px 5px 0px; padding: 0px; }
a, a:link { color: #C41AEA; background: transparent; }
a:hover { color: #FECF01; background: transparent; }
.error { background: transparent; color: red; font-weight: bold; }
.message { background: transparent; color: blue; font-weight: bold; }

/**** hacks *****/
  #prop {
    display: block;
    clear: both;
  }
  
  /*
  First comment. Explorer 5 Mac misses the end-of-comment
  because of the backslash
  \*/
  
  div.prop {
    display: none;
    clear: none;
  }
  
  /*
	  Second comment. Explorer 5 Mac sees the end of this
  	comment as the end of the previous one
	*/
/**** end hacks *****/


/* header */
  #header { 
		text-align: center;
		background: #fff url(../images/logo.gif) top left no-repeat;
		height: 128px;
		padding-left: 400px;
	}
  
  #phone-number {
    font: bold 15px Verdana, Arial, sans-serif;
    color: #000;
    background: transparent;
  }
	
	#phone-number a, #phone-number a:link {
    font: bold 12px Verdana, Arial, sans-serif;
  }
	
	#phone-number a:hover {
    font: bold 12px Verdana, Arial, sans-serif;
  }
	
	#header a:hover {
		color: #FECF01;
		background: transparent;
	}
	
	#cart {
    float: right;
    width: 155px;
    background: #81CFF3;
    height: 125px;
    text-align: center;
		padding: 0px;
		margin: 0px 0px 0px 10px;
  }
  
  /*#cart img, #cart input {
    float: none;
    margin: 0px auto;
		border: none;
		visibility: hidden;
		width: 150px;
  }*/

	/* checkout */
  	#header a#checkout, #header a#checkout:link {
  		display: block;
  		width: 150px;
  		height: 40px;
  		margin: 0px;
  		padding: 0px;
      color: #fff;
      background: url(../images/checkout.gif) 0 0 no-repeat;
      text-decoration: none;
    }
    
    #header a#checkout:hover {
  		display: block;
      color: #FECF01;
  		width: 150px;
  		height: 40px;
      color: #fff;
      background: url(../images/checkout.gif) -150px 0px no-repeat;
      text-decoration: none;
    }
	/* end checkout */
	
	/* view cart 
  	#header a#view-cart, #header a#view-cart:link {
  		display: block;
  		width: 150px;
  		height: 40px;
  		margin: 0px;
  		padding: 0px;
      color: #fff;
      background: url(../images/view-cart.gif) 0 0 no-repeat;
      text-decoration: none;
    }
    
    #header a#view-cart:hover {
  		display: block;
      color: #FECF01;
  		width: 150px;
  		height: 40px;
      color: #fff;
      background: url(../images/view-cart.gif) -150px 0px no-repeat;
      text-decoration: none;
    }
	/* end view cart */
/* end header */


/* main navigation */
  #main-navcontainer ul {
    padding: 0px;
    margin: 0px;
    background: #C41AEA;
    color: #fff;
    width: 100%;
    height: 50px;
    font: bold 12px Verdana, sans-serif; 
  }
  
  #main-navcontainer ul li { display: inline; }
  
  #main-navcontainer ul li a {
    width: 144px;
    padding: 18px 0px;
    background: #C41AEA;
    color: #fff;
    text-decoration: none;
    float: left;
    border-right: 3px solid #fff;
    font: bold 12px Verdana, sans-serif;
    text-align: center;
  }
  
  #main-navcontainer ul li a:hover {
    background-color: #FECF01;
    color: #fff;
  }
  
  #main-navcontainer #current {
    width: 144px;
    padding: 18px 0px;
    margin: 0px;
    background: #E290F4;
    color: #000;
    text-decoration: none;
    float: left;
    border-right: 3px solid #fff;
    font: bold 12px Verdana, sans-serif;
    text-align: center; 
  }
/* end main navigation */


/* sub-navigaction */
  #left {
    position: relative;
    top: 0px;
    left: 0px;
    width: 142px;
    color: #000;
    margin: 3px 0px; 
    padding: 0px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
  }
  
  #left h2 {
    font: bold 12px Verdana, sans-serif;
    color: #000;
    background: #81CFF3;
    padding: 15px 0px 15px 10px;
    margin: 0px;
  }
	
	.divider { color: #ccc; background: transparent; border: none; border-bottom: solid 1px #ccc; margin-left: 5px; margin-right: 5px; }
	
	#sub-navcontainer { width: 143px; }

  #sub-navcontainer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font: bold 10px Verdana, sans-serif;
  }
  
  #sub-navcontainer a  {
		font: bold 10px Verdana, sans-serif;
    display: block;
    padding: 3px 5px;
		margin: 7px 0px 0px 0px;
    width: 132px;
    color: #C41AEA;
    background: transparent;
  }
  
  #sub-navcontainer a:link, .sub-navlist a:visited {
	  color: #C41AEA;
  	text-decoration: none;
  }
  
  #sub-navcontainer a:hover {
	  background: #FECF01;
 	 	color: #fff;
  }
	
	.sub-navlist #current {
		font: bold 10px Verdana, sans-serif;
    display: block;
    padding: 3px 5px;
		margin: 7px 0px 0px 0px;
    width: 132px;
	}
  
  #vertical-space {
    margin: 0px 0px 75px 0px;
    padding: 0px;
  }
/* end left */


/* content */
  #content-frame {
		position: absolute;
		width: 600px;
		top: 200px;
		left: 165px;
    margin: 0px;
    padding: 0px;
    background: #fff;
    color: #000;
  }
  
  #content {
  	font: normal 11px Verdana, Arial, sans-serif;
  }
	
	#content p {
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
	#content div.error { background: transparent; color: red; font-weight: normal; }
	#content div.message { background: transparent; color: blue; font-weight: bold; }
	
	/* home */ 
  	/*#home-para { width: 330px; }*/
		#home-para h1 { font-size: 12px; margin: 5px 0px 0px 0px; }
  	
		#product-collage { margin-bottom: 20px; }
  	#product-collage img {
  		border: dotted 1px #ccc;
  		margin-top: 20px;
  		padding: 0px;
  		display: block;
  	}
  	
  	.highlights {
  		width: 235px;
  		float: right;
  		margin: 0px 0px 10px 20px;
  		padding: 10px;
  		border: dotted 1px #ccc;
  	}
  	
  	.highlights ul {
  		list-style-image: url(../images/orange-bullet.gif);
  		list-style-type: circle;
  		padding-left: 10px;
  		margin-left: 10px;
  	}
  	
  	.highlights li {
  		margin: 5px 0px;
  	}
	/* end home */
	
	#forms {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#forms li {
		margin: 5px 0px;
	}
	
	/* product listing */
		.thumbnail {
			float: left;
			width: 103px;
			border: 1px solid #ccc;
			margin: 0px 30px 30px 0px;
			padding: 3px;
		}
		
		.dash-plaques .thumbnail, .award-plaques .thumbnail, .custom-clocks .thumbnail, .announcements .thumbnail {
			margin-bottom: 15px;
			border: none;
			text-align: center;
		}
		
		.dash-plaques .thumbnail img, .award-plaques .thumbnail img, .custom-clocks .thumbnail img, .announcements .thumbnail img {
			border: solid 3px #C41AEA;
		}
		
		.thumbnail img {
			border: solid 1px #C41AEA;
		}
		
		.thumbnail form { margin: 5px 0px 0px 0px; padding: 0px; }
		.magnet-desc { height: 35px; padding: 0px; margin: 0px; font: normal 9px Verdana, sans-serif; text-align: center;  }
		.price { font-weight: bold; }
		
		#portfolio .thumbnail { border: none; }
		
		.clearboth { clear: both; }
	/* end product listing */
	
	/* order form */
		#general-info { width: 296px; border: solid 1px #ccc; margin: 0px; padding: 0px; }
		#order-details { width: 296px; border: solid 1px #ccc; float: right; margin: 0px; padding: 0px; }
		
		#order-details .form-input, #general-info .form-input { padding: 0px 10px; margin: 0px 0px 10px 0px; }
		#order-details .label, #order-details .label-required, #general-info .label, #general-info .label-required {
			text-align: left;
			padding: 0px 10px;
			margin: 10px 0px 0px 0px;
		}
		#shapes-sizes, #shapes-sizes option, #stock-quotes, #stock-quotes option { font-size: 10px; }
		
		.order-form #order-select { margin: 20px 0px; }
		.order-form p .submit { margin-top: 20px; }
		
		#shape-size-label { margin-right: 5px; }
		.pdf-link img { border: none; }
		.pdf-link a, .pdf-link a:link { text-decoration: none; }
		.pdf-link a:hover { text-decoration: none; }
		
		.order-form h2 { background: #81CFF3; padding: 5px; margin: 0px; }
		.order-form .order-type { background: #ccc; text-align: center; font-size: 14px; padding: 5px; margin: 0px; }
		#general-info p, #order-details p, #order-details div { padding: 0px 10px; margin-top: 5px; }
		
		#announcements-text { width: 275px; }
		#announcements-photo { width: 275px; }
	/* end order form */
	
	/* about */
		.testimonial {
			float: left;
			font-style: italic;
			padding-bottom: 5px;
			padding-top: 25px;
			border-bottom: dotted 1px #ccc;
		}
		
		.testimonial img {
			display: block;
			float: right;
			margin: 0px 0px 0px 10px;
		}
		
		.testimonial-from {
			font-weight: bold;
			font-style: normal;
			margin: 5px 0px;
		}
	/* end about */
	
	/* contact form */
		.label-required { font-weight: bold; }
		.label, .label-required { text-align: right; }		
		textarea, input { font: normal 11px Verdana, sans-serif; }
		.submit { font: bold 11px Verdana, sans-serif; color: #fff; background: #C41AEA; }
		#samples-fieldset { width: 150px; }
		#samples-fieldset legend { font-weight: bold; }
	/* contact form */
	
	/* pricing chart */
		#pricing-chart { border: none; margin: 0px; padding: 0px; font-size: 10px; }
		#pricing-chart tr { margin: 0px; padding: 0px; }
		#pricing-chart tr.even { background: #E7F7FE; color: #000; }
		#pricing-chart td, #pricing-chart th { border-bottom: dotted 1px #ccc; border-right: dotted 1px #ccc; padding: 5px; margin: 0px; }
		#pricing-chart #first-row { border-left: dotted 1px #ccc; }
		#pricing-chart #first-column { border-top: dotted 1px #ccc; }
		#price-chart-notes { list-style-image: url(../images/orange-bullet.gif); list-style-type: circle; }
	/* end pricing chart */
	
	/* sizes/shapes chart */
		#sizes-shapes-chart { width: 100% }
		#sizes-shapes-chart th { font-weight: bold; }
		#sizes-shapes-chart tr { margin: 0px; padding: 0px; }
		#sizes-shapes-chart td, #sizes-shapes-chart th { padding: 5px; margin: 0px; }
		#sizes-shapes-chart td { width: 175px; }
	/* end sizes/shapes chart */
	
	/* start other resources */
		.other-resources img { border: none; }
	/* end other resources */ 
	
	/* start custom accessories */
	.imprintables {
		width: 136px;
		float: left;
		margin: 0 0 1em 1.2em;
		padding: 0;
	}
	#imprintables_form input,
	#imprintables_form textarea { width: 250px; }
	#imprintables_form .submit { width: auto; }
	#imprintables_form legend { font-size: 12px; font-weight: bold; }
	/* end custom accessories */
/* end content */


/* footer */
 	#footer {
		color: #666;
		background: #81CFF3;
		margin: 20px 0px 10px 0px;
    padding: 10px 5px;
  }
	  
  .footerLHS {
    float: left;
    clear: left;
  }
	
	/* footer links */
  	#footer-navcontainer {
  	  margin: 0px auto;
    	padding: 0px;
    }
    
    #footer-navcontainer ul {
      list-style: none;
      margin: 0px auto;
      padding: 0px;		
    }
    
    #footer-navcontainer li {
      display: block;
      margin: 0px;
      padding: 0px;
      float: right;
      width: auto;
    }
    
    #footer-navcontainer a {
			font-weight: bold;
      color: #fff;
      display: block;
      width: auto;
      text-decoration: none;
      background: transparent;
      margin: 0px;
      padding: 0px 10px;
    }
    
    #footer-navcontainer a:hover { background: transparent; color: #FECF01; font-weight: bold; }
		
		#footer-navcontainer #current {
			font-weight: bold;
      display: block;
      width: auto;
      text-decoration: none;
      background: transparent;
      margin: 0px;
      padding: 0px 10px;
    }
	/* end footer links */
/* end footer */

.highlight { padding: 4px !important; text-align: center; background: lightyellow; border-top: solid 1px yellow; border-bottom: solid 1px yellow; }
.new { padding-left: 20px; background: url(../images/new.gif) top left no-repeat; }