/*=====================================================================================================
Name: HomeStyleShteet.css
Description: This is the only css file for styling the whole website inclduing 
			 background colors, menu items, text color, spacing of menu and images on the website etc.
Created By: Jyothi Sawlani
=======================================================================================================*/


/*Giving the greenish blue background color to the website,
having same font through the website*/
body {
	margin:0;
	padding:0;
	font-family:Times New Roman;
	background-color:#DFF0F2;
}

.mainForm /*making sure all text is in center of the page*/
{
	text-align:center;
	margin-top:1%;
	margin-bottom:1%;
}

.header
{
	clear:both;
}


/*Here Main Logo-LarmeeAssociates, Tagline, Menu, TelNo is styled */
.mainformheader
{
	border-top:solid 1px #dff2f2 ;
	border-bottom:solid 2px #dff2f2 ; 
		
}

.logo
{
	margin-top:1%;
	text-align: center;
	margin-bottom:8px;
	/*margin-right:10%;  to be removed*/
	
}

/* Keep this NYlogo as it is coz we need this for adding images of spring/ season's greetings around christmas*/ 
.NYlogo
{
	margin-right:10px;
	padding-top:10px;
	float:right;
}

/* New year message stuff to be removed starts here.. Note: I had used this part of comented code earlier for displaying images and a tag line..don't know if I need this again...lets keep it.

#logo
{
    /* we have given this padding left to the logo to be removed once we remove the new year msg.
    padding-left:13%;
 }

#NYMsg
{
  float:left;
    margin-top:1%;
    margin-right:0.5%;
 
}

#NYMsg1
{
  float:left;
    margin-top:1.60%;  
 margin-right:1%;
 margin-left:1%;
}

.NYlogo
{
	margin-top:1%;
	text-align: center;
	margin-bottom:8px;
}


.NYtagline
{
	margin-bottom:1%;
	font-size:small;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#820707;
}


/* to be removed ends here */


.tagline
{
	margin-bottom:1%;
	font-size:small;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#204C4D;
	/*margin-right:10%;   to be removed*/
}

.contact
{
	font-weight:bold;
	font-size:14px;
	color:#204C4D;
	margin-right:8%;
	margin-top:8px;
	margin:0px;
	
}

/*MainForm Header details ends here*/



/*For displaying Menu*/
.menuContent
{
	margin-top:1px;
	height:26px;
	margin-bottom:0px;
	padding-left:2px;
	margin-left:35px;
    z-index:100;
}
.menuContent ul
{
	margin:0px;
	position:relative;
    z-index:100;
}
.menuContent ul li
{
	list-style:none;
	float:left;
	margin-right:1px;
	margin-left:1px;
	width:100px;
	height:26px;
	background-image:url(../Images/Rect1.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:0px;
}
.menuContent ul li ul li
{
    width:120px;
    font-size:14px;
}
.menuContent ul li a
{
	color:#305070;
	font-weight:bold;
	padding-top:5px;
	text-decoration:none;
	vertical-align:middle;
	display:block;
	
	
}
.menuContent ul li:hover
{
	background-image:url(../Images/Rect3.png);
	font-size:18px;
	
}
.menuContent ul li a:hover
{
	
	color:#0F5984;
	
}

/*Menu stuff ends here*/


/*Below everything is for displaying the curves , having the white background 
for center of the page where main contents are written*/
.midCol
{
	clear:both;
	width:75%;
	min-height:60%;
	border:solid 3px #DFF0F2;
	margin:auto;
	min-width:900px;
	background-color:White;
}


.MidColPart1
{
	background:url(../Images/rounded-left.png) no-repeat top left;
}
.Midcolpart1a
{
	background:url(../Images/rounded-right.png) no-repeat top right;
}

.MidColPart2
{
	background-color:white;
	padding-top:3px;
	/*min-height:600px;*/
	min-height:700px;
}


.mainContent
{
	padding-left:2px;
	margin-left:35px;
}


/*All text contents of home page begins here..*/
.textarea
{
	margin-left:1%;
	text-align:left;
	margin-right:3%;
}

/* Formatting Welcome msg*/

.textheaderMain1
{
	margin-top:42px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
	
}



.textheaderMain
{
	margin-top:42px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
	
}




/*Formatting individual headers like Have it your way!...*/
.textheader1
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:15px;
	margin-bottom:10px;
}



.textheader2
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}


.textheader3
{
	
	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}


.textheader4
{

	clear:both;
	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}

.textheader5
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}

.textheader6
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}

.textheader7
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}


.textheader8
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}


.textheader9
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}


.textheader10
{

	font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:10px;
}



/*Changing the colors of visited and unvisited links*/
.textbody10 a:link 
{
	color:#0F5984;/* unvisited link */
}     
 
.textbody10 a:visited
 {color:#0F5984;}  /* visited link */
 
 
.textheader11
{

	margin-top:10px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
	
}


/*Formatting individual textbody i.e. text below the headings...*/
.textbody1
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}
.textbody2
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

.textbody4
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}
.textbodyList
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	list-style-type:square;
}


.textbody5
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

.textbody6
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

.textbody7
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

.textbody8
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}


.textbody9
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

.textbody10
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	
}

/* Text area stuff ends here..
Note: textbody3 further below..*/



.footer
{
	clear:both;
	color: #8C8C8C;
    font-size: 14px;
    text-align: left;
	margin-left:3%;
	margin-right:3%;
}


/*Links page stuff....*/

.LinksTitle
{
	margin-top:42px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
	margin-bottom:14px;
	
}

/*....................*/


/*Formatting Contact Us Page stuff..*/

.Addr1
{
	margin-top:42px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
	
}




.Addr2
{
 	margin-top:30px;
	font-size:16px;
	color:#006666;
	font-weight:bold;
	text-align:center;
}

.Addr3
{
	margin-top:22px;
	font-size:16px;
	color:#006666;
	font-weight:bold;
	text-align:center;
}

.Addr4
{
	margin-top:22px;
	font-size:16px;
	color:#006666;
	font-weight:bold;
	text-align:center;

	
}

.Addr4 a:link 
{
	color:#0F5984;/* unvisited link */
}     
 
.Addr4 a:visited
 {color:#0F5984;}  /* visited link */
 
 /*ContactUs stuff ends here........*/
 
 
 /*Formatting About Us page stuff*/
 
 .AbtsImg
 {
 	margin-top:20px;
	font-size:18px;
	color:#006666;
	font-weight:bold;
	text-align:center;
 	
 }
 
 
 
.Abtus1
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:2%;
	margin-right:3%;
	margin-top:1%;
	margin-bottom:10px;
	
}


/* About Us stuff ends  here...*/


/*Formatting WhatsNew page here...*/
.WN
{
	
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-right:3%;
	margin-top:2%;
	margin-bottom:10px;
	display:block;
	
}

.WN1
{
	
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-right:3%;
	margin-top:2%;
	margin-bottom:10px;
	display:block;
	
}

/*Whats new stuff ends here....*/



/*following two css classes are for formatting HomePage's  computer Image and text below the img*/
.imageContainer
{
	margin-left:10px;
	
}
.textbody3
{
	
	display:block;
	margin-left:10px;
	margin-top:10px;
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:20px;
	
}

/*Ends here.........*/


/*Links page formatting begins here...*/


.links
{
	display:block;
	width:100%;
	text-align:center;
	
	
}

.LinksTbl
{
	border:solid 1px #0F5984;
	
}

#tbl td
	{
		border:solid 1px #0F5984;
		padding-left:5px;
		text-align:left;
		
	}
	
#tbl
{

	width:500px;
	height:20px;
	margin:auto;
	text-align:center;
	color:#006666;
	font-size:14px;
	
}


#tbl a:link 
{
	color:#0F5984;/* unvisited link */
}     
 
#tbl a:visited
 {color:#0F5984;}  /* visited link */
 
 /*Links page stuff ends here.......*/
 
 
 /*Products page stuff begins here...*/
 
 .Prods
 {
 
 	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:2px;
	margin-right:3px;
	margin-top:30px;
	display:block;
 	
 }
 
 
  .Prod
 {
 
 	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:2px;
	margin-right:3px;
	margin-top:26px;
	display:block;
 	
 }
 
 .Prods1
 {
 	
 	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:2px;
	margin-right:3px;
	margin-top:26px;
	margin-bottom:10px;
	display:block;
	
 	
 }
 
 

 .Prods1 a:link
 {
 	color:#006666;/*unvisited*/
 }
 
 .Prods1 a:visited
 {
 	color:#0F5984;/*visited*/
 }
 
 
 /*Below two css classes are for formatting
Stocks image and the content beside it of the Products page*/
 .StckimgContainer
 {
 	margin-left:10px;
 	margin-top:2%;
 	float:left;
 	position:relative;
 }
 
 .ProdContent
 {
 	margin-left:450px;
 	
 }
 
 
 /*LA Speader formatting stuff...*/

.LASHeader
{
font-size:large;
	color:#006666;
	font-weight:bold;
	text-align:left;
	margin-left:1%;
	margin-top:12px;
	margin-bottom:10px;
}

.LASBody
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:3px;
	margin-right:3%;
}


.LASBodyList
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	list-style-type:square;
	
}

.LASBodylast
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	margin-left:1%;
	margin-top:1%;
	margin-right:3%;
	margin-bottom:1%;
}

.LASBodylast a:link
{
	color:#006666; /*unvisited*/
}
.LASBodylast a:visited
{
color:#0F5984;/*visited*/
}



.WhysUsList
{
	color:#006666;
	font-size:14px;
	text-align:left;
	text-align:justify;
	list-style-type:square;
	
	
}

.listSpacing
{
	
	margin-bottom:10px;
}

/*Slide show stuff - part 1

part2 further down........*/

.SSBckSize
{
	border:solid 2px #9D9E9D;
	width:740px;
	height:540px;
	/*table-layout:fixed;
	margin-left:25%;
	padding-top:1%;
	padding-LEFT:1%;
	padding-right:1%;#FCFAE3*/
	margin:auto;
	background-color:white;
	/*Yellow ->#B4B4B4*/
	
}


#slider
{
	
	padding-top:10%;
	margin-bottom:0;
	padding-bottom:0;
	
	
}

.SliderContainer
{
	position:relative;
	
}


/*Part 2-Continous Slide show stuff ...*/

	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:0 20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:inline;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:720px;
		height:520px;
		overflow:hidden; 
		text-align:center;
		}	
		
		
		/*Belwo two classes are especially for arranging the two buttons (next and previous)
		on the slidehsow ....I call it as ears .....*/
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:relative;
		left:-34px;
		top:-248px;
		
		}	
	#nextBtn, #slider1next{ 
		left:735px;
		top:-325px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
	
	
		background:url(../images/slideshowimages/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/slideshowimages/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	


/*============== Slide show stuff ends here============================*/


/*For dispalying SubMenu*/

#list li ul
{
	
	margin-top:3%;
	height:26px;
	margin-bottom:0px;
	padding-left:0px;
	margin-left:0px;
	display:none;
    width:120px;	
}


#list li:hover ul
{
	display:block;
	margin:1% 0% 1% 0%;
	font-size:medium;
}


.#list li:hover li
{
	list-style:none;
	float:left;
	margin-right:0px;
	margin-left:0px;
	height:26px;
	background-image:url(../Images/Rect1.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:0px;
}
#list li:hover li a
{
	color:#305070;
	font-weight:bold;
	padding-top:2px;
	text-decoration:none;
	vertical-align:bottom;
	padding-left:5px;
	text-align:left;
}


#list li li:hover
{
	background-image:url(../Images/Rect3.png);
	font-size:14px;
    width:120px;
	
}

#list li li a:hover
{
	
	color:#0F5984;
}



/*SubMenu stuff ends here*/