/********************************************** 
 Project: Reticle Web Marketing 
 Designed By: Cinnova International
 Created on : 23-05-08
 **********************************************/
/******************Structure******************
A. Absolute Top- (out of the wrapper)
	1. Wrapper Container
		1.1Branding Container - (1)Logo Image(2)Main Menu 
	2. Main Container
		2.1. Flash Container  2.2. Bread Crumbs Div  2.3. Body  Editor Container
		2.4. Right Col Editor  Container
B. Absolute Bottom- (out of the wrapper)
*************************************************************************/
/**********Color Codes**************
Body headings-color:#2281b7
Top and Bottom outer text-color:#e0e0e0 
Wrapper BG-color:#fbfbfb  
info Box Heading-color:#973729
Paragraph-color:#000000
Bread Crumbs Bg: #f3f3f3 and font color - #a73729
Right Column BG: fefbf5
****************************************************************************/
/********** Defaults **********/

html, body { height:100%;}
body{ background: #373737 url(images/bg.jpg) repeat-x top; text-align:center; margin:0px; padding:0px; height:auto; }
h1,h3,h4,h5{ font-weight:normal; font-family: Georgia, Times New Roman, Times, serif; }
h2 {font-family: Georgia, Times New Roman, Times, serif; font-weight:700;}
h1{ font-size:24px; color:#2281b7; } 
h2{ color:#973729; } 
p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:left; } 

/*********************************************
             LAYOUT STARTS
**********************************************/
/********** Over the Top Section (Links, Input) **********/

#absoluteTopContainer{ margin:0 auto; width:800px; min-width:800px; text-align:left; padding-top:5px;
 position:relative;}
#absoluteTopContainer.subContainer{margin:5px 0px 0px 510px; position:absolute; border:#fff solid 1px;}
#absoluteTopContainer ul { margin:0px; padding:0px; list-style:none; }
#absoluteTopContainer li { padding:1px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; 
color:#FFFFFF; display:inline;}
#absoluteTopContainer a { color:#FFFFFF; text-decoration:none; }
#absoluteTopContainer  a:hover { color: #FFCC00;}
#absoluteTopContainer .contactUsImage{ float: left; margin:0px 0px 0px 0px; width:200px;}
#absoluteTopContainer #search { background:url(images/input.gif) no-repeat center left; width:119px; height:24px;  padding: 6px 0px 5px 22px; 
margin-left:638px; font-size:11px; color:#666666; border:none;}


/********** Wrapper Container **********/

#wrapper{ margin:0 auto; width:800px; min-width:800px; text-align:left;	position:relative; height:auto; background-color:#ffffff; margin-top:9px; }

/********** Top Corners - Top Section (Logo, Main Menu) **********/

#top{ background:#292929 url(images/top_corners.png) no-repeat top !important; height:85px; padding: 0px 20px 0px 20px; 
background:#292929 url(images/top_corners.gif) no-repeat top; height:85px;}
#top .logo { margin:18px 14px 0px 15px; float:left; padding: 0px 20px 0px 0px; }
#top #mainMenu{ margin: 35px 0px 0px 0px; display:table; float:left; }
#top ul{ margin:0px; padding:0px; list-style:none; }
#top li{ padding:0px 30px 0px 0px; float:left; }
#top a { color:#333333; text-decoration:none; font-size:10px;}
#top a:hover { color: #CC3333; }

/********** Main Container - Middle Section (Flash, Bread Crumbs, Body Editor, Right Column) **********/

#mainContainer{ padding:0px 20px 0px 20px;}
#flash{ padding:0px; }
#mainContainer #breadCrumbs{ margin-top:0px;height:20px; margin-bottom:13px; }
#breadCrumbs ul { margin:0px; padding:0px; list-style:none; }
#breadCrumbs li { padding:10px 0px 0px 2px; }
#breadCrumbs a { color:#a73729; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
#breadCrumbs a:hover { color:#666666; }
#mainContainer #contentHolder { float:left; width:755px; overflow: hidden;  margin-top: 10px;  }
#contentHolder #ContentPane {float:left; padding-bottom: 32767px; margin-bottom: -32767px; }
#ContentPane h1 { font-size:24px; font-weight:normal; }
.Crumb {color:#a73729; text-decoration:none; padding-top:10px; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
.Crumb A:Link{color:#a73729}

/********** Information Box **********/

#contentHolder #rightColumnEditor { padding: 0px 20px 0px 20px; background:#ffffff; float:right; margin-bottom: -32767px; padding-bottom: 32767px; }
#rightColumnEditor .infoBox { width:235px; background:#f3f3f3 url(images/info_box_bg.gif) repeat-y top; }
.infoBox h2 { text-align:left; background: url(images/info_box_top.gif) no-repeat left top; padding: 10px 20px 0px 20px; margin:0px; color:#a73729; font-size:22px;  }
.infoBox .bottom { background:url(images/info_box_bottom.gif) no-repeat bottom left; padding-bottom: 15px; }
.infoBox h2, .infoBox p { padding-left: 20px; padding-right: 20px; }
.infoBox ul { margin:0px; padding:2px 0px 0px 20px; list-style:none; text-align:left; }
.infoBox li { white-space:nowrap; float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; 
line-height:18px; background:url(images/info_box_bullet.gif) no-repeat 0 50% ;}
.infoBox a { color:#333333; text-decoration:none; padding:0px; }
.infoBox a:hover { color: #FF0000; }
.infoBox a:Visited{color:#333333;} 



/********** Bottom/ Corners **********/

#bottom{ background:#373737 url(images/bottom_corners.png) no-repeat bottom !important; height:85px; padding: 0px 20px 0px 20px; clear:both;
background:#373737 url(images/bottom_corners.gif) no-repeat bottom;  height:85px; padding: 0px 20px 0px 20px; clear:both; }

/********** Absolute Bottom Section (Links, p ) **********/
#absoluteBottomContainer{ margin:0 auto; width:800px; min-width:800px; text-align:left; padding: 8px 0px 35px 0px;  }
#absoluteBottomContainer p{ color:#e0e0e0; float:left; font-size:11px; padding-left:20px; margin:0px; }
#absoluteBottomContainer .subContainer{padding:0px 20px 0px 0px; float:right; } 
.subContainer ul { margin:0px; padding:0px; list-style:none; }
.subContainer li { list-style-type:none; padding:0px 0px 0px 6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#FFFFFF; }
.subContainer a { color:#e0e0e0;  text-decoration:none; font-size:11px; }
.subContainer a:hover { color: #FFCC00; }

/*******************************************************************/
.MyMenu
{
    display:none;
}
.SearchTextBox
{
        background:url(images/input.gif) no-repeat center left; width:140px; height:24px;  padding: 6px 0px 5px 22px; 
 font-size:11px; color:#666666; border:none; float: right;}
    
/******************************************form***************************/
.feedtable {font-family:Arial, Helvetica, sans-serif; color:#515151; margin:0em; padding:0em; }
.label { font-size: 0.8em; text-align:right; padding-right :0.2em; }
legend{ background: none transparent scroll repeat 0% 0%; position: absolute; top: -0.5em; padding-right: 2px; padding-left: 2px;
left: 0.2em; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;  font-weight:bold; }
.feedtr{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:95%; border:#e4edf2 solid 1px; background:#fefefe; margin:1em; 
padding:1em 0em 1em 0.5em; }
.label select {border:#a9cbd3 solid 1px; position: absolute; left: 100%; top: 0px;	font-size:0.8em; 
font-family:Arial, Helvetica, sans-serif; }
.textarea { border:#a9cbd3 solid 1px; width: 20em; font-size : 0.8em; font-family:Arial, Helvetica, sans-serif; color:#515151; }
br { display : none; } 

/*******Classes for other Elements********/

input.radio, input.checkbox, input.submit { width: auto; /*Just for making width default for rest of the elements*/}       
input.textInput{border:#a9cbd3 solid 1px; font-size:0.9em;}
.label { position: relative; display: block; margin: 0em 0em 0em 3em ; text-align:left; padding-right :1em ; font-size: 0.8em; } 
.label input { position: absolute; left: 100%; top: 0px; width: 10em; } 
.textarea { }
.radioContainer{margin-top:5px; padding-left:75px; width:300px;}
input.radio{ width:auto; height:auto;  margin: 2px 0px 0px 8px;  }  
.checkBoxContainer{margin-top:5px; padding-left:66px; width:300px; }
input.checkBox{ width:auto; height:auto; margin: 2px 0px 0px 8px; }
.formHeading { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; color:#444444; display: block; line-height: 11pt; 
margin:0px; padding:0px; }

/*******Buttons********/

.buttonsContainer { margin:0px 5px 0px 8.9em; } 
.clear { overflow: hidden; width: 100%; /* generic container (i.e. div) for floating buttons */ } 
a.button { background: transparent url(images/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left;
 font: normal 12px font-family:Arial, Helvetica, sans-serif; height: 28px; margin-right:12px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.button span { background: transparent url(images/bg_button_span.gif) no-repeat; display: block; line-height: 18px; padding: 5px 0 5px 18px; } 
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } 
fieldset { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:95%; border:#e4edf2 solid 1px; background:#fefefe; margin:1em; }


.loginNormal{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	font-weight: normal;
	margin-left:30px;
}

A.loginNormal:link
{
    text-decoration: underline;
	color: #003366;
    }
    
A.loginNormal:visited
{
	text-decoration: underline;
	color: #003366;
}

A.loginNormal:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.loginNormal:active
{
	text-decoration: underline;
	color: #003366;
}

.SearchButton
{
    display:none;
}