/*
-----------------------------------------------
Textraw | Synthetic Straw
Author:   Paul Jobson
Version:  1 Jan 2007
----------------------------------------------- */
@import "_form.css";

/* --> Global Structure <-----  */ 
/* -----------------------------------*/
* { border: 0; margin: 0; padding: 0; }

html { height: 100%; font-size: 100%; }

body { 
	background:#2E5F02; 
	font: normal 0.8em/1.5em Verdana, Helvetica, Arial, sans-serif; 
	color: #434547; 
	text-align: center; 
	height: 100%;
}

#nav { 	background:  transparent url(../_images/_bg_nav.jpg)  repeat-x 0% 0%; 	height: 82px;}

#middle {  float: left;  width: 100%; margin:0 auto; background: #FFF; 	padding: 15px 0px 10px; }

#footer { 	padding: 30px 0px; 	float:left; width: 100%; margin:0 auto; clear:both; }

.content { 
	width: 735px; 
	text-align: left;
	 margin: 0 auto; 
	padding: 0 20px; 
	position: relative;
}
#content-main {
	float: left;
	width:470px;
	font-size: 90%;
	margin: 0;
	padding: 10px;
background: #FFF url(../_images/_contentmain_bg.gif) top right repeat-y; 	
	}
	#sidebar {
	margin-left: 490px;
	max-width: 185px;
	color: #666b75;
	padding: 0px;
	}

  .sidebar-inside {
	 margin: 10px 0px;
	padding-left: 10px;
	height: 90%;
  }

  #content-map {
	float: left;
	width:400px;
	padding: 10px;
	background: url(../_images/_contentmain_bg.gif) top right repeat-y; 	
	}
	.sidebar-map {
	margin-left: 420px;
	max-width: 275px;
	color: #666b75;
	padding: 0px;
	float: left;
	}
	.sidebar-mapinside {
	 margin: 10px 0px;
	height: 90%;
	font-size: 90%;
	padding: 0;
	padding-left: 10px;
	positiion: relative;
	top: 10px;
	float:left;
  }	
  /*	.sidebar-map dl { padding: 5px 0px 5px 0px;  } 
	.sidebar-map dt { float: left;  text-align: right; width: 60px;  margin-top: 5px; margin-right: 6px;}
	.sidebar-map dd { text-align:left; width: 180px; margin-left: 65px;   margin: 10px 0 0 0; padding: 0;} */

	.sidebar-map p { width: 100%; }

.sidebar-inside a:hover, a:active { font-weight: bold; color : #9BD350; text-decoration: none; }
.sidebar-inside  a:link, a:visited {  font-weight: bold; text-decoration : none; color : #618D23; } 
a img { border: 0; }
img a, img a:hover { border: 0 none; }  
 
h1,h2,h3,h4,h5,h6 { 
font-weight: bold; 
font-family: Arial, Helvetica, Verdana, sans-serif; 

}
h1 { 	font-size: 1.3em; letter-spacing: 0px; color: #8D6B4F; margin: 0 0 0.25em;}
h2 { font-size: 1em; color: #C79681; margin: 0 0 0.5em; padding: 0;}
h3 { font-size: 1em; color: #C79681; padding-left: 10px; margin: .75em 0 0 0; }
h4 { font-size: 1.1em; color: #C79681; margin: 1.25em 0 0 0; width: 100%; border-bottom: 1px solid  #B6CBD6; }
h5 { font-size: 1.35em; color: #C79681; margin: 1.25em 0 0 0; width: 100%; }
/*h6 { font-size: .9em; font-weight: bold; color: #86B300; padding-left:  -10px; margin: .5em 0 .3em 0; width: 100%; border-bottom: 1px solid  #B6CBD6; }*/
h6 { font-size: 1.1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #C79681; border-bottom: 1px dashed #C79681; margin: .4em 0; vertical-align: top; }

p { }
p.small { font-size: 0.95em; padding-left:10px; }

/* ---------links-----------------------*/
a:hover, a:active { font-weight: bold; color : #9BD350; text-decoration: none; }
a:link, a:visited {  font-weight: bold; text-decoration : none; color : #618D23; } 
a img { border: 0; }
img a, img a:hover { border: 0 none; }

/* --> Header <-----  */ 
/* -----------------------------------*/
#header img { float: left; border: 0; }
#header { background:  url(../_images/_bg_header.jpg) left top repeat-x; 	height: 92px;	color: #434547; text-align:center;  }
#logo {    width: 396px; height: 42px; background: url(../_images/_logo.jpg); display: block; top: 0; margin:0; }
#logo img{ display: none;}

/* --> Navigation <-----  */ 
/* -----------------------------------*/
#nav { color: #434547; }
#nav .content { 
width: 735px; 
padding: 0px 13px 9px; }

#nav ul { 	list-style: none; }
#nav li { 	display: inline;	list-style: none; 	}

#nav a { 
	float: left; 
	height: 0px !important; 
	/*height :36px; for IE5/Win */ 
	border: 0; 
	margin-right: 5px; 
	padding-top: 25px; 
	overflow: hidden;
	color: #FFF;
}
#navphotogallery a { 	width: 105px; 	background: transparent url("../_images/navphotogallery.jpg") top left no-repeat; }
#navcomparison a {	width: 105px; 	background: transparent url("../_images/navcomparison.jpg") top left no-repeat;  }
#navapplication a { 	width: 105px; 	background: transparent url("../_images/navapplication.jpg") top left no-repeat; }
#navfaq a {  width: 50px; background: transparent url("../_images/navfaq.jpg") top left no-repeat; }
#navreferences a { 	width: 105px; 	background: transparent url("../_images/navreferences.jpg") top left no-repeat; }
#navcontactus a  { 	width: 105px; 	background: transparent url("../_images/navcontactus.jpg") top left no-repeat; }
#navdistributors a  { 	width: 105px; 	background: transparent url("../_images/navdistributors.jpg") top left no-repeat; }
#nav a:hover, #nav a:active { background-position: 0 -36px; }

body#photogallery #navphotogallery a, 
body#comparison #navcomparison a, 
body#application #navapplication a, 
body#faq #navfaq a, 
body#contactus #navcontactus a, 
body#references #navreferences a, 
body#distributors #navdistributors a  { background-position: 0 -72px; } 

/* --> Middle Area Structure <-----  */ 
/* -----------------------------------*/

#middle ul li { list-style: none;  }
#middle img { padding: 0px; }

#intro { padding: 5px; margin: 0 0 10px 0; 	width: 100%;	border: 2px solid #65A447;	color: #65A447;	 font-weight: bold; font-size: 100%;	 background: #F7FFDD;	}

#content { width: 100%; margin:.25em auto; text-align:left; max-width: 735px; }

#columnleft {
	float: left;
	width: 45%;
	margin: 0; 
	padding: 0;
}
#columnleft-content {	margin:0; padding: .5em 1em; }

#columnright {
	margin:0 0 0 48%; 
	padding: 0;
	width: 50%;
}
#columnleft-video {
	float: left;
	width: 350px;
	margin: 0; 
	padding: 0;
	border: 1px solid #000;
	background: url(../_images/_label_loading.gif) top left no-repeat;
}
#columnright-video {
	margin:0 0 0 360px; 
	padding: 0;
	width: 350px;
}
#columnright-content {	margin:0; padding: .5em 1em; }
#columnleft-content p, #columnright-content p { margin: .25em; padding-left: .25em; }
#columnleft-content div, #columnright-content div { margin: 15px 0;  padding:0; }

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}
hr.home { 
border: none 0;
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px dashed #B6CBD6;
width: 98%;
height: 1px;
}  
ul.home {
	width: 100%;
	list-style:none;
    border: 0px none; 
	padding-left: 10px;
  }
  ul.home li {
  	background: transparent url("../_images/_icons/bullet_green.gif") left top no-repeat;
	padding: 0 0 0 20px;
	font-size: 100%;
	color:  #000;
}
#middle ul#downloads { padding-left: 10px; }
#middle ul#downloads li { list-style: none; margin: 10px 0 0 0; }

	ul#downloads li.video a { 		
		background: transparent url("../_images/icon_video.gif") no-repeat 0 0; 
		padding-left: 20px;
		border: 0;
	}
	ul#downloads li a { 		
		background: transparent url("../_images/icon_pdf_reflection.gif") no-repeat 0 0; 
		padding-left: 20px;
		border: 0;
	}
	ul#downloads a:hover,	ul#downloads li.video a:hover, ul#downloads li:hover a,	ul#downloads li.iehover a { 
		background-position: 0 -32px; 
		color: #9BD350;
	}
	

/* ----------------------------------- */
/* --> Footer <-----  */ 
/* -----------------------------------*/
#footer {
	background: transparent url(../_images/_bg_footer.jpg) left top repeat-x;
	color: #AFD396;
	text-align: center;
}
	#footer .inner { padding-bottom: 0; }
	#footer a { color: #AFD396; border-bottom: 1px dashed #AFD396; }
	#footer a:hover { color: #6E9650; border-bottom: 0 none; }
	#footer a.blind { color: #6E9650; border: 0; }
	.copyright { clear: both; font-size: 0.95em; line-height: 1.5em; width: 100%; text-align: center; }

/* ----------------------------------- */
/* --> Pages <-----  */ 
/* -----------------------------------*/

#comparisonpage {
	margin:5px 0;
	padding:0;
	width: 100%;
	height:100%;
}
	#comparisonpage table {
		width: 100%;
		padding: 0;
		margin: 0 0 0 10px;
		border-spacing: 1px;
		border-collapse:	collapse;
	}
	
	#comparisonpage p  {
		margin: 5px;
	}
	
	#comparisonpage  tbody th {
		background: #FFF left top repeat-x;
		border-bottom: 1px solid #000;
		height: 18px;
		text-align: left;
	}
	#comparisonpage tbody tr td {
		background-color: #EAF8FD;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		white-space: normal;
	}
	#comparisonpage tbody tr.odd  td {
		background-color: #fff;
	}
	
	#comparisonpage tbody  tr td.subheader {
		background-color: #FFF;
		font-weight:bold;
		padding-right: 10px;
		border-bottom: 0 none;
		border-right: 1px solid #CCC;
		color: #000;
		text-align: right;
	}	
	
#applicationpage ul { padding-left: 10px; }
#applicationpage ul li { background: transparent url("../_images/_icons/bullet_green.gif") no-repeat 0 0; padding-left: 20px; }
#application-columnleft {
	float:left;
	width: 237px;
	height: 350px;
	background: url(../_images/_application_main.jpg) left top no-repeat;
}
#application-stayput {
	float:left;
	width: 244px;
	height: 100px;
	margin-top: 85px;
	background: url(../_images/_application_stayput.jpg) left top no-repeat;
}
#application-stayput a {
width: 100%;
height: 100%;
display:block;
}

#application-columnleft p {
		display: block;
		text-align:left;
		position: relative;
		padding: 15px 20px 20px 30px;
		top: 35px;
		font-size: 12px;
		font-weight: bold;
		color:#006600;
	}
	#application-columnright {
		margin-left: 40%;
	}
#applicationpage #submenu {
	width: 100%;
	text-align: center;
	padding: 10px 0 25px 0;
}

#applicationpage #submenu a { color: #CFA172; border-bottom: 1px dashed #CFA172; clear: both; font-size: 0.95em; line-height: 1.5em;   }
#applicationpage #submenu a:hover { color: #CFA172; border-bottom: 0 none; }
#applicationpage #submenu a.blind { color: #CFA172; border: 0; }

.photogallerypage {
	position: relative;
	padding: 15px 0 20px 0;
	}
#photos img {
	padding: 3px 3px 3px 3px;
	border: 2px solid #CCCCCC;
	margin: 2px 10px 10px 0;
	clear: both;
	}	
	#photos img:hover {
	border: 2px solid #86B300;
	}
  	#photowrapper {	min-height:125px; margin-left: 25px;	margin-bottom: 10px; margin-right: 10px; }
	#photos2 img {
	padding: 3px 3px 3px 3px;
	border: 2px solid #CCCCCC;
	margin: 2px 10px 10px 0;
	clear: both;
	}	
	#photos2 img:hover {
	border: 2px solid #86B300;
	}
#reference-featured {
border: 1px dashed #7E2E25;
padding: 5px;
}

.clientquote {
	padding: 10px;
	background: #EDF5E0;
	font-size: 85%;
	font-weight: bold;
	}

#distributorspage  {
	margin:5px 0;
	padding:0;
	width: 100%;
	height:100%;
}
	#distributorspage table {
		width: 100%;
		margin: 20px 0 20px 10px;
		border-spacing: 1px;
		border-collapse:	collapse;
	}
	
	#distributorspage p  {
		margin: 5px;
	}
	
	#distributorspage  tbody th {
		border-bottom: 1px solid #000;
		height: 18px;
		text-align: left;
	}
	#distributorspage tbody tr td {
		border: 1px solid #B6CBD6;
		white-space: normal;
		padding: 0 2px 2px  5px;
	}

	#distributorspage .email { text-align: center; }

	#distributorspage tbody tr.odd  td {
		background-color: #EAF8FD;
	}
	
	#distributorspage tbody  tr td.subheader {
		background-color: #FFF;
		font-weight:bold;
		padding-right: 10px;
		border-bottom: 0 none;
		border-right: 1px solid #CCC;
		color: #000;
		text-align: right;
	}
	
#contactuspage {
	width: 80%;
	height: 300px;
	min-height: 200px;
	margin:5px;
	padding:5px;
}
#contactuspage p {
	margin: 10px;
}
#contactuspage #colleft {
float:left;
width:100%;
	margin: 0 0 0 20px; 
	padding: 0;
}


#contactuspage  ol {    width: 90%; 	list-style: none; font-size: 100%;  }

#contactuspage   ol li  {    text-align:right; font-weight: bold; float: left;    width: 35%; height: 22px;  }
#contactuspage   ol li.email  {    text-align:left; font-weight: bold; float: left;    width: 45%; height: 22px; padding-left: 10px;  }
  /* stop the float */
br  {    clear: left;  }

  /* separate the list from subsequent markup */
#contactuspage   div.wrapper  {    margin-bottom: 1em;  }
   
#contactuspage ol li a { 		
	background: transparent url(../_images/_icons/rollover_email.gif) 0 0 no-repeat; 
	padding-left: 20px;
}
#contactuspage ol li a:hover { 
	background-position: 0 -32px; 
	color: #9BD350;
}

#middle #faqarea ul {
	list-style: none;
	width: 100%;
}
#middle #faqarea ul li { 
list-style: none; 
margin: 0 0 0 10px;
}

.hidefaq, .showfaq {
cursor: pointer;
width: 150px;
color : #618D23;
margin: 5px;
padding-left: 20px;
}
.hidefaq { background: transparent url(../_images/_icons/page_red.gif) 0 0 no-repeat;  }
.showfaq { background: transparent url(../_images/_icons/page_green.gif) 0 0 no-repeat;  }

#faqarea table {	 width: 100%;	border: 0 none;}

ul.left, ul.right {
	list-style:none;
    border: 0px none; 
	width: 350px;
	padding-left: 10px;
  }
  ul.left li, ul.right li {
  	background: transparent url("../_images/_icons/bullet_green.gif") left top no-repeat;
	padding: 0 0 0 20px;
}
  
.faqnormal { 		
	width: auto;
	background: transparent url("../_images/_icons/bullet_arrow.gif") top left no-repeat; 
	border: 0;
	padding-left: 20px;
}

.faqdown { 	
	width: auto;	
	background: transparent url("../_images/_icons/bullet_down.gif") top left no-repeat; 
	border: 0;
	padding-left: 20px;
}
#middle #faqarea ul a:hover,	#faqarea ul li:hover a,	#faqarea ul li.iehover a { 
	color: #9BD350;
}

#middle .faqinfo { 
cursor:pointer;
list-style: none; 
margin: 5px 0 0 20px;
padding: 0;
background-color:#F0FFC1;
border-bottom: 1px dashed #86B300;
font-size: 90%;
width: 100%;
}
/* ----------------------------------- */
/* --> Misc. <-----  */ 
/* -----------------------------------*/

#headerText {
float:left;
background: #FFFFFF;
margin: 0 0 5px 0;
padding: 0;
width:100%;
text-align: right;
}
#featuredReference {
	cursor:move;
	position: absolute;
	left:20px;
	top:60px;
	width: 500px;
	z-index: 95;
	text-align: left;
	border: 2px solid #000;
	background: #EDF5E0;
	font-size: 85%;
	font-weight: bold;
}
#featuredReference img { border: 0 none; }
#featuredReference img:hover {	border: 0 none;	}
#featuredReference p { 	padding: 15px; }
.inv { display: none; }
.clearfix:after { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }

	/* qTips (rollover tips for any a links...)
 * i.e. main logo takes you back to the home page
 --------------------------------------------*/
#qTip {
	padding: 3px;
	border: 1px solid #133767;
	display: none;
	background: #FFF;
	color: #133767;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 1000;
}

	/* Sitemap
 --------------------------------------------*/
 #sitemap { min-height:310px; }
 #sitemap ul {
	width: 100%;
	list-style:none;
    border: 0px none; 
	padding-left: 10px;
  }
#sitemap ul li {
  	background: transparent url("../_images/_icons/bullet_link_arrow.gif") left top no-repeat;
	padding: 0 0 0 20px;
	font-size: 100%;
	color:  #86B300;
}
#sitemap ul.subsection {
	padding-left: 10px;
	color:  #86B300;
	font-size: 90%;
}
#sitemap ul.subsection li {
  	background: transparent url("../_images/_icons/bullet_link_arrow_small.gif") left top no-repeat;
	font-size: 90%;
	color:  #86B300;
}
#sitemap ul li a, #sitemap ul li ul li a { 		
		border: 0;
	}
	#sitemap ul a:hover, #sitemap ul li ul a:hover ,	#sitemap ul li:hover a,	#sitemap ul li.iehover a { 
	color: #9BD350;
}

/* home tab view */
#tabcontainer
	{
		width: 100%;
		background: #fff;
	}
#tabcontainerdiv {
	padding-left: 9px;
	width:100%;
  	min-height:100px;
  	height:auto !important;
	height: 100px;
	border-left: 1px solid #6491A6;
	border-right: 1px solid #6491A6;
	border-bottom: 1px solid #6491A6;
	background: #EBF7DB;
}

#tabnav	{
	height: 20px;
	width:100%;
	margin:0;
	padding: 0 0 0 10px;
	background: url(../_images/tab_bottom.gif) repeat-x bottom;
	}
	
	#tabnav li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	
	#tabnav a:link, #tabnav a:visited	{ float: left; background: #FFF; font-size: 12px; line-height: 14px; font-weight: bold;  padding: 2px 10px 2px 10px; margin-right: 7px; border: 1px solid #6491A6; text-decoration: none; color: #6491A6;	}
	
	#tabnav a:link.active, #tabnav a:visited.active {	border-bottom: 1px solid #EBF7DB;	background: #EBF7DB; color: #000;	}
	#tabnav a:link:hover, #tabnav a:visited:hover { color: #B6CBD6; border-color: #B6CBD6; }
	#text1, #text2, #text3 { padding: 10px 15px;text-align: left;	font-size: 100%;	}

/* warranty banner */	
#topright { z-index: 50; float: right; right: 0;top: 0;display: block; height: 125px; width: 155px;background: url(../_images/TRbanner.gif) right top no-repeat;text-indent: -999em;text-decoration: none;}
#front { font-weight: bold; text-align: center; }
#front h1 { 	font-size: 1.4em; color: #8D6B4F; margin: 0 0 .7em 0;}
#front h2 { font-size: 1.3em; color: #C79681; margin: 0 0  .2em 0; padding: 0;}
#front h3 { font-size: .9em; color: #000; margin: .5em 0 0 0; width: 100%; border-bottom: 1px solid  #C79681; }
#noflash  {
	clear: both;
	text-align: center;
	font-weight: bold;
	color: #6491A6;
	cursor: pointer;
	}	
#distributor_resource   ol li  {    text-align:left; float: left;    width: 100%; height: 22px; margin-left: 20px; }
#distributor_resource   ol li.col2  {    text-align:left; font-weight: bold; float: left;    width:20%; height: 22px; padding-left: 10px;  }

.highres { padding:0; }
.highres ul { margin:0; padding:0; list-style:none; position:relative;display:block; text-align: center;}
.highres ul li:hover ul,.highres ul li { display:inline; float:none; background-image:none;  }
.highres ul li a { float:left; display:block; background-color:#fff; padding: 0px;  border: 1px solid #FFF; padding: 3px; margin-right: 10px; margin-bottom: 5px;}
.highres ul li a:hover { border: 1px solid #9EC285; background-color: #DDEBD4; color:#2E5F02; }
.highres ul li a img { }
.highres ul li span { display:block; padding: 2px; list-style:inside url(../_images/icon_img_download.gif);  font-size: 90%;}
.highres em {color: #769CD6;  }
.highres ul li span img { padding-top: 3px; }

.distloginlink { padding:0;  float: right; width: 95%;}
.distloginlink ul { margin:0; 
padding:0; 
list-style:none; 
position:relative;
display:block; 
text-align: left;
padding: 5px;
width: 180px;
margin: 10px 5px;
}
.distloginlink ul li:hover ul,.distloginlink ul li { display:inline; float:none; background-image:none;  }
.distloginlink ul li a { float:left; display:block; background: #FEFEFE url(../_images/icon_key.gif)  5px 6px no-repeat;padding: 0px;  border: 1px solid #DDEBD4; padding: 3px; margin-right: 10px; margin-bottom: 5px; padding-left: 27px;}
.distloginlink ul li a:hover { border: 1px solid #9EC285; background-color: #DDEBD4; color:#2E5F02; }

.tblResults {
width: 380px;
font-size: 90%;
border-bottom: 1px dotted #333333;
padding: 10px;
margin-top: 10px;
}
.tblResults td { font-size: 100%; }
.tblResults td a img { padding-right: 4px; }

#sidebar-find {
			width: 200px;
			float: left;
margin-left: 6px;
}

#content-find {
			width: 475px;
			float: left;
	background: url(../_images/_contentmain_bg.gif) top right repeat-y; 		
	margin-right: 5px;		
}
		
  dl.finddl { padding: 0px;  float: left; margin: 0;  font-weight: bold; } 
  dl.finddl  dt { float: left;  text-align: right; margin-top: 5px; margin-right: 6px; padding-top:5px;;}
  dl.finddl  dd { text-align:left; width:auto; margin-left: 55px;   margin: 10px 0 0 0; padding: 0;}
  
#boxLogin {
	background: #E5F3E3 url("../_images/loginkeys.jpg") top left no-repeat;
	margin: 0 auto;
	padding: 15px 8px 15px 2px;
	border: 1px solid #5EB649;
	width: 310px;
	text-align: left;
}
#boxLogin h1 {
	font-weight: bold;
	font-size: 120%;
	color: #333;
	margin: 2px 0px 27px 45px;
	padding-left: 25px;
	padding-top: 5px;
}
.inputLoginPage {
	background-color: #fff;
	font-size:100%;
	color: #333;
	margin: 12px 0px 0px 4px;
	padding: 2px;
	border: 1px solid #5EB649;
	width: 115px;
	margin-left: 10px;	
}

#boxLogin .error_msg {
	font-weight: bold;
	font-size: 100%;
	color: #FF0000;
	padding: 5px;
	text-align: center;
}

.lblLoginPage {
font-size: 100%;
width: 110px;
text-align: right;
color: #000000;
font-weight: bold;
margin-left: 40px;
}
#novacancy_ad {
	float:left;
	width: 225px;
	height: 150px;
	margin-top: 85px;
	background: url(../_images/novacancyad.jpg) left top no-repeat;
}
#novacancy_ad a {
padding: 10px 15px;
font-size: 12px;
color: #FF0000;
width: 100%;
height: 100%;
display:block;
}

  .left {     float: left;  margin: 0 12px 12px 0;   }
  .right {     float: right;     margin: 0 0 12px 12px;   }
  p {margin-bottom: 6px; }
.callout {
    padding: 8px 8px 10px 8px;
    margin-bottom: 6px; 
	text-align: center;
	display:block;
  }
  .left img, .right img {
	padding: 3px 3px 3px 3px;
	border: 2px solid #CCCCCC;
	}	
    .callout :last-child { 
    margin-bottom: 0; 
  }
  .thumb {   
  	font-size: 10px;
    color: #798EC3;
    border: 1px solid #DBE4F5;
    background: #E7EAF1;
    padding: 2px 2px 2px 2px;
 }