@charset "utf-8";
/*Color Map 
 *	#000 black
 *		background, content text
 *	#fff white
 *		footer text
 * 	#ccccff purple-ish
 * 		sub-nav background, left and right gradient fade, footer credit link:hover
 * 	#333366
 * 		footer links:hover
 */
/*----- START zero out styles: based on eric meyers' START -----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, hr
{
	margin:0;
	border-style:none;
	border-collapse: collapse;
	padding:0;
	font-size:100%;r
	/*line-height: 1;*/
	outline:0;
	text-align:left;
	text-indent:0;
	vertical-align:baseline;
	background:none;
}
html, body, div, applet, object, iframe, address, blockquote, pre, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, th, td { position:relative; }
html{font-size:62.5%;/* reset font to 10px starting point */}
body{color:#000;background: #000;}
a img, :link img, :visited img { border: 0; }
/* remember to define focus styles! */
:focus { outline:0; }
ol, ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
/*----- END default element styling css -----*/

/* main template css */
body
{
	font-family:arial;
	text-align:center;
}
br
{
	height:1px;
}
#header, #content-wrapper, #content, #footer_nav
{
	width:900px;
	margin:0 auto;
}
#header
{
	background: transparent url(../img/header.png) no-repeat 0 0;
	height:88px;
}
#header h1
{
	background: transparent url(../img/header.png) no-repeat 0 0;
	height:88px;
	width:900px;
	font-size:1px;
	overflow:hidden;
	text-indent:-500px;
	z-index:5;
}
#header #image_holder
{
	/*background: transparent url(../img/img_rotator/8.jpg) no-repeat 0 -10px;*/
	height:88px;
	width:505px;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
#wrapper-1
{
	background: #CCCCFF url(../img/wrapper-1_bg.png) repeat-x 0 0;
	width:100%;
	text-align:center;
}
#wrapper-2
{
	background: transparent url(../img/wrapper-2_bg.png) no-repeat 0 0;
	width:932px;
	margin-top: 0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#content-wrapper
{
	background: transparent url(../img/content-wrapper_bg.png) repeat-y 0 0;
}
#content
{
	background: transparent url(../img/content_bg.png) no-repeat 0 0;
	text-align:left;
	display:block;
}
#content
{
	font-size:1.2em;
}
#content p
{
	margin-bottom:10px;
	line-height:1.4em;
}
#content h3
{
	font-size:1.8em;
	color:#999;
	padding:10px 0;
	text-transform:uppercase;
}
#content #left
{
	width:190px;
	float:left;
	display:block;
}
#content #centerCol, #content #rightCol, #content #contentCol
{
	padding-top:47px;
	display:block;
	float:left;
}
#content #centerCol
{
	width:400px;
}
#content #rightCol
{
	width:255px;
	padding-left:20px;
}
 #content #contentCol
 {
	width:690px;
 }
 
#footer
{
	background: transparent url(../img/footer.png) repeat-x 0 0;
	width:100%;
}
#footer #footer-nav
{
	color:#fff;
	height:24px;
	line-height:25px;
	text-align:center;
}
#footer #footer-nav a
{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#footer #footer-nav a:hover
{
	color:#333366;
}
#footer #credits
{
	color:#fff;
	text-align:center;
	line-height:20px;
}
#footer #credits a
{
	color:#fff;
	text-decoration:none;
}
#footer #credits a:hover
{
	color:#ccccff;
}

/* other template elements */
#get-quote, #contactInfo, #languages
{
	position:relative;
	top:-25px;
	margin-left:10px;
}
#get-quote
{
	background: url(../img/request_quote.png) no-repeat 0 0;
	height:47px;
	width:144px;
}
#get-quote a
{
	display:block;
	font-size:1px;
	height:42px;
	line-height:40px;
	overflow:hidden;
	position:absolute;	
	top:10px;
	text-indent:-500px;	
	width:144px;
}

#contactInfo
{
	width:143px;
	height:140px;
	margin-top:0px;
	background:url(../img/headquarters_body.png) no-repeat 0 33px;
	font-size:11px;
	line-height:13px;
}
#contactInfo h2
{
	background:url(../img/headquarters_title.png) no-repeat 0 0;
	height:33px;
	font-size:1px;
	overflow:hidden;
	text-indent:-500px;	
}
#contactInfo span
{
	display:block;
	padding-left:6px;
	padding-top:2px;
}
#contactInfo strong
{
	font-size:1.2em;
}
#contactInfo a
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#languages
{
	border:1px solid #aaa;
	background: #fff;
	display:block;
	line-height:1.2em;
	margin-top: 10px;
	width:140px;
}
#languages a
{
	color:#000;
	float:left;
	font-size:1.2em;
	height:20px;
	line-height:20px;
	padding:1px 2px;
	text-decoration:none;
}

#thinkTank a
{
	width: 144px;
	height: 30px;
	display: block;
	position: relative;
	margin: 0 0 0 10px;
	background-image: url(../img/thinktank.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#thinkTank a:hover { background-position: 0px -40px; }

a.requestQuoteButton
{
	width: 144px;
	height: 30px;
	display: block;
	position: absolute;
	margin: 36px 0 0 490px;
	background-image: url(../img/thinktank.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
a.requestQuoteButton:hover { background-position: 0px -40px; }

/* other styles outside normal template */





/* home page elements */
#content #centerCol #appTable
{
	background-color:transparent;
	background:#E4E4FD url(../img/table_bg.png) repeat-x 0 0;
	border-top:1px solid #666699;
	border-right:1px solid #666699;
	border-right:1px solid #666699;
	border-collapse: separate;
	width:400px;
}

#content #centerCol #appTable a
{
	color:#333;
	text-decoration:none;
}
#content #centerCol #appTable a:hover
{
	color:#000;
	font-weight:700;
}

#content #centerCol #appTable thead tr td
{
	line-height:20px;
	height:23px;
}
#content #centerCol #appTable tr td
{
	background: url(../img/td_bg.png) no-repeat left bottom;
	height:20px;
	line-height:16px;
	padding-left:0px;
	text-align:center;
	width:33.33%;
	font-size:11px;
}
#content #centerCol #appTable tr td.bottomRight{background: url(../img/td_bottom_right.png) no-repeat left bottom;}
#content #centerCol #appTable tr td.bottom{	background: url(../img/td_bottom.png) no-repeat left bottom;}

#newsBox
{
	background: transparent url(../img/newsbox_bg.png) repeat-x left bottom;
	border:1px solid #aaa;
	width:253px!important;
}
#pane1
{
	height:150px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	padding-left:10px;
}
#rightCol h4
{
	background-color:#ccc;
	padding:5px 0 5px 10px;
	
}
#newsBox ul, #newsBox ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#newsBox ul li
{
	background: transparent url(../img/newsBox_li_bg.png) no-repeat 0 20px;
	height:30px;
	padding:16px 0 10px 20px;
	border-bottom:2px solid #aaa;
}
#newsBox ul li a
{
	text-decoration:none;
	color:#333;
}

#flashRotator
{
	border:1px solid #AAAAAA;
	height:158px;
	margin-top:18px;
	overflow:hidden;
	position:relative;
	width:253px;
}
#flashRotator img
{
	width:255px;
	position:absolute;
	top:0;
	left:0;
}

#calculatorPage #centerCol
{
	float:left;
	width:300px;
}
#calculatorPage .cmxform input
{
	width:75px;
}
#calculatorPage .cmxform input.calculator_submit
{
	width:auto;
}
#calculatorPage #rightCol
{
	float:left;
	padding-top:85px;
	width:380px;
}

.tankCalculator .results
{
	background:#fff none repeat scroll 0 0;
	border-width:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
#liquidCalc #centerCol
{
	width:330px
}
#liquidCalc #rightCol
{
	width: 350px
}
.tankCalculator .results span
{
	display:block;
	width:170px;
	margin-right:10px;
	text-align:right;
	float:left;
	clear:left;
	font-weight:bold;
}
.tankCalculator .results br
{
	clear:both;
	font-size:1px;
	width:100px;
	display:block;
}
.tankCalculator .results span.value
{
	font-weight:normal;
	clear:none;
	width:100px;
	text-align:right;
}
#calculatorPage #rightCol .tankCalculator
{
	width:95%;
}
form.tankCalculator fieldset label{ line-height:1.4em;}
form.tankCalculator fieldset li {border-bottom:1px solid #CCC;}
form.tankCalculator fieldset li.last{ border-bottom:0px solid #ccc;}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.osX .jScrollPaneTrack {background: url(../img/scrollPane/osx_track.gif) repeat-y!important;}
.osX .jScrollPaneDrag {background: url(../img/scrollPane/osx_drag_middle.gif) repeat-y!important;}
.osX .jScrollPaneDragTop {
	background: url(../img/scrollPane/osx_drag_top.gif) no-repeat!important;
	height: 6px!important;
}
.osX .jScrollPaneDragBottom {
	background: url(../img/scrollPane/osx_drag_bottom.gif) no-repeat!important;
	height: 7px!important;
}
.osX a.jScrollArrowUp {
	height: 24px!important;
	background: url(../img/scrollPane/osx_arrow_up.png) no-repeat 0 -30px!important;
}
.osX a.jScrollArrowUp:hover {background-position: 0 0!important;}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(../img/scrollPane/osx_arrow_down.png) no-repeat 0 -30px!important;
}
.osX a.jScrollArrowDown:hover {background-position: 0 0!important;}


/*sub content styles*/
#content #contentCol h2, #content #centerCol h2, #calculatorPage h2
{
	color:#999;
	font-size:2.5em;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
#listcontainer
{
	margin-bottom:10px;
}
.squarelist a, #listcontainer a
{
	background: transparent url(../img/square_bullet.gif) no-repeat 0 3px;
	padding-left:12px;
	line-height:20px;
	height:20px;
	color:#555;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
}
#rightCol .squarelist a, #rightCol #listcontainer a
{
	font-size:1.0em;
}
.squarelist a:hover, #listcontainer a:hover
{
	background: transparent url(../img/square_bullet-on.gif) no-repeat 0 3px;
	color:#333;
}
#listcontainer #nourl
{
	margin-bottom:10px;
}
.twocolList
{
	float:left;
}
.twocolList li
{
	width:300px;
}
h2 span.subtitle
{
	font-size:0.65em;
	color:#333;
}
.backLink
{
	font-size:1.0em;
	color:#555;
	margin-bottom:10px;
	display:block;
}
ul.sm
{
	margin-left:20px;
	font-size:0.90em;
}

.radioBox a
{
	color:#003366;
	font-family:Verdana,sans-serif,Arial,Helvetica;
	font-size:9pt;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:11pt;
	text-decoration:none;
}
.rollBox {
	background:#FFFFFF url(../images/faq_a.gif) no-repeat;
	border:1px solid #232E84;
	color:#232E84;
	display:block;
	line-height:16px;
	list-style-type:none;
	padding:3px;
	position:absolute;
	left:75px;
	text-align:center;
	text-decoration:none;
	visibility:hidden;
	width:200px;
	z-index:100;
}
.rollBox li img
{
	margin:0 auto;
	display:block;
}




/* weird style stuff from older versions */

.chart {
	padding-top: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-collapse: separate!important;
}
.datatop {
	border-left: 2px solid #efefef;
	padding: 3px;
	background-color: #666;
	color: #efefef;
	text-align:center;
}
.datatiptop {
	padding: 3px;
	background-color: #ccc;
	border: 2px solid #dedede;
	border-bottom: 2px solid #efefef;
	border-top: 2px solid #efefef;
	color: #333;
	text-align:center;
}
.datamore {
	padding: 3px;
	background-color: #ccc;
	border: 2px solid #dedede;
	color: #333;
}
.even .datatop
{
	border:1px solid #fff;
}
.data {
	padding: 3px;
	border: 2px solid #dedede;
}
.data2 {
	border: 2px solid #dedede;
	padding: 3px;
	text-align:center;
}
.odd td{
	background-color: #ebf3ff;
}
td.datasmall {
	font-size: 10px;
	border: 2px solid #dedede;
	padding: 3px;
	background-color: #666;
	color: #efefef;
}
#ordercntr {
	border: 1px solid #999;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#rfq-table {
	border: 1px solid #999;
	border-width: 1px 1px 0px 1px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#rfq-table2 {
	border: 1px solid #999;
	border-width: 0px 1px 1px 1px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#rfq-table td {
	padding: 4px;
}
#rfq-table2 td {
	padding: 4px;
}
#rfq-table2 tr {
	background-color: #ebf3ff;
}
#rfq-table3 {
	border: 1px solid #999;
	border-width: 0px 1px 1px 1px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#rfq-table3 td {
	padding: 4px;
}

#fckEditor
{
	background-color:#fff!important;
}

 
/* styles for calculators */
#girderImg, 
#legsupportImg,
#shortskirtImg,
#walkinImg,
#grainImg
{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

#legsupportImg
{
	position:relative;
	background: url(../img/legsupport.gif) no-repeat 0 0;
	height:442px;
	width:342px;
	overflow:visible;
}
#legsupportImg span
{
	position:absolute;
	width:auto;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#legsupportImg .label1	{ right:20px; top:26px; }
#legsupportImg .label2	{ left:0px; top:200px; }
#legsupportImg .label3, 
#legsupportImg .label4, 
#legsupportImg .label5 { right:71px; }
#legsupportImg .label3 { top:200px; }
#legsupportImg .label4 { top:320px; }
#legsupportImg .label5 { top:390px; }
#legsupportImg .label6 { top:245px; left:110px; }
#legsupportImg .label7 { top:373px; left:60px;}


#girderImg
{
	position:relative;
	background: url(../img/girder.gif) no-repeat 0 0;
	height:422px;
	width:324px;
	overflow:visible;
	margin:0;
}

#girderImg span
{
	position:absolute;
	width:auto;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#girderImg .label1	{ bottom:8px; left:90px; }
#girderImg .label2	{ top:150px; left:0px; }
#girderImg .label3 { top:340px; left:0px; }
#girderImg .label4 { top:180px; right:1px; }
#girderImg .label5 { top:355px; right:1px;}
#girderImg .label6 { top:250px; left:140px; }


#shortskirtImg
{
	position:relative;
	background: url(../img/shortskirt.gif) no-repeat 0 0;
	height:436px;
	width:288px;
	overflow:visible;
	margin:0 auto;
}
#shortskirtImg span
{
	position:absolute;
	width:auto;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#shortskirtImg .label1 { bottom:8px; left:80px; }
#shortskirtImg .label2 { top:150px; left:20px; }
#shortskirtImg .label3 { top:180px; right:-1px; }
#shortskirtImg .label4 { top:355px; right:-1px;}
#shortskirtImg .label5 { top:210px; left:130px; }


#walkinImg
{
	position:relative;
	background: url(../img/walkin.gif) no-repeat 0 0;
	height:445px;
	width:336px;
	overflow:visible;
	margin:0 auto;
}
#walkinImg span
{
	position:absolute;
	width:auto;
	padding:4px 5px 3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#walkinImg .label1 { bottom:46px; left:70px; }
#walkinImg .label2 { top:150px; left:20px; }
#walkinImg .label3 { top:170px; right:64px; }
#walkinImg .label4 { top:325px; right:64px;}
#walkinImg .label6 { top:390px; right:64px; }
#walkinImg .label5 { top:250px; left:120px; }
#walkinImg .label7 { top:14px; right:35px; }

#grainImg
{
	position:relative;
	background: url(../img/grain.gif) no-repeat 0 0;
	height:386px;
	width:316px;
	overflow:visible;
	margin:0 auto;
}
#grainImg span
{
	position:absolute;
	width:auto;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#grainImg .label1 { top:11px; right:252px; }
#grainImg .label2 { top:170px; right:252px; }
#grainImg .label3 { bottom:118px; right:90px; }

#liquidTankImg
{
	position:relative;
	background: url(../img/liquidtank.gif) no-repeat 0 0;
	height:315px;
	width:288px;
	overflow:visible;
	margin:0 auto;
}
#liquidTankImg span
{
	position:absolute;
	width:auto;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #111;
}
#liquidTankImg .label1 { top:75px; right:45px; }
#liquidTankImg .label2 { top:168px; right:230px; }
#liquidTankImg .label3 { bottom:125px; left:135px; }


.tankCalculator .calculator_submit
{
	margin-left:75px;
	background: transparent url(../img/form_submit.gif) no-repeat 0 0!important;
	border-width:0px!important;	
	display:block!important;
	font-size:1px!important;
	line-height:0;
	height:18px!important;
	overflow:hidden!important;
	text-indent:-500px!important;
	text-align:left;	
	width:120px!important;
}
.calculator_submit:hover, .hover
{
	background: transparent url(../img/form_submit-on.gif) no-repeat 0 0!important;
}


/* Expand */
.expandContainer
{
	width: 448px;
	display: table;
	margin: 10px 0 0 0;
}
.expandContainer, .expandContainer a
{
	color:#333366;
}
.expandTable,.expandRowhead,.expandRowodd, .expandRoweven, .expandCell1, .expandCell2,.expandCell3
{
	border-color:#666!important;
}

.expandTable
{
	width: 600px;
	display: table;
	margin: 0px 0 0 0;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
}

.expandRow
{
	width: 100%;
	display: table;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.expandRowhead
{
	width: 100%;
	display: table;
	background-color: #333366;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
}

.expandRowodd
{
	width: 100%;
	display: table;
	background-color: #E3E4FE;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	color: #036;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
}

.expandRoweven
{
	width: 100%;
	display: table;
	background-color: #CCCCFF;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	color: #036;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
}

.expandCell1
{
	width: 400px;
	display: table;
	border-width: 0 1px 0 0;
	border-color: #369;
	border-style: solid;
	float: left;
	height: 20px;
}

.expandCell2
{
	width: 100px;
	display: table;
	border-width: 0 1px 0 0;
	border-color: #369;
	border-style: solid;
	float: left;
	height: 20px;
	text-align: center;
}

.expandCell3
{
	width: 99px;
	display: table;
	border-width: 0;
	border-color: #369;
	border-style: solid;
	float: left;
	height: 20px;
	text-align: center;
}

.expandTitle
{
	width: 515px;
	display: table;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

.expandBox
{
	width: 86px;
	height: 20px;
	display: table;
	background-image: url(../images/expand_tab.gif);
	background-repeat: no-repeat;
	float: left;
}

a.expandLink
{
	text-decoration: none;
	color: #369;
	margin: 0 0 0 6px;
}

a:hover.expandLink { color: #036; }
.expandSpace { padding: 2px; color:#333366; }
.expandSpace1 { padding: 2px 2px 2px 8px; }
.expandSpacehead { padding: 0 0 0 8px; }
.expandSpacelink { padding: 4px 0 0 0; }
.expandRowhead .expandSpace
{
	color:#fff;
}
.thumb-cntnr2
{
	text-align: center;
	width:250px;
	border:1px solid #333366;
	padding: 10px 0;
	background-color:#eee;
}
.thumb-cntnr2 a
{
	margin-left:20px;
	color:#333366;
}
.thumb-cntnr2 a:visited
{
	color:#333366;
}
.thumb-cntnr2 a img
{
	border:1px solid #ccccff;
}
.thumb-cntnr2 a:hover
{
	text-decoration:none;
}
.thumb-cntnr2 a:hover img
{
	border:1px solid #333366;
}
.thumb-cntnr2 a:first-child
{
	margin-left:0px;
}
.thumb-cntnr2 a:last-child
{
	margin-left:0px;
}
.thumb-cntnr2 a:last-child
{
	margin-left:0px;
}

/*  application pages  */
#appLinks
{
	float:right;
	/*padding-left:40px;*/
	width:200px;
	z-index:5;
}
#appLinks h3
{
	/*background-color:#ededed;*/
	border-bottom:1px solid #ddd;
	color:#666;
	font-size:12px;
	text-align:center;
	padding:2px 0;
}
#appLinks li
{
	list-style-type:disc;
	list-style-position:inside;
	color:#666;
	height:auto;
	padding:5px 0;
}
#appLinks li.first{	border-width:0px; }
#appLinks a, #appLinks p {color:#666;}
#appLinks a:hover { color:#111; }
#appLinks .litPageLink
{
	border-top:1px solid #ddd;
	padding-top:5px;
}

#appContent {width:450px;}
#appContent .appExamples
{
	/*clear:right;*/
	padding-top:10px;
	width:425px;
	padding-top:10px;
	z-index:0;
}
#appContent .appExamples li
{
	/*clear:both;*/
	padding-top:5px;
	padding-bottom:30px;
	border-top:1px solid #999;
}
#appContent .appExamples li.first { border-top:0px solid #999; }
#appContent .appExamples br { clear:both; }
#appContent .appExamples img
{
	background: transparent url(../img/loading.gif) no-repeat center center;
	float:left;
	min-height:30px;
	margin-right:10px;
	padding-left:0px;
	width:200px;
}
#appContent .appExamples li .details
{
	float:left;
	width:205px;
	color:#666;
	font-style:italic;
}
#appContent .appExamples li .details .emphasis
{
	font-weight: bold;
	color:#222;
	font-style: normal;
}
#appContent .appExamples .clear
{
	clear:both;
}
#seo {
	color:#ccc;
	width:80%;
	margin:1.0em auto 0 auto;
	text-align:center;
}
#seo a {
	color:#888;
	text-decoration:none;
}
#seo a:visited {
	color:#CCC;
}
.contact h2
{
	color:#999;
	font-size:2.5em;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}

.contact ul
{
	float: left;
	height: 200px;
	margin-right: 25px;
}

.contact ul li
{
	width: 200px;
}