/* MCMC Roofing LOOK */

body {
	color:#000000;
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	}

body {
	font-size: small;
	}
* html body {
	font-size: x-small; /* for IE5Win */
	f\ont-size: small; /* for other IE versions */
	}
	
a {
	color:#000066;
	}

#container {
	background-color:#FFFFFF;
	border: 1px solid #BEBEBE;
	border-top:none;
	}
	
/* FONTS */

p, li, td, label{
	font-size: 100%;
	}
	
#order p {
margin: 5px 0 0 0;
padding:0;
}
	
p label {
	font-size: 100%;
	}

h1, h2 {
	color:#0F2A71;
	background-color:#FFFFFF;
	font-family:"Trebuchet MS" ,Arial, Helvetica, sans-serif;
	}
	
h1 {
	margin-top:0;
	font-size: 1.5em;
	}
	
h2 {
	font-size: 1.3em;
	}
	
h3 {
	color:#0F2A71;
	background-color:#FFFFFF;
	font-size: 1.1em;
	}

#sitelinks p, #sitelinks a, #sitelinks a:visited, #sitelinks a:link {
	color:#000066;
	background-color:transparent;
	text-decoration:none;
	margin:0;
	padding:0;
	}

#sitelinks a:hover {
	text-decoration:underline;
	}
	
	
#nav a, #nav a:visited, #nav a:active, #nav a:link {
	display:block;
	color:#000033;
	text-decoration:none;
	font-weight:bold;
	padding: 5px 10px 3px 10px;
	border-right: 3px solid #FFFFFF;
	margin:1px 0 0 0;
	}

#nav a#first {
	padding-left: 20px;
	}
	
#nav a:hover {
	background-color:#FFE782;
	}

#nav li {
	margin:0;
	padding:0;
}

#menu ul {
	list-style-type:none;
	}

#menu li {
	margin:0;
	padding:0;
	color:#000000;
	background-color:#E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	}

#menu li.current {
	background-color:#CDCDCD;
	}

#menu li a {
	display:block;
	padding:3px 8px 3px 12px;
	text-decoration:none;
	}

#menu li a, #menu li a:visited, #menu li a:active, #menu li a:link {	
	color:#252525;
	}
	
#menu li a:hover {
	background-color:#FFD32C;
	}
	
	
#menu li.current a {
	border-left: 4px solid #0B266F;
	padding-left:8px;
	}
	
#footer p {
	color:#666666;
	}
	

	

/* PRODUCTLIST */
#productlist {
	
	}
	
#productlist p {
	border-bottom: 1px solid #CCCCCC;
	line-height: 120%;
	padding-top: 3px;
	}
	
span.prodcode {
	font-size: 85%;
	}
	
span.prodprice {
	display: block;
	text-align: right;
	}
	
#indexList {
	border: 1px solid #000066;
	padding: 10px;
	margin:0;
	display:inline-block;
	}

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

#indexList li {
	float:left;
	margin: 8px;
	}

#indexList a {
	display:block;
	text-align:center;
	text-decoration:none;
	background-color:#DEDEDE;
	padding: 0 0 2px 0;
	}

#indexList a:hover {
	background-color:#FFD32C;
	}
	
#indexList img {
	padding:2px;
	}
	
/* CALCULATORS */

.errors {
	color: #FF0000;
	font-weight: bold;
	}

div#calcBody {
	background-color:#EEEEEE;
	padding: 10px;
	width: 400px;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	}
	
div#calcBody label {
	width: 200px;
	}
	
input.catalyst {
	text-align: right;
	font-size: medium;
	font-weight: bold;
	}

div#calcWindow {
	background-color:#BEE2D2;
	color: #2B4B59;
	padding: 10px;
	font-size: medium;
	border-top: 2px solid #436757;
	border-left: 2px solid #436757;
	border-right: 2px solid #6C9E87;
	border-bottom: 2px solid #6C9E87;
	}
	
div#calcWindow p, div#calcWindow h2  {
	margin: 0;
	padding: 0;
	line-height: 150%;
	}
	
#calcButtons a {
	border: 1px solid #666666;
	background-color: #DEDEDE;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	}

/* diy, builder pages etc */
	
.number {
	font-family: "Trebuchet MS";
	font-size: 250%;
	color: #CC0000;
	}

table.calcResults {
	background-color:#999999;
}

table.calcResults th {
	background-color: #DEDEDE;
}

table.calcResults td {
	background-color: #FFFFFF;
}


/* CART STYLES ################## */

p#shoppingcart {
	border: 1px solid #000066;
	padding: 8px 5px;
	background-color:#FFFFD5;
	}

table#cartTable {
	font-size: 90%;
	border-collapse: collapse;
	}
	
table#cartTable th {
	border: 1px solid #999;
	padding: 8px 4px;
	background-color:#EEEEEE;
	}
	
table#cartTable td {
	border: 1px solid #999;
	padding: 4px;
	}
	
table#cartTable td.money {
	text-align: right;
	}
	
table#cartTable td.qty {
	text-align: center;
	}
	
table#cartTable td.qty input {
	}
	
table#cartTable td.remove {
	font-size: 75%;
	}
	
table#cartTable tr.totals td {
	font-weight: bold;
	padding: 8px 4px;
	}
	
button#cartbut {
	margin: 10px 0;
	}


/* CART STYLES ################## */


a.button {
display:block;
padding: 5px 10px 5px 40px;
color:#000066;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
width:160px;
background-repeat:no-repeat;
background-position:0px 0px;
border:1px solid #2B6DAB;
margin-right:20px;
}

a.button:hover {
color:#CC0000;
}

a.button#print {
background-image:url(../images/icons-print.gif);
}

a.button#email {
background-image:url(../images/icons-email.gif);
}

a.button#sendorder, input#sendorder {
background-image:url(../images/icons-order.gif);
color:#FFFFFF;
border-top:2px solid #FF804E;
border-left:2px solid #FF804E;
border-right:2px solid #850000;
border-bottom:2px solid #850000;
font-size:1.4em;
}

a.button#nextstep {
background-image:url(../images/icons-email.gif);
}


/* General */

div.highlight {
	background-image:url(../images/promo-bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFDE4D;
	padding: 5px 10px;
	border-top:1px solid #FFCB12;
	}
	
div.highlight p {
	font-size: 110%;
	}

div.highlight p.call_us {
	color: #0F2A71;
	font-weight: bold;
	font-size: 135%;
	}
	
	
	
/* ACCESSIBILITY CONVERSIONS ###################### */
em {	font-style: italic;	}
strong {	font-weight: bold;	}


/*printer styles*/ 
@media print{ 
/*hide menu when printing*/ 


}