/* CSS Document */

td
{

}
body
{
    background-color:#e4dcc2;
        padding:0px;
    margin:0px;
        background-image: url("../images/parkhill_background2.gif");
    background-position:center top; 
    background-repeat: no-repeat;
}

img
{
	border:0px;
}

.h1title
{
	font-family: verdana;
font-size:16px;
/*text-align:center;*/
color:#663333;
font-weight:bold;
}


#referpage{
	background-image:url(http://www.parkhillhomes.ca/parkhill_parts/refer-page.png);
	background-repeat:no-repeat;
	background-position:0px -35px;
	display:block;

	width:223px;
	height:35px;
 margin-left: auto;
    margin-right: auto;

}


#referpage:hover{
	background-position:0px 0px;

}

table.orderdetails
{
	margin-left:0px;
	clear:both;
	border:1px solid black;
}
table.orderdetails td
{
	text-align:left;
	border:1px solid black;
	vertical-align:top;
}



#canvas
{
    width:1024px;
    border-style:solid;
    border-width:thick;
    border-color:#57574E;
		margin:0 auto;
	position:relative;
}
#header
{
   background-image:url(../images/header.gif); 
   width:100%;
   height:117px;
}

#headertr{
	text-align:right;
	float: right;
	border:1px solid lime;
	/* top right bottom left */
font-weight:bold;
	padding:4px 15px 0px 0px;
	 /*padding: 1px 5px; margin via padding due to IE6 */
	/*width: 380px;*/ 
	/* IE6/FF2 */
}

#headerLink{
	text-align:left;
	float: left;
	border:0px solid yellow;
	/* top right bottom left */
font-weight:bold;
	padding:4px 15px 0px 0px;
width:290px;
height:110px;
}

#headerLinkX{
	text-align:left;
	float: right;
	border:0px solid yellow;
	background:#42453D;
	/* top right bottom left */
/*font-weight:bold;*/
	padding:0px 0px 0px 0px;
}


#menu_bar_top_bar
{
    background-color:#333300;
    height:8px;
    width:100%;
border-top:2px solid #57574e;
}
#menu_bar_bottom_bar
{
    clear:left;
    background-color:#663333;
    height:10px;
    width:100%;
}
#menu_bar
{
    width:100%;
    background-color:#809052;

}
#menu_bar_middle
{
 margin-left:2%;
   
}

a:link	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#5F7A39; text-decoration:none;}
a:visited	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#70704c; text-decoration:none;}
a:hover	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#572514; text-decoration:none;}
a:active	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#fff;    text-decoration:none;}


.menu
{
	float:left; /** new **/
	padding:0;
	margin:0;
  width:100%;
  color:white;
	font-family: arial, helvetica, sans-serif;

	white-space:nowrap;
	list-style-type:none;
	border:1px solid #42453D;

}
* html .menu
{
	display:inline-block;
	width:1px;
	padding:0 2px;
}
.menu li
{
	
        float:left; /** new **/
        height:26px;
        font-size:14px;
        margin:0; /** new **/
        padding:0; /** new **/
	
}
* html .menu li
{
    display:inline;
}
* html .menu a
{
    display:inline-block;
    margin:0 -2px;

}
.menu a
{
        display:block;
        float:left;
        margin:0;
	padding:0.3em .7em;
	background:#57574E;
	color:white;
	text-decoration:none;
	border:1px solid #42453D;
	font-weight:normal;
}
.menu li a:hover
{

	background-image:url(../images/greengradient.png);
	color:white;
}
.menu li a:active
{
   background-image:url(../images/greengradient.png);
    color:white;
}

.menu li .current{
   background-image:url(../images/greengradient.png);
    color:white;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.menutop
{
	float:left; /** new **/
	padding:0;
	margin:0;
        width:635px;
        color:white;
	font-family: arial, helvetica, sans-serif;
        
	white-space:nowrap;
	list-style-type:none;
	border:1px solid #42453D;

}
* html .menutop
{
	display:inline-block;
	width:1px;
	padding:0 2px;
}
.menutop li
{
	
        float:left; /** new **/
        height:26px;
        font-size:13px;
        font-weight:bold;
        margin:0; /** new **/
        padding:0; /** new **/
	
}
* html .menutop li
{
    display:inline;
}
* html .menutop a
{
    display:inline-block;
    margin:0 2px;
}
.menutop a
{
        display:block;
        float:left;
        margin:0;
	padding:0.3em .7em;
	background:#57574E;
	color:white;
	text-decoration:none;
	border:1px solid #42453D;
}
.menutop li a:hover
{

	background-image:url(../images/greengradient.png);
	color:white;
}
.menutop li a:active
{
   background-image:url(../images/greengradient.png);
    color:white;
}
.menutop li .current{
   background-image:url(../images/greengradient.png);
    color:white;
}


#footerlinks {border:0px solid white;margin:0px;padding:0px;display:inline-block;vertical-align:middle;}
		span#footerlinks a
		{
			float: left;
			width: 27px;
			height: 28px;
			display: block;
		}


#twitter {height: 28px; width: 27px; background-image: url('http://parkhill.sevenclicks.ca/images/twitterface.png'); background-position:-27px -28px; margin-right: 1px;}
#twitter:hover { background-image: url('http://parkhill.sevenclicks.ca/images/twitterface.png');background-position:-27px 0px; }
#facebook {height: 27px; width: 28px; background-image: url('http://parkhill.sevenclicks.ca/images/twitterface.png'); background-position:-54px -28px; margin-right: 1px;}
#facebook:hover { background-image: url('http://parkhill.sevenclicks.ca/images/twitterface.png');background-position:-54px 0px; }






#mainbody
{
    /** needs to be defined in order for "positioned overlay" to work **/
    /** no need to apply any offsets. **/
    position:relative;
}
#textArea
{
    
    /** top,right,bottom,left **/
    padding:0 0 0 50px;
    font-family:verdana;
    font-size:12px;
    min-height:400px;
}
#rightImage
{
    float:right;    
    padding:0 0 120px 50px;

}
#centerArea
{
    
    background-color:#CCCCBF;    
    width:100%;
    padding:10px 0 0 0;
    position:relative;
}
#bgd1
{

    /**width:41px;**/
    margin:0;
background-image:url(../images/rectngl66_opcty_hm.png);
width:35px;
}

.bgd2
{
    background-image:url(../images/rectngl66_opcty_hm.png);
    width:500px;
    height:100%;
    padding:10px;
    margin:0;
    font-family:verdana;
    font-size:13px;
    vertical-align:top;
}

.bgd3
{
    background-image:url(../images/rectngl66_opcty_hm.png);
    width:180px;
    height:100%;
    padding:10px;
    margin:0;
    font-family:verdana;
    font-size:13px;
    vertical-align:top;
}













#bgd2
{
    background-image:url(../images/rectngl66_opcty_hm.png);
    width:431px;
    height:100%;
    padding:10px;
    margin:0;
    font-family:verdana;
    font-size:13px;
    vertical-align:top;
}
#overlay_body
{

    width:100%;
    height:100%;

}
#overlay
{
    /** we need to take this overlay block out of the normal flow so we use
    absolute positioning. However, this positioning will look for its closest
    "positioned" ancestor when it applies its offsets. This block closes
    "positioned" ancestor is "mainBody" which has a position of relative.
    **/
    position:absolute;
    bottom:25px;
    width:720px;
}
#overlay_top_border
{
    margin:0;
    background-color:#333300;
    height:12px;

}
#footer
{
   
   background-image:url(../images/footer.gif);
   width:100%;
   height:39px;
}
.warranty_link a
{
    color:#666633;
}
.warranty_link a:link
{
    color:#666633;
}
.warranty_link a:hover
{
    color:#666633;
}
.warranty_link a:active
{
    color:#666633;
}
.warranty_link a:visited
{
    color:#663333;
}
.galleryImg a
{
    color:#CCCCBF;
}
.galleryImg a:link
{
    color:#CCCCBF;
}
.galleryImg a:hover
{
    color:#CCCCBF;
}
.galleryImg a:active
{
    color:#CCCCBF;
}
.galleryImg a:visited
{
    color:#CCCCBF;
}
.landLinks a
{
    color:#666633;
}
.landLinks a:link
{
    color:#666633;
}
.landLinks a:hover
{
    color:#666633;
}
.landLinks a:active
{
    color:#666633;
}
.landLinks a:visited
{
    color:#666633;
}
#headerLink a:link
{
    color:#57574E;
}
#headerLink a:visited
{
    color:#57574E;
}
#headerLink a:hover
{
    color:#57574E;
}
#headerLink a:active
{
    color:#57574E;
}
#headerLink a:focus
{
    color:#57574E;
}
#company_logos
{
    padding-top:10px;
}
#g1
{

}
#g2
{
    padding-left:10px;
}
#g3
{
    padding-left:10px;
}
#g4
{
    padding-top:10px;
}
#g5
{
    padding-top:5px;
}
#g6
{
    padding-top:5px;
}
a {text-decoration:none;} 



a.poh2:link	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#555539; font-size:12px; text-decoration:none;}
a.poh2:visited	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#70704c; font-size:12px;text-decoration:none;}
a.poh2:hover	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#999933; font-size:12px;text-decoration:none;}
a.poh2:active	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#fff;    font-size:12px;text-decoration:none;}


a.poh:link	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#555539; font-size:12px; text-decoration:none;}
a.poh:visited	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#70704c; font-size:12px;text-decoration:none;}
a.poh:hover	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#999933; font-size:12px;text-decoration:none;}
a.poh:active	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#fff;    font-size:12px;text-decoration:none;}

a.pohsub:link	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#555539; font-size:11px; text-decoration:none;}
a.pohsub:visited	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#70704c; font-size:11px;text-decoration:none;}
a.pohsub:hover	  {font-weight:bold; font-family:arial, helvetica, sans-serif; color:#999933; font-size:11px;text-decoration:none;}
a.pohsub:active	{font-weight:bold; font-family:arial, helvetica, sans-serif; color:#fff;    font-size:11px;text-decoration:none;}



.catalog_list{
	width: 150px;
	text-align: center;
	float: left;
	margin: 10px;
	font-size: 12px;
	border:0px solid #dcef79;
}



		.catalog_list img {
	border: 1px solid #D3D3D3;
	padding: 1px;
}

		div.picleft
		{
			margin: 10px auto;
			border: 0px solid red;
			width:620px;
			float:left;
		}
		div.picright
		{
			margin: 10px auto;
			border: 0px solid red;
			width:350px;
			float:right;
		}




		div.cat_item_box
		{
			margin: 10px auto;
			/*background-color: #fff;*/
			color: #333;
			border: 0px solid red;
			height:175px;
			width:150px;
		}
		
				div.image_top
		{
			clear:both;
			height:150px;
			border:0px green solid;

			background-repeat:no-repeat;
			background-position:center center;
		}
				div.product_link
		{
			margin: 0;
			padding: 2px;
			color: #333;
			/*background-color: #fff;*/
			border:0px orange solid;
		}

		div.image_link
		{
			clear:both;
			height:120px;
			width:150px;
			border:0px darkgrey solid;
		}



#Contessa_pageformat {

	display:block;
	text-align:center;
	line-height:23px;
	clear:both;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:black;
	float:left;
	width:100%;
}

#Contessa_pageformat a:link, #Contessa_pageformat a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #000;
	margin-left:7px;
	text-decoration:none;
	background-color:#fff;
	color:#000;
	width:22px;
	font-weight:normal;
		-moz-border-radius: 3px;
	border-radius: 3px;
}

#Contessa_pageformat a:hover {
	background-color:#808080;
	border:1px solid #000;
	color:#fff;	
}

#Contessa_pageformat .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #000;
	margin-left:7px;
	text-decorationt:none;
	background-color:#c0c0c0;
	color:#000;
	cursor:default;
		-moz-border-radius: 3px;
	border-radius: 3px;
}

#Contessa_pageformat .off_Contessa_pageformat {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	/*width:200px;*/
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}


/* CSS Document */

/**********************************

Use: cmxform template

***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
		border: 10px solid #dcef79;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: 1px solid gray;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 150px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 103px;
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 103px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */



/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 570px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border: 0px solid #404040;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;

}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
-->


/**********************************

Use: SLform template

***********************************/
form.SLform fieldset {
	margin-bottom: 10px;
		border: 10px solid black;
}

form.SLform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.SLform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.SLform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.SLform fieldset fieldset {
	border: 0px solid gray;
	margin: 3px 0 0;
}

form.SLform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.SLform fieldset fieldset label {
	display: block;
	width: auto;
}

form.SLform label { width: 250px; } /* Width of labels */
form.SLform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.SLform label.error {
	margin-left: 103px;
	width: 220px;
}

form.SLform input.submit {
	margin-left: 103px;
}

/*\*//*/ form.SLform legend { display: inline-block; } /* IE Mac legend fix */



/**********************************

Name: SLform Styles

***********************************/
form.SLform {
	width: 90%;
	font-size: 1.0em;
	color: #333;
}

form.SLform legend {
	padding-left: 0;
}

form.SLform legend, form.SLform label {
	color: #333;
}

form.SLform fieldset {
	border: none;
	border: 0px solid #000;
}

form.SLform fieldset fieldset {
	background: none;
}

form.SLform fieldset p, form.SLform fieldset fieldset {
	padding: 5px 10px 7px;

}

form.SLform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.SLform .gray * { color: gray; }
-->