@import url("/style/frontend.css");
@import url("/style/nav.css");
@import url("/style/mojoToolsAdminBar.css");

/*
-----------HTML Elements---------
*/
body {
	background: #00328c;
	margin: 0;
	padding: 0;
}

body, td, th, li, p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}

li, p {
	line-height: 1.3em;
}

sup {
    vertical-align: top;
    font-size: 0.5em;
}

.content ul {
    margin-top: 0;
    margin-left: 10px;
    padding-left: 10px;
    list-style: none;
	display: table;
	display: inline-block;
	max-width:400px;
}

.content ul li {
    padding-left: 10px;
    background: url(/images/bullet.gif) 0 0.42em no-repeat;
    margin-bottom: 5px;
}

th {
    text-align: left;
    padding-right: 10px;
}

thead th {
    text-align: center;
    padding-right: 10px;
}

p { margin: 0 0 0.9em 0; 
}

a { color: #2065a7; }

a:hover {
	color: #578fc5;
	text-decoration: none;
}

a span {
    cursor: pointer;
}

h1 {
	color:#00328C;
	font-size: 28px;
	margin: 0 0 0.25em 0;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


h2 { 
	color: #29529b;
	font-size: 18px;
	margin: -0.25em 0 0.5em 0; 
}

h3 {
	color: #2167a9;
	font-size: 16px;
	margin: 0 0 0.5em 0; 
}

h4 {
	color: #729bc2;
	font-size: 14px;
	margin: 0 0 0.5em 0; 
	line-height: 1.2em;
}

h5, #mainContent .content .productDetails h5 {
	color: #00328C;
	font-size: 12px;
	margin: 0 0 0.5em 0; 
}

h1 a{
	color:#729bc2;
}


h2 a { 
	color: #63779d;
}

h3 a {
	color: #2167a9;
}

h4 a {
	color: #729bc2;
}

h5 a, #mainContent .content .productDetails h5 a {
	color: #00328C;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    text-decoration: underline;
}


/*
-----------Site-wide Tags-----------
*/


.altRow {
	background-color: #eef3fc;
	border-top: solid 1px #DCE7F8;
	border-bottom: solid 1px #DCE7F8;
}
.altRow td, .altRow th {
	border-top: solid 1px #DCE7F8;
	border-bottom: solid 1px #DCE7F8;
}

.altRows .altRows .altRow {
	background-color: #dfe8ec;
	border-top: solid 1px #DCE7F8;
	border-bottom: solid 1px #DCE7F8;
}

table.altRows {
	border: solid 1px #dfe8ec;
	background-color: #ffffff;
}

.imgLt {
	margin: 0 1.25em 0.5em 0;
}

.imgRt {
	margin: 0 0 0.5em 1.25em;
}

.imgLt p, .imgRt p {
    font-size: 10px;
    color: #666666;
}

.imgLt img, .imgRt img {
    border:1px solid #999999;
    margin-bottom: 4px;
}

.box {
    background: #dae4f3;
    padding: 10px 10px 5px 10px;
    text-align: center;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clr {
	clear:both;
}
.clrLeft {
	clear:left;
}

.clrRight {
	clear:right;
}

.validator {
    color: #8B0000 !important;
    margin: 3px 5px 3px 0;
    border: solid 1px #8B0000;
    display: block;
    padding: 3px 8px;
    background: #fff url(/images/bkgd-grad-red.gif) 0 0 repeat-x;
}

.formDisplay .validator {
	width: 60%;
}

a.icon { 
    display: block;
    float: right;
    padding: 0 0 0 21px;
    background: url(/images/icon-add.gif) 0 3px no-repeat;
    line-height: 1.8em;
    margin: 0 0 0.5em 10px;
}

a.icon.pdf {
    background-image: url(/images/icon-pdf.gif);
}

a.icon.bubble {
    background-image: url(/images/icon-bubble.gif);
}

a.icon.docs {
    background-image: url(/images/icon-docs.gif);
}

a.icon.manual {
    background-image: url(/images/icon-manual.gif);
}

a.icon.money {
    background-image: url(/images/icon-money.gif);
}

a.icon.sheet {
    background-image: url(/images/icon-sheet.gif);
}

a.icon.video {
    background-image: url(/images/icon-video.gif);
}

.tableBtns {
    padding: 2px;
    float: right;
    margin: 0 0 5px 0;
}

.tableBtns .mojoToolsBtn {
    margin: 0;
}

/*
-----------Page Layout-----------
*/
.content
{ padding: 0; 
}

#pageWrap {
	background: #fff;
	width: 958px;
	margin: 0 auto;
	border: solid 1px #fff;

}

#pageContent {
	padding: 0;
	zoom: 1;
}

.secPage #pageContent {
	padding: 15px 15px 10px 115px;
	background: url(/images/bkgd-ice.jpg) 0 0 no-repeat;
}

.modelPage #pageContent {
	padding: 15px 25px 10px 25px;
}

.secPage.convenience #pageContent {
	background-image: bkgd-soft-drink.jpg;
}

#secContent, #mainContent, #tertiaryContent {
	float: left;
}

#mainContent{
	width: 100%;
	clear: both;
	position: relative;
}

#secContent {
	width: 200px;
	margin: 0 20px 10px 0;
}

#tertiaryContent {
	width: 200px;
	margin: 0 0 10px 20px;
}

/*
-----------Header-----------
*/
#header
{
	position: relative;
	height: 93px;
	background: url(/images/bkgd-ice-machines.jpg) 263px 0 no-repeat; 
}

.europe #header
{
	background: url(/images/follett-europe-machines.jpg) 263px 0 no-repeat; 
}

.convenience #header
{
	position: relative;
	height: 93px;
	background: url(/images/bkgd-convenience.jpg) 263px 0 no-repeat;
}

#header h1
{
	margin: 0;
	color: #fff;
	border: none;
	position: absolute;
	top: 10px;
	left: 10px;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 410px;
	height: 75px;
	padding-bottom: 2px;
}

#searchSite {
	position: absolute;
	right: 35px;
	top: 40px;
	width: 200px;
}

#searchSite .searchBtn {
	position: absolute;
	right: 0;
	top: 2px;
}
#searchSite #txtSearch {
	width: 138px;
}

.poland #searchSite { display: none; }

/*
----------Nav Design-----------
*/

#navWrap
{
	margin: 0;
	background: #999;
	background: url(/images/nav-bkgd.gif) repeat-x;
	line-height: normal;
	padding: 0 0 0 25px;
	z-index:999;
	float: left;
	height: 38px;
}

#navWrap ul { /*This forces the dropdown to appear above the calendar on the events page*/
	z-index:600;
	float: left;
	width: 933px;
}

#navWrap .navContent {
    float: left;
	z-index:100;
	display: block;
	background: url(/images/right_navbar.jpg) right top no-repeat;
	padding: 0 5px 0 0;
	width: 745px;
}

#navWrap ul ul {
    float: none;
    padding-left: 0;
    background-image: none;
    background: #fff;
}

#navWrap ul ul { border-color: #ccc; padding-left: 0;}

#navWrap li {
    padding: 0;
}

#navWrap li a
{
	padding: 9px 15px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: normal;
	font-weight: bold;
	font-size: 12px;
}

#navWrap li a:hover,
#navWrap li:hover,
#navWrap li.sfhover
{
	color: #dce6ec;
}

#navWrap li ul
{
	border: solid #6693d1 1px;
	background-color: #fff;
	width: 162px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

#navWrap .bgiframe
{
	border: solid #6693d1 1px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#navWrap .bgiframe body {
    margin: 0;
    padding: 0;
}

#navWrap li li {
    padding: 0;
    border-left: none;
}

#navWrap li li a { 
    color: #2065a7;
    border-left: none; 
    border-bottom: solid #fff 1px; /* keeps IE6 from displaying submenu items with excess space below. */ }

#navWrap li ul li a
{
	text-align: left;
	background-color: #fff;
	padding: 2px 10px;
	margin: 0;
	width: 140px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
}

#navWrap li ul li a:hover
{
    color: #76afc6;
	border-top: solid #AADAED 1px;
	border-bottom: solid #AADAED 1px;
}

#navWrap li.first a {
    border-left: none;
}

.nav li li.dd a { /* Class to differentiate items with flyouts; usually with a background image of an arrow to the right */ }

.nav li li.dd a:hover { }

.nav li ul ul { margin-left: 162px; /* Equals width of (.nav li ul li a) plus the left/right padding */ }

.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul,
.nav li.sfhover ul ul ul { left: -999em; }

.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li.sfhover ul,
.nav li li.sfhover ul,
.nav li li li.sfhover ul { left: 0px; }

.nav li:hover,
.nav li.sfhover { /* Fix for IE7 "Sticking" menus */ position: static;
}

#navWrap li:hover li:hover,
#navWrap li.sfhover li.sfhover {
}

#navWrap li li a.sf-with-ul{
background: url(/images/arrow-circle-sm.gif) 150px 5px no-repeat;
}



.searchBox {
	vertical-align: top;
	margin-top: 3px;
}
#navWrap li#searchBoxWrap {
	background: none;
  padding: 0;
}

li ul.sf-js-enabled {  /* Overrides CSS dropdowns when Superfish is enabled. */
	left: auto !important;
}

/*
-----------General Column Formatting-----------
*/

.oneCol {}
.twoCol {}
.threeCol {}

.col {
	padding: 0 18px 10px 0;
}

.twoCol .col {
	width: 45%;
}

.threeCol .col {
	width: 28%;
}

.listing {
	margin: 0 0 1em 0;
}

/*
-----------Main Content----------
*/

#breadCrumb {
    height: 20px;
}

#breadCrumb, #breadCrumb li, #breadCrumb li a {
    color: #666666;
    font-size: 10px;
}

#breadCrumb ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#breadCrumb li{
	float: left;
	color: #1f3b6d;
}

#breadCrumb li.first{
	padding-left: 0;5
}

#breadCrumb li a{
	background: url(/images/arrow-breadcrumb.gif) right 4px no-repeat;
	padding: 0 10px 0 0;
	margin: 0 5px 0 0;
	color: #1f3b6d;
}

#mainContent .content h5 {
	color: #1f3b6d;
	font-size: 10px;
	font-weight: normal;
}

#mainContent .content h5 a {
	color: #1f3b6d;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

#mainContent .content h5 a:hover {
	color: #1f3b6d;
	text-decoration: none;
}

#mainContent .content h5 img {
	margin: 0 5px;
}

#sidebar {
	float: right;
	margin-left: 15px;
	position:relative;
	z-index: 100;
}

.helpInfo {
	width: 158px;
	border: solid 1px #ccc;
	background: url(/images/bkgd-grad-gray.gif) center top repeat-x;
	padding: 15px;
	margin: 0 0 10px 0;
}

.europe .helpInfo {
	display: none;

}

.europe #sidebar {
		/* Start Min-Height */
	min-height: 50px;
	height: auto !important;
	height: 50px;
	/* End Min-Height */

}

.helpInfo ul {
	margin: 5px 0 0 0;
	padding-left: 0px;
	list-style: none;
}

.helpInfo li {
	background: url(/images/arrow-circle.gif) 0 3px no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
}

/*
-----------Home Page Layout--------------------
*/

#flashcontent {
    height: 305px;    
}

#flashcontent #flashReq {
    padding: 30px;
}

.homePage #mainIntro {
    position: relative;
    float: left;
    border-bottom: solid 1px #BDD0DE;
}

.homePage #mainContent {
    position: relative;
}

.homePage #flashcontent{
    width: 651px;
    float: left;
}

.homePage .content {
}

#industrySidebar {
    /* background: #6DAFA5 url(/images/bkgd-sidebar-ice.jpg) 0 0 no-repeat; */
    background: #6DAFA5; 
    color: #fff;
    width: 307px;
    z-index: 500;
    float: right;
}

#industrySidebar h2{
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.0em;
    margin-top: 20px;
    margin-left: 20px;
}

#industrySidebar a{
    margin: 2px 0 0 0;
    padding: 4px 5px 5px 20px;
    font-weight: bold;
    color: #4a6f68;
    font-size: 16px;
    display: block;
    letter-spacing: 0;
    text-decoration: none;
    background-image: url(/images/arrow-blue-dotted.gif);
    background-position:  5px 10px;
    background-repeat: no-repeat;
    line-height: 1.2em;
}

.europe #industrySidebar li {
    margin: 2px 0 0 0;
    padding: 4px 5px 5px 0;
    font-weight: bold;
    color: #4a6f68;
    font-size: 16px;
    display: block;
    letter-spacing: 0;
    background-image: none;
    line-height: 1.2em;
}

#industrySidebar a:hover {
    background-color: #c7e5e0;
}

#industrySidebar a.first {
    margin-top: 0;
}

#industrySidebar ul {
    background: #b1d4ce;
    padding: 12px 14px;
    width: 237px;
    margin: 0 20px 20px 20px;
    list-style: none;
}

#industrySidebar li {
    padding: 0;
    margin: 0;
    background-image: none;
	border-bottom: solid 1px #B1D4CE;
}

#featureSections {
    clear: both;
    font-size: 11px;
    margin-left: 68px;
    width: 875px;
}

#featureSections p {
    font-size: 11px;
}

#featureSections a {
    font-weight: bold;
}


#featureSections h3 {
    font-size: 16px;
    font-weight: normal;
}

#featureSections .first {
    width: 192px;
    position: relative;
    height: 165px;
    padding-right: 0;
}

#featureSections .col img {
    display: block;
    float: left;
    margin: 0 15px 5px 0;
}

#featureSections .first .bkgd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#featureSections .bkgd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#featureSections .first .content {
    position: absolute;
    width: 180px;
    top: 15px;
    left: 6px;
    z-index: 20;
}

#featureSections .second {
    width: 373px;
    position: relative;
}

#featureSections .second .content {
    position: absolute;
    width: 355px;
    top: 0;
    left: 18px;
    z-index: 20;
}

#featureSections .second p {
    margin: 5px 0 0 0; 
}

#featureSections .second .content {
    padding-top: 15px;
}

#featureSections .second .content h3 {
    font-size: 20px;
}

#featureSections .third {
    position: relative;
    padding: 0;
    width: 275px;
}

#featureSections .third .content {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 20;
}
#featureSections .third .content p {
}

.featureBlock {
    margin: 0 0 20px 0;
}

/*
----------Footer----------
*/
#footer
{
	font-size:10px;
	text-align:center;
	padding-top:10px;
	margin-top: 0;
}

#footer p, #footer li, #footer 
{
	color:#666666;
    font-size:10px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: none;
}

#footer ul.contactInfo {
	list-style: none;
	margin-bottom: 30px;
	padding: 0;
}

#footer .nav li { display: inline-block; 
}

#footer .nav ul {
	width: 755px;
	margin: 0 auto;
}

#footer .nav.secList ul {
	width: 500px;
	margin: 5px auto;
}

#footer .nav a {
	border-left: solid 1px #2065a7;
	padding: 0 10px;
}

#footer .nav .first a {
	border-left: none;
}

#footer .nav {
	margin-bottom: 20px;
}

#footer .copyright {
    font-size: 9px;
    margin-top: 5px;
}

#quickLinks 
{
	text-align:left;
	width: 760px;
	margin:0 auto 20px auto;
	padding:0;
}

#quickLinks strong
{
	margin:0 0 5px 0;
	display:block;
}

#quickLinks ul.column
{
	text-align: left;
	float:left;
	width:31%;
	margin:0 10px 0 0;
	padding: 0;
	list-style: none;
}



/*
--------Calendar Customization--------
*/

#dateSelector {
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
}

#dateSelector h4 {
    margin: 8px 0 0 0;
}

#featureLink {
	display: block;
	margin: 0 0 1em 0;
	background: #afc9ee;
	padding: 5px;
	text-align: center;
	border: solid #4a6a82 1px;
}

#featureLink:hover {
	background-color: #DFECF2;
	color: #4a6a82;
}

#upcomingEvents {
	width: 540px;
	margin: 0;
	float:left;
}

#upcomingEvents .category, #upcomingEvents .category table {
	width: 100%;
	float: none;
	margin: 0;
}

#upcomingEvents .category h3 {
	border-bottom: solid #93b7eb 1px;
	margin:0 0 10px 0;
	padding: 0 0 5px 0;
	color: #6693d1;
	font-size: 13px;
}

#upcomingEvents .event {
    margin-bottom: 15px;
}

#upcomingEvents .featured {
}

#upcomingEvents .event h4.date  {
	background: #dce7f8;
	color: #6693d1;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 3px;
}

#upcomingEvents .event h5 {
	font-size: 12px;
	color: #000;
	margin: 0 0 5px 0;
}

h2.dateRange {
}

a.eventLink {
	font-size: 16px;
	color: #324B65;
	font-weight:bold;
	letter-spacing:-.05em;
}

/*
----------Document/Link Library Tool----------
*/
.docs {
	width:100%;
}
.docs .oneCol .category{
	width: 100%;
}
.docs .twoCol .category{
	width: 45%;
}
.docs .threeCol .category{
	width: 30%;
	margin-right:15px;
}
.docs h2 {font-size:120%; line-height:100%; font-weight:bold;}
.docs img {
	display:block;
}
.docs .doc
{
	width: 95%;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.docs .doc .desc {
	display: block;
	clear: both;
	margin: 0 0 0.5em 0;
}

.doc .imgLt
{
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}
.doc .imgLt a:hover, .doc .imgLt a:active
{
	text-decoration:underline;
	color:#192666;
}

/* the custom images based on file type */
a.as, a.doc, a.file, a.fla, a.mdb, a.pdf, a.ppt, a.swf, a.txt, a.xls, a.link  
{	
	padding: 5px 0 6px 20px;
	margin: 0;
	height: 20px;
	line-height:20px;
	display:inline;
}
a.as {
	background: url(/images/docLibrary/as.gif) no-repeat left;
}
a.doc {
	background: url(/images/docLibrary/doc.gif) no-repeat left;
}
a.file {
	background: url(/images/docLibrary/file.gif) no-repeat left;
}
a.fla {
	background: url(/images/docLibrary/fla.gif) no-repeat left;
}
a.mdb {
	background: url(/images/docLibrary/mdb.gif) no-repeat left;
}
a.pdf {
	background: url(/images/docLibrary/pdf.gif) no-repeat left;
}
a.ppt {
	background: url(/images/docLibrary/ppt.gif) no-repeat left;
}
a.swf {
	background: url(/images/docLibrary/swf.gif) no-repeat left;
}
a.txt {
	background: url(/images/docLibrary/txt.gif) no-repeat left;
}
a.xls {
	background: url(/images/docLibrary/xls.gif) no-repeat left;
}
a.link {
	background: url(/images/docLibrary/link.gif) no-repeat left;
	float:none;
}

.docs .twoCol .category {
	float:left;
	width: 45%;
}


.note {
	color: #666666;
}

/*
----------Sign Up Forms--------
*/


table.info, fieldset
	{
		border: none;
		background: #fff;
	}

.formDisplay 
	{
		border: 0px;
		margin-bottom: 1em;
	}

.formDisplay td, .formDisplay th,
.formDisplayWide td, .formDisplayWide th
	{
		border: 0px;
		padding: 3px 5px 3px 0;
		vertical-align: top;
	}
	
.formDisplay td td, .formDisplay td th,
.formDisplayWide td td, .formDisplayWide td th
	{
		padding: 0 5px 3px 0;
	}

.formDisplay th 
{
	width: 141px;
	vertical-align: top;
    text-align: right;
}

.formDisplay th.required {
    padding-right: 11px;
    background-image: url(/images/asterisk.gif);
    background-position: right 3px;
    background-repeat: no-repeat;
}

.formDisplay tbody th.subHead 
{
    text-align: left;
}


.formDisplay .formDisplay
{
    margin-bottom: 0;
}

.formDisplay .formDisplay td
{
    margin-bottom: 0;
}

.formDisplay th.smLabel
{
	width: 40px;
}

table.info {
    border: solid 1px #DCE7F8;
}

.formDisplay table.info {
    border: none;
}

table.info td, table.info th
	{  
		padding: 3px 5px;
		vertical-align: top;
	}
table.info th
	{  
		text-align: right;
	}
table.info thead th
	{  
		text-align: center;
		background:#DCE7F8 none repeat scroll 0%;
        color:#6693D1;
        padding: 5px !important;
	}
	
/* Product search page */

.searchContexts {
	width: 613px;
}

.searchContexts h2{
	background:#74aec4 url(/images/bkgd-head-grad.gif) 0 0 repeat-x;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	padding: 5px 11px;
}

.searchContexts .col {
	padding: 0;
	margin: 0 0 10px 10px;
	width: 200px;
} 

.searchContexts .productsList {
	margin-left: 0;
	width: 270px;
} 

.searchContexts li{ 
	display: block;
	background: url(/images/arrow-circle-sm.gif) 0 4px no-repeat;
	padding: 0 0 5px 15px;
	zoom: 1;
}

.searchContexts .featuresList { }

.productSearch {
    position: relative;
    width: 320px;
    margin: 0 0 20px 0;
}
.productSearch .searchField {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    font-size: 11px;
    padding: 3px;
}
.productSearch .searchBtn {
    position: absolute;
    top: 2px;
    right: 0px;
}

.productList {
    clear: left;
}

.productList, .productList td {
    border: none;
}

.productList img {
    float: left;
    margin: 0 15px 15px 0;
}

.productList h2 {
    font-size: 15px;
    color: #79a1d0;
    margin: 0 0 3px 0;
}

.productList p {
    margin: 0 0 3px 0;
}

.productList .productLinks {
    list-style: none;
}

.productList .productLinks li {
    display: block;
    float: left;
    background-image: none;
    padding-left: 0;
}

.productList .productLinks a {
    color: #2065a7;
    font-weight: bold;
    margin: 0 0 0 7px ;
    padding: 0 0 0 7px ;
    border-left: solid 1px #2065a7;
}

.productList .productLinks .first a {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.productList .product, .productList tr {
    clear: left;
    margin: 0 0 10px 0;
    zoom: 1;
}

.productList td {
    padding: 0 0 5px 0;
}

.productDetails .productImg {
    float: left;
    margin: 0 15px 45px 0;
    width: auto;
    width: 152px;
}

.productDetails .productImg img {
    margin: 0 0 10px 0;
}

.productDetails .productImg p{
    font-size: 11px;
    color: #666666;
}

.productDetails h1 img {
    float: left;
    margin: 7px 10px 0 0;
}

.productDetails h1{
    margin: 0 0 15px 0;
}

.productDetails .productInfo {
    margin:1em 0 0 1em;
    float:left;
    width: 435px;
}

.productDetails .productLineDetails 
{
    float:right;
    width:445px;
}


.productDetails .productInfo ul {
    margin-left: 5px;
    padding-left: 5px;
}

.productDetails ul.productLinks {
    list-style: none;
    padding-left: 0;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.productDetails .productLinks li {
    background: none;
    display: block;
    float: left;
    padding-left: 0;
    margin-bottom: 0;
}

.productDetails .productLinks a, a.btnLink {
    display: block;
    margin: 0 0 15px 15px;
    padding: 3px 10px 5px 10px;
    color: #fff;
    font-weight: bold;
    border: solid 1px #6795c3;
    background: #5a92c7 url(/images/btn-bkgd.gif) 0 0 repeat-x;
}

a.btnLink { margin-top: 3px;
	/* Start Inline-Block */
	display: inline-block;
	*display: inline;
	zoom: 1;
	/* End Inline-Block */
	line-height: 1.25em;
             }

.productDetails .productLinks a:hover, a.btnLink:hover {
    -moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.productDetails .productLinks .first a {
    margin-left: 0;
}


.accessoryDetails {

}

.accessoryDetailsContent {
}

.accessoryDetails .productImg {
    float: left;
    margin: 0 15px 10px 0;
}


.infoBox {
    padding: 10px 15px;
    background: #f7f7f7;
    border: solid 1px #e5e5e5;
}

.infoBox h3 {
    font-size: 14px;
}

.productDetails .infoBox {
    clear: left;
}

.productDocs {
    width: 190px;
}

.productDocs .btnList {
    margin: 0 0 5px 0;
    position: relative;
}

/*.productDocs .btnList h3 {
    margin: 0;
	background:#9cbdd9 url(/images/arrow-white.gif) 10px 7px no-repeat;
	width: 100%;
}*/

.productDocs .btnList h3 {
    margin: 0;
    color: #fff;
    font-weight: bold;
    border: solid 1px #6795c3;
    background: #5a92c7 url(/images/btn-bkgd.gif) 0 0 repeat-x;
}


.productDocs .btnList h3:hover, .productDocs .btnList h3 a:hover {
    -moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.productDocs .btnList.expanded h3 {
}

.productDocs .btnList a.category {
    display: block;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	padding: 3px 8px 5px 25px;
    margin: 0;
    float: none;
	background-image: url(/images/arrow-white.gif);
	background-position: 10px 7px;
	background-repeat: no-repeat;
    line-height: 1.4em;
    cursor: pointer;
}

.productDocs .btnList.expanded a.category
{
	background-image: url(/images/arrow-white-down.gif);
	background-position: 7px 9px;
}

.productDocs .btnList a.category span{
    cursor: pointer;
    text-decoration: underline;
}

.productDocs .btnList a.icon {
    padding-left: 47px;
}

.productDocs .btnList a.category:hover span, .productDocs .btnList a.category:hover {
	color: #fff499;
    text-decoration: none;
}

.productDocs .btnList .items{
    display: none;
	border: solid 1px #acc8df;
	background: #e8eef3;
	padding: 10px;
}

#sidebar .productDocs .btnList .items{
    position: absolute;
    right: 0;
}

.productDocs .btnList.expanded .items { /* Used for Show/Hide click() functionality */
    display: block;
}

.productDocs .btnList .items ul {
	margin: 0;
	padding-left: 0px;
	list-style: none;
}

.productDocs .btnList .items li {
	background: url(/images/arrow-circle.gif) 0 3px no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
	display: block;
	height: 15px;
}

#literature .btnList .items li 
{
	height: auto;
}

#sidebar .productDocs .btnList .items li{
	position: relative;
}
.productDocs .btnList .items a {
    display: block;
    white-space: nowrap;
}

#literature .btnList .items a 
{
	/* white-space: normal; Removed 12-1-09 per Follett request SJW */
}

#sidebar .productDocs .btnList .items a {
	position: absolute;
}

#literature {
    zoom: 1;
}

#literature.productDocs {
    width: 90%;
}

#literature.productDocs .btnList a.category {
    width: 90%;
    
}

#literature.productDocs .btnList .items {
    width: 96%;
    padding: 2%;
}

#literature.productDocs .seminars ul li a
{
	width: 500px;
}

#literature.productDocs .items li a .loc
{
	float: left;	
	width: 150px;
}
#literature.productDocs .items li a .date
{
	float: left;	
	width: 280px;
}

.searchResults {
    position: relative;}
#cse-search-results {
    padding-top: 10px;
}

.searchResults h1 {
    left: 0;
    line-height: normal;
    position: absolute;
    top: 0;
}

.modelList {
    width: 100%;
    margin: 0 0 15px 0;
	border: solid 1px #dfe8ec;
	background-color: #ffffff;
	clear: both;
}

.modelList thead th{
	background:#5A92C7 url(/images/bkgd-blue-gradient.gif) 0 0 repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

.modelList thead strong {
	display: block;
}

.modelList td, .modelList th {
    font-size: 10px;
    padding: 2px;
}

#calculators .modelList td, #calculators .modelList th
{
    font-size: 12px;
	text-align: left;
	padding: 2px 5px;
}

.modelList td, .modelList tbody th {
    border-right: solid 1px #DCE7F8; 
}

.modelList td {
    text-align: center;
}

.modelPhoto {
    position: relative;
}

.modelList .modelPhoto div{
    display: none;
    background: #ccc;
    padding: 3px;
    position: absolute;
    top: 0;
    left: 25px;
}

.modelList .modelPhoto div p{
    margin: 5px 0 0 0;
    color: #000;
    font-size: 10px;
    text-align: center;
	white-space:nowrap;
}

.seminarList {
    width: 100%;
    margin: 0 0 15px 0;
	border: solid 1px #2167A9;
	background-color: #ffffff;
	clear: both;
}

.seminarList td 
{
    border: solid 1px #2167A9;
}

/* Literature Search Buttom System */    
    a.courseBtn, a.courseBtnChanged
    {
		display: block;
		padding: 0;
		margin: 0 3px 0 0;
		font-size: 12px;
		width: 95%;
		text-align:center;
    }
    a.courseBtn .btn, a.courseBtnChanged .btn
    {
		display: block;
		padding: 0 0 5px 0;
    }
    a.courseBtn .btnTxt, a.courseBtnChanged .btnTxt
    {
		display: block;
		padding: 3px 12px 0 0;
    }
    a.courseBtn .btnContent, a.courseBtnChanged .btnContent
    {
		display: block;
		padding: 0 0 0 12px;
    }
    a.courseBtn
    {
		background: url(../images/btn-btm-inactive.gif) bottom left no-repeat;
    }
    a.courseBtnChanged
    {
		background: url(../images/btn-btm-active.gif) bottom left no-repeat;
    }
    a.courseBtn .btn
    {
		background: url(../images/btn-btm-inactive.gif) bottom right no-repeat;
    }
    a.courseBtnChanged .btn
    {
		background: url(../images/btn-btm-active.gif) bottom right no-repeat;
    }
    a.courseBtn .btnTxt
    {
		background: url(../images/btn-top-inactive.gif) top right no-repeat;
    }
    a.courseBtnChanged .btnTxt
    {
		background: url(../images/btn-top-active.gif) top right no-repeat;
    }
    a.courseBtn .btnContent
    {
		background: url(../images/btn-top-left-inactive.gif) top left no-repeat;
    }
    a.courseBtnChanged .btnContent
    {
		background: url(../images/btn-top-left-active.gif) top left no-repeat;
    }
	    
    a.courseBtn .tooltip, a.courseBtnChanged .tooltip 
    {
       border-bottom: double 1px #006BD5;
	   padding-bottom: 1px;
       cursor: help;
    }
    
    a.headBtn {
        float: right;
        width: 150px;
    }
	
	/* END Literature Search Buttom System */
	
	/* Course Browse */
	
	.listFilter
	{
	    background:#FFFFFF url(../images/bkgd-grad-green.gif) left top repeat-x;
	    width: 95%;
	    border: solid #547bab 1px;
	    border-collapse: collapse;
	    border-bottom-color: #ccc;
		padding: 8px 20px 15px 20px;
	}
	
	#searchWindow .listFilter {
		padding: 8px 21px 15px 21px;
	}
	
	.listFilter a.closePanel
	{
		float:right;
		padding: 2px;
		text-decoration:none;
	}
	.listFilter a.closePanel img
	{
		border:none;
		vertical-align:middle;
	}
	
	.listFilter.active
	{
	    background:#FFFFFF url(../images/bkgd-grad-green.gif) left top repeat-x;
	    border: solid #A2D045 1px;
	}
	.listFilter ul 
	{
	    list-style: none;
		padding-left: 5px;
		margin: 0 0 0 5px;
	}
	.listFilter a.filterLink
	{
	    display: block;
	    padding-top: 8px;
	    padding-bottom: 8px;
	    font-size: 14px;
	    margin: 0 15px;
	}
	.active a.filterLink
	{
	    margin: 0 15px 10px 15px;
	    padding: 5px;
	    font-size: 16px;
	    border-bottom: solid #A2D045 1px;
	    text-decoration: none;
	}
	.listFilter li a
	{
	    font-size: 12px;
	    padding-top: 0;
	    padding-bottom: 0;
	    margin: 0;
		background: #fff url(../images/nav-arrow-blue.gif) left top no-repeat;
	}
	.listFilter .col
	{
		width:175px;		
	}
	
	.listFilter h2 {
		color: #006BD5;
	}
	
	#literatureSearch
	{
	    margin-bottom:20px;
	}
	
	#literatureSearch .info 
	{
	    width: 90%;	    
	}
	
	#literatureSearch .info .btnTxt
	{
	    white-space: nowrap;   
	}
	
	#literatureSearch .info th
	{
	    font-size: 11px;
	}
	
	#literatureSearch .top td, #literatureSearch .top th
	{
	    border-bottom: none;
	}
	
	#literatureSearch .info td, #literatureSearch .info th
	{
	    padding: 7px 4px;
	}
	
	#literatureSearch .info .searchBox td, #literatureSearch .info .searchBox th {
	    padding: 2px 4px;
	}
	
	.formDisplay .prodCatList td{
		padding: 0 5px 3px 20px;
		text-indent:-20px;
		width:33%;
	}
	
	
	.model
	{
		padding: 15px 0 20px 55px;
		margin-top: -10px;
	}
	.model.new
	{
		background: url(../images/new-starburst-blue.png) left top no-repeat;
		margin-top: -30px;
	}
	.calculatorNote
	{
		font-size: 11px;
	}
	
	.whitepaperDesc 
	{
		width: 250px;
		float: left;
	}
	
	.revitDisclaimer {
		font-size: 10px;
	}