/*
    trims.css
    Screen style sheet for Trims Unlimited site

    v2.5.03
    * Changed body text and secondary nav text to Verdana
      - Removed bullets on secondary nav
    * Removed height restriction for pages
      - Moved main images from background of #wrapper div
      - Removed scroll bars for long content
*/

/* colors:
    'chocolate-ish':  #D15600
    gray font:        #636363
    near black:       #393939
*/

* {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

.clearFloats,
.aslett
{
  clear: both;
}
.newBio
{
  clear: none;
}



.finePrint {
	font-size: 0.8em;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #393939;
	outline: none;
}
a:hover {
  text-decoration: none;
  color: #D15600;
}

sup {
  font-size: 0.6em;
  vertical-align: 0.6em;
}




/* ================================================== 
   all images
   ==================================================
*/	 	 
a img {
  border: none;
}

/* ================================================== 
   all forms
   ==================================================
*/
input,
textarea 
{
	border: solid #636363 1px;
}
		 	 
/* ================================================== 
   page container
   ==================================================
*/	 	 
div#container {
  position: relative;
  width: 955px;
  height: auto;
  margin: 10px auto;
  border: solid 1px #999;
}


*/	 	 
div#shop {
  position: relative; 
  width: 1100px;
  height: auto;
  margin: 1px auto;
  border: solid 1px #999;
}


/* ================================================== 
   header
   ==================================================
*/	 	 
div#header {
  position: relative;
  height: 65px;
  padding: 25px 38px 0px 29px;
  background-color: #A7ABAC;
}
  #header .tagline {
    position: absolute; top: 57px; right: 38px;
  }
  #header img.print {
    display: none;
  }


/* ================================================== 
   page navigation
   ==================================================
*/	 	 
div#navigation {
  z-index: 1;
}
body.homepage div#navigation {
  position: absolute; top: 90px; right: 530px;
}
body.secondary div#navigation {
  position: absolute; top: 90px; right: 396px;
}
  #navigation a {
    text-decoration: none;  
  }
/* ================================================== 
   main navigation
   ==================================================
*/	 	 
  #navigation .mainNav {
    position: absolute; top: 0px; right: 0px;
    width: 203px;
  }
    #navigation .mainNav dl {
      float: right;
    }
    #navigation .mainNav dt {
      display: inline;
    }
    #navigation .mainNav dt a {
      display: block;
      float: left;
      width: 29px;
      height: 130px;
    }
    #navigation .mainNav dt a.whoWeAre {
      background: url(../_images/whoWeAreMainNav.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.whoWeAre:hover, 
    body.team #navigation .mainNav dt a.whoWeAre,
    body.press #navigation .mainNav dt a.whoWeAre,
    body.newsletter #navigation .mainNav dt a.whoWeAre,
    body.proOrgs #navigation .mainNav dt a.whoWeAre,
    body.kudos #navigation .mainNav dt a.whoWeAre,
    body.shop #navigation .mainNav dt a.whoWeAre,
    body.whoWeAre #navigation .mainNav dt a.whoWeAre
    {
      background: url(../_images/whoWeAreMainNav.gif) right top no-repeat scroll;
    }
    #navigation .mainNav dt a.blog {
      background: url(../_images/blog_menu.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.blog:hover, 
    body.team #navigation .mainNav dt a.blog,
    body.press #navigation .mainNav dt a.blog,
    body.newsletter #navigation .mainNav dt a.blog,
    body.proOrgs #navigation .mainNav dt a.blog,
    body.kudos #navigation .mainNav dt a.blog,
    body.whoWeAre #navigation .mainNav dt a.blog
    body.shop #navigation .mainNav dt a.whoWeAre,
    body.blog #navigation .mainNav dt a.blog
    {
      background: url(../_images/blog_menu.gif) right top no-repeat scroll;
    }
    #navigation .mainNav dt a.shop {
      background: url(../_images/shop_menu.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.whatWeDo {
      background: url(../_images/whatWeDoMainNav.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.whatWeDo:hover,
    body.services #navigation .mainNav dt a.whatWeDo,
    body.fulfillment #navigation .mainNav dt a.whatWeDo,
    body.whatWeDo #navigation .mainNav dt a.whatWeDo
    body.shop #navigation.mainNav dt a. whatWeDo,
    {
      background: url(../_images/whatWeDoMainNav.gif) right top no-repeat scroll;
    }
    #navigation .mainNav dt a.clients {
      background: url(../_images/ourClientsMainNav.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.clients:hover,
    body.clients #navigation .mainNav dt a.clients
    body.shop #navigation.mainNav dt a. clients,
/*
    #navigation .mainNav dt a.clients.bright
*/
    {
      background: url(../_images/ourClientsMainNav.gif) right top no-repeat scroll;
    }
/*
    #navigation .mainNav dt a#ourServicesItem {
      background: url(../_images/ourServicesMainNav.gif);
    }
    #navigation .mainNav dt a#ourServicesItem:hover {
      background: url(../_images/ourServicesMainNav.gif);
    }
    #navigation .mainNav dt a#fulfillmentItem {
      background: url(../_images/fulfillmentMainNav.gif);
    }
    #navigation .mainNav dt a#fulfillmentItem:hover {
      background: url(../_images/fulfillmentMainNav.gif);
    }
*/
    #navigation .mainNav dt a.caseStudies {
      background: url(../_images/caseStudiesMainNav.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.caseStudies:hover,
    
/*
    #navigation .mainNav dt a.caseStudies.bright
*/
    body.dougEmmTumi #navigation .mainNav dt a.caseStudies,
    body.responsys #navigation .mainNav dt a.caseStudies,
    body.dgaBaccrt #navigation .mainNav dt a.caseStudies,
    body.faoTournu #navigation .mainNav dt a.caseStudies,
    body.rahal #navigation .mainNav dt a.caseStudies,
    body.sap #navigation .mainNav dt a.caseStudies,
    body.omniture #navigation .mainNav dt a.caseStudies,
    body.cisco #navigation .mainNav dt a.caseStudies,
    body.invision #navigation .mainNav dt a.caseStudies,
    body.activision #navigation .mainNav dt a.caseStudies,
    body.apollojets #navigation .mainNav dt a.caseStudies,
    body.masters #navigation .mainNav dt a.caseStudies,
    body.sapporo #navigation .mainNav dt a.caseStudies,
    body.usc #navigation .mainNav dt a.caseStudies,
    body.sap505 #navigation .mainNav dt a.caseStudies,
    body.stanfordepgy #navigation .mainNav dt a.caseStudies,
    body.oscar #navigation .mainNav dt a.caseStudies,
    body.caseStudies #navigation .mainNav dt a.caseStudies
    {
      background: url(../_images/caseStudiesMainNav.gif) right top no-repeat scroll;
    }
/*
    #navigation .mainNav dt a#pressRoomItem {
      background: url(../_images/pressRoomMainNav.gif);
    }
    #navigation .mainNav dt a#pressRoomItem:hover {
      background: url(../_images/pressRoomMainNav.gif);
    }
*/
    #navigation .mainNav dt a.findUs {
      background: url(../_images/findUsMainNav.gif) left top no-repeat scroll;
    }
    #navigation .mainNav dt a.findUs:hover,
    body.findUs #navigation .mainNav dt a.findUs
    {
      background: url(../_images/findUsMainNav.gif) right top no-repeat scroll;
    }

/* ================================================== 
   Secondary Navigation
   ==================================================
*/	 	 
  #navigation .secNav {
    position: absolute; top: 27px; left: -528px;
    width: 298px;
  }
  body.homepage #navigation .secNav,
  body.clients #navigation .secNav,
  body.findus #navigation .secNav,
  body.rahal #navigation .secNav dd.specCommSub,
  body.sap #navigation .secNav dd.specCommSub,
  body.omniture #navigation .secNav dd.specCommSub,
  body.cisco #navigation .secNav dd.specCommSub,
  body.invision #navigation .secNav dd.specCommSub,
  body.activision #navigation .secNav dd.specCommSub,
  body.apollojets #navigation .secNav dd.specCommSub,
  body.masters #navigation .secNav dd.specCommSub,
  body.sapporo #navigation .secNav dd.specCommSub,
  body.stanfordepgy #navigation .secNav dd.specCommSub,
  body.oscar #navigation .secNav dd.specCommSub,
  body.responsys #navigation .secNav dd.specCommSub,
  body.usc #navigation .secNav dd.specCommSub,
  body.sap505 #navigation .secNav dd.specCommSub,
  body.dougEmmTumi #navigation .secNav dd.succStorSub,
  body.dgaBaccrt #navigation .secNav dd.succStorSub,
  body.faoTournu #navigation .secNav dd.succStorSub,
  body.caseStudies #navigation .secNav dd
  {
    display: none;
  }
  body.secondary #navigation .secNav {
    display: block;
  }
    body.secondary #navigation .secNav dl {
      float: left;
      width: 100%;
      font: 12px Verdana, Arial, Helvetica, sans-serif;
    }
    body.secondary #navigation .secNav dl.twoColumn {
      width: 40%;
      padding-right: 10%;     
    }
    body.secondary #navigation .secNav a {
      margin-bottom: 0.5em;
      font-weight: bold;
      color: #636363;
    }
/*
    body.dougEmmTumi #navigation .secNav dt, 
    body.dgaBaccrt #navigation .secNav dt, 
    body.faoTournu #navigation .secNav dt, 
    body.rahal #navigation .secNav dt, 
    body.sap #navigation .secNav dt, 
    body.omniture #navigation .secNav dt, 
    body.cisco #navigation .secNav dt, 
    body.invision #navigation .secNav dt, 
    body.caseStudies #navigation .secNav dt,
*/
    #navigation .secNav dt
    {
      padding-left: 11px;
      /* background: url(../_images/rustyBullet.gif) no-repeat scroll left 3px; */
      padding-bottom: 0.6em;
    }
    #navigation .secNav dd
    {
      padding-bottom: 0.4em;
    }
    body.dougEmmTumi #navigation .secNav dd, 
	body.responsys #navigation .secNav dd, 
    body.dgaBaccrt #navigation .secNav dd, 
    body.faoTournu #navigation .secNav dd, 
    body.rahal #navigation .secNav dd, 
    body.sap #navigation .secNav dd, 
    body.omniture #navigation .secNav dd, 
    body.cisco #navigation .secNav dd, 
    body.invision #navigation .secNav dd, 
    body.activision #navigation .secNav dd, 
    body.apollojets #navigation .secNav dd, 
    body.stanfordepgy #navigation .secNav dd, 
    body.oscar #navigation .secNav dd, 
    body.masters #navigation .secNav dd, 
    body.sapporo #navigation .secNav dd, 
    body.usc #navigation .secNav dd, 
    body.sap505 #navigation .secNav dd, 
    body.caseStudies #navigation .secNav dd 
    {
      padding-left: 19px;
    }
    body.team #navigation .secNav a.team,
    body.press #navigation .secNav a.press,
    body.newsletter #navigation .secNav a.newsletter,
    body.proOrgs #navigation .secNav a.proOrgs,
    body.kudos #navigation .secNav a.kudos,
    body.dougEmmTumi #navigation .secNav a.dougEmmTumi,
    body.responsys #navigation .secNav a.responsys,
    body.dgaBaccrt #navigation .secNav a.dgaBaccrt,
    body.faoTournu #navigation .secNav a.faoTournu,
    body.dougEmmTumi #navigation .secNav a.specCommsn,
    body.dgaBaccrt #navigation .secNav a.specCommsn,
    body.faoTournu #navigation .secNav a.specCommsn,
    body.rahal #navigation .secNav a.rahal,
    body.sap #navigation .secNav a.sap,
    body.omniture #navigation .secNav a.omniture,
    body.cisco #navigation .secNav a.cisco,
    body.invision #navigation .secNav a.invision,
    body.activision #navigation .secNav a.activision,
    body.apollojets #navigation .secNav a.apollojets,
    body.masters #navigation .secNav a.masters,
    body.sapporo #navigation .secNav a.sapporo,
    body.usc #navigation .secNav a.usc,
    body.sap505 #navigation .secNav a.sap505,
    body.rahal #navigation .secNav a.succStories,
    body.sap #navigation .secNav a.succStories,
    body.omniture #navigation .secNav a.succStories,
    body.cisco #navigation .secNav a.succStories,
    body.invision #navigation .secNav a.succStories,
    body.activision #navigation .secNav a.succStories,
    body.masters #navigation .secNav a.succStories,
    body.sapporo #navigation .secNav a.succStories,
    body.usc #navigation .secNav a.succStories,
    body.sap505 #navigation .secNav a.succStories,
    body.stanfordepgy #navigation .secNav a.stanfordepgy,
    body.oscar #navigation .secNav a.oscar,
    body.services #navigation .secNav a.services,
    body.fulfillment #navigation .secNav a.fulfillment,
    body.kudos #navigation .secNav a.kudos,
    body.findUs #navigation .secNav a.findUs,
    body.secondary #navigation .secNav a:hover
    {
      color: #D15600;
    }




/* ================================================== 
   content wrapper
   ==================================================
*/	 	 
div#wrapper {
  position: relative;
  height: auto;
}
body.secondary div#wrapper {
  background: url(../_images/faux_column_sec.jpg) repeat-y right;
}


/* ================================================== 
   main content for each page
   ==================================================
*/	 	 
div#mainContent
{
  height:auto;
  font: 12px/2em Verdana, Arial, Helvetica, sans-serif;
  color: #636363;
}
body.homepage div#mainContent {
  padding:216px 560px 29px 29px;
}
body.secondary div#mainContent {
  padding:216px 426px 29px 29px;
  background: url(../_images/faux_column_sec.jpg) repeat-y right;

}
body.shop div#mainContent {
  padding:0px 0px 0px 0px;
  background: none;

}
body.responsys div#mainContent {
  padding:216px 426px 29px 29px;
  background: none;
}
html>body.secondary div#mainContent {
  background: url(../_images/faux_column_sec.jpg) repeat-y right;
}  
html>body.responsys div#mainContent {
  background: none !important;
}  
  #mainContent p {
    padding-right: 0em;
  }

  #mainContent h1 {
    margin-bottom: 0.6em;
    font-size: 1.2em;
    text-transform: normal;
    letter-spacing: 0.0px;
    color: #D15600;
  }
  #mainContent h2 {
    margin-top: 0.8em;
    color: #393939;
    font-weight: bold;  
  }
  #mainContent blockquote, #mainContent p.cite, #mainContent cite {
    margin-top: 1em;
    font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;       
    color: #393939;
  }
  #mainContent blockquote {
    margin-top: 1em;
  }
  #mainContent cite {
    display: block;
    font-style: italic;
    text-align: right;
    margin-top: 0em;
  }
/*
  #mainContent p.cite {
    font-style: italic;
    text-align: right;
    margin-top: 0em;
  }
 */

  #mainContent em {
    color: #D15600;  
    font-style: normal;
  }
  #mainContent ul {
    list-style-type: disc;
    margin-left: 10px;
    padding-left: 16px;
    line-height: 1.6em;
  }
  #mainContent ul.twoColWide {
    margin: 1em 0px;
    padding-left: 16px;
    line-height: 14px;
  }
  #mainContent ul.right {
    list-style-type: disc;
    margin-left: 120px;
  }
  #mainContent li {
    margin-top: 0.8em;  
  }
  #mainContent ul.tight li {
    margin-top: 0.4em;
  }


  #mainContent .columnLeft {
    float: left;
    width: 135px;
    height: auto;
    padding: 0px 0px 0px 0px;
    border: none;
  }
  #mainContent .productName {
    font-style: italic;
  }



div#scrollingPanel {
  /* height: 272px; */
  height: auto;
  overflow: visible;
}


/* ================================================== 
   Images for Each Page 
   ==================================================
*/	 	 
div#mainImg {
  /* position: absolute; top: 0px; right: -1px; */
  float: right;
  z-index: 10;
}
html>body div#mainImg {
  /* position: absolute; top: 0px; right: 0px; */
  float: right;
}
body.homepage div#mainImg {
  width: 530px; height: auto;
}
body.secondary div#mainImg {
  position: relative;
  z-index: 10;
  width: 396px; height: auto;
  background: url(../_images/faux_column_sec.jpg) transparent repeat-y right;

}
body.secondary div#mainImg.shop {
  position: relative;
  z-index: 10;
  width: 396px; height: auto;
  background: url(../_images/faux_column_sec.jpg) transparent repeat-y right;

}
body.secondary div#mainImg.responsys {
  position: relative;
  z-index: 10;
  width: 396px; height: auto;
  padding-top:150px;
  background: none !important;
}
  #wrapper div.frog,
  #wrapper div.dalmations,
  #wrapper div.elephant,
  #wrapper div.whoWeAre,
  #wrapper div.team,
  #wrapper div.press,
  #wrapper div.newsletter,
  #wrapper div.proOrgs,
  #wrapper div.kudos,
  #wrapper div.whatWeDo,
  #wrapper div.services,
  #wrapper div.fulfillment,
  #wrapper div.clients,
  #wrapper div.caseStudies,
  #wrapper div.caseStudies,
  #wrapper div.dougEmmTumi,
  #wrapper div.responsys,
  #wrapper div.dgaBaccrt,
  #wrapper div.faoTournu,
  #wrapper div.rahal,
  #wrapper div.sap,
  #wrapper div.omniture,
  #wrapper div.cisco,
  #wrapper div.invision,
  #wrapper div.activision,
  #wrapper div.apollojets,
  #wrapper div.masters,
  #wrapper div.sapporo,
  #wrapper div.usc,
  #wrapper div.sap505,
  #wrapper div.findUs
  {
    background-image: none;
  }
body.team #mainImg.team {
	padding-top: 227px; 
}	


/* ==================================================
   Footer
   ==================================================
*/	 	 
div#footer {
  position: relative;
  padding: 0px 16px;
  height: 24px;
}
  #footer #copyright {
    /* position: absolute; top: 6px; right: 16px; */
    position: absolute; top: 0px; right: 20px;
    line-height: 24px;
    
  }

/* ================================================== 
   Print and Email buttons
   ==================================================
*/	 	 
a#btnPrint {
  background: url(../_images/print.gif) no-repeat scroll left;  
}
a#btnPrint:hover {
  background: url(../_images/print-over.gif) no-repeat scroll left;  
}
a#btnEmail {
  background: url(../_images/email.gif) no-repeat scroll left;   
}
a#btnEmail:hover {
  background: url(../_images/email-over.gif) no-repeat scroll left;   
}



/* ================================================== 
   About Us: The Team
   ==================================================
*/	 	 
div.bio {
  position: relative;
}


div.bio h3 {
  margin-top: -0.8em;
}

img.bio {
/*
  float: right;
  padding: 0px 10px 10px 10px; 
*/  
  position: absolute;
  top: -3em; right: 20px;
}

/* ================================================== 
   Find Us 
   ==================================================
*/	 	 
body.findUs address {
	font-style: normal;
}
body.findUs #mainContent address,
body.findUs #mainContent form,
body.findUs #mainContent p
{
	line-height: 1.2em;
}
body.findUs #mainContent p {
	margin: 0.8em 0;
}	
body.findUs textarea,
body.findUs input
{
  font: 12px Arial, Helvetica, sans-serif;
  /* color: #636363; */
  color: #000;
}
body.findUs .userMsg {
  color: #D15600;
  font-weight: bold;
  text-align: center;
}
body.findUs .error {
  color: #F00;
}
body.findUs .required {
  color: #D15600; 
}

/* ================================================== 
   Press Room 
   ==================================================
*/	 	 
body.press p.magCovers img{
  margin-top: 8px;
  margin-right: 10px;
}

/* ================================================== 
   Professional Organizations 
   ==================================================
*/	 	 
body.proOrgs p.logos {
  text-align: justify; 
  line-height: 58px;
}

.hover-full {
	opacity: .0;
	-moz-opacity: .0;
	filter: alpha(opacity=0);
}
.hover-full:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* ================================================== 
   Newsletter Page
   ==================================================
*/	 
body.newsletter div#wrapper,
body.newsletter div#wrapper div#mainContent{
  background:none;
}
body.newsletter div#teaser{
	padding-bottom: 1em;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;  
	color: #393939;
	}
body.newsletter div#navigation {
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	float:right;
}
body.newsletter #navigation .secNav {
	left:-924px;
	/*display:none;*/
	}
.newsletter_zag {
	position:absolute;
	top:275px;
	left:45px;
	width:287px;
	height:19px;
	background:url(../_images/newsletter.gif) top left no-repeat;
}
body.newsletter div#mainContent {
	padding:232px 300px 29px 33px;
}

.newsletter_block_top {
	width:620px;
	height:6px;
	background:url(../_images/newsletter_block_top.gif) left bottom no-repeat;
	font-size:0px;
	line-height:0px;
	}
.newsletter_block_center {
	position:relative;
	width:620px;
	background:url(../_images/newsletter_block_bg.gif) left repeat-y;
	}
.newsletter_block_angle {
	position:absolute;
	top:-3px;
	left:3px;
	width:64px;
	height:64px;
	background:url(../_images/angle.gif) top left no-repeat;
	background-repeat:no-repeat;
	font-size:0px;
	line-height:0px;
	}
.newsletter_block_left {
	width:246px;
	padding:22px 10px 8px 55px;
	min-height:100px;
	float:left;
	clear:right;
	position:relative;
	font:12px/17px Verdana,Arial,Helvetica,sans-serif;
	}
.newsletter_block_left span {
	display:block;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
	}
.newsletter_block_img {
	width:245px;
	overflow:hidden;
	}
.newsletter_block_right {
	width:284px;
	padding:22px 10px 10px 15px;
	float:left;
	color:#000;
	clear:right;
	font:12px/17px Verdana,Arial,Helvetica,sans-serif;
	}
.newsletter_block_right span {
	display:block;
	font-weight:bold;
	margin-bottom:3px;
	}
.newsletter_block_bottom {
	width:620px;
	height:6px;
	background:url(../_images/newsletter_block_bottom.gif) left top no-repeat;
	font-size:0px;
	line-height:0px;
	margin-bottom:20px;
	}
.cl {
	width:100%;
	height:1px;
	font-size:0px;
	line-height:0px;
	clear:both;
	}
body.responsys div#wrapper	 {
	background:none !important;
	}