/* GLOBALS */
*           						{padding:0;}
body        						{font-size:62.5% /* 16px × 62.5% = 10px */; font-family:Arial, sans-serif; color:#444444; background:url('/images/bg.jpg') repeat-x top left; background-color:#FFFFFF; text-align:left;}
img         						{border:none;}
a           						{color:#444444; text-decoration:none;}
a:hover     						{color:#444444; text-decoration:underline;}
form								{margin:0; padding:0;}
h1,h3,h4,h5,h6						{margin:0; padding:0;}
h2                                  {font-size:15px; margin:0; padding:0; font-weight:bold;}

/* LAYOUT CONTAINERS */
/* Main Structure */
#main 								{width:950px; margin:0px auto 0px;}
#header								{width:950px; margin:5px 0px 0px -1px; clear:both;}
#inner								{width:950px; clear:both;}
#inner-fill							{width:910px; height:500px; padding:20px; background:url('images/box_gradient_large.jpg'); background-repeat:repeat-x; border-top:1px solid #ccc; border-left:1px solid #E4E0E1; border-right:1px solid #E4E0E1; border-bottom:1px solid #E5E1E2; clear:both;}
#inner-unfill						{width:910px; padding:20px; clear:both;}
#footer								{width:950px; margin:10px 0px 5px 0px; clear:both;}
/* Header - Layout Subset Container */
#menu								{width:950px; height:66px; margin-bottom:10px; clear:both;}
#carousel							{width:950px; height:108px; clear:both;}
#carousel_partners					{width:950px; height:145px; clear:both;}
#ticker								{width:950px; height:25px; line-height:25px; margin-top:5px; clear:both;}
/* Footer - Layout Subset Container */
#sitemap							{width:975px; border:1px solid #E5E1E2; padding:10px 0px 15px 0px; clear:both;}
#copyright							{height:20px; margin-top:10px; line-height:20px; font-size:1.1em; color:#999999;}


/* LAYOUT SPECIFIC MODIFIERS */
/* MENU -> Header - Specifics */
#menu div							{margin:0; padding:0; float:left; font-family:Verdana, Sans-Serif; font-weight:bold; font-size:1.2em /* 14px default */; color:#767676; line-height:66px; height:66px; text-align:center; position:relative;}
#menu div.bar						{background:url('images/menu_bar.jpg') no-repeat top right;}
#menu div a							{padding:18px 45px 18px 35px; text-decoration:none;}
#menu div a img						{margin:0; float:left;}
#menu div a:hover					{text-decoration:underline;}
#menu div.search					{display:inline; width:260px; padding:0px 5px 0px 30px;}
#menu div.search input				{width:135px;}
/* CAROUSEL -> Header - Specifics */
#carousel div.prev					{margin:0; padding:0; float:left; width:28px; height:108px;}
#carousel div.next					{margin:0; padding:0; float:left; width:28px; height:108px;}
#carousel div.scroll				{margin:0; padding:1px; float:left; width:893px; height:106px; background:url('images/scroller_center_gradient.png') repeat-x top left;}
#carousel_partners div.prev			{margin:0; padding:0; float:left; width:28px; height:108px;}
#carousel_partners div.next			{margin:0; padding:0; float:left; width:28px; height:108px;}
#carousel_partners div.scroll		{margin:0; padding:1px; float:left; width:840px; height:106px; background:url('images/scroller_center_gradient.png') repeat-x top left;}
#carousel_partners div.partner		{margin:0; padding:1px; float:left; width:840px; height:120px; background:url('images/scroller_center_gradient_partners.png') repeat-x top left;}
.stepcarousel						{position: relative; /*leave this value alone*/border: 0px;overflow: scroll; /*leave this value alone*/width: 893px; /*Width of Carousel Viewer itself*/height: 106px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt					{position: absolute; /*leave this value alone*/left: 0;top: 0;}
.stepcarousel .panel				{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/margin: 0px; /*margin around each panel*/width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}	
.stepcarousel .panel_item			{padding-left:20px;padding-right:21px;}
.stepcarousel .panel_partner		{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/margin: 20px; /*margin around each panel*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}	
.stepcarousel .panel_item_partner	{padding-left:0px;padding-right:0px;}
/* SITEMAP -> Header - Specifics */
#sitemap div.title					{color:#797979; font-size:1.2em; padding-bottom:20px; clear:both;}
#sitemap div						{float:left; margin-left:2%;}
#sitemap div h3						{color:#444444; font-weight:bold; font-size:13px;}
#sitemap div h4						{font-size:12px; line-height:16px;}
#sitemap div h4 a					{color:#444444; font-weight:normal;}
/* TICKER -> Header - Specifics */
#ticker span.news					{padding-right:10px; font-size:1.4em; color:#666; font-weight:bold;}
#ticker span.data					{font-size:1.2em; color:#6D6D6D;}
#news								{margin:0; padding:0; display:inline; list-style-type:none;}
#news li							{margin:0; padding:0; display:inline;}
#news a								{text-decoration:none;}
#news a:hover						{text-decoration:underline;}
/* TESTIMONIALS (as needed) */
#testimonials						{width:980px; margin:15px 0px 15px 0px; clear:both;}
#testimonials div.testimonial		{float:left; width:443px; min-height:130px; height:auto !important; height:130px; padding:20px; background:url('/images/BoxesGradients/box_gradient_small.jpg') repeat-x top left; border-top:1px solid #E7E3E4; border-left:1px solid #E4E0E1; border-right:1px solid #E4E0E1; border-bottom:1px solid #E5E1E2;}
/* LOGIN (as needed) */
#headerLogin						{width:978px; height:58px; background-color:#fff; border:1px solid #BABABA; border-bottom:1px solid #D6D6D6 !important; clear:both;}
#headerLogin div.title				{font-size:2em; float:left; font-weight:bold; color:#3A3A3A; padding-left:20px;padding-top:17px;}
#headerLogin div.form				{font-size:1.2em; float:left; font-weight:bold; color:#666; padding-left:5px;padding-top:20px;}
#headerLogin div.form_label			{font-size:1.2em; float:left; font-weight:bold; color:#666; padding-left:20px;padding-top:23px;}
#headerLogin div.button				{float:left; padding-left:20px;padding-top:16px;}
#headerLogin input.button				{border: none;}

/* LAYOUT -> TWO COLUMN (IE - Homepage) */
#inner div.pLeft					{width:483px; height:362px; float:left; background:url('images/box_gradient_large.jpg') repeat-x top left; background-color:#fff; border-top:1px solid #E6E2E3; border-bottom:1px solid #E3DFE0; border-left:1px solid #E5E1E2; border-right:1px solid #E5E1E2;}
#inner div.pRight					{width:400px; margin-left:10px; float:left;}
#inner div.pRightMirror				{width:483px; height:362px; margin-left:10px; float:left; background:url('images/box_gradient_large.jpg') repeat-x top left; background-color:#fff; border-top:1px solid #E6E2E3; border-bottom:1px solid #E3DFE0; border-left:1px solid #E5E1E2; border-right:1px solid #E5E1E2;}


/* LAYOUT -> THREE COLUMN  (Products Page) */
#inner-unfill .thirds				{width:29%; margin-left:1%; padding:15px; height:290px; float:left; text-align:center; color:#444444; font-size:1.2em;}
#inner-unfill .thirds div.info		{margin:10px 0px 10px 0px;}
#inner-fill .thirds					{width:29%; margin-left:1%; padding:15px; height:270px; float:left; text-align:center; color:#444444; font-size:1.1em;}
#inner-fill .thirds div.info		{margin:10px 0px 15px 0px; height:20px;}

/* Contact page - getting sloppier here, time running out */
.address_panel						{height:125px; margin-bottom:5px; text-align:left; line-height:18px; font-size:1.1em;}


/* LAYOUT -> THREE COLUMN  (Partners Page) */
#inner-fill .thirds ul				{margin:15px 0px 0px 0px; padding:0; line-height:30px;}


/* LAYOUT -> TWO COLUMN  (Indiv Product Page) */
#inner-fill .left					{width:36%; padding:15px; float:left; color:#444444; font-size:1.2em;}
#inner-fill .right					{width:56%; margin-left:1%; padding:15px; float:left; color:#444444; font-size:1.2em;}
#inner-fill .right div.info			{margin:10px 0px 10px 0px; line-height:17px;}
#inner-fill .right ul				{margin-left:15px;}
#inner-fill  div.info				{margin:10px 0px 10px 0px; line-height:17px;color:#444444; font-size:1.1em;}
div.video							{padding-top:20px;}
div.video div.thumb					{float:left;}
div.video div.about					{float:left;padding-left:15px; width:180px;}

/* LAYOUT -> CENTER  (Payment Auth Page) */
#inner-fill .eighty_percent			{width:80%; margin:0% 10px 0% 10%; padding:15px; color:#444444; font-size:1.1em;}

/* BOXES */
/* Homepage Small Product Box */
div.product_box						{width:454px; height:116px; margin-bottom:5px; clear:both; background:url('images/box_gradient_small.jpg') repeat-x top left; background-color:#fff; border-top:1px solid #E6E2E3; border-bottom:1px solid #E3DFE0; border-left:1px solid #E5E1E2; border-right:1px solid #E5E1E2;}
div.product_box div.photo			{width:140px; padding:25px 10px 0px 0px; float:left; text-align:center;}
div.product_box div.info			{width:250px; padding:10px 10px 10px 10px; float:left;}
div.product_box div.more			{width:20px; float:left; position:relative;}
div.product_box div.more strong		{position:absolute; top:90px; right:5px;}


/* CSS HACKS */
.clearfix:after 					{content: "."; display: block; height:0; clear: both; visibility: hidden;}
html .clearfix 						{height: 1%;}


/* TOOLTIP */
#dhtmltooltip						{position:absolute; left:-300px; width: 170px; text-align:left; border:1px solid #777879; padding:2px; background-color:#DBE4EA; visibility:hidden; z-index: 100;}
#dhtmlpointer						{position:absolute; left:-300px; z-index:101; visibility:hidden;}


/* TEXTS */
div.product_title					{color:#3A3A3A; font-size:2em; font-weight:bold;}
div.title							{color:#3A3A3A; font-size:1.5em; font-weight:bold;}
h3.title							{color:#3A3A3A !important; font-size:18px !important; font-weight:bold !important;}
h3.partner_title					{color:#3A3A3A !important; font-size:18px !important; font-weight:bold !important;margin-bottom:5px;padding-left:10px;}
div.smtitle							{color:#3A3A3A; font-size:1.3em; font-weight:bold;}
.normal								{color:#444444; font-size:1.2em;}

/* FORMS */
input.type.text								{border:1px solid #ccc; padding:1px;}
textarea							{border:1px solid #ccc; padding:1px;}
select								{border:1px solid #ccc; padding:1px;}
.inputclean							{border:0 !important;}

/* LINKS */
a.basic								{font-size:1.2em; color:#25355F; font-weight:bold; text-decoration:none;}
a.basic:hover						{font-size:1.2em; color:#25355F; font-weight:bold; text-decoration:underline;}


/* MISC STUFF */
.middle								{vertical-align:middle;}
.center								{text-align:center;}
.indent_small						{padding-left:30px;}
.red								{background-color:#F3C4C4;}
.stretch							{width:100%;}
.error								{background-color:#FAD669;}
.alertbox							{border:1px solid #C10C11; background:url('/images/alert.gif') no-repeat 98% 10px; background-color:#FFEAAB; font-size:12px; line-height:17px; padding:10px; margin-top:15px;}
.hide								{display:none;}
.autoheight							{height:auto !important;}
.push								{margin-top:3px;}
.pushdown							{margin-bottom:3px;}
.enlarge_line						{line-height:25px;}
.fake								{cursor:pointer;}
.fakeover							{cursor:pointer;}
.fakeover:hover						{cursor:pointer; text-decoration:underline;}
.clear								{clear:both;}
.lefttext							{text-align:left;}
.centeredImage						{text-align:center; display:block;}
.destroy							{font-size:0; line-height:0;}
.fleft								{display:block; float:left;}
.fright								{display:block; float:right;}
div.spacer							{display:block; height:15px;}

/* TABLE ON JOBS PAGE */
table.padded-table td				{padding-bottom:10px; padding-right:40px;}

/* NEW VFSR PAGE */
input                               {font-size:12px;}

#slideshow {
  width: 460px;
  height: 340px;
  border:1px solid silver;
}


.textInput {
	border:1px solid #d1cece; 
	-moz-border-radius:5px;
	border-radius:5px;
	color:#818c9e; 
	font-size:12px;
	line-height:26px;
	padding:5px 7px;
	line-height:15px;
}

.textarea {
	border:1px solid #d1cece; 
	-moz-border-radius:5px;
	border-radius:5px;
	color:#818c9e; 
	font-size:12px;
	line-height:26px;
	padding:5px 7px;
	line-height:15px;
}

.button 
{
	background-color:Gray;
	color:White;
	border:1px solid #d1cece; 
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:14px;
	line-height:26px;
	width:250px;
	padding:5px 7px;
	line-height:15px;
}