/** 
   Project: Vseal
     Designed By: VSeal
      Structure: Layout
        Created on : 03-06-09
                             **/
/** Defaults **/

@font-face 
{
	   font-family: "Lucida Grande", Helvetica, sans-serif;
	   src:url(fonts/Lucida Grande.ttf);
	   format("truetype");
}

html, body 
{ 
		color:#800080;
		height:100%; 
		padding:0px; 
		margin:0px;
}
	
body
{ 
		color:#800080;
		font-size:12px;
		font-family: "Lucida Grande", Helvetica, sans-serif;
		text-align:center; 
		height:auto; 
		padding:0px; 
		margin:0px;
		background:#fff url(../images/bg_top_position.jpg) repeat-x top;
}
	
h1
{ 
		color:#3b3b3b;
		font-size:22px; 
		font-weight:normal;
		font-family: Trebuchet MS, Helvetica, sans-serif;
} 
	
h2
{ 
		color:#973729; 
		margin:0px; 
		padding:0px;
} 
	
h3
{ 
		color:#a16d08;
		font-size:12px; 
		margin:0px; 
		padding:0px; 
}
	
p
{ 
		color: #800080;
		font-size:12px; 
		font-family: "Lucida Grande", Helvetica, sans-serif;
		line-height: 20px;

} 
	
img
{ 
		border:none;
}
	
strong
{ 
		color: #800080; 
		font-family: "Lucida Grande", Helvetica, sans-serif;
}
img
{ 
		border:none;
}

/** WRAPPER CONTAINER **/

#wrapper
{
		text-align:left;	
		height:100%;
		width:969px; 
		min-width:969px;
		margin:0px auto;  
		position:relative;
}

.backButton
{
		cursor:pointer;		
}
	
/** TOP PANEL (Logo, Main Menu) **/

#headerContainer
{ 
		padding: 0px 0px 0px 0px;
		float:left;
		width:969px;
		height:175px; 
}
	
#headerContainer .logo
{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		float:left;
		padding:9px 0px 0px 15px;
}


#headerContainer .topRightcontactNumber
{
		padding:10px 6px 0px 12px;
		float:right;
}

#headerContainer .orderButton
{
		 top:37px; 
		 left:872px;
		 position:absolute;  
}
	
.topRightcontactNumber ul
{ 
		margin:0px;
		padding:0px;
}
	
.topRightcontactNumber li
{ 
		color:#f7eba2; 
		font-size:16px; 
		font-family: Arial, Helvetica, sans-serif;
		list-style-type:none;
		padding:0px 5px 0px 20px;
		float:left;
		background:url(../images/bull_contact.jpg) top left no-repeat;
		background-position:left;
}
	
#headerContainer .iconsControl
{
		padding-top:13px;
		float:left;
		width:780px;
		margin-left:90px;
}
	
.iconsControl 
{
		float:left;
		list-style:none;
		margin:0;
		padding:0;
}

.iconsControl li 
{
		float:left;
		display:block;
		padding:0px 10px 0px 0px;
		list-style-type:none;
		width:120px;
		text-align:center;
}

.iconsControl li a 
{
		border:none;
}

/*Icons Hover Image Effect*/


#tt 
{
		position:absolute; 
		display:block;
}

#ttcont 
{
		display:block;
		height:158px;
}
		
/* ---- show-hide elements ---- */
/*.iconsControl li .show
{
		display:block;
		width:120px;
		height:63px;
		text-align: center;
}
.iconsControl li .hide 
{
		width:120px;
		height:63px;
		height: 0px;
		overflow: hidden;
		text-align: center;
}
.iconsControl li:hover .hide, .iconsControl li.over .hide 
{
		cursor: pointer;
		height:63px;
}
.iconsControl li:hover .show, .iconsControl li.over .show 
{
		height: 0px;
		overflow: hidden;
}
*/
/** MAIN CONTAINER **/

#mainContainer
{
		font-size:12px;
		text-align:left;
		width:969px; 
		float:left;
		padding:0px 0px 0px 0px;
		overflow:hidden;
}  

/** LEFT COLUMN **/

#mainContainer #leftColumn
{ 
		width:200px; 
		padding:20px 0px 0px 0px;
		float:left;
}

#leftColumn .leftMenuContainer
{ 
		padding:0px 0px 18px 12px;

}

.leftMenuContainer ul
{ 
		margin:0px;
		padding:0px;
}
	
.leftMenuContainer li
{ 
		line-height:20px;
		list-style-type:none;
		border-top:#bfbfbf dotted 1px;
		padding-left:20px;
}
	
.leftMenuContainer a 
{ 	
		color:#800080; 
		font-size:11px; 
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none; 
}

.leftMenuContainer a:hover 
{ 	
		color:#ff0000; 
		font-size:11px; 
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none; 
}


/** RIGHT COLUMN - Further divisions into two Content Holders pretending to be Body Editor and Right Column Editor **/

#mainContainer #rightColumn
{
		text-align:left;
		width:740px; 
		padding:20px 0px 20px 12px;
		float:right;
		border-left:#ffebf7 solid 1px;
}

#rightColumn ul
{ 
		padding:0px;
		margin:0px;

}

#rightColumn li
{ 
		
		color: #800080;
		font-size:12px; 
		font-family: "Lucida Grande", Helvetica, sans-serif;
		line-height: 20px;
		padding:0px 0px 0px 8px;
		margin:0px 0px 0px 30px;
}

#rightColumn a
{ 
		
		color: auto;
}
#rightColumn a:visited
{ 
		
		color: #003366;
}

#rightColumn a:hover
{ 
		
		color: #ff0000;
}

#rightColumn a:active
{ 
		color: #FF33CC ;
}

#mainContainer #primaryContentHolder
{ 
		text-align:left;
		width:565px; 
		padding:0px 0px 0px 0px;
		float:left;
}

#mainContainer #primaryContentHolder1
{ 
		text-align:left;
		width:730px; 
		padding:0px 0px 0px 0px;
		float:left;
}

#mainContainer #secondaryContentHolder
{ 	
		text-align:left;
		width:152px; 
		padding:0px 0px 0px 0px;
		float:right;

}

#secondaryContentHolder #newsPanel
{ 	
		width: 152px;
}

#newsPanel .newsTop
{
		background:url(../images/news_top.gif) no-repeat bottom left;
		width: 152px;
		height:10px;
		float:left;
		
}

#newsPanel .newsMiddle
{
		background:url(../images/news_middle.gif) repeat-y top left;
		width: 152px;
		padding:0px 0px 0px 0px;
		float:left;
}

.newsMiddle h1
{
		margin: 2px 0px 0px 10px;
		padding:0px;
}

.newsMiddle p
{
		color:#800080;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height: normal;
		padding: 0px 10px 0px 10px;
		margin:0px;
}
.newsMiddle a
{
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
}

.newsMiddle a:hover
{
		color: #CC9900;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
}

#newsPanel .newsBottom
{
		background:url(../images/news_bottom.gif) no-repeat top left;
		width:152px;
		height:10px;
		float:left; 	
}


/** FOOTER SECTION **/

#footer
{ 
		width:100%;
		height:130px;  
		padding:5px 0px 5px 0px;
		float:left;
		background-color:#eaeaea;
}
.footerTop
{ 
		width:100%;
		height:10px;  
		float:left;
		background-color:#f9f9f9;		
}

#footer .copyRights
{ 
		text-align: left; 
		margin:8px 0px 0px 360px;
		float:left;

}

#footer .copyRights p
{ 
		color:#333;
		font-size:10px;
		line-height:normal;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px; 
		padding:0px;
}
	
#footer .footerLinks
{ 
		TEXT-ALIGN:center;
		margin:0 auto;
		width:520px;
}

.footerLinks ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none; 
} 

.footerLinks li
{ 
		color:#666666;  
		font-size:10px; 
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		list-style:none; 
		list-style-image:none; 
		float:left;
		padding-left:5px;
		padding-right:4px; 
		line-height:normal;
} 

.footerLinks a 
{  
		color:#817f16; 
		font-size:10px; 
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
}

.footerLinks a:hover 
{ 
		color:#FF0000; 
		font-size:10px; 
		text-decoration: underline;
		text-decoration:none;  
		font-family: Arial, Helvetica, sans-serif;
}

#footer #footerPhContainer
{

		width:850px;
		height:50px;
		margin:0 auto;
		padding-top:12px;
}
#footerPhContainer .tollFree
{
		width:300px;  
		padding:0px 0px 0px 0px;
		float:left;
}

.tollFree p
{
		color: #BE7403;
		font-size:10px;
		text-align:left;
		line-height:normal;
}

#footerPhContainer .footerRightContainer
{
		width:800px;  
		padding:0px 0px 0px 0px;
		float:right;
}


#footerPhContainer .footerLogo
{
		margin:0px 0px 0px 20px;
		float:left;
		text-align:left;
}

#footerPhContainer .internationalNumber
{
		width:200px;  
		padding:0px 0px 0px 0px;
		float:right;
		text-align:left;
}

.internationalNumber p
{
		color:#BE7403;
		font-size:10px;
		text-align:left;
		line-height:normal;
}