/* STYLE SHEET DECLARATIONS 
copyright 2005 Evolution 7
http://www.evolution7.com
Do not reproduce without permission.
*/

/* GENERAL STYLES
--------------------------------------------------------------------*/ 

body { 
font-family: Arial, Helvetica, sans-serif; 
margin:0px;
padding: 0px;
text-align:center;
background: #EDEDED;}

p {line-height: 1.2em;}
p strong {font-weight:normal;}


/* BUILDING BLOCKS
--------------------------------------------------------------------*/

#maincontainer {width:810px; text-align:left; margin-left:auto; margin-right:auto; BACKGROUND: #EDEDED url(../images/page-bkg.gif) repeat-x left top;}
#masthead {height:89px; BACKGROUND: #5B5D68 url(../images/masthead-watermark.gif) no-repeat right top;}
#dropshadow {height:15px; BACKGROUND: url(../images/masthead-ds-br.gif) no-repeat right top;}
#cathead {height:45px; text-align:right; padding-right:13px;}

#ttlogo {float:left; width:108px; height:89px;}

.tablebkgcolour {background-color:#fff; background: #fff url(../images/page-shadow1.jpg) no-repeat right bottom;}

#noflash {width:800px; height:373px; background:url(../images/no-flash-splash.jpg) no-repeat; font-size:10px; color:#FFF;}
#noflash H1 {float:left; font-size:10px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; width:480px; padding:330px 0 0 290px;}


/* NAVIGATION STYLES
--------------------------------------------------------------------*/

#mainnav {PADDING: 8px 0 0 0; width:auto; MARGIN: 0px;}
#mainnav UL {PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
#mainnav UL LI {PADDING: 0px 2px 0 0px; DISPLAY: inline; MARGIN: 0px; FLOAT: left; height:70px;}
#mainnav UL LI A {PADDING: 1px; MARGIN: 0px; DISPLAY: block; float:left; width:auto; border:1px hidden #5B5D68;}
#mainnav UL LI A:hover {PADDING: 1px; MARGIN: 0px; BACKGROUND: url(../nav/nav-arrow-ro.gif) no-repeat center 6px; border:1px hidden #5B5D68;}

/* mainnav on state */
#mainnav UL LI#on A {PADDING: 0px; MARGIN: 0px; BACKGROUND: url(../nav/nav-arrow-on.gif) no-repeat center 6px; border:1px solid #7C7D86;}


#subnav {PADDING: 18px 0px 0px 0px; width:183px; MARGIN: 0px 0px 0px 22px; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
#subnav div {color: #555764; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
#subnav UL {PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px; LIST-STYLE-TYPE: none;}
#subnav UL LI {PADDING: 0px; DISPLAY: inline; FONT-WEIGHT: normal; MARGIN: 0px; BACKGROUND:url(../images/subnav-dots.gif) repeat-x left top; text-transform:uppercase;}
#subnav UL LI H2 {margin:0px; font-size:9px; font-family: Arial, Helvetica, sans-serif;}
#subnav UL LI H2 A {PADDING: 5px 15px 3px 0px; DISPLAY: block; color: #B3B3B3; MARGIN: 0px 0px 0px 0px; TEXT-DECORATION: none; BACKGROUND:url(../nav/subnav-dots-off.gif) repeat-x left top; font-weight:bold;}
#subnav UL LI H2 A:hover{BACKGROUND:url(../nav/subnav-dots-on.gif) repeat-x left top; color: #555764; font-weight:bold;}
#subnav UL LI#on H2 A{BACKGROUND:url(../nav/subnav-dots-on.gif) repeat-x left top; color: #555764; font-weight:bold;}

/* displays subnav bullets */
#subnav UL LI H2 A div{background:url(../images/mainnav-bullet-off.gif) no-repeat 2px 3px ; PADDING: 3px 0px 3px 21px;}

/* subnav on state */
#subnav UL LI H2 A div.on {line-height:12px;color: #2D5838; font-weight:bold; TEXT-DECORATION: none; background:#D5DFCA url(../images/mainnav-bullet-on.gif) no-repeat 3px 3px ;}

#subnav .arch_left_nav {height:800px}

/* subnav top and bottom styles */
.navigationbottom {HEIGHT:10px; width: 178px; BACKGROUND:url(../images/subnav-dots.gif) repeat-x left top;}
.navigationtop {PADDING: 0px 0px 0px 0px; BACKGROUND: url(../images/mainnav-bkg-dots.gif) repeat-x left top; height:1px; MARGIN: 0px 0px 0px 0px;}



/* CONTENT AREA STYLES
----------------------------------------------*/ 

#introtext {color:#979696; font-size:11px; width: 185px; margin: 23px 0 0 22px;}
#introtext.process {color:#979696; font-size:11px; width: 175px; margin: 23px 0 0 22px;}
#introtext a{color:#D45858; font-size:11px; text-decoration:none;}
#introtext a:hover{color:#D45858; font-size:11px; text-decoration:underline;}
#fullwidth #introtext {color:#979696; font-size:11px; margin: 23px 25px 0 22px;}
.subheadpad {padding-bottom:12px;}
.bodytext {color:#979696; font-size:11px;}

#flashbrowser {height:420px; width:575px;}
#captionholder {width:575px; BACKGROUND: url(../images/productcap-bkg-r.gif) repeat-y;}
#productcap {BACKGROUND: url(../images/productcap-bkg.gif) no-repeat left top; padding: 12px 15px 9px 52px; color:#AFB2B6; font-size:11px;}

#captionholder.table_chairs {min-height:120px}

#splashflash {height:373px; width:800px; margin:7px 0 25px 0;}

.producttitle H1 {font-family: Verdana; color:#AFB2B6; font-size:9px; text-transform:uppercase; font-weight:bold; display:inline;}
.producttitle H1 a{color:#AFB2B6; font-size:9px; text-decoration:none;}
.producttitle H1 a:hover{color:#A2A3A5; font-size:9px; text-decoration:none;}

.imagepad1 {padding: 10px;}
.tablepad1 {padding: 5px}

.textdivider1 {color:#E2E0E0; padding: 0 6px 0 6px;}


/* FOOTER
--------------------------------------------------------------------*/ 

#footercontainer {
	BACKGROUND: #E1E1E1 url(../images/footer-watermark.gif) no-repeat left top; 
	height:80px;
	text-align:left;
	margin-top:25px;
}

#footerlogo {padding:13px 16px 0 20px;}

.footerlinks1 {padding:35px 0 0 30px; font-size:11px; color:#A1A3A8; text-align:left;}
.footerlinks1 a{font-size:11px; text-decoration:none; color:#A1A3A8; padding: 0 15px 0 15px;}
.footerlinks1 a:hover {font-size:11px; text-decoration:none; color:#FFF;}

#copyright {padding: 6px 0 20px 0; color:#C1C1C4; font-family:verdana; font-size:9px; text-align:right; width:200px; float:right;}
#copyright a {color:#C1C1C4; font-family:tahoma, verdana; font-size:9px; text-decoration:none;}
#copyright a:hover {color:#C1C1C4; font-family:tahoma, verdana; font-size:9px; text-decoration:none;}
#copyright H2 {float:left; color:#C1C1C4; font-family:tahoma, verdana; font-size:9px; text-decoration:none; margin:0px; padding:1px 0 0 430px;}

#e7-link {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; width:200px; padding: 6px 5px 20px 0; color:#99a0a5;}
		#e7-link a {display:block; float:right; padding:0 4px 0 20px; color:#C1C1C4; text-decoration:none; height:17px;}
			#e7 {background:url(../images/logo-e7.gif) no-repeat; }
			#e7-link a:hover {background-position:bottom left; color:#a1a3a8;}