/*
 *  SCSTrade Website: Main Stylesheet
 *  Version: 2008.01.11
 *	Author: FurSid (http://fursid.eomag.com)
----------------------------------------------------------------------------- */

 
html{}

body{
	background:#666 url(../images/bg-bottom1.jpg) repeat-y 50% 0%;
	font-family:Tahoma, arial, Helvetica, sans-serif;
	padding:0; margin:0px auto; color:#333;
	font-size:11px;	
	background-color:#ffffff; 
}

img { border:none;}
a { padding:3px 0; text-decoration:none; color:#3971ce}
a:hover {}



.btn { 
	border:0; 
	font-size:1px; height:22px; color:#C4161C; 
}

.error { color:#FF0000}
.success {color:#009900}
.content { padding:0 7px ;}
.hide-v { visibility:hidden; }
.hide-d { display:none;}

.nobdr, .nobdr th, .nobdr td, .nobdr tr td, .nobdr tr th{ border:none !important;}

#shadow-head{ background:transparent url(../images/bg-shadow-head.gif) 50% 0% no-repeat; height:30px; margin:0;  }

#shadow-body{ background:transparent url(../images/bg-top.jpg) no-repeat 50% -30px; width:1004px; margin:0px auto 0 auto; }
 html #shadow-body {border:1px solid #666; border-width:0px 0px 0 1px}

#shadow-foot{ background:transparent url(../images/bg-shadow-foot.gif) 50% 100% no-repeat; height:31px; margin:0; border:0px solid #f60}

#site-wrapper{
	width:1002px; 
margin:0px auto; padding-bottom:0; border:0px solid #f60; 
background:#fff;
}

#site-wrapper .site-content{ margin:30px 85px 30px 85px; }




/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> Header [hair]
/////////////////////////////////////////////////////////*/

#head { 
	 
	background:#313439;
}


#hair{
	text-align:center;
}



#head h1 a { 
	width:100%; display:block; background-color:transparent;
	background:url(../images/global/logo.gif) no-repeat 0% 50%;
	width:200px; height:106px;
	padding:0px;
}



#head h1 {margin:0; }
#head h1 a span, #head .content em  { display:none; } 

#head .content { float:left;}


/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> BRAIN [brain]
/////////////////////////////////////////////////////////*/

 #brain{
	display:block;
	padding:0px;
	margin:0 0px;
 }
 
 
#brain #strip { background:url(../images/bg-strip.jpg) no-repeat 50% 0; height:29px; overflow:hidden;}
#brain #strip2 { height:29px; overflow:hidden; background-color:#AAA098; background-image:url(../images/bg-strip2.jpg)} /*MAQK DONE 26fFeb2008*/
#strip p { margin:0; line-height:25px}
#strip .ticker 
{
	color:#fff; 
	float:left; 
	margin-left:5px; 
	margin-right:5px; 
	margin-top:3px;  
	text-align:left; 

	font-family:verdana, Arial, Helvetica, sans-serif;
	}
	#strip .tickermodi 
{
	
	float:left; 
	margin-left:5px; 
	margin-right:5px; 
	margin-top:3px;  
	text-align:left; 

	font-family:verdana, Arial, Helvetica, sans-serif;
	}
	#strip .ticker1 
{
	color:#fff; 
	float:left; 
	margin-left:5px; 
	margin-right:5px; 
	margin-top:6px;  
	text-align:left; 

	font-family:verdana, Arial, Helvetica, sans-serif;
	}
#strip .get-quote { float:right; padding:0 7px;}
#strip .get-quote input { border:1px solid #999; vertical-align:middle; font-size:11px; color:#666; padding-left: 2px;  }

#strip .home { float:left; margin-top:2px;}
#strip .home .button
{
	border: 1px solid #ccc;
	font-family:"Trebuchet MS", Arial, "Arial Narrow", Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
 	padding:1px;
	vertical-align:middle;
	cursor:hand;
}


li.bb { background-color:#F79A58}


#brain {}

#brain .mast-head { margin:0; padding:0; background:url(../images/bg-nav.gif) repeat-x 0% 0; float:left; width:665px; overflow:hidden;}

#brain .brain-content{	
	line-height:170%; 
	background:url(../images/bg-page1.gif) repeat-y 0% 0%;
	margin:0px 0 0 0; 
}
  
#brain .left{
	float:left; width:240px;
	padding:0 0 10px 0; overflow:hidden;
}

#brain .right{
	width:760px; 
	float:right;
	background:url(../images/bg-right.jpg) repeat-x 0% 0%; overflow:hidden
}



/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> Sub Page Templates
/////////////////////////////////////////////////////////*/

#sub #brain .left{
	overflow:visible;
}


#sub #brain .brain-content{	
	margin:0px 0 0 0;
}



/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> No Column Page Templates
/////////////////////////////////////////////////////////*/

#no-col #brain .right{
	width:100%; 
	float:left;
}


#no-col #brain .brain-content{	
	margin:0px 0 0 0; background-image:none;
}


/* left
/////////////////////////////////////////////////////////*/

.left p{ padding:0px 19px; line-height:normal; font-size:12px;}
 
.left input { border:1px solid #999; vertical-align:middle; font-size:11px; color:#666; padding:3px;}
.left label {font-size:11px; }


.left ul.sub { margin:10px 20px; list-style-type:none; padding:0}
.left ul.sub li {  margin:2px 0; background-color:#f2f2f2}
.left ul.sub li a{ display:block; padding:2px 9px 2px 25px; background:url(../images/blt-03.gif) no-repeat 7px 6px;  }
.left ul.sub li a:hover{ background-position:8px 6px; background-color:#fff; color:#000; }

 
/* right
/////////////////////////////////////////////////////////*/

.right { }

.right .content { padding:7px 5px; }



.right .content a{ color:#97250F; text-decoration:underline}
.right .content a:hover {  }

.right  p {}


.right  em{ }

.right  hr {background-color:#95B91B; height:1px; border:1px solid #95B91B; border-width:0 0 1px 0; font-size:1%;}

img.r, img.l, img.c { padding:0}

img.r { margin:2px 0px 7px 15px !important;}
img.l { margin:2px 15px 7px 0px !important;}
img.c { margin:2px 10px 10px 10px !important;}

.left  img.c { margin:0px auto !important;}

/* text formatting
======================= */

h1, h2, h3, h4 { 
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:-0.4px;
	font-weight:normal;
}

/*MAQK-Title at right*/
.right h1 {
	font-size:11px;
	font-weight:bold;
	font-family:Verdana;
	margin:0px 0 0px 0; color:#fff;
	padding:3px 8px 3px 8px;
	background:url(../images/newmenuback.gif) repeat-x;
}
 
.left h2 {
	font-size:11px;
	font-weight:bold;
	font-family:Verdana;
	margin:0px 0 0px 0; color:#FFFFFF;
	padding:3px 8px 3px 8px;
	background:url(../images/newmenuback.gif) repeat-x;
	background-color:#ff0000;
	vertical-align:bottom;
}

field{font-size:11px;}
 

/*//////////////////////////////////*/
 

.textarea{
	border: 1px solid #ccc;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.select {
	border: 1px solid #ccc;color:#666666
	
}



.textbox{
	 border:1px solid #ccc;
	 color:#666666
}

.textSpecial
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	font-weight: bold;
	font-size: 13pt;
	text-transform: capitalize;
	border-left: #ccc 1px solid;
	color: #666666;
	direction: ltr;
	border-bottom: #ccc 1px solid;
	font-family: Tahoma, Calibri, Arial, Verdana;	
	font-variant: small-caps;
	margin-top:2PX;
}

.h4
{	
	font-weight: bold;
	font-size: 12pt;	
	color: #999999;
	font-family: Calibri, Arial, Tahoma, 'Tempus Sans ITC';
}

.h4s
{	
	font-weight: bold;
	font-size: 10pt;
	color: #999999;
	font-family: Calibri, Arial, Tahoma, 'Tempus Sans ITC';
}

.h4b
{	
	font-weight: bold;
	font-size: 12pt;	
	color: #1c54a7;
	font-family: Calibri, Arial, Tahoma, 'Tempus Sans ITC';
}

.h4bs
{	
	font-weight: bold;
	font-size: 10pt;
	color: #1c54a7;
	font-family: Calibri, Arial, Tahoma, 'Tempus Sans ITC';
}

.a
{
	color:#97250F; text-decoration:underline;	
}


 


/*/////////////////////////////////////////////////////////
>>>>>>>>>>>>>>>>>>>>>>>>>>>> FEET [feet]
/////////////////////////////////////////////////////////*/

#feet{
	background:url(../images/newmenuback.gif) repeat-x; 
	color:#fff;
	font-size:10px;
	text-align:right; 
	margin:0px 0 0 0;
	line-height:31px;
	padding:0 15px;	
}



#feet a{ color:#fff; }

#feet a:hover{  color:#CCFF00; background-color:transparent;}

#feet1{
	background:transparent url(../images/bg-foot.jpg) 50% 0% no-repeat; 
	color:#fff;
	font-size:10px;
	text-align:center; 
	margin:0px 0 0 0;
	line-height:33px;
	padding:0 15px;	
}



#feet1 a{ color:#fff; }

#feet1 a:hover{  color:#CCFF00; background-color:transparent;}



