* {
 margin:0; 
 padding:0;
}

body {
 font:12px Trebuchet MS,Arial, Helvetica, sans-serif;
 line-height:18px;
 color:#4F4F4F;
 cursor:default;
 background-color:#3B0209;
}

h1 {display:none;}
h1, h2, h3, h4, h5 {font-weight:normal;}

h2.bluetitle {
	color:#666;
	text-align: center;
}

a {
 font:12px trebuchet MS, Arial,Helvetica,sans-serif;
 text-decoration:none; 
 color:#4F4F4F; 
}

a:hover {color:#333;}
a:focus, a:active {outline:none;}

a.productlink {
	text-decoration:underline; 
}

a.productlink:hover {color:#333; text-decoration:none;}
a.productlink:focus, a.productlink:active {outline:none;}

a.promolink {
	font:12px Trebuchet MS,Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#4F4F4F; 
}

a.promolink:hover {color:#333; text-decoration:none;}
a.promolink:focus, a.promolink:active {outline:none;}

a.contactlink {
	font:12px Trebuchet MS,Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#4F4F4F; 
}

a.contactlink:hover {color:#333; text-decoration:none;}
a.contactlink:focus, a.contactlink:active {outline:none;}


a.newsletterlink {
	font-size:16px;
	text-decoration:underline;
	line-height:200%;
}
a.newsletterlink:hover {
	text-decoration:none;
}

a.productitemlink {
	/*color:#333; */
	font-size:16px;
	text-decoration:underline;
	line-height:200%;
}
a.productitemlink:hover {
	text-decoration:none;
}

li {list-style:none;}

fieldset {border:0 none;}
legend, label {display:none;}
input {font:12px Trebuchet MS,Arial, Helvetica, sans-serif;}

address {font-style:normal;}

p {
padding-bottom:10px;
}

/*--------------------------------------------------------------------------
General Classes
--------------------------------------------------------------------------*/

.hide {display:none;}

.cleaner {
 clear:both; 
 height:0px; 
 font-size:1px;
}

.left {float:left;}
.right {float:right;}

.divider {
 width:510px; 
 height:2px; 
 padding:5px 0;
 background:transparent url(../images/div-divider.gif) repeat-x 0 50%;
 font-size:2px;
}

.error {
 font-weight:bold;
 padding:5px 0 5px 32px;
 margin-bottom:5px;
 background:transparent url(../images/icon-error.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Chrome Buttons
--------------------------------------------------------------------------*/

#chromeButtons li a {
 width:189px; 
 height:100px;
 display:block;
 text-indent:-9999px;
}

#chromeButtons li a.custombuilt {background:transparent url(../images/a-custombuilt.jpg) no-repeat 0 0;}
#chromeButtons li a.standardsdriven {background:transparent url(../images/a-standardsdriven.jpg) no-repeat 0 0;}
#chromeButtons li a.management {background:transparent url(../images/a-management.jpg) no-repeat 0 0;}
#chromeButtons li a.tunedin {background:transparent url(../images/a-tunedin.jpg) no-repeat 0 0;}

#chromeButtons li a:hover {background-position:0 -100px;}

/*--------------------------------------------------------------------------
Template Elements
--------------------------------------------------------------------------*/

#container {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 float:left;
}

#vorte-wrapper {
	margin:0 10px;
	border:1px solid #800414;
	width:923px;
}

#vorteccontainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 float:left;
 height:260px;
}

#vorteccontainer-inner {
	height:239px;
	margin:0px auto;
	width:951px;
	padding:5px;
}
#supplierscontainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 margin:0 auto;
 float:left;
}

#containerBanner {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 background:#3B0209 url(../images/home_feature.jpg) repeat-x center top;
 float:left;
 height:240px;
 border-bottom:1px solid #333;
 border-top:1px solid #3B0209;
 
}

* html #containerBanner {float:none;} /*IE 6 FIX ONLY*/

#banner-home {
 width:975px;
 height:240px;
 background:#3B0209 url(../images/stage.jpg) no-repeat 50% 0;
 margin:0 auto;
}

#wrapper, #wrapper-home, #showcase-wrapper {
 width:951px;
 margin:0 auto;
}

#wrapper-home {
	/*background:url(../images/showcasefloor.png);*/
}

#showcase-wrapper h3 {
color:#4f4f4f;
font-size:1.5em;
font-style:italic;
margin:0;
/*margin:0 -1em 0.5em;*/
padding:5px 2px;
}

#vorteccontainer p {
color:#4f4f4f;
font-size:1em;
margin:0;
padding:5px 2px;
}

#seperator{
	height:20px;
	background: url(../images/outset_breadcrumbs.png) repeat-x scroll 0 100% #E6E6E6;
}


/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#containerHead {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 height:98px;
 background:#292936 url(../images/header.jpg) repeat-x 0 0;
}

#head {
 width:975px; 
 margin:0 auto;
}


/*--------------------------------------------------------------------------
Brand
--------------------------------------------------------------------------*/

#headBrand {
background:url(../images/header_logo.png) no-repeat scroll 0 0 transparent;
float:left;
height:75px;
margin-top:13px;
margin-left:10px;
width:475px;
position:relative;
}

#headBrand>a{
float:left;
height:40px;
width:475px;
position:relative;

}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#footContainer {
 width:100%;
 min-width:975px; /*ADDED AS A FIX*/
 background: url(../images/footer.jpg) repeat-x #3B0209;
 float:left;
 height:170px;
}

#foot {
 width:951px; 
 margin:0 auto; 
 line-height:16px;
 padding-top:40px;
 color:#F9F9F9;
}

#foot .logo {
 width:340px;
 height:30px;
 text-indent:-9999px;
 display:block;
 margin-bottom:5px;
 background:transparent url(../images/footer_logo.png) no-repeat 0 0;
}

#foot address {
 text-align:right;
 padding:0;
 float:right;
}

#footDetails {
 padding:0; 
 float:left;
}

#foot a {color:#F9F9F9;font-size:14px;}
#foot a:hover {text-decoration:underline;}

/*--------------------------------------------------------------------------
Page Content
--------------------------------------------------------------------------*/
#pagecontent{
	background-color:#F9F9F9;
	float:left;
	margin:0 auto;
	min-width:975px;
	width:100%;
	min-height:600px;
}

#pagetitle{
	height:65px;
	background: url(../images/outset_breadcrumbs.png) repeat-x scroll 0 100% #E6E6E6;
}

#pagetitle-inner{
	margin:0 auto;
	width:955px;
	font-size:21px;
	line-height:50px;
}


/*--------------------------------------------------------------------------
Columns
--------------------------------------------------------------------------*/

.columnodd {
 width:295px;
 margin:10px;
 float:left;
}

.columnodd-home {
	width:297px;
	padding:15px 0px 0px 20px;
	float:left;
	height:170px;
}

.columneven {
 width:295px;
 margin:10px;
 float:left; 
}

.columneven-home {
	width:297px;
	padding:25px 0px 0px 20px;
	float:left;
	height:170px;
}

.column {
 width:100%;
 padding:25px 20px 25px 20px;
 float:left;
 position:relative;
 width: 911px;
}

.columnodd h2, .columneven h2 {display:none;}

.columnodd.bordered,
.columneven.bordered {
	border-right: 1px dashed #666;
	height:156px;
	width:456px;
}

.column h2 {
	text-align: center;
}

.column h2.left {
	text-align: left;
}

.column h3 {
	color:#333;
}

.suppliers-title h3, .columnodd h3, .columneven h3, .columnodd h4, .columneven h4 {
	color:#4f4f4f;
	font:bold 15px Trebuchet MS,Arial, Helvetica, sans-serif;
}
.columnodd h3, .columneven h3, .columnodd h4, .columneven h4 {
	padding-bottom:15px;
}

.columnodd h4, .columneven h4 {
	font-size: 14px;
}

div.comingsoonproduct {
	padding:0px 3px 0px 3px;
	width:47%;
	height:290px;
}

div.product {
	width:273px;
	height:310px;
	border: 1px solid #800414;
	padding:10px;
	position:relative;
	background:transparent url(../images/product_background.jpg) no-repeat 0 0;
	/*background: url(../images/content_background.png) repeat-x #F9F9F9;*/
	/*background: url(../images/product_background.png) no-repeat 0 0 #F9F9F9;*/
}

div.product-home {
	width:100%;
	height:100%;
	border-right: 1px dashed #666;
}





/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/

#container-content {
 width:525px; 
 float:left;
}

#container-portfolio {
 width:754px; 
 float:left;
}

#content {padding:15px 0 0 15px; float:left;}
#content-portfolio {padding:15px;}

#content h2, #content-portfolio h2 {
 font-size:16px; 
 padding-bottom:15px;
}

#content h3, #content-portfolio h3 {
 color:#23232f;
 font:bold 12px Trebuchet MS,Arial, Helvetica, sans-serif;
 padding-bottom:15px;
}

/*--------------------------------------------------------------------------
Services
--------------------------------------------------------------------------*/

#services li {float:left; clear:both;}
#services li.more {
 font-style:italic; 
 padding-top:10px;
}

#services li a {
 color:#fff; 
 font-weight:bold;
 display:block;
 padding:7px 0 7px 27px;
 white-space:nowrap;
 background:transparent url(../images/li-bullet-out.gif) no-repeat 0 50%;
}

#services li a:hover {
 color:#23232f;
 background:transparent url(../images/li-bullet-over.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Recent Work
--------------------------------------------------------------------------*/

#recentwork #image {
 height:170px;
 border:6px solid #313140;
 background:#23232f;
}

#recentwork ul {
 float:left;
 background:#313140 url(../images/li-recentwork-r.gif) no-repeat 100% 100%;
 padding:0 12px 0 0;
}

#recentwork ul li {
 float:left; 
 background:#313140 url(../images/li-recentwork-l.gif) no-repeat 0 100%; 
 padding:0 0 6px 12px;
}

#recentwork ul li a {color:#3a3a3a;}
#recentwork ul li a:hover {color:#fff;}

/*--------------------------------------------------------------------------
Why Choose Us
--------------------------------------------------------------------------*/

#whatwedo {
 width:188px;
 padding:15px 20px 10px 20px;
 float:right;
}

#whatwedo h3 {
 font-size:16px; 
 padding-bottom:15px;
}

/*--------------------------------------------------------------------------
Contact Form
--------------------------------------------------------------------------*/

#frmContact {padding:10px 0 20px 0;}

#frmContact label {
 display:block; 
 font-weight:bold;
}

#frmContact label em {
 color:#23232f; 
 font-size:11px; 
 font-weight:normal;
}

#frmContact input, 
#frmContact textarea {
 font:12px Trebuchet MS,Arial, Helvetica, sans-serif;
 color:#fff;
 padding:3px;
 background:#23232f;
 border-top:0 none; 
 border-right:1px solid #76768b ;
 border-bottom:1px solid #76768b;
 border-left:0 none;
}

textarea {overflow:auto;}

#frmContact p.col {
 width:250px;
 float:left;
}

#frmContact p.colalt {
 width:250px;
 float:right;
 clear:right;
}

#frmContact p.colfull {
 width:510px;
 float:left;
}

#frmContact .small {width:243px;}
#frmContact .large {width:503px;}

#frmContact .frmError {background:#66667a;}

#frmContact #frmSubmit {
 width:93px; 
 height:38px; 
 border:0 none;
 text-indent:-9999px;
 margin-top:3px;
 display:block;
 cursor:pointer; 
 background:transparent url(../images/frm-submit.gif) no-repeat 0 0;
 float:right;
}

#frmContact #frmSubmit:hover {background-position:0 -38px;}

/*--------------------------------------------------------------------------
Portfolio
--------------------------------------------------------------------------*/

#portfolio {width:724px; margin-top:10px; float:left;}
#portfolio .project {width:350px;}

#portfolio .project a {
 font-size:12px;
 color:#fff;
 background:#404051 url(../images/a-portfolio-arrow-over.gif) no-repeat 100% 50%;
 padding:5px 28px 6px 10px;
 margin-bottom:10px;
 float:left;
 clear:both;
}

#portfolio .project a:hover {
 font-size:12px;
 color:#9b9bb4;
 background:transparent url(../images/a-portfolio-arrow-out.gif) no-repeat 100% 50%;
}

#portfolio .project .image {
 width:338px;
 height:205px;
 margin-bottom:10px;
 border:6px solid #313140;
 background:#23232f;
 float:left;
 clear:both;
}

#portfolio .project p {
 clear:both; 
 margin:0;
}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#containerNavigation {
float:right;
margin-right:20px;
margin-top:13px;
}

#navigation {
 margin:0 auto;
}

#navBar {
 float:right;
 padding-left:4px;
}

#navBar li {
 float:left; 
 margin-right:1px;
 padding-top:4px;
}

#navBar li.last {
 margin:0;
 padding-right:4px;
}

#navBar li a {
 font-size:13px;
 display:block;
 padding:0 0 0 10px;
 float:left;
 color:#F9F9F9;
}

#navBar li a span { 
 display:block; 
 padding:7px 10px 8px 8px;
 color:#F9F9F9;
 white-space: nowrap;
 float:left;
 /*text-shadow: 1px 1px 1px #777777;*/
 text-transform: uppercase;
}

#navBar li a:hover {text-decoration:underline}
#navBar li a:hover span {}

#navBar li a.active {}
#navBar li a.active span {
	
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navBar li a span {float: none;}
/* End IE5-Mac hack */

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/

#subnavigation { 
 width:197px; 
 padding-bottom:54px; 
 background:transparent url(../images/bg-sub-navigation.gif) no-repeat 0 100%; 
 float:left;
}

#subnavigation h3 {
 font-size:16px;
 color:#23232f;
 width:197px;
 padding-left:10px;
 height:30px;
 line-height:30px;
 margin-top:-31px;
 float:left;
 clear:none;
}

* html #subnavigation h3 {display:none;} /*IE 6 FIX ONLY*/
 
#subnavigation ul {
 width:197px;
 padding:5px 0 0 0;
 background:#23232f url(../images/ul-sub-ext.gif) no-repeat 0 0;
 float:left;
}

#subnavigation ul li {
 width:177px;
 margin:8px 10px 0 10px;
 float:left;  
 background:transparent url(../images/li-sub-divider.gif) repeat-x 0 0;
 clear:both;
 display:inline;
}

#subnavigation ul li.first {
 margin-top:0; 
 background:none;
}

#subnavigation ul li a {
 font-size:12px;
 width:154px;
 color:#fff; 
 display:block;  
 margin-top:9px;
 padding:1px 0 1px 23px;
 background:transparent url(../images/a-sub-bullet-out.gif) no-repeat 0 50%;
 float:left;
}

#subnavigation ul li a:hover,
#subnavigation ul li a.active {
 color:#9b9bb4; 
 background:transparent url(../images/a-sub-bullet-over.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------------------
Site Map
--------------------------------------------------------------------------*/

#sitemap {
 width:510px; 
 float:left; 
}

* html #sitemap {margin-bottom:15px;}

#sitemap ul,
#sitemap ul li {
 width:490px;
 float:left; 
 clear:both;
}

#sitemap ul li {margin-top:10px;}
#sitemap ul li ul {padding:0 0 0 20px;}

#sitemap ul li ul li a {padding:0 28px 0 0;}

#sitemap ul li a {
 font-size:12px;
 color:#fff;
 background:#404051 url(../images/a-portfolio-arrow-over.gif) no-repeat 100% 50%;
 padding:5px 28px 6px 10px;
 float:left;
 clear:both;
}

#sitemap ul li a:hover {
 font-size:12px;
 color:#9b9bb4;
 background:transparent url(../images/a-portfolio-arrow-out.gif) no-repeat 100% 50%;
}

#sitemap ul li ul li a {background:none;}

#homeheader {
display:inline;
float:left;
margin-left:70px;
margin-top:35px;
text-align:left;
width:180px;
}

#homeheader p {
 color:#F9F9F9; 
 font-size:20px;
 line-height:100%;
 padding:5px 0 5px 0;
 font-style:italic;
}

#homeheader ul {
	padding:0px;
}

#homeheader ul li {
 padding:0px 0 2px 10px; 
 color:#F9F9F9; 
 line-height:normal;
 background: url(../images/greybullet.gif) no-repeat 0px center;
 font-size: 19px;
}

#homeheader ul li a, #homeheader ul li a.active {
	font-size:19px;
	color:#E6E6E6;
}

#homeheader ul li a:hover{
	font-size:19px;
	color:#F9F9F9;
}

/* jquery pics */
.pics { 
	height: 190px; 
	width: 380px; 
	padding: 0px; 
	margin:0; 
	overflow: hidden;
	position: relative;
	left:100px;
	top:12px;
}
.pics img { 
	height: 190px; 
	width: 380px; 
	padding: 0px; 
	border: 0px solid #ccc; 
	top:0; 
	left:0;
}
.animnav {
	width:100%;
	text-align:center;
	margin-top:0px;
	position:relative;
	top:-20px;
	float:left;
}
.animnav a { 
	border: 1px solid #ccc; 
	background: #7b0101; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 3px 5px;  
	line-height:22px;
}
.animnav a.activeSlide { 
	background: #ea0;
	color: #7b0101;
}
.animnav a:focus { 
	outline: none; 
}
.required {
	font-weight:bold;
}
#homeheader ul li a {
	font-size:19px;
}
div.appraisal {
	float:left;
	margin-right: 10px;
	padding:5px;
}
div.appraisal:hover {
	background-color: #ddd;
}
div.appraisaltitle {
	padding: 15px 0;
	font-size: 18px;
}
span.contactname {
	font-weight: bold;
}
.suppliers-title {
	margin: 0 auto;
	padding:5px;
	width:951px;
}
table.detailtechdata {
	/*width:400px;*/
}
table.detailtechdata td {
	padding: 5px;
}
table.detailtechdata tr.odd td {

}
.container-inner {
	border:0px;
	margin:0px auto 0pt auto;
	width:975px;
}
.title10 {
color:#4F4F4F;
font-size:16px;
font-weight:bold;
padding:5px;
border-bottom:1px dashed #666666;
}
.column table {
	background: transparent;
}
table.layout {
	background: none;
}


/*--------------------------------------------------------------------------
Order Form
--------------------------------------------------------------------------*/
.normal15 {
	/*color: #000;*/
}
.mandatory15 {
	color: #000;
	font-weight: bold;
	
}
.errortext {
	color: red;
}
.errorfield {
	background-color: yellow;
}
li.errormsg {
	list-style-position:inside;
	list-style-type:square;
}
td.normal15 {
	padding: 5px;
}
td.mandatory15 {
	padding: 5px;
}
TD.cal,TD.calday,TD.calmonth,TD.caltoday,A.textlink,.disabledtextlink{font-family:arial;font-size: 8pt;}
TD.calday{
border:solid thin #C0C0C0;
border-width:0 0 1 0;
padding: 0 3px;
color: #333;
}
TD.calmonth{text-align:right;}
TD.caltoday{text-align:right;color:white;background-color:#C0C0C0;border-width:1;border:solid thing #800000;}
TD.textlink{border:solid thin #C0C0C0;border-width:1 0 0 0;}
A.textlink{height:20px;color:black;}
.disabledtextlink{height:20px;color:#808080;}
A.cal{text-decoration:none;color:#000000;}
A.calthismonth{text-decoration:none;color:#000000;}
A.calothermonth{text-decoration:none;color:#808080;}
.calnotclickable{color:#808080;}
.disabled{color:#D0D0D0;text-decoration:line-through;}