/*------ Stylesheet for Carpet Doctor Belgium 
http://www.carpetdoctor.be/

created 29 Nov 07 by Isabelle Jackson
http://www.isabellejackson.co.uk -----------*/

/*
======================================================
colour scheme:

RED: #FD0014
LIGHT RED: #FF8A95 (hover menu and strips at the bottom of the page)
LIGHT PINK: #FFE5EB (bg color for store table)

BLUE: #5384be (buy pages)
LIGHT BLUE: #E1E8F3 (hover for blue pages and strips at the bottom of the page)

======================================================
*/


html {width:100%;font-size:101%;}
body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0; padding: 0;
}

/*--- page layout tables ------- */

.mainTextArea {
	border-top:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; background-color: #f1f1f1; width: 800px;
}

.footerTextArea {
	border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; width: 800px; background-color: #FD0014;}


.buyFooterTextArea {
	border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; width: 800px; background-color: #5384be;}

.leftCell_bg {background-image:url(../images/about_top_bgnd_left.gif); background-repeat:repeat-x; background-position:top left;}
.rightCell_bg {background-image:url(../images/about_top_bgnd_right.gif); background-repeat:repeat-x; background-position:top left;}

.rentCell_bg {background-image:url(../images/rent_top_bgnd.gif); background-repeat:repeat-x; background-position:top left;}


.buyCell_bg {background-image:url(../images/top_bgnd.gif); background-repeat:repeat-x; background-position:top left;}



/*------- navigation - top -------------- */
#menu {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;

	

}

#menu ul.topNav {margin: 0;  padding:0; list-style: none; float: left; width: 90%;
}

#menu ul.topNav li {padding:0; float: left; margin: 0;
font-size: .9em;
}


#menu ul.topNav li a, #menu ul.topNav li a:link, #menu ul.topNav li a:visited 
{
 margin: auto; padding:5px 30px; color: Black; float: left; }  

#menu ul.topNav li a:hover {
	float: left; 
	margin: auto;
	padding: 5px 30px;
	background-color: #FF8A95;
	color: White;

}
/*-------------- navigation - footer -----------*/

a.footer, a.footer:link, a.footer:visited {color:white; font-size:.9em; padding:3px 10px;}
a.footer:hover {color:Gray;}

/*------- navigation - top blue -------------- */

#menu ul.topNav {margin: 0; padding:0; list-style: none; float: left; width: 90%;}

#menu ul.topNav li {padding:0; float: left; margin: 0;font-size: .9em;}


#menu ul.topNav li a.blue, #menu ul.topNav li a.blue:link, #menu ul.topNav li a.blue:visited 
{
 margin: auto; padding:5px 30px; color: White; float: left; }  

#menu ul.topNav li a.blue:hover {float: left; margin: auto; padding: 5px 30px; background-color: #E1E8F3;
	color: #FD0014;}
/*-------------- navigation - footer blue  -----------*/

a.footerBlue, a.footerBlue:link, a.footerBlue:visited {color:white; font-size:.9em; padding:3px 10px;}
a.footerBlue:hover {color: #FD0014;}


/*---- anchors and links -------- */

a {
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}
a:link, a:active, a:visited { font-weight: bold; text-decoration: none; color: #ff0000;}

 a:hover {
	color: Gray;
}

.homeChoice {
	width: auto;
	margin: 40px 20px 10px;
	padding: 2px;
	background-color: White;
	border: 3px double #5384be;
	font-weight: lighter;
}
 
a.homeChoice, a.homeChoice:link, a.homeChoice:visited {background-image: url(../images/homeBg.jpg); background-repeat: repeat-x; background-position: top; display: block; font-weight: lighter; font-size: 1.4em; color: Gray;}  
 
a.homeChoice:hover {background-image: url(../images/homeBg_hover.jpg); background-repeat: repeat-x; background-position: top; font-weight: lighter; font-size: 1.4em; color: #FF8A95;}  

 
 /*--- headers ----------*/
 
 h1 {
 	padding:0; margin: 0; text-align: left; font-size: 2em; font-family:Arial, Helvetica, sans-serif;}
 
 h2 {font-size: 1.6em; color: #000; padding: 15px; margin: auto; font-weight: bold;}
 
 .maintitle {margin:0; padding: 10px; font-size: 2em; letter-spacing:.5em;}
 
 h3 {color: #000; font-weight: bold; font-size: 1.2em;}
	
.welcome {color: #696969; font-weight: bold; font-size: 1.8em;}	
 .pageHeading {font-size: 1.6em; font-weight: lighter; padding: 10px 30px; margin: auto; color: #808080; text-align: center;}

h4 {padding: 3px 10px; font-size: 1.2em;}
.province {font-size: 2em; color: #696969; font-weight: lighter; padding: 5px 5px 5px 73px;}
 
 /*--------- other elements ---------*/
 
 
 img {border: none;}
 
 .floatRight {float: right; margin: 0;}
 
 .floatLeft {float: left; margin: 0;}
 

 .clear {clear: both; height: 1px;}
 
 p {font-size: 1em; padding: 0px 10px; line-height: 1.2em; text-align: left;}
 
 
 .smallText {font-size: .8em; color: #919191; border-top: 1px solid #ccc;}
	
.top {font-size: .8em; font-variant: small-caps; float: right; text-align: right; padding: 15px 10px;}
	
.buyList {list-style: circle; list-style-position: inside; padding: 0 50px; margin: 0 50px;}

.tickList { list-style-image: url(../images/tick.gif); list-style-position: outside; padding: 5px; margin: 0 0 0 50px; line-height: 1.8em; }

.contactList {margin-left: 0px; line-height: 1.6em; list-style-position: outside;  float: left; padding: 0; list-style-type: none;}	

.dark {background-color: #FFE5EB;}

.tableStore {font-size: .9em; margin: 10px 10px 30px auto; width: 90%; float: right;}