/* CSS Document */
BODY { color:#C60000; background: url(img/bg_red.jpg); text-align: center; margin: 0; font: normal 100% arial, helvetica, sans-serif; position: relative; }

/*common stuff*/	
a:link, a:visited {	color: #656464;	text-decoration: none;	font: bold 11px arial, helvetica, sans-serif; }
a:hover { color: #C60000;}
a:visited { color: grey;}
.imgleft { float: left; clear: right; margin: 0 5px 0 0; }
.imgright { float: right; }
/*-------------*/

#container { width: 770px; margin: 0 auto 10px auto; background: #C60000 url(img/in_bg.jpg) repeat; }
#header { height: 129px; text-align: left; width: 770px; background: url(img/bg_banner.jpg) no-repeat; position: relative; float: left; margin: 0;}
#header .left { float: left; width: 540px;}
#header .right { float: right; width: 209px; margin: 5px 5px 0 0;}
#header .left img { margin: 5px 10px; }
#header h1 { font: normal 16px Arial, Helvetica, sans-serif; color: /*#DE0202*/black; position: absolute; top: 70px; right: 215px; text-align: right; width: 545px; background: url(img/bg_heading.gif) no-repeat right; padding: 0 5px 0 0; margin: 0;}
#header h1 img {margin: 0;}

/*----common links for all pages--*/
#topmenu ul { margin: 0; padding: 0;   }
#topmenu ul li { height: 20px;  list-style: none; float: left; margin: 0; padding: 0; background: white; border: solid 1px black; }
#topmenu ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: black; padding: 5px;  }
/*---------------*/

/*----------top navbar-----*/
#toplinks { float: left; width: 770px; height: 22px; margin: 20px 0 0 0; padding: 0; background:#C60000; text-align: center;}
#toplinks ul { float: left; width:770px; margin: 0; padding: 0; text-align: center; border-top: solid 1px #141414; border-bottom: solid 1px #141414; z-index: 500; }
#toplinks ul li { position: relative; list-style: none; text-align: center;  height: 20px; margin: 0 5px; color: white; float: left; z-index: 500;}
#toplinks ul li a { color: white; font: bold 11px arial, helvetica, sans-serif; margin: 0 0 0 3px; }
#toplinks ul ul { position: absolute; top: 20px; left: 0; width: 200px; margin: 0; padding: 0; z-index: 500; background: #868683; border: solid 1px #868683; height: auto; float: left;}
#toplinks ul ul li { width: 200px; z-index: 500; margin: 0 0 1px 0; text-align: left; padding: 2px 5px 2px 0;  background: #FFF197; position: relative; font: normal 11px/120% Verdana, arial, helvetica, sans-serif; height: auto;}
#toplinks ul ul li a { color: #C60000; }
#toplinks ul ul li:hover { background: white; color: #C60000; }

div#toplinks ul ul, div#toplinks ul li:hover ul ul, div#toplinks ul ul li:hover ul ul {display: none;}
div#toplinks ul li:hover ul, div#toplinks ul ul li:hover ul {display: block; height: auto;}
/*----------*/

#content { width: 770px; margin: 0; text-align: center; float: left;}
#content .row { clear: both; margin: 5px auto; text-align: center; width: 760px; border-bottom: dotted 2px red; padding: 5px 0 0 0; }
#content .search {margin: 12px 10px 0 10px; text-align: right; height: 20px;}

/*---for a row with 2 columns---*/
.row .left { float: left; width: 350px; margin: 5px 0; padding: 0;}
.row .right { float: right; width: 350px; margin: 5px 0;}

/*---row with 3 columns---*/
.row .col1, .row .col2, .row .col3 { float: left; width: 248px; padding: 5px 0;}
.row .col1 {  margin: 0 8px 0 0;}
.row .col3 { float: right; }

/*--for a row with 4 columns--*/
.row .column1, .row .column2, .row .column3, .row .column4 { padding: 5px 0; width: 183px;  }
.row .column1 { float: left; margin: 0 8px 0 0; }
.row .column2 { float: left; margin: 0 8px 0 0; }
.row .column3 {float: left; }
.row .column4 {float: right; margin: 0 2px 0 0; }

.row b, .row .left b, .row .right b, .row .right b a, .row .right p a, .row .left p a { font: bold 14px/140% arial, helvetica, sans-serif; color: #C60000; text-align: left; margin: 2px; }
.row p, .row .left p, .row .right p, .row .column1 p, .row .column2 p, .row .column3 p, .row .column4 p
{ font: normal 12px/140% arial, helvetica, sans-serif; color: #22396D; text-align: left; margin: 2px;}
.row p { text-align: center; }

.row img { border: solid 1px black; background: white; }

/*----common links for all pages--*/
#rightlinks { width: 178px; margin: 0; padding: 0; float: right; }
#rightlinks ul { margin: 0; padding: 0;}
#rightlinks ul li { position: relative; background: url(img/bg_rightlinks.jpg); list-style: none; padding-left: 10px; text-align: left;}
#rightlinks ul li a { color: #C60000; font: bold 11px arial, helvetica, sans-serif;}
#rightlinks ul li:hover { background: url(img/bg_rightlinks1.jpg) repeat-y; width: 178px;}
#rightlinks ul ul { position: absolute; top: 0; right: 187px; margin: 0; padding: 0;	z-index: 1000; background: #868683; border: solid 1px #868683;}
#rightlinks ul ul li {	width: 178px; margin: 0 0 1px 0; text-align: right; padding: 2px 5px 2px 0; background:#FFF197; font: normal 11px/120% Verdana, arial, helvetica, sans-serif;}
#rightlinks ul ul li:hover { background: white; }

div#rightlinks ul ul, div#rightlinks ul li:hover ul ul, div#rightlinks ul ul li:hover ul ul {display: none;}
div#rightlinks ul li:hover ul, div#rightlinks ul ul li:hover ul {display: block; }

/*---second set of links for tables, chairs pages-----*/
#leftlinks { position: absolute; top: 0; left: 0; width: 150px; float: left; }
#leftlinks ul { margin: 0; padding: 0; }
#leftlinks ul li { list-style: none; text-align: left; border-bottom: solid 1px red; margin: 3px 0 0 0;}
#leftlinks ul li a { margin: 0; }

/* Inside chairs pages left links */
#leftlinks_chairs {	width: 580px; text-align: center; background: #FFED78; border: solid 1px #868683; position: absolute; top: 0; left: -10px; }
#leftlinks_chairs ul { padding: 0;	margin: 0 auto; text-align: center;}
#leftlinks_chairs ul li { text-align: center; list-style: none; background: #FFED78; padding: 0; margin: 1px auto; float: left; font: bold 11px/150% arial, helvetica, sans-serif; border-top: solid 1px #868683; border-bottom: solid 1px #868683;}
#leftlinks_chairs ul li a { font: bold 11px/100% arial, helvetica, sans-serif; text-decoration: none; margin: 0 0 0 5px; color: #2E2E2E; }
#leftlinks_chairs ul li:hover { background: white; }
#leftlinks_chairs ul li a:hover { color: red; }

/* link titles */
H2 { color: #ffffff; line-height:5px;font: bold 11px arial, helvetica, sans-serif;}

/* Inside page titles */
H4 { text-align:left;margin: 0;	padding: 0;	color: #C60000; font: bold 14px arial, helvetica, sans-serif;}
	
.pagehead {	background-color: #FFE77C;	border: solid 1px #767676; margin: 0; padding: 0;}
.subhead{	background: #FFF1B1; border: dashed 1px #767676; color: black;	font: bold 11px Verdana;}

.highlight, .highlight a { color: #183C8D; font: bold 14px Arial, Helvetica, sans-serif; }
.highlight1, highlight1 a { color: red; font: bold 14px Arial, Helvetica, sans-serif; }

#footer { width: 770px; clear: both; height: 70px; font: normal 12px arial, helvetica, sans-serif; color: #272C65; margin: 10px 0; background: url(img/bg_footer.jpg) no-repeat; border-top: solid 1px #2D2E36; padding: 10px 0 0 0;}
#footer a { font: normal 12px arial, helvetica, sans-serif; color: #2D2E36; }

/* contact us*/
.footertext{	font: normal 70% arial, helvetica, sans-serif; 	text-align:left; color: #515151;	padding-left: 5px; padding-right: 10px;	}

/* INSIDEPAGE BOTTOM LINKS */
.footerlink{font: 11px arial, helvetica, sans-serif; text-align:center;	color: #515151;	padding-left: 10px; padding-right: 10px; width: 724px;}
.dots {	font: bold 11px arial, helvetica, sans-serif; color: #C60000;}

table#table1 { border: solid 1px black; font: normal 12px Arial, Helvetica, sans-serif;}