/*This is the main layout for Squeaky Clean Sales Web Shop, January 2007*/

/* Layout Stylesheet */ 
body{
  background-color: #DDDDDD;
  font-family: Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  font-size: 90%;
  color: #060606; 
  margin: 0;
  padding: 0;
  scrollbar-color: #FFFFFF;
}

/*container for all columns*/
  
#c-block {
 margin: 0;
 background-color: #FFFFFF; 
}

/*The masthead contains the Tergo logo and Magic Cloths image.*/
#tergologo  {
	padding: 0 0 0 0px;
	height: 80px;
	width: 170px;
	background-color: #FFFFFF;
	background-image: url(../images/button1.gif);
	background-position: left top;
	background-repeat: no-repeat;
   border-bottom: 1px solid #060606;
	/*border-top: 1px solid #060606;*/
}

/* The masthead has the squeaky clean sales writing background on solid */

#masthead {
	padding: 0 0 0 0px;
	height: 80px;
	background-color: #CC0000;
	background-image: url(../images/masthead_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
   border-bottom: 1px solid #060606;
	/*border-top: 1px solid #060606;*/
	border-left: 1px solid #060606;
}

p .loginbox {padding-left: 5px;}
 
/*The maincontent TD is the right column that contains the page's main content.
A background image is set to display at the top right. To give this image room
to display, we set left padding to 72px.*/
#maincontent {
	padding-top: 12px; 
	padding-bottom: 12px; 
	padding-right: 65px;
	padding-left: 15px;
	font-size: 0.9em;
	background-image: url(../images/wet_txt.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.5em;
	border-left: 1px solid #060606;
	}
	
#sidecontent {
   padding-left: 15px;
	padding-right: 10px;
	line-height: 1.25em;
	font-size: .9em;
	color: #060606;
}

.tcontact {
    font-size: 1em;
	font-weight: bold;
	color: #CC0000;}

.contact {
    font-size: 1em;
	font-weight: bold;}
	
.contact a:link, .contact a:hover {font-size: inhenrit;}	
	
#maincontent p {
	padding-left: 15px;
}

.blocktext {
    margin: 0;
	background: #DDDDDD;
	border-top: 1px solid #060606;
	border-bottom: 1px solid #060606;
	padding: 3px 10px 3px 15px;
	color: #060606;
}

#skipnav {
 	position: absolute;
	z-index: 1;
	width: 10px;
	height: 5px;
	top: 0px;
	left: 0px;
 }
 
 /*Footer styles.*/
#footer {
	padding: 12px 15px;
	font-size: 0.75em;
	color: #060606;
	border-top: 1px solid #060606;
}

hr {
   color: #CCCCCC; }

.prodtitle {
    color: #6699FF;
	font-weight: bold;
	font-size: 110%;
	line-height: normal; }

.caption {
    color: #666666;
	font-size: 10px;
	line-height: normal; }


h1 {
    margin: 0 0 10px 0;
	font-size: 130%;
	color: #060606;
}

h2 {
    margin: 0 0 5px 0;
	font-size: 115%;
	color: #CC0000;
	}
	

h3 {
	margin: 0 0 5px 0;
	font-size: 110%;
	color: #666666;
}

#introtext {
    float: left;
	margin: 5px;
	padding: 5px;
	}
	
#shopbox {
    background-color: transparent;
	margin: 0px;
	padding: 5px;
	}
	

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#maincontent a:link, #maincontent a:visited {
	color: #060606;
}
#sidecontent a:link, #sidecontent a:visited {
  color: #060606;
}

.blocktext a:link, .blocktext a:visited {
	color: #FFFFFF;
}

#maincontent a:hover, #maincontent a:active, #maincontent a:focus,
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #CC0000;
}
#footer a:link {
	color: #060606;
}
#footer a:visited {
	color: #060606;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #CC0000;
}

hr {color: #CCCCCC;}

.red {
  color: #CC0000;
  }