/*---------------------------------------------------------------------------------------
  
                        Website: 
                        Author: Bitmedia
                        Created: 
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: url('../images/bg-wood.jpg') #fff;}


/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Links */
a:link, a:visited { color: #fff; font-weight: bold;}
a:hover { background: #fff; color: #8b0131; text-decoration: none;}

/* Normal Type */
body { font: 62.5% arial, tahoma, arial, helvetica;}
#pageContainer { font-size: 1.2em; line-height: 1.4em; text-align: left;}
p { padding: 0 0 1.4em;}
#pageBody { color: #fff;}


/* Headers */
h1, h2, h3 { margin-bottom: .5em; line-height: 1em;}
h1 { font-size: 1.4em; font-weight: bold; padding: 3px 0;}
h3 { font-size: 1.4em; font-weight: bold;}
h1 { border-bottom: 1px solid #fff; padding: 0 0 10px;}

/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#pageContainer { width: 984px; margin: 0 auto;}

/* Header */
#header { overflow: hidden;}
img#logo { float: left; margin: 55px 0 0;}
.headerImage {float:right; width:730px; margin: 55px 50px 0 0; background:#88002f;}

/* Pagebody */
#pageBody { overflow: hidden; width: 100%; margin-top: 5px;}
#sideCol { width: 323px; float: left;}
#mainCol { width:594px; float: right; padding-right: 50px;}

#footer { width: 934px; margin-top:20px; border-top: 1px solid #88002f; overflow: hidden;}

/* Indented elements in the Main Copy */
blockquote {margin:0 0 0 45px; padding:0;}


/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/* MainContent (Inner Pages) */
#mainContentContainer { width: 100%; background: url('../images/bg-mainColFull.png') no-repeat;}
#mainContent { width: 564px; padding: 15px; background: url('../images/bg-mainColFullBottom.png') no-repeat bottom left; min-height: 400px; height: auto;}
body.fourFeatures #mainContent {min-height: 550px;}
* html #mainContent { height: 400px;}
.sideImg { float: left; border: 1px solid #fff; margin: 0 10px 10px 0;}
ul.sideList { float: left; width: 340px;}
ul.sideList li { margin-top: 1.4em; padding: 0;}

/* Home Intro */
#homeIntroContainer { width: 100%; background: url('../images/bg-sideColFull.png') no-repeat #88002f;}
#homeIntro { width: 289px; padding: 10px 17px 0px; background: url('../images/bg-sideColFullBottom.png') no-repeat bottom left; min-height:460px;}
.introImg { border: 1px solid #fff; margin-bottom: 1.4em;}

/* Home News */
#homeNewsContainer { width: 100%; background: url('../images/bg-mainColFullShadow.png') no-repeat;}
#homeNews { width: 579px; padding: 0 0 0 15px; background: url('../images/bg-mainColFullShadowBottom.png') no-repeat bottom left; min-height: 140px; position: relative; overflow: hidden; clear:left;}
#homeNews h3 { position: absolute; top: 0; left: 15px; border-bottom: 1px solid #fff; width:408px; padding: 13px 0 11px 5px; z-index: 9999;}
#homeNews .article { overflow: hidden; padding: 11px 0 0 0; float: left;}
#homeNews .articleText { width:398px; padding: 45px 10px 0 5px; float: left;}
#homeNews .articleText a.more { padding: 0 3px; margin-left: 5px;}
#homeNews .article img { border: 1px solid #fff;}
#homeNews a.visit { float: right; display: block; width:45px; height: 125px; margin: 6px 0 0 0; background: url('../images/button-visitNews.gif') no-repeat; text-indent: -9999px; outline: 0;}
#homeNews a.visit:hover { background-position: top right;}

#ctl16_rotator {}

/* Home News Scroller Base */
.articleContainer { width:3660px;}

/* Home Case */
#homeCaseContainer { width: 100%; background: url('../images/bg-mainColFullShadow.png') no-repeat; margin-top: 5px;}
#homeCase { width: 579px; padding: 0 0 0 15px; background: url('../images/bg-mainColFullShadowBottom.png') no-repeat bottom left; min-height: 140px; position: relative;  overflow: hidden;}
#homeCase h3 { position: absolute; top: 0; left: 15px; border-bottom: 1px solid #fff; width:408px; padding: 13px 0 11px 5px;  z-index: 9999;}
#homeCase .article { overflow: hidden; padding: 11px 0 0 0; float: left;}
#homeCase .articleText { width:398px; padding: 45px 10px 0 5px; float: left;}
#homeCase .articleText a.more { padding: 0 3px; margin-left: 5px;}
#homeCase .article img { border: 1px solid #fff;}
#homeCase a.visit { float: right; display: block; width:45px; height: 125px; margin: 6px 0 0 0; background: url('../images/button-visitCase.gif') no-repeat; text-indent: -9999px; outline: 0;}
#homeCase a.visit:hover { background-position: top right;}
#homeCase .quote { font-style:italic;}
#homeCase .quoteSource { font-weight: bold;}


/* Info Pack (Main Column) */
#mainCol #infoPackContainer { width: 294px; background: url('../images/bg-mainColHalf.png') no-repeat; margin-top: 5px; padding-top: 10px; float: left;}
	* html #mainCol #infoPackContainer { display: inline;}
#mainCol #infoPack { width: 279px; padding: 10px 0 0 15px; background: url('../images/bg-mainColHalfBottom.png') no-repeat bottom left; min-height: 140px; height: auto;  overflow: hidden;}
	* html #mainCol #infoPack { height: 140px;}
#mainCol #infoPack h3 { width: 153px; height: 42px; background: url('../images/head-infoPack.png') no-repeat; text-indent: -9999px; float: left;}
#mainCol #infoPack p { float: left; width: 153px;}
#mainCol #infoPack img { float: right;}
#mainCol #infoPack a { float: left; width:95px; height: 22px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#mainCol #infoPack a:hover { background-position: bottom left;}

/* TurboChef (Main Column) */
#mainCol #turboChefContainer { width: 294px; background: url('../images/bg-mainColHalf.png') no-repeat; margin: 5px 0 0 5px; padding-top: 10px; float: left;}
	* html #mainCol #turboChefContainer { display: inline;}
#mainCol #turboChef { width: 279px; padding: 10px 0 0 15px; background: url('../images/bg-mainColHalfBottom.png') no-repeat bottom left; min-height: 140px; height: auto;  overflow: hidden;}
	* html #mainCol #turboChef { height: 140px;}
#mainCol #turboChef h3 { width: 130px; height: 19px; background: url('../images/head-turboChef.png') no-repeat; text-indent: -9999px; float: left;}
#mainCol #turboChef p { float: left; width: 148px;}
#mainCol #turboChef img { float: right;}
#mainCol #turboChef a { float: left; width:95px; height: 22px; margin-top: 7px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#mainCol #turboChef a:hover { background-position: bottom left;}

/* Info Pack (Side Column) */
#sideCol #infoPackContainerSide { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat;}
#sideCol .infoPack { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto;}
	* html #sideCol .infoPack { height: 130px;}
#sideCol .infoPack h3 { width: 153px; height: 42px; background: url('../images/head-infoPack.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol .infoPack p { float: left; width: 165px; padding: 0;}
#sideCol .infoPack img { float: right;}
#sideCol .infoPack a {float: left; width:95px; height: 22px; margin-top: 10px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol .infoPack a:hover { background-position: bottom left;}

/* Mailing List (Side Column) */
#sideCol #mailingListContainer { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat; margin-top: 5px;}
#sideCol #mailingList { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto;}
	* html #sideCol #mailingList { height: 130px;}
#sideCol #mailingList h3 { width: 148px; height: 46px; background: url('../images/head-mailinglist.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol #mailingList p { float: left; width: 165px; padding: 0;}
#sideCol #mailingList img { float: right;}
#sideCol #mailingList a {float: left; width:95px; height: 22px; margin-top: 10px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol #mailingList a:hover { background-position: bottom left;}

/* TurboChef (Side Column) */
#sideCol #turboChefContainerSide { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat; margin-top: 5px;}
#sideCol .turboChef { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto;}
	* html #sideCol .turboChef { height: 130px;}
#sideCol .turboChef h3 { width: 130px; height: 19px; background: url('../images/head-turboChef.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol .turboChef p { float: left; width: 165px; padding: 0;}
#sideCol .turboChef img { float: right;}
#sideCol .turboChef a {float: left; width:95px; height: 22px; margin-top: 10px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol .turboChef a:hover { background-position: bottom left;}

/* calculator (Side Column) */
#sideCol #calculatorContainer { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat;}
#sideCol #calculator { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto;}
	* html #sideCol #calculator { height: 130px;}
#sideCol #calculator h3 { width: 163px; height: 47px; background: url('../images/head-calculator.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol #calculator p { float: left; width: 165px; padding: 0;}
#sideCol #calculator img { float: right;}
#sideCol #calculator a {float: left; width:95px; height: 22px; margin-top: 10px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol #calculator a:hover { background-position: bottom left;}

/* kit (Side Column) */
#sideCol #kitContainer { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat; margin-top: 5px;}
#sideCol #kit { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto;}
	* html #sideCol #kit { height: 130px;}
#sideCol #kit h3 { width: 165px; height: 19px; background: url('../images/head-kit.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol #kit p { float: left; width: 165px; padding: 0;}
#sideCol #kit img { float: right;}
#sideCol #kit a {float: left; width:95px; height: 22px; margin-top: 20px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol #kit a:hover { background-position: bottom left;}

/* caseStudies (Side Column) */
#sideCol #caseStudiesContainer { width: 100%; background: url('../images/bg-sideColFeat.png') no-repeat; margin-top: 5px;}
#sideCol #caseStudies { width: 307px; padding: 10px 0 0 15px; background: url('../images/bg-sideColFeatBottom.png') no-repeat bottom left; min-height: 130px; height: auto; }
	* html #sideCol #caseStudies { height: 130px;}
#sideCol #caseStudies h3 { width: 149px; height: 20px; background: url('../images/head-casestudies.png') no-repeat; text-indent: -9999px; float: left;}
#sideCol #caseStudies p { float: left; width: 165px; padding: 0;}
#sideCol #caseStudies img { float: right;}
#sideCol #caseStudies a {float: left; width:95px; height: 22px; margin-top: 15px; background: url('../images/button-moreinfo.png') no-repeat; text-indent: -9999px;}
#sideCol #caseStudies a:hover { background-position: bottom left;}


/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/

/* Case Studies */
.csGroupHeader {font-weight:bold;}
.csGroupOuter {margin-top:1em;}
.csGroup {margin-top:1em;}
.csTitle {font-weight:bold;}
.csAbstract {font-style:italic;}
.csCitationRef {margin-left:35px;font-weight:bold;}
.csLink {margin-left:35px;}

/* News Listings */
.newsGroupOuter {}
.newsGroup {margin-top:1em;}
.newsGroup .newsHeader {font-weight:bold;}
.newsGroup .newsAbstract {margin-left:35px; font-style:italic;}
.newsGroup .newsLink {margin-left:35px;}

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

/* Main Nav */
/*ul#mainNav { float: right; margin: 31px 0 10px; padding: 0 40px 0 0; list-style: none; background: url('../images/bg-mainnavBorder.png') bottom right no-repeat;}*/
ul#mainNav { float: right; margin: 31px 0 10px; padding: 0 40px 0 0; list-style: none; }
ul#mainNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#mainNav li a { float: left; color: #000; padding: 5px 10px 10px 8px; font-weight: bold; font-size: 1.1em; text-decoration: none; background: url('../images/bg-mainnav.png') no-repeat bottom left;}
ul#mainNav li a:hover { color: #87002f;}
ul#mainNav li a.selected { background-position: bottom right; color: #d90303; margin: 0 2px; padding: 5px 8px 10px 6px;}

/* Minor Nav */
ul#minorNav1, ul#minorNav2 { float: left; margin: 0; padding: 5px 0 0; list-style: none;}
ul#minorNav2 { float: right;}
ul#minorNav1 li, ul#minorNav2 li { float: left; display: inline; margin: 0; padding: 0;}
ul#minorNav1 li a, ul#minorNav2 li a { float: left; padding: 0 5px; color: #000; text-decoration: none; font-size: .9em;}
ul#minorNav1 li a:hover, ul#minorNav2 li a:hover { background: #ecece9;}
ul#minorNav1 li a.selected, ul#minorNav2 li a.selected { color: #8b0131; background: #ecece9;}


/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/
/* Mailing List (Side Column */
#form-mailinglist { float: left; margin-top: 10px;}
#form-mailinglist .input { float: left; width: 118px; background: url('../images/bg-mailingListInput.png') no-repeat; border: 0; padding: 4px 2px; margin-right: 5px}
#form-mailinglist .submit { float: left; margin: 1px 0 0 0; width:51px; height: 22px; background: url('../images/button-join.png') no-repeat; text-indent: -9999px;}
#form-mailinglist .submit:hover { background-position: bottom left;}

#formDefault { overflow: auto;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body#errorPage #pageContainer{ text-align: center;}
body#errorPage #logo { float: none; }
body#errorPage p { padding: 50px 0; text-align: center; font-size: 16px; line-height: 1.4em;}