﻿/* ------------------------------------------------------ */
/* FrameWork Setup */
body , html{margin:0;padding:0;height:100%;}
body, p, ul, ol, td{color:#656565;line-height:1.2em;}
body, p{font: .95em/1.2em "Trebuchet MS";}
h1{font-size:1.2em;color:#cc0000;margin:0 0 20px 0;font-weight:bold;}
h2{font-size: 1em;color:#cc0000;margin:0 0 10px 0;font-weight:bold;}
p{line-height: 120%;margin: 0;padding: 0 0 12px;}
form{height:100%;}
#container{min-height:100%;position:relative;}
#body{background-image:url(/Images/Design/ContentBg.jpg);background-position:left top;background-repeat:repeat-x;padding-bottom:172px;}
strong{font-weight:bold;}
/* ----------------------------------------------------------------------------------------- */
#clearHeader{height: 160px;}
#header{background-color: Transparent;height: 122px;padding: 0;background-image: url(/Images/Design/HeaderImage.gif);position:relative;}
#headerChoice{position:absolute;right:0;top:0;width:474px;height:22px;background:url(/Images/Design/site_choice.gif) no-repeat top left;font-size:0.80em;}
#headerChoice ul{width:474px;list-style:none;padding:0;margin-left:22px;line-height:normal;}
#headerChoice ul li{padding:0;margin:0;background:url(/Images/Design/choice_bullet.gif) top left no-repeat;float:left;}
#headerChoice ul li a{top:0;color:#CCC;text-decoration:none;margin:0;padding:3px 0 0 22px;padding-right:5px;float:left;}
#headerWrap{width: 960px;margin-left: auto;margin-right: auto;}
#headerContainer {background:#9E0101 url(/Images/Design/Headerbg.gif) repeat-x;height:160px;position:absolute;top:0;width:100%;z-index:10;}
#wrap{background: #fff url(/Images/Design/wrap_bg.jpg) no-repeat center top;margin-left: auto;margin-right: auto;width: 960px;}
#header #headerLeft{float: left;margin: 0 0 0 8px;height: 122px;display:inline;}
#header #headerRight{float: right;height: 122px;}
#header #headerLeft a{display: block;height: 122px;float:left;}
#contactDetails {line-height:1.2em;margin:84px 0 0 0;}
#contactDetails ul li{display: inline;margin-right: 15px;color: #FFF;font-size:0.80em;}
#contactDetails ul li.last{margin-right: 0px; }
#contactDetails ul li a{color: #FFF;}
.pageWidth{ width:960px;float:left;}
.pageWidth .contactus{width:900px;margin:0 auto 0 auto;padding:40px 0 0 0;}
.pageWidth .contactus #contact p{padding:0;}
.pageWidth .error{width:900px;margin:0 auto 0 auto;padding:40px 0 0 0;}
.pageWidth .error #contact p{padding:0;}
.clearBoth{clear:both;}
/*---------------------------------------------------------------*/
/* Footer */
#footerContainer{margin: 0;padding: 0;clear: both;width: 100%;position:absolute;bottom:0;background: #3a3031 url(/Images/Design/FooterBg.jpg) repeat-x top left;font-size:0.85em;}
#footerHeader{width: 960px;margin-left: auto;margin-right: auto;}
#footer{width: 960px;height: 172px;margin:0 auto 0 auto;clear: both;max-width: 960px;min-width: 960px;background:url(/Images/Design/FooterImage.gif) no-repeat top left;}
#footer p{margin: 0;padding: 4px;font-size: 0.8em;}
#footerContainer #footerHeader .footerHeaderPod .head{background-color: #B20000;color: #FFFFFF;font-size: 18px; /*padding-top: 10px; 	padding-bottom: 10px;*/padding-left: 15px;height: 45px;}
#footerContainer #footerHeader .footerHeaderPod .head #viewAllButton{width: 160px;height: 100%;float: right;text-align: center;background-color: #9F0000;}
#footerContainer #footerHeader .footerHeaderPod .head #viewAllButton a{display: block;margin-top: 13px;}
#footerContainer #footerHeader .footerHeaderPod .head .podTitle{float: left;width: 100%;margin-top: 15px;}
#footerContainer #footerHeader .footerHeaderPod .head .specialOffer{width: 200px;}
#footerContainer #footerHeader .footerHeaderPod .head .smallText{font-size: 14px;}
#footerContainer #footerHeader .footerHeaderPod .body{min-height: 146px;background-color: #FFF;padding-top: 18px;padding-left: 15px;line-height: 1.2em;font-size: 0.95em;}
#footerContainer #footerHeader .footerHeaderPod .body .bodyHeading{color: #990000;display: block;}
#footerContainer #footerHeader .footerHeaderPod .body .bodyHeading a{color: #990000;text-decoration: none;}
/*--------------------------------------------------------------------------*/
/* Footer Left */
#footerLeft ul{display:inline;}
#footerLeft .copyright{color: #FFF;text-decoration: none;font-size: 0.9em;display: block;margin-top: 25px;}
#footerLeft .Address{display: block;color: #999999;font-size: 0.7em;}
#footerLeft span{line-height: normal;}
#footerLeft{float: left;margin-top: 70px;font-family: Arial, Helvetica, sans-serif;margin-left: 10px;padding-top: 5px;width:520px;}
#footerLeft ul li{float: left;margin-right: 10px;font-family: Arial, Helvetica, sans-serif;}
#footerLeft ul li a{color: #FFFFFF;text-decoration: none;}
#footerLeft span{line-height: normal;}
/*---------------------------------------------------------------------------------------*/
/*Footer Right */
#footerRight{float:right;text-align:right;width:115px;}
#footerRight .topLinkWrap{background: #FFF url(/Images/Design/PageTopLink.gif) no-repeat center top;height:88px;}
#footerRight .logo{background: #343434 url(/Images/Design/craftedLogo.gif) no-repeat right top;height: 36px;margin-top: 31px;}
#footerRight a{float: left;display: block;color: #FFF;text-decoration: none;font-size: 10px;}
#footerRight .rights{margin-top: 35px;font-family: Arial, Helvetica, sans-serif;width: 520px;}
#footerRight a{height: 100%;width: 115px;}
/*-------------------------------------------------------------------------------------------*/
/* NavBar */
/*-- Navbar --------------- */
#nav{position: relative;width: 960px;height: 38px;}
#navbar, #navbar ul, #nav_submenu{padding: 0;margin: 0;list-style: none;z-index: 10;width: 100%;}
#navbar{background: #9F0102;font-family: Arial,Sans Serif;font-size: 12px;font-weight: bold;color: #FFF;height: 36px;}
#navbar .firstchoicegroup{float:right;margin:10px 20px 0 0;}
#navbar li a{margin-top: 0px;display: block;text-decoration: none;color: #FFFFFF;background-repeat: no-repeat;height: 38px;background-color: #9F0102;line-height: 150%;padding-right: 20px;padding-left: 20px;line-height: 300%;float:left;}
#navbar a:hover{color: #FFF;background-image: url(/Images/Design/navSelectedRight.jpg);background-repeat: no-repeat;text-decoration: none;}
#nav li.selected{display: block;float: left;background-image: url(/Images/Design/navSelectedRight.jpg);}
#nav li a.home{line-height: 300%;}
#nav .homeli{line-height: 300%;}
#navbar li{float: left;text-align: center;line-height: normal;}
#nav li a.selected{background-image: url(/Images/Design/navSelectedRight.jpg);height: 38px;}
/*---------------------------------------------------------------------------*/
.flashContainer{height:400px;width:100%;}
#homeflash{outline:0;height:400px;width:100%;}
#homePanel{height:550px;width:100%;}
#homePanel #content{width:940px;margin:10px auto 0 auto;}
#homePanel #content p{font-size:0.923em;}
#homePanel #content h1{margin:0 0 10px;}
/*-------------------------------------------------------------------------------*/
/*-- Category filters ---------------------------------------------------------------------------------------------*/
.filter{	margin-top: 0;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;padding:7px 0 7px 0;}
.filter .pages{}
.filter .pages .pageNumbers{float:left;line-height:22px;font-size:11px;margin-right:10px;}
.filter .pages span.selectedPage{display: block;font-size: 11px;text-decoration: none;font-weight: normal;color: #666666;text-align: center;float: left;font-weight: bolder;margin: 0 5px 0 0;line-height:22px;}
.filter .pages a{display: block;font-size: 11px;font-weight: normal;color: #000;text-align: center;float: left;margin: 0 5px 0 0;line-height:22px;}
.filter .pages a.pgrBtn{color: #666666;width: 50px;margin: 0;font-weight: bold;}
.filter .pages a.previous{width: 80px;}
.filter .SortFilter{margin-right: 20px;color: #333333;font-size: 12px;}
.filter .SortFilter label{padding: 0 7px 0 0;}
.filter .filters{float: right;text-align: right;font-size: 11px;color: #333333;width: 270px;}
.filter .filterDropDowns select{	border: 1px solid #ACADB2;font-size: 1.0em;color: #666666;margin-top:2px;}
.filter .filterDropDowns{height: 20px;width: 205px;float: left;margin-right:5px;}
.filter .filters .btn{float: left;}
/*---------------------------------------------------------------------*/
#staticPageList{padding:10px 0 0 0;width:920px;margin:0 auto 0 auto;}
/*---------------------------------------------------------------------*/
#staticPageList .staticPagePod{border-bottom: 1px solid #CCCCCC;margin-top: 10px;padding-bottom: 10px;}
#staticPageList .staticPagePod .staticPageListImage{float: left;min-height: 10px;}
#staticPageList .staticPagePod .staticPageListText{float: left;width: 75%;line-height: 1.2em;margin-left: 10px;}
#staticPageList .staticPagePod .staticPageListText .podHeading{text-decoration: none;color:#9A0200;}
#copyArea ul , #productBody ul{list-style-type: disc;margin-left: 15px;}
#copyArea ol{list-style-type: decimal;margin-left: 15px;}
.StaticPageImage{margin: 10px;}
.specialProductItem{margin-bottom: 10px;}
/*-------------------------------------------------------------------*/
/*CaseStudyDetail*/
.caseStudyDetail{font-size:1em;}
.caseStudyDetail #content{width:275px;float:left;padding:20px 24px 0 40px;}
.caseStudyDetail #content label{font-weight:bold;display:block;float:left;margin:0 5px 0 0;}
.caseStudyDetail #content img{margin:0 0 10px 0;}
.caseStudyDetail #content ul{font-size:0.923em;}
.caseStudyDetail #content li{padding:0 0 0 10px;background:url(/Images/Design/Bullet.jpg) no-repeat left 6px; padding:0 0 0 10px;}
.caseStudyDetail #content p{float:left;padding:0 0 5px 0;}
.caseStudyDetail #content .content{line-height:120%;margin:0;padding:10px 0 12px;}
.caseStudyDetail #content .content p{float:none;}
.caseStudyDetail #flashContainer{width:550px;height:360px;float:left;margin:20px 0 0 30px;}
.caseStudyDetail #flashContainer #flash{width:550px;height:360px;}
/*--------------------------------------------------------------------*/
#leftContentBorder{width: 25px;background: #FFF url(/Images/Design/LeftContentGroupBorder.jpg) no-repeat center top;height: 98px;float:left;}
#rightContentBorder{width: 25px;background: #FFF url(/Images/Design/RightContentGroupBorder.jpg) no-repeat center top;height: 98px;float:left;}
#outer{width:1010px;margin:0 auto 0 auto;}
.pageWidth .contactus .columnLeft{width:310px;}
.pageWidth .contactus .columnRight{width:577px;padding:0;}
.columnLeft{float:left;width:486px;padding:0 10px 0 0;}
.columnLeft h3{font-weight:bold;color:#000;font-size:0.923em;}
.columnLeft ul {font-size:0.85em;}
.columnLeft ul li{background: url(/Images/Design/bullet.jpg) no-repeat left 5px;padding:0 0 0 10px;}
.columnRight{float:left;padding:0 0 0 10px;width:390px;margin:0 0 10px 0;}
.columnRight .smallImage{padding:0 7px 0 0;}
.columnRight .smallImageLast{padding:0 0 0 0;}
.columnRight .HowWeWork{margin:0 0 10px 0;}
.ourPeople{margin:0 0 10px 0;}
.pageWidth .error ul{margin:0 0 0 10px;}
.pageWidth .error ul li{margin-right: 15px;font-size:0.80em;}
.pageWidth .error ul li a{color: #666;}