/*
Title : Mix Carpets and woods Style sheet
Author : Rida Zaied
URL : http://www.78r.com
Description : Style Sheet for the whole of mixcarpets.co.uk site
Created : 17 September 2004, 17:59:20
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #99CCFF url(../all_pics/he_pics/leftmainbkg.gif) fixed no-repeat left top;
	text-align: center;
	margin: 10px 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
ul {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none
}
/*----- wraper  -----*/
#wraper {
	text-align: left;
	width: 720px;
	margin: 0px auto;
	border: 10px solid #FFFFFF;
	background: #FFFFFF;
	/* Tantek's Hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}
html>#wraper {
	/* Keep Opera Singing */
	width: 700px;
}
/*----- header -----*/
#header {
	margin: 0px;
	padding: 0px;
	height: 130px;
}

body.home #header {
	background: #99CCFF url(../all_pics/he_pics/home.jpg) no-repeat left top;
}
body.carpets #header {
	background: #99CCFF url(../all_pics/he_pics/carp.jpg) no-repeat left top;
}
body.nat_carpets #header {
	background: #99CCFF url(../all_pics/he_pics/natrcar.jpg) no-repeat left top;
}
body.pat_carpets #header {
	background: #99CCFF url(../all_pics/he_pics/carp1.jpg) no-repeat left top;
}
body.plain_carpets #header {
	background: #99CCFF url(../all_pics/he_pics/neutral.jpg) no-repeat left top;
}
body.color_carpets #header {
	background: #99CCFF url(../all_pics/he_pics/carpets4.jpg) no-repeat left top;
}
body.about #header {
	background: #99CCFF url(../all_pics/he_pics/about.jpg) no-repeat left top;
}

body.woods #header {
	background: #99CCFF url(../all_pics/he_pics/www.jpg) no-repeat left top;
}
body.lam_woods #header {
	background: url(../all_pics/he_pics/wood3.jpg) no-repeat left top;
}
body.real_woods #header {
	background: url(../all_pics/he_pics/wood1.jpg) no-repeat left top;
}
body.vinyl #header {
	background: #99CCFF url(../all_pics/he_pics/vinyl.jpg) no-repeat left top;
} 
body.contract #header {
	background: #99CCFF url(../all_pics/he_pics/cont.jpg) no-repeat left top;
}
body.offers #header {
	background: #99CCFF url(../all_pics/he_pics/offers.jpg) no-repeat left top;
}
body.services #header {
	background: #99CCFF url(../all_pics/he_pics/contact.jpg) no-repeat left top;
}
body.contacts #header {
	background: #99CCFF url(../all_pics/he_pics/contact.jpg) no-repeat left top;
}
body.access #header {
	background: #99CCFF url(../all_pics/he_pics/tips.jpg) no-repeat left top;
}
body.prices #header {
	background: #99CCFF url(../all_pics/he_pics/prices.jpg) no-repeat left top;
}
#header h1 {
	font: bold 1.2em "Times New Roman", Times, serif;
	color: #FF6600;
	padding: 2px;
	margin: 0px;
	float: right;
}
/*----- site name h1 "&" -----*/
.plussign {
    color: #6699CC
}
/*----- footer -----*/
#footer {
	background: #99CCFF;
	text-align: left;
	width: 700px;
	height: 15px;
	font: 57% Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 5px;
	margin-top: 10px;
	clear: both;
	/* Tantek's Hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 690px;
}
html>#footer {
	/* Keep Opera Singing */
	width: 690px;
}
#footer a:link, #footer a:visited {
	color: #003366;
}
#footer a:hover {
	color: #003366;
	text-decoration: underline;
}
.fcopy {
	float: right;
	padding-right: 5px;
}
/*----- main menu -----*/
#mainmenu {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	background: #6699cc;
	text-align: left;
	width: 700px;
	height: 22px;
	margin: 10px auto 0px auto;
	padding: 0px;
}
#mainmenu ul {
	border: 1px solid #6699CC;
	width: 658px;
	margin: 0px auto;
	padding: 0px;
}
#mainmenu ul li {
	width: 93px;
	padding: 0px; 
	float: left; 
	margin: 0px; 
	list-style-type: none; 
	text-align: center;
}
#mainmenu ul li a:link, #mainmenu ul li a:visited {
	background: #6699CC;
	color: #003366;
	display: block;
	text-decoration: none;
	padding: 2px 0px;
}
#mainmenu ul li a:hover {
	background: #99CCFF; 
	color: #003366
}
#sidebarmenu li.selected a, 
#wraper #mainmenu ul li.selected a {
	background: #99CC66; 
	color: #FFFFFF
}
/*----- main -----*/
#main {
	width: 700px;
	background: url(../all_pics/he_pics/maintile.jpg) repeat-y left top;
	padding: 0px 0px 1px;
	margin: 10px auto 0px auto;
}
#allcontents {
	width: 555px;
	float: left;
	background: #6699CC;
	margin-bottom: 10px;
}
.pagtitle {
	height: 17px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: right;
	padding-right: 5px;
	background: #99CC33 url(../all_pics/he_pics/con_tit_tile.gif) repeat-x;
	border-bottom: 1px solid #FFFFFF;
	
}
/*----- gallery -----*/
#galcontents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #6699CC;
	width: 545px;
	float: left;
	padding: 5px 0px 10px 8px;
}
#galcontents h3 {
	font: normal 1.3em "Trebuchet MS", "Lucida Grande", Helvetica;
	color: #003366;
	padding: 0px 0px 10px 10px;
	margin: 0px;
}
.galtit {
	padding: 10px 0px 5px 1px;
}
p {
	color: #003366;
	margin-top: 1px;
	font: bold 0.7em/150% Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
}
.about_sub_cont a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.square a, .square li a, .about_sub_cont ul li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../all_pics/car_up_il.gif) no-repeat left top;
	padding-left: 10px;
}
.square a:visited, .square li a:visited, .about_sub_cont a:visited, .about_sub_cont ul li a:visited {
	font-weight: bold;
	color: #99CCFF;
	text-decoration: none;
}
.square a:hover, .square li a:hover, .about_sub_cont  ul li a:hover {
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
	background: url(../all_pics/car_over_il.gif) no-repeat left top;
}
.about_sub_cont a:hover {
	font-weight: bold;
	color: #003366;
}
.square a:active, .square li a:active, .about_sub_cont a:active, .about_sub_cont ul li a:active {
	font-weight: bold;
	color: #FF3366;
}
#galcontents p a, #galcontents p a:visited {
	color: #003366;
	text-decoration: underline;
}
#galcontents p a:hover {
	color: #FF3366; 
	text-decoration: underline
}
#galcontents p a:active {
	color: #990000;
	text-decoration: none;
}
/*----- right panel -----*/
#rightpanel {
	background: #99CCFF;
	float: right;
	width: 135px;
	text-align: left;
}
.leftnavtit {
	color: #003366;
	text-align: left;
	height: 17px;
	background: #99CC33 url(../all_pics/he_pics/con_tit_tile.gif) repeat-x;
	padding-left: 5px;
	border-bottom: 1px solid #FFFFFF;
}
.leftnavtit h2 {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#sidebarmenu {
	width: 135px;
}
#sidebarmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidebarmenu a {
	display: block;
	background: #99CCFF url(../all_pics/side_men_bk1.gif) no-repeat left top;
	width: 135px;
	font: bold 65%/15px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
	padding: 2px 10px 2px 11px;
	margin: 0px;
	/* Tantek's Hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 114px;
}
html>#sidebarmenu a {
	/* Keep Opera Singing */
	width: 114px;
}
#sidebarmenu ul li li a {
	display: block;
	background: #6699cc url(../all_pics/side_men_bk1.gif) no-repeat left top;
	color: #003366;
	width: 135px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 0px;
	/* Tantek's Hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
}
html>#sidebarmenu ul li li a {
	/* Keep Opera Singing */
	width: 120px;
}
#sidebarmenu a:hover {
	background: #99CC66 url(../all_pics/side_men_bk2.gif) no-repeat left top;
	color: #003366;
}
#sidebarmenu li {
	margin: 0px;
	padding: 0px;
}
/*----- images rules -----*/
IMG {
	border: 0px;
}
.inimag {
	float: right;
	margin-top: 12px;
	padding: 0px 5px;
}
.inimag img {
	border: 3px solid #99CCFF;
	margin-bottom: 5px;
}
.inimag2 {
	border: 3px solid #99CCFF;
}
/*----- homepage site name -----*/
.titre {
    color: #FFFFFF
}
/*----- carpets n wood home divs -----*/
.wood_nav {
	font-weight: bold;
	color: #FFFFFF;
	width: 125px;
	float: left;
	padding-bottom: 5px;
	margin-top: 40px;
	border-right: 22px solid #6699CC;
	border-left: 25px solid #6699CC;
	font-size: 0.6em;
}
.carnav1 {
	font-weight: bold;
	font-size: 0.6em;
	color: #FFFFFF;
	width: 105px;
	float: left;
	padding-bottom: 5px;
	padding-left: 55px;
	padding-top: 10px;
	
}
.vynnav {
	font-weight: bold;
	color: #FFFFFF;
	width: 120px;
	float: left;
	padding-bottom: 5px;
	margin-top: 20px;
	font-size: 0.6em;
	margin-left: 60px;
}
.carnav {
	font-size: 0.6em;
	font-weight: bold;
	color: #FFFFFF;
	width: 125px;
	float: left;
	padding-bottom: 5px;
	border-right: 22px solid #6699CC;
	border-left: 25px solid #6699CC;
}
.offersnav {
	font-size: 0.6em;
	font-weight: bold;
	color: #FFFFFF;
	width: 125px;
	float: left;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-left: 40px;
	border-right: 22px solid #6699CC;
	border-left: 25px solid #6699CC;
}
.connav1 {
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	padding-bottom: 5px;
	margin-top: 20px;
	font-size: 0.6em;
	margin-left: 5px;
	margin-right: 20px;
}
.connav {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding-bottom: 0px;
	margin: 30px 14px 0px 50px;
}
.carnav ul {
	list-style-type: none;
}
/*----- breadcrums -----*/
#breadcrums {
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-align: left;
	text-decoration: none;
	width: 300px;
	float: left;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
}
#breadcrums a ,a:visited {
	color: #3366CC;
	text-decoration: none;
}
#breadcrums a:hover {
	color: #003366;
	text-decoration: none;
}
#breadcrums a:active {
	color: #FF0066;
}
/*----- square -----*/
.square {
	clear: both;
	display: block;
	width: 536px;
	margin-left: 10px;
}
.square2 {
	clear: both;
	display: block;
	width: 536px;
	margin-left: 10px;
	margin-top: 20px;
}
/************ thumbs **************/
.blocks {
	clear: both;
	display: block;
	width: 536px;
	border-top: 1px solid #003366;
}
.blocks img {
	padding-top: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-top: 14px;
}
.allthumb {
	float: left;
	padding-bottom: 10px;
	width: 130px;
	border: 2px solid #6699CC;
}
.thumb_img {
	background: url(../all_pics/d.gif);
	height: 120px;
	text-align: center;
}
.t {
	font-size: 0.6em;
	color: #FFFFFF;
}
ul.t {
	padding-top: 5px;
}
li.t_title {
	padding-left: 15px; 
	background:  url(../all_pics/ico_color.gif) no-repeat left center; 
	padding-bottom: 1px
}
li.tdetails {
	padding-left: 15px; 
	background: url(../all_pics/ico_det.gif) no-repeat left center; 
	padding-bottom: 1px
}
.t a, .t a:visited {
	color: #003366;
	text-decoration: none;
}
.t a:hover {
	color: #FF3366; 
	text-decoration: underline
}
.t a:active{
	color: #FFFFFF;
	text-decoration: none;
}
.about_cont {
	clear: both;
	display: block;
	width: 536px;
	margin-left: 10px;
}
.about_sub_cont {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: 35px;
	width: 400px;
	border-left: 1px dotted #ECE9D8;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.about_sub_cont ul li {
	font-size: 0.7em;
}

.expla {
	color: #FFFFFF;
	border-bottom: 1px dotted #ECE9D8;
	cursor: help;
}
/*---- accesories ----*/
.acc_cont {
	clear: both;
	display: block;
	width: 526px;
	margin-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #99CC66;
	margin-left: 4px;
}
.acc_sub_cont2 {
	font-weight: bold;
	color: #003366;
	margin-left: 20px;
	border: 1px dotted #99CC66;
	float: left;
	margin-top: 10px;
	background: #99CC66;
	padding: 10px;
	font-size: 0.7em;
}
.acc_sub_cont {
	float: left;
	width: 225px;
	border-right: 1px solid #99CC66;
}
/*---- Price list ----*/
.price_select {
	clear: both;
	display: block;
	width: 536px;
	margin-left: 10px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
.price_select h4 {
	background: #99CC66;
	margin: 0px 9px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica;
	overflow: hidden;
	color: #FFFFFF;
}
.price_select span {
	font-size: 65%;
}

.price_select a, .price_select a:visited, .price_select a:active {
	text-decoration: none;
	color: #003366;
}
.price_select a:hover {
	text-decoration: underline;
	color: #FF3366;
}
.top_row {
	clear: both;
	display: block;
	width: 526px;
	margin-left: 10px;
	font-weight: bold;
	border-right: 1px solid #99CC66;
	border-top: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;
	font-size: 65%;
	color: #FF0066;
}
.blue_row {
	clear: both;
	display: block;
	width: 526px;
	margin-left: 10px;
	font-weight: bold;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;
	font-size: 65%;
	color: #003366;
}
.white_row {
	clear: both;
	display: block;
	width: 526px;
	margin-left: 10px;
	font-weight: bold;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;
	font-size: 65%;
	color: #FFFFFF;
}
.blue_row .b, .white_row .b, .top_row .b {
	font-weight: bold;
	width: 130px;
	float: left;
	padding-bottom: 5px;
	height: 25px;
	text-align: center;
	border-left: 1px solid #99CC66;
	padding-top: 5px;
}
.tabletitle {
	padding: 2px;
	background: #99CC66;
}
/*---- site map ----*/
.links_wrap {
	clear: both;
	display: block;
	width: 536px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.links_cont {
	font-weight: bold;
	border-left: 1px dotted #FFFFFF;
	margin-left: 70px;
	float: left;
}
.links_cont ul {
	list-style-type: none;
	padding-top: 5px;
}
.links_cont li {
	list-style-type: none;
	padding-top: 3px;
}
.links_cont a{
	font-weight: bold;
	text-decoration: none;
	background: url(../all_pics/car_up_il.gif) left top no-repeat;
	padding-left: 10px;
}
.links_cont a:visited {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
.links_cont a:hover {
	font-weight: bold;
	color: #99CCFF;
	text-decoration: underline;
	background-image: url(../all_pics/car_over_il.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.links_cont a:active {
	font-weight: bold;
	color: #FF3366;
}

