/* CSS Master Document */

*{ margin: 0; padding:0; }

html{ height:100%; }

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	background: url(../images/main/header_bkg.gif) center top repeat-x;
	background-color: #1B1B1B;
}

body a {color: #FFF; text-decoration: none; }
body a:hover {color: #FF6600;}

/* Main Elements */

#wrapper { margin: 0 auto; width: 900px; }

/* header  */

#header { height: 130px; width: 900px; }
#header ul { width: 500px; float: right; margin-top: 65px; position: relative; z-index: 10;}
#header ul li { float: right; display: inline; padding: 7px 10px 5px 10px; font-size: 0.8em; }
#header ul li a { color: #CCC; letter-spacing: 0.05em; }
#header ul li a:hover { color: #FFF;}
#header ul li a.selected { color: #FFF; background-color: #1B1B1B; padding: 7px 10px 5px 10px; }

/*  Content Top Image  */

#content-top { height: 200px; width: 900px; overflow: hidden;}
#content-top h2 {font-size: 1.3em; color: #FFF; letter-spacing: 0.1em; line-height: 25px; float: right; display: inline; width: 275px; margin-top: 30px;}
#content-top.home { height: 345px; margin-bottom: 15px; background: url(../images/content-top/heli.jpg) center top no-repeat; }
#content-top.lightweight { background: url(../images/content-top/coastguard.jpg) center top no-repeat; }
#content-top.thermal { background: url(../images/content-top/biker.jpg) center top no-repeat; }
#content-top.outer { background: url(../images/content-top/skiing.jpg) center top no-repeat; }
#content-top.submersion { background: url(../images/content-top/divers.jpg) center top no-repeat; }
#content-top.coveralls { background: url(../images/content-top/rig.jpg) center top no-repeat; }
#content-top.fire { background: url(../images/content-top/firemen.jpg) center top no-repeat; }
#content-top.cooling { background: url(../images/content-top/cbrn.jpg) center top no-repeat; }
#content-top.shelterbox { background: url(../images/content-top/shelterbox.jpg) center top no-repeat; }
#content-top.seacore { background: url(../images/content-top/seacore.jpg) center top no-repeat; }
#content-top.basic { background: url(../images/content-top/basic.jpg) center top no-repeat; }
#content-top.products { background: url(../images/content-top/tcs_products.jpg) center top no-repeat; }
#content-top.brochure { background: url(../images/content-top/brochure-top.jpg) center top no-repeat; }
#content-top.public { background: url(../images/content-top/public_sector.jpg) center top no-repeat; }
#content-top.contact { background: url(../images/content-top/contact_top.jpg) center top no-repeat; }
#content-top.bespoke { background: url(../images/content-top/bespoke.jpg) center top no-repeat; }

/* Content Main  */

#content-main { margin: 0; overflow: hidden; margin-top: 6px;}

#content { width: 600px; float: right; }

#content ul { width: 300px; float: right;}
#content ul li {width: 274px; display: inline; float: right; height: 50px; background-color: #404040; padding: 10px; margin: 0 0 6px 6px; background: url(../images/main/category_bkg4.gif) right top repeat-y;}
#content ul li:hover { background: url(../images/main/category_bkg.gif) right top repeat-y;}
#content ul li a {color: #CCC;}
#content ul li a:hover {color: #FFF;}
#content ul li h4 {font-size: 0.95em; color: #FF6600; padding-bottom: 5px; letter-spacing: 0.03em; font-weight: normal;}
#content ul li p {font-size: 0.72em; color: #CCC; line-height: 16px;}
#content ul li.on { background: url(../images/main/category_bkg.gif) right top repeat-y; }

#content ul.categories {width: 600px;}
#content ul.categories li {width: 274px; display: inline; float: right; height: 50px; background-color: #404040; padding: 10px; margin: 0 0 6px 6px;}

#content.products {width: 600px; float: left;}
#content.products ul {width: 600px;}
#content.products ul li {width: 274px; display: inline; float: right; height: 50px; background-color: #404040; padding: 10px; margin: 0 6px 6px 0px;}

#content.products2 ul { width: 600px; float: left;}
#content.products2 ul li { width: 600px; height: 120px; float: left; background: url(../images/main/category_bkg2.gif); padding: 0; }
#content.products2 ul li:hover { background: url(../images/main/category_bkg3.gif); }
#content.products2 ul li a {font-size: 0.8em; color: #CCC; line-height: 15px;}
#content.products2 p {width: 400px;}
#content.products2 span {width: 400px; display: block; float: left; padding: 10px 10px 10px 15px;}

#content.public ul { width: 600px; float: left;}
#content.public ul li { width: 600px; height: 120px; float: left; background: url(../images/main/category_bkg2.gif); padding: 0; }
#content.public ul li a {font-size: 0.8em; color: #CCC; line-height: 15px;}
#content.public p {width: 400px;}
#content.public span {width: 400px; display: block; float: left; padding: 10px 10px 10px 15px;}

#content.side {float: left; width: 300px; margin-top: 0px;}
#content.side2 {float: left; width: 300px; margin-top: 0px; }
#content.side2 p, #content.side3 p {color: #CCC; padding: 5px 15px 15px 15px; font-size: 0.8em; line-height: 1.2em; }
#content.side3 h3 {color: #FFF; padding: 10px 10px 10px 15px; font-size: 1em; }
#content.side3 {float: left; width: 300px; margin-top: 0px; background: url(../images/main/content1_bkg.gif) top center repeat-x; min-height: 500px;}


#content1 { width: 600px; float: left; display: inline; background: url(../images/main/content1_bkg.gif) repeat-x top left; min-height: 550px;}
#content1 h3 {color: #FFF; letter-spacing: 0.05em; font-weight: normal; font-size: 1em; margin: 20px 20px 5px 20px; border-bottom: 1px solid #666; padding-bottom: 5px;}
#content1 h4 {font-size: 0.95em; color: #FFF; margin-left: 20px; font-weight: normal;}
#content1 h4.products {width: 560px; border-bottom: 1px solid #666; padding-bottom: 5px;}
#content1 h4.order { clear: left; width: 560px; padding-bottom: 5px; padding-top: 5px; color: #7C7C7C;}
#content1 h4.order a { color: #7C7C7C;}
#content1 p {font-size: 12px; color: #CCC; line-height: 14px; padding: 10px 20px 10px 20px;}
#content1 ul.inline li {color: #CCC; font-size: 0.9em; padding-bottom: 5px; list-style-type: square; }

#tabs { width: 600px; height: 45px; position: absolute; z-index: 10; margin-top: -44px; }
#tabs ul { float: left; width: 570px; display: inline; margin-left: 20px; margin-top: 16px; }
#tabs ul li { float: left; display: inline; padding: 5px 10px 8px 10px;  background-color: #666; margin-right: 10px; list-style-type: none; }
#tabs ul li.active { background-color: #333; background-image: none; }
#tabs ul li.active a { color: #FF6600; }
#tabs ul li a {font-size: 0.8em; font-weight: normal; color: #FFF; }
#tab1, #tab2, #tab3 { overflow: hidden; display: block; margin-bottom: 20px;}
.tab-left {float: left; width: 350px; padding: 0px 0 20px 0px; overflow: hidden; margin-left: 10px;}
.tab-left p {margin-top: 10px;}
.tab-left img {padding: 10px 20px 0 0px;}
.tab-right {float: left; width: 210px; padding: 20px 0 20px 20px; border-left: 1px solid #333; min-height: 220px;}
.tab-right ul {margin-left: 15px;}

#content1 ul.products { width: 600px; padding: 20px;}
#content1 ul.products li { float: left; width: 175px; padding-right: 18px; padding-bottom: 18px; list-style-type: none; }
#content1 ul.products li h5 { 
	font-size: 0.8em; color: #FFF; 
	background-color: #333; 
	padding: 7px;
	height: 18px; 
	display: block;
	font-weight: normal; 
	line-height: 18px; 
	border-top: 1px solid #FF6600;
	background: url(../images/main/category_bkg.gif) right top;
}

#products p { padding: 5px 20px 0px 20px;}

#content1 ul.clients { width: 600px; margin: 20px 0 15px 15px;}
#content1 ul.clients li { float: left; width: 180px; font-size: 0.8em; color: #7C7C7C; margin-left: 20px; padding-bottom: 7px; list-style-type: square;}

#thumbs {height: 100px; width: 600px; margin: 20px 20px 30px 20px;}
#thumbs img {padding-right: 10px;}

table td { border-bottom:1px solid #666; padding:4px 6px; font-size: 0.9em; }
table { font-size: 80%; color: #ffffff; width: 560px; margin-bottom: 12px; margin:15px;}
table th { border-bottom: 1px solid #FF6600; padding: 4px 6px; font-size: 14px; font-weight: normal; text-align: left; }

#content-sidebar {float: left; display: inline; width: 279px; padding: 10px 10px 10px 10px;}
#content-sidebar.home {height: 277px; background: url(../images/main/sidebar_public_bkg.jpg) right bottom no-repeat;}
#content-sidebar.home h3 {color: #1B1B1B; font-size: 1.4em; letter-spacing: 0.05em; line-height: 25px; }
#content-sidebar p {color: #CCC; font-size: 0.83em; line-height: 17px; }
#content-sidebar a {font-size: 12px; color: #333;}

#brochure { width: 300px; height: 89px; margin-top: 40px; overflow: hidden; background: url(../images/main/form_bkg.png) repeat-y; cursor: pointer; }
#brochure.sidebar {margin-top: 20px; float: left; clear: left; width: 275px; background: none; margin-top: 10px;}
#brochure span {display: block; width: 300px; height: 150px; margin-top: -30px; position: absolute; z-index: 10; background: url(../images/misc/brochure_roll.png) ;}
#brochure span:hover {display: block; width: 300px; height: 150px; background: url(../images/misc/brochure_roll.png) 0 -150px;}
#brochure span.sidebar {width: 295px; float: right; background: url(../images/misc/brochure_roll.png) -5px 0; margin-left: 5px;}
#brochure-form {background: url(../images/main/form_bkg.png) repeat-y; padding-top: 10px; margin-bottom: -10px; }
#brochure-form table { width: 300px; }
#brochure-form table td { width: 30px; border: 0;}
#contact-form {background: url(../images/main/form_bkg.png) repeat-y; padding-top: 10px; margin-bottom: -10px; }
#contact-form table { width: 300px; }
#contact-form table td { width: 60px; border: 0; }
.submit { width: 60px; height: 20px; background: url(../images/main/submit.png) no-repeat; background-color: #666; border: none; position: absolute; margin-top: -30px; cursor: pointer;}

#activities {margin-left: 15px; margin-bottom: 15px;}

/* Forms  */

#emailout {width: 300px; height: 85px; margin-top: -8px; padding: 85px 15px 0 15px; background: url(../images/misc/emailout.png) no-repeat; }
span.label,span.spacer,span.multiple span {width:48px; float:left; color: #666; font-size: 0.8em;padding-bottom: 5px; margin-top: 3px;} 
span.multiple {float:left; } 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}
input.email {background-color: #333; border: 0; color: #FFF; padding: 3px; font-size: 0.7em; letter-spacing: 0.1em;}
input.contact {background-color: #333; border: 0; color: #FFF; padding: 5px; font-size: 0.9em; letter-spacing: 0.1em;}
div.input {padding-bottom: 8px;}
div.label {padding-top: 5px; width}
span.label2 {width: 60px; height: 20px;}
textarea {background-color: #333; border: 0; height: 210px; width: 196px; color: #FFF; font-family: arial helvetica sans-serif; font-size: 0.9em; padding: 3px; letter-spacing: 0.1em;}
textarea.white {background-color: #FFF; height: 100px; border: 0; width: 169px; color: #000; font-family: arial helvetica sans-serif; font-size: 0.9em; padding: 3px; letter-spacing: 0.1em; }
.submit-email { width: 60px; height: 20px; background: url(../images/main/submit.png) no-repeat; background-color: #666; border: none; cursor: pointer; float: right; margin-right: 40px;}

/* Footer  */

#footer { width: 900px; float: left; clear: both; height: 50px; margin-top: 20px; background: url(../images/main/footer_bkg.gif) right top no-repeat; }
#footer ul { float: left; width: 500px; float: left; margin-top: 15px; }
#footer ul li { display: inline; float: left; margin: 0 10px 0 0; padding: 7px 7px 5px 7px; font-size: 0.7em; }
#footer ul li a {color: #666; letter-spacing: 0.05em; }
#footer ul li a:hover {color: #FFF; }
#footer ul li a.selected { color: #FF6600; }
#footer p { float: right; font-size: 0.7em; color: #666; margin: 20px 80px 0 0; }
#footer p a {color: #666; }
#footer a:hover {color: #CCC;}
#footer span {color: #FF6600; padding-left: 20px; padding-right: 5px;}

/* Classes */

.logo { margin-top: 30px; }
.public-cta {display: block; margin-top: 72px; width: 275px; height: 40px;}
.crumbs {float: right; width: 600px; color: #666; font-size: 0.7em; text-align: right; padding: 0 8px 0 0; margin-top: -4px; }
.crumbs a {color: #666; padding: 0 3px 0 3px;}
.indent {text-indent: -9999px; }
.title {text-align: right; color: #CCC; font-size: 0.95em; margin: 0 10px 10px 0; font-weight: normal; }
.bold {font-weight: bold; font-size: 110%; font-family: helvetica; letter-spacing: 0.05em; line-height: 1.2em;}
.thumbnail {float: left; width: 170px;}
#content1 p.smallprint {font-size: 0.7em; color: #666; margin-top: -10px;}