/* CSS Document */

body {
	background-color: #fffffff;
	margin: 0;
	padding: 0;
	text-align: center; /*centre page - ie */
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size: 12px;	
}

#wrap {
	width: 800px !important;	
	text-align: left;
	background-color: #fad6d6;
	margin:0 auto; /*centre page - firefox */
}


/* start HEADER section */
#header {
	height: 167px;
	background-image: url(images/bg-gradient.jpg);
	display: inline;
}

#logo-header {
float: left;
}

#tagline-header {
float:right;
}

img.logo {
	border: none;
}

#pink-line {
	clear:both;
	border-top: #f7b2c0 4px solid;
}
/* end HEADER section */


/* start final drop menu */
 /* common styling */
 
 
.menu1 {
float:left; width:100%; font-family: arial, sans-serif; font-size:11px; background-color: #98005d;
margin:0 0 0 0; /* for this demo only */ font-weight: bold; z-index: 60;
}
.menu1 ul {
padding:0;margin:0;list-style-type:none; z-index: 60;
}
/*vertical divider between main nav */
.menu1 ul li {
float:left; position:relative; z-index: 60; /*background:url(images/divider1.gif) no-repeat top right; border: 1px black solid;*/
}

/*border-bottom highlight underneath each main nav */
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:2px solid #98005d; z-index: 60; 
}
* html .menu1 ul li a, .menu1 ul li a:visited {height:33px; he\ight:30px;}

.menu1 ul li:hover {width:auto; z-index: 60;}

.menu1 ul li a.menu1one:hover {border-color:#98005d; color:#3f002f;}
.menu1 ul li a.menu1two:hover {border-color:#98005d; color:#3f002f;}
.menu1 ul li a.menu1three:hover {border-color:#98005d; color:#3f002f;}
.menu1 ul li a.menu1four:hover {border-color:#98005d; color:#3f002f;}
.menu1 ul li a.menu1five:hover {border-color:#98005d; color:#3f002f;}
.menu1 ul li a.menu1six:hover {border-color:#98005d; color:#3f002f;}

.menu1 ul li:hover a.menu1one {border-color:#98005d; color:#3f002f;}
.menu1 ul li:hover a.menu1two {border-color:#98005d; color:#3f002f;}
.menu1 ul li:hover a.menu1three {border-color:#98005d; color:#3f002f;}
.menu1 ul li:hover a.menu1four {border-color:#98005d; color:#3f002f;}
.menu1 ul li:hover a.menu1five {border-color:#98005d; color:#3f002f;}
.menu1 ul li:hover a.menu1six {border-color:#98005d; color:#3f002f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:0; left:0;width:154px;  z-index: 60; 
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
/*top border colour for drop menu*/
.menu1 ul li:hover ul li a {
display:block;background:#660043;color:#ffffff;height:auto;line-height:15px;padding:4px 16px; width:130px; border:1px solid #fad6d6; border-bottom:0 solid #98005d; font-weight: normal;
}
/*background highlight colour for sub-category heading*/
.menu1 ul li:hover ul li a.drop {
background:#3f002f /*url(images/bullet1.gif) no-repeat 3px 8px*/; font-weight: normal;
}
/* txt colour of sub-menu hover links */
.menu1 ul li:hover ul li a:hover {
color:#f7b2c0; background: #98005d /*url(images/bullet1.gif) no-repeat 3px 8px*/;
}
/*background highlight colour for sub-category heading hover*/
.menu1 ul li:hover ul li a:hover.drop {
background: #98005d; /*url(images/bullet1.gif) no-repeat 3px 8px;*/ font-weight: normal;
}
/* positioning of the products sub-menu */
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:163px; top:0;
}
/*for the very last drop menu to the right*/
.menu1 ul li:hover ul li:hover ul.left {
left:-163px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:33px; t\op:32px; background:#fff;left:0; marg\in-top:0; font-weight: normal;
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
/*top border colour for drop menu*/
.menu1 ul li a:hover ul li a {
display:block;background:#660043;color:#ffffff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:130px; border:1px solid #fad6d6; border-bottom:0 solid #98005d; 
}
/*background highlight colour for sub-category heading*/
.menu1 ul li a:hover ul li a.drop {
background:#3f002f /*url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:5px*/; font-weight: normal;

}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#f7b2c0; background: #98005d /*url(images/bullet1.gif) no-repeat 3px 8px;*/
}
/*background highlight colour for sub-category heading hover*/
.menu1 ul li a:hover ul li a:hover.drop {
 background: #98005d url(images/bullet1.gif) no-repeat 3px 8px; font-weight: normal;
}
/* positioning of the products sub-menu */
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:0; color:#000; left:163px;
}
/*for the very last drop menu to the right*/
.menu1 ul li a:hover ul li a:hover ul.left {
left:-163px;
}

/* end menu */


/*start content - common*/

h1 { 
	font-size:18px;
}

h2 { 
	font-size:15px;	
}

h3 {
	font-size:13px;	
}

h4 {
	font-size:11px;	
	margin-bottom: 3px;
	margin-top: 1px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
}

p.subcategorytext {
margin-top: 10px;
margin-bottom: 30px;
}

ul.content {
margin-top: -25px;
}

/* end content - common*/


/*start HOME content*/
/*start content - text*/
a.smalltxt:link, a.smalltxt:visited, a.smalltxt:active { text-decoration: none; color: #98005d; font-size: 8pt; font-weight: font-family: arial, sans-serif; padding-top:0; margin-bottom: 3px; margin-right: 3px;}

a.smalltxt:hover { text-decoration: underline; color: #98005d; font-size: 8pt; font-weight: font-family: arial, sans-serif; padding-top:0; margin-bottom: 3px; margin-right: 3px; }

a.bodytxt:link, a.bodytxt:visited, a.bodytxt:active { text-decoration: underline; color: #3f002f; font-size: 12px; font-weight: font-family: arial, sans-serif; padding-top:0; }

a.bodytxt:hover { text-decoration: underline; color: #98005d; font-size: 12px; font-weight: font-family: arial, sans-serif; padding-top:0; }

#content-wrap{
	height:430px;
	color: #3f002f;
	background: url(../images/i-do-chaircovers-home.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;	
	clear:both;
}

#top-content-fixed {position: relative; top: 1.8em; left:18px; width:300px; z-index:10; color:#3f002f; padding-bottom: 2em;  border: hidden;}
/*end content - text*/


/*start featured products */
#bottom-content {
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 20px;	
	z-index: 1;
	display: inline;
}

#bottom-moreproducts {
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 5px;	
	z-index: 1;
	clear: both;
}

span.spacer {
width: 10px;
height: 5px;
}

span { /* portrait */
text-align: center;
float: left;
width: 90px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 8pt;
font-family: arial, sans-serif; 
color: #98005d;
padding-top:0; 
}

span.landscape { /* landscape thumbpics */
text-align: center;
float: left;
width: 131px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 8pt;
font-family: arial, sans-serif; 
color: #98005d;
padding-top:0;
vertical-align:middle
}

img.thumbpicP { /* portrait thumbpics */
border: solid 1px #98005d;
width: 82px;
height: 123px;
margin-bottom: 3px;
}

img.thumbpicL { /* landscape thumbpics */
border: solid 1px #98005d;
width: 123px;
height: 82px;
margin-bottom: 3px;
}

img.largepicP { /* portrait enlargements */
border: solid 1px #98005d;
width: 250px;
height: 376px;
margin-bottom: 3px;
}

img.largepicL { /* landscape enlargements */
border: solid 1px #98005d;
width: 450px;
height: 338px;
margin-bottom: 3px;
}
/*start featured products */
/*end HOME content*/


/*start ABOUT US content*/
#content-aboutus-wrap {
	background: url(../images/i-do-chaircovers-about-us.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-aboutus {position: relative; top: 1.8em; left:18px; width:470px; z-index:10; color:#3f002f; }
/*end ABOUT US content*/




/*start CONTACT US content*/
#content-contactus-wrap {
	background: url(../images/i-do-chaircovers-contactus.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-contactus {position: relative; top: 1.8em; left:18px; width:320px; z-index:10; color:#3f002f; }
/*end CONTACT US content*/


/*start PRODUCTS content*/
#content-products-wrap {
	background: url(../images/i-do-chaircovers-products.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-products {position: relative; top: 1.8em; left:18px; width:330px; z-index:10; color:#3f002f; }
/*end PRODUCTS content*/


/*start PRODUCTS SUB-CATEGORY content*/
#content-productssubcategory-wrap {
	background: url(../images/i-do-chaircovers-about-us.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-chaircovers-wrap {
	background: url(../images/i-do-chaircovers-chaircover.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-themedchaircovers-wrap {
	background: url(../images/i-do-chaircovers-themed.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}


#content-linen-wrap {
	background: url(../images/i-do-chaircovers-linen.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-tablefloral-wrap {
	background: url(../images/i-do-chaircovers-tableflor3.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-candelabras-wrap {
	background: url(../images/i-do-chaircovers-candelabra.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-vaseandbowls-wrap {
	background: url(../images/i-do-chaircovers-vasenbowls.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-productssubcategory {position: relative; top: 1.8em; left:18px; width:480px; height: 350px; z-index:10; color:#3f002f;} /* for portrait display of products */

#content-productssubcategoryL {position: relative; top: 1.8em; left:18px; width:350px; z-index:10; color:#3f002f;} /* for landscape display of products */


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span.enlarge{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #98005d;
text-decoration: none;
}

.thumbnail span.enlarge img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span.enlarge{ /*CSS for enlarged image*/
visibility: visible;
top: -1em;
left: 495px; /*position where enlarged image should offset horizontally */
z-index: 70;
width: 254px;
}

.thumbnail span.enlargeL{ /*CSS for enlarged LANDSCAPE image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #98005d;
text-decoration: none;
}

.thumbnail span.enlargeL img{ /*CSS for enlarged LANDSCAPE  image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span.enlargeL{ /*CSS for enlarged LANDSCAPE  image*/
visibility: visible;
top: 1.1em;
left: 285px; /*position where enlarged image should offset horizontally */
z-index: 70;
width: 452px;
}

#bottom-productspagenav {
	z-index: 1;
	display: inline;
margin-top: 3em;
}

#bottom-productspagenav-spacer {
clear:both;
float: left;
margin-top: 3em;
width: 18px;
}

#bottom-productspagenav-left {
float: left;
margin-top: 3em;
width: 250px;
}

#bottom-productspagenav-right {
float: left;
margin-top: 3em;
width: 220px;
text-align: right;
}

#bottom-colourswatchpagenav-left {
float: left;
width: 500px;
margin-top: 1em;
}

img.colourswatch {
border: none;
margin-right: 4px;
}
/*end PRODUCTS SUB-CATEGORY content*/


/*start EVENTS content*/
#content-events-wrap {
	background: url(../images/i-do-chaircovers-events.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-events {position: relative; top: 1.8em; left:18px; width:350px; z-index:10; color:#3f002f;}



.thumbnail span.enlargeEventsP{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #98005d;
text-decoration: none;
}

.thumbnail span.enlargeEventsP img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span.enlargeEventsP{ /*CSS for enlarged image*/
visibility: visible;
top: -1em;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 70;
width: 254px;
}


#bottom-eventspagenav {
	z-index: 1;
	display: inline;
}

#bottom-eventspagenav-left {
clear:both;
float: left;
margin-top: 3em;
width: 300px;
text-align: center;
}

#bottom-eventspagenav-right {
float: left;
margin-top: 1.4em;
}
/*end EVENTS content*/


/*start REQUESTAQUOTE content*/
#content-requestaquote-wrap {

	background: url(../images/i-do-chaircovers-requestaquo.jpg) top right no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	clear:both; 
}

#content-requestaquote {position: relative; top: 1.8em; left:18px; width:750px; z-index:10; color:#3f002f;}

.smallfont {
	font-size: 7.5pt;
}

label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 4px;
}

	input {
	border: 1px solid #98005d;
	color: #3f002f;
	padding-left: 5px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

label {
	text-align: right;
	width: 170px;
	padding-right: 20px;
	color: #3f002f;
}

br {
	clear: left;
}

#approx_num_people, #function_date {
	width: 85px;
}

	#details {
	border: 1px solid #98005d;
	float: left;
	padding-left: 5px;
	width: 200px;
	color: #3f002f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	overflow: auto;
	scrollbar-face-color:#98005d; 
	scrollbar-track-color:#fad6d6; 
	scrollbar-arrow-color:#3f002f; 
	scrollbar-shadow-color:#660043; 
	scrollbar-dark-shadow-color:#3f002f; 
	scrollbar-3dlight-color:#f7b2c0; 
	scrollbar-highlight-color:#ffffff;
}

.formspacer {
	width: 186px;
}

	.submit {
	background-color: #660043;
	border: 1px solid #98005d;
	color: #ffffff;
	font-weight: bold;
	font-family: arial;
	font-size: 8pt;
	margin-top: 15px;
	width: 130px;
}

	.resetalignment {
	margin-top: 15px;
	margin-left: 26px;
}

	.reset {
	background-color: #660043;
	border: 1px solid #98005d;
	color: #ffffff;
	font-weight: bold;
	font-family: arial;
	font-size: 8pt;
	margin-top: 0;
	width: 50px;
}


/*end REQUESTAQUOTE content*/


/*start COLOUR SELECTION content*/
#content-colourselection-wrap {
	background: url(../images/i-do-chaircovers-colour.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-colourselection {position: relative; top: 1.8em; left:18px; width:750px;
 height: 350px; z-index:10; color:#3f002f;}

spacer.h {
height: 10px;
}

#c-swatch {
 width:750px;
 text-align: left;
 color:#3f002f; 
 font-size: 12px;
}

#sash-swatch {
 width:750px;
 text-align: left;
 color:#3f002f; 
 height: 307px;
}
.swatchtxt {
font-size: 11px;
margin-bottom: 20px;
}

image.swatch-mini {
border: none;
width: 61px;
height: 61px;
margin: 0 0 0 0;
}

img.swatch-lge { 
border: none;
width: 115px;
height: 115px;
margin-bottom: 5px;
}

span.swatch { 
text-align: center;
float: left;
width: 61px;
font-size: 8pt;
font-family: arial, sans-serif; 
color: #98005d;
padding-top:0; 
margin: 0 3px 0 0;
}

.swatchimage img{
margin: 0 0 0 0;
border: 0;
}

.swatchimage:hover{
background-color: transparent;
}

.swatchimage span.enlargeswatch{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #ffffff;*/
padding: 0px;
left: -1000px;
visibility: hidden;
color: #3f002f;
text-decoration: none;
}

.swatchimage span.enlargeswatch img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.swatchimage:hover span.enlargeswatch{ /*CSS for enlarged image*/
visibility: visible;
top: 22em;
left: 495px; /*position where enlarged image should offset horizontally */
z-index: 70;
width: 254px;
}

/*end COLOUR SELECTION content*/




/*start TESTIMONIALS content*/
#content-testimonials-wrap {
	background: url(../images/i-do-chaircovers-testimonial.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-testimonials {position: relative; top: 1.8em; left:18px; width:790px; z-index:10; color:#3f002f; }

#logoandquote-wrap {
clear:both;
display: inline;
}

#left-logo {
clear:both;
float: left;
text-align: left;
margin-top: 10px;
width: 150px; 
height: 130px;
color:#3f002f; 
}

#right-quote {
float: left;
width: 300px;
text-align: left; 
color:#3f002f; 
font-size: 12px;
}

img.testimonials {
border: none; 
}

#bottom-testimonialspagenav {
	z-index: 1;
	display: inline;
}

#bottom-testimonialspagenav-left {
clear:both;
float: left;
margin-top: 2.9em;
width: 18px;
text-align: center;
}

#bottom-testimonialspagenav-right {
float: left;
margin-top: 2.9em;
}

/*end TESTIMONIALS content*/



/*start SITEMAP content*/
#content-sitemap-wrap {
	background: url(../images/i-do-chaircovers-sitemap.jpg) right top no-repeat;
	border-left: solid 1px #3f002f;
	border-right: solid 1px #3f002f;
	height:430px;
	color: #3f002f;
	clear:both;
}

#content-sitemap {position: relative; top: 1.8em; left:18px; width:320px; z-index:10; color:#3f002f; }

a.s-map:link, a.s-map:visited, a.s-map:active {
	text-decoration: none;
	color: #3f002f; 
	font-size: 12px; 
	font-family: arial, sans-serif;
}		

a.s-map:hover {
	text-decoration: underline;
	color: #98005d; 
	font-size: 12px; 
	font-family: arial, sans-serif;
}

.sitemap {

	background:transparent 0px 0px no-repeat;
	width: 200px;
	height: 18px;
	display: block;
	float: left;
	margin-left: 1em;
	}


.bullet {
list-style-image: url(../images/bullet.gif);
}
/*end SITEMAP content*/

/*end content*/




#purple-line {
	border-top: #3f002f 4px solid;
	clear:both
}





/*start bottom nav*/
#bottom-nav {
	display: inline;
	background-color: #660043;
	height: 39px;
}

/* start www.ChairCoversIDo.com url */
#ido-url {
	float:left;
	background-color: #660043;
	height: 31px;
	width: 271px;
	padding-left: 20px;
	padding-top: 8px;
}

a.ido:link, a.ido:visited {
	text-decoration: none;
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: verdana, sans-serif;
}		

a.ido:hover, a.ido:active {
	text-decoration: none; 
	color: #f7b2c0; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: verdana, sans-serif;
}
/* end www.ChairCoversIDo.com url */

/* start contact no */
#contact-no {
	font-size: 12px; 
	float:left;
	background-color: #660043;
	height: 31px;
	width: 306px;
	padding-top: 8px;
	color: #ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: verdana, sans-serif;
}
/* end contact no */

/* start home | contact us | Sitemap links */
#bottom-right-nav {
	float:right;
	background-color: #660043;
	height: 31px;
	width: 203px;
	padding-top: 8px;
	text-align: right;
}

a.bottom-right:link, a.bottom-right:visited { text-decoration: none; color: #ffffff; font-size: 9px;  font-family: verdana, sans-serif; margin-right: 20px; }

a.bottom-right:active, a.bottom-right:hover { text-decoration: underline; color: #f7b2c0; font-size: 9px;  font-family: verdana, sans-serif; margin-right: 20px; }

/* end home | contact us | Sitemap links */

/*end bottom nav*/





/*start footer */

#footer {
clear:both;
background-color: #ffffff;
color: #999999;
font-size: 7.5pt;  
font-family: arial, sans-serif;
text-align: center;
height: 70px;
padding-top:20px; 
}

a.footer:link, a.footer:visited, a.footer:active { text-decoration: none; color: #999999; font-size: 7.5pt; font-weight: font-family: arial, sans-serif; }

a.footer:hover { text-decoration: none; color: #98005d; font-size: 7.5pt; font-weight: font-family: arial, sans-serif;  }


/*end footer */