/* CSS Document */

html, body { background:#a9a9aa; color:#000;
			  margin:0px; padding:0px;
}

body {text-align:center;}
form {margin:0px;}
img {border:0px;}
td{font:normal 11px verdana; color:#000000;}
a{ color:#412a70; text-decoration:none}
a:hover{ color:#c1050c; text-decoration:none}


#top {background: url(images/bodyBG.gif) repeat-y 50% 0px;
	  margin:0px auto; padding:0px 10px; width:910px; text-align:left;
	  }

.navBg{background:url(images/navBg.jpg) repeat-x; height:32px;}

#search{background:#ed0209 url(images/searchLHS.jpg) no-repeat left top; float:right;
		margin:10px 0px 0px 0px; padding:5px 12px 5px 27px}
		
* html #search{margin:10px 0px 0px 0px;}
		
#search input{ background-color:ffffff; border:0px; font:normal 11px verdana; color:#000000;}

/*---------------------Navigation------------------------*/

.suckertreemenu {background:#e20209 url(images/navBg.jpg) repeat-x; height:32px;}

.suckertreemenu ul{
margin: 0; font: bold 11px  Tahoma; text-align:center;
padding: 0; background-color: #e20209;
list-style-type: none; text-transform:uppercase;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block; 
width: 90px; /*Width of top level menu link items*/
padding: 7px 8px;
border-right: 1px solid #960006;
border-left-width: 0;
text-decoration: none;
color: #ffffff;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0; font: normal 11px Verdana; text-transform:none;
position: absolute; text-align:left;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item; background-color:#e20209;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color:#ffffff;
text-decoration: none;
padding: 2px 5px; background-color:#e20209;
border-top: 1px solid #ffc9cb; 
}

.suckertreemenu ul li a:hover{
background-color: #bf0204;
color:#ffffff;
}

.suckertreemenu ul li ul li a:hover{
 color:#ffffff;  
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: url(images/arrow1.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: url(images/arrow2.gif) no-repeat center right;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End *//* ---------------------Navigation END ------------------------*/ 

/*TABS*/
.menu {border-bottom:0px solid #d7d7d7; width:865px; padding-top:10px;}

.menu ul {margin:0px; padding:0px; list-style:none; text-align:center; font:bold 11px Tahoma; text-transform:uppercase;}

.menu li {display:inline; line-height:23px; margin:0px; padding:0px;}

.menu li a {color:#ffffff; text-decoration:none;background:url(images/tab-Off.gif) no-repeat;   text-align:center; }

.menu li a.tabactive {color:#000000; background-image:url(images/tabOn.jpg); background-repeat:no-repeat;}

#tabcontent5 { 
background:#fff url(images/bg1.jpg) no-repeat center top; padding-top:10px; height:183px}


#tabcontent1{ 
background:#fff url(images/bg1a.jpg) no-repeat center top; padding-top:10px; height:183px}

#tabcontent2{ 
background:#fff url(images/bg1B.jpg) no-repeat center top; padding-top:10px; height:183px}

#tabcontent3{ 
background:#fff url(images/bg1c.jpg) no-repeat center top; padding-top:10px; height:183px}

#tabcontent4{ 
background:#fff url(images/bg1d.jpg) no-repeat center top; padding-top:10px; height:183px}

.arl12{font:normal 12px arial; text-align:left; background:url(images/left-divider.gif) repeat-y right top; padding:0px 15px 0px 0px; }

.normal12{font:normal 12px arial; text-align:left;}
.navlist1
{
margin-left: 0;
padding: 0px 5px 0px 5px;
list-style: none;
}

.navlist1 li
{
padding-left: 10px;
background-image: url(images/arrow_blue.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.rightDivider{ background:url(images/left-divider.gif) repeat-y right top;}

/*TABS _END*/

#footer{background:#676767 url(images/footerBg.jpg) repeat-x; padding:8px 20px; font:normal 10px verdana; color:#e6e6e6;}
#footer a{color:#e6e6e6; text-decoration:none;}
#footer a:hover{color:#ffffff; text-decoration:none;}

#footer div{ float:right;}


#footer1{background:#676767 url(images/footerBg.jpg) repeat-x; padding:8px 20px; font:normal 10px verdana; color:#e6e6e6; width:910px;}
#footer1 a{color:#e6e6e6; text-decoration:none;}
#footer1 a:hover{color:#ffffff; text-decoration:none;}

#footer1 div{ float:right;}

/*---------breadcrumb Start ---------------*/

.breadcrumb{
font: bold 11px verdana; padding:3px 0px 7px 5px; color:#c1050c;
 text-transform:capitalize;
 background:url(images/divider1.jpg) repeat-x bottom;
}

.breadcrumb a{
background: transparent url(images/arrow_b.jpg) no-repeat center right;
text-decoration: none;
padding-right: 15px; /*adjust bullet image padding*/
color: #422e6b; padding-bottom:1px;
font: normal 11px verdana;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #005d9e;
}

.breadcrumb a:hover{
text-decoration: underline; color:005d9e;
}

/*--------- breadcrumb end ---------------*/


/*--------- Login---------------*/
.login{font:bold 11px Tahoma; color:#fcecab; float:right; padding:5px 15px 0px 0px;}
.login a{color:#fcecab; text-decoration:none;}
.login a:hover{color:#fff; text-decoration:none;}
/*-----------Login End------------*/

.default{font:normal 11px verdana; color:#000000; text-align:justify; line-height:1.6em; padding:5px 10px 0px 0px;}
.darkRed{ color:#900001; font:normal 11px verdana;}

.arl13{color:#900001; font:bold 13px arial;}
.arl13 a{color:#900001; text-decoration:none;} 
.arl13 a:hover{color:#c1050c; text-decoration:none;} 


.leftBdr{border-left:1px solid #b8b8b8; font:normal 11px verdana;}
.rightBdr{border-right:1px solid #b8b8b8; font:normal 11px verdana;}
.topBdr{border-top:1px solid #b8b8b8; font:normal 11px verdana;}
.btmBdr{border-bottom:1px solid #b8b8b8; font:normal 11px verdana;}

.leftSide{ background:url(images/left-divider.gif) repeat-y left top; padding:5px 5px 0px 10px;}
.events{ color:#412a70; font:normal 11px verdana; padding-bottom:5px;}
.events a{ color:#412a70; text-decoration:none}
.events a:hover{ color:#c1050c; text-decoration:none}

.divider{background:url(images/divider1.jpg) repeat-x top;}

#navcontainer{padding:0px; margin:0px;}
#navlist {padding:5px 0px 0px 30px; margin:0px; font:bold 10px verdana;}

#navlist li { list-style-image: url(images/arrow_b.jpg); font:bold 10px verdana; line-height:1.6em}

.gradient { FONT-SIZE: 11px;
/*	BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE:  url(images/textbox_shadow.gif);
		border: 1px inset #ccc; 
	COLOR: #333333;
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #ffffff
	}

.gryBdr{ border:1px solid #ccc}



/*   Pagination   */
.pagination{
padding: 2px; float:right;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline; 
font: normal 10px verdana;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #432f64;
color: #fff;
background-color: #432f64;
}

.pagination a.currentpage{
color: #FFF !important;
border: 1px solid #432f64;

background-color: #432f64;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/*   Pagination - End */
marquee {font:normal 12px Arial; color:#000;}
.formLable
{
	text-align:right;
	background-color:#f2f2f2;
	font-weight:bold;
	height:30px;
	padding-right:5px;
	vertical-align:middle;
	}
	.formControl
{
	background-color:#f2f2f2;
	font-weight:bold;
	height:30px;
	padding-left:5px;
	vertical-align:middle;
	}
	
.contentslide{
padding: 3px;
height: 135px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
height:135px; overflow:hidden;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 2 0 4px 0;
font:normal 10px verdana;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
.panther{padding:5px 5px 5px 5px; float:right}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#ffffff;
font-weight:bold;
padding: 1px 2px;
background:url(http://www.soaoffer.com/media/buttonred.jpg) repeat-x left top;
}

.smalltext{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #999999;
}

.xls_rd tr td { /* main CSS rules for table, rows and cells */
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}
.xls_rd .idx { /* rules for index cells */
	background-color: #EBEBEB;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6B6B6B;
	text-align: center;
	vertical-align: middle;
}
.xls_rd .xls_int { /* rules for integer numbers */
	text-align: right;
}
.xls_rd .xls_dbl { /* rules for float numbers */
	text-align: right;
}
/*Spry Code*/


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

.contactBody {
	text-align: center;
}
.contactContent {
	width: 910px;
	background: #ffffff;
}
.home-pageContact {
	width: 910px;
	}
.contentCopyright {
	position: absolute;
	left: 612px;
	top: 482px;
	}
.contentCopyright1 {
	position: absolute;
	left: 6px;
	top: 482px;
	}
.contactBigText {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}