/*************************************************************************
  STUHLBERGS.COM
  stuhlbergs@comcast.net
  071606
*************************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CFD690;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 50px;
}

body a:link, a:visited, a:active {
	color: #999;
	text-decoration: underline;
}

body a:hover {
	text-decoration: underline;
	color: #FF9900;
}

/* IE inherit font size in tables */

/* tag defs */

ul {
	margin:0;
	padding:0;
	list-style:none;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing: +0.25em;
	padding: 0px;
}

h2 {
	font-size: 9px;
	font-weight: bold;
	color: #FF9900;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #ff9900;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 9px;
	font-weight: bold;
	color: #7E7E7E;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing: normal;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Use as class because of the unwanted borders */


/* Clearing hack */ 		

.clearfix:after {
    content: "."; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix:before {
    content: <br>; 
    height: 20px; 
    clear: both; 
    visibility: visible;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

/* Main styles */
	
#wrap {
	width: 686px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
}

#top {
	background: url(images/top_bg.jpg) no-repeat;
	height: 101px;
	width: 686px;
}

#middle {
	background: url(images/wrap_tile_vert.jpg) repeat-y;
	width: 686px;
	margin: 0px;
}



.content {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 605px;
	background-color: #FFFFFF;
	
}

.content a:link, .content a:visited, .content a:active {
	color: #FF3300;
	text-decoration: underline;
}

.content a:hover {
	background-color: #FFFFFF;
	color: #CC3300;
	text-decoration: underline;
}

.contentWide a:link, .contentWide a:visited, .contentWide a:active {
	color: #FF9900;
	text-decoration: none;
}

.contentWide a:hover {
	background-color: #FF9900;
	color: #fff;
}

#bottom {
	background: url(images/bottom_bg.jpg) no-repeat;
	height: 16px;
	width: 686px;
	margin-right: 0px;
	padding-bottom: 34px;
	padding-top: 1px;
	padding-right: 0px;
}

/* Layout of the top navigation */ 
#nav {
	width: 665px;
	padding: 0px;
	height: auto;
	float:right;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 0px;
	padding-bottom: 4px;
}

#subnav {
	width: 300px;
	padding: 0px;
	float:right;
	padding-top: 0px;
	padding-right: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	align: right;
}

.content {
	width: 635px;
	height: auto;
	margin-left: 20px;
	text-align: justify;
	background-color: #FFFFFF;
	
}

.right {
	float: right;
	margin-right: 160px;
	padding-bottom: 10px;
}

.portfolioImg {
	float: left;
	width: auto;
	background: #FFFFFF;
	padding: 6px 10px 6px 6px;
}

.note {
    font-size: 11px;
	padding: 6px;
	border-left: 1px solid #ccc;
	background-color: #ffffff;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

p {
	line-height: 17px;
	padding: 2px;
}
.floatright { 
	float: right; 
}

.imgpad {
	padding: 8px;
}

.bottomtext {
	font-size: 12px;
	padding: 6px 20px 6px 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;

}
.myaccount {
	font-size: 10px;
	



}
.myaccount A:link {
	font-size: 10px;
	padding: 6px;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	background: url(none);
	border: 1px solid #FFF;
}

.myaccount A:link {	font-size: 10px;
	padding: 6px;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	background: url(none);
	border: 1px solid #FFF;}
.myaccount A:visited {	
	font-size: 10px;
	padding: 6px;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	background: url(none);
	border: 1px solid #FFF;}
.myaccount A:active {
	font-size: 10px;
	padding: 6px;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	background: url(none);
	border: 1px solid #FFFFFF;}
	
.myaccount A:hover {
	font-size: 10px;
	padding: 6px;
	color: #990000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
	background: url(none);
	border: 1px solid #990000;}


.cartprice {
	font-size: 12px;
	padding: 4px;
	color: #990000;
	background: url(none);
	margin: 0px;
	border: 1px dotted #660033;
	font-weight: bold;




}
.description {
	font-size: 12px;
	color: #663300;
	background: url(none);
	font-weight: bold;

}
.carttext {

	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: auto;
	margin-left: auto;
	text-align: justify;
	background-color: #FFFFFF;
}
.cartpicture {
	border: 4px solid #CCCC99;


}
.bottomnav {

    font-size: 12px;
	padding: 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #000000;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.bottomnav  A:link{
    font-size: 12px;
	padding: 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #ffffff;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.bottomnav  A:visited{
    font-size: 12px;
	padding: 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #fffff;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.bottomnav  A:active{
    font-size: 12px;
	padding: 6px;
	margin-bottom: 6px;
}

.bottomnav  A:hover{
    font-size: 12px;
	color: #fffff;
	margin-left: 10px;
}.categorypic {

	border: 0px solid #CCCC99;
}