/**************************************************************************************************************************
                                                         ***   Global Settings   ***
***************************************************************************************************************************/
/*
--------------------------------------------------
@Encoding				= charset "utf-8"
--------------------------------------------------
@Css Version			= Css Level 3
--------------------------------------------------
@Copyright				= Copyright 2008-2009, 
-------------------------------------------------
@Language				= en
-------------------------------------------------
@Date Of Modified		= 19 Feb 2009
-------------------------------------------------
*/

/***************************************************************************************************************************
                                                        ***   Body Class Starts Here   ***
****************************************************************************************************************************/
body 

{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
	margin:				0;
	padding:			0;
	margin-top: 		0px;
	background:			#d1d5e6 url(../images/bg.jpg) repeat-x;
}


*

{                        						/* Universal Acceptor */
	margin:				0;
	border:				0;
	padding:		    0;
}



#bodypagebg

{		                           /* Site Center Align */
	text-align: 		center;
	width: 				980px;
	margin:				0px auto 0 auto;
	height:				auto;
	background:			#FFFFFF;
}



#wrapper

{	                                  /* Main Outer Fix  */
	width:				980px;
	position: 			relative;
	top: 				0;
	left: 				0;
	margin: 			0 auto;
	text-align: 		center;
	height:				auto;
}




.container 

{	                                  /* Main Outer Fix  */
	width:				960px;
	float:				left;
	padding-left:	    10px;
	height:				auto;
	text-align:			left;
}




.containerMain 

{	                                /* Main Outer Fix  */
	width:				980px;
	float:				left;
	height:				auto;
	background:			#FFFFFF;
}


/*************************************************************************************************************************
                                                        *** Body Class Ends Here ***
**************************************************************************************************************************/


/*************************************************************************************************************************
                                                        *** Header Class Starts Here ***
**************************************************************************************************************************/

.header 

{
	float:				left;
	width:				100%;
	height:				211px;
}




.headerImage 

{
	float:				left;
	width:				100%;
	height:				161px;
	background:			url(../images/headerImage.jpg) no-repeat;
}



.logo 

{
	float:				left;
	padding-top:	    100px;
	height:				auto;
	width:				205px;
	padding-left:	    20px;
}




.logo h1 

{
	font-size:			26px;
	font-weight:		bold;
	color:				#1e3082;
}




.logo h2 

{
	color:				#333333;
	font-size:			13px;
	line-height:		15px;
}



/*  Menu  Starts Here */

.mainMenu 

{
	float:				left;
	width:				100%;
	height:				50px;
}


.MenuRightImage 
{
	float:				left;
	width:				197px;
	height:				50px;
	background:			url(../images/logobottom.jpg) no-repeat;
}


.menuHolder 
{
	float:				left;
	width:				763px;
	height:				40px;
	background:			#1a2c80;
}


#menu 
{
	float:				right;
	width:				auto;
	height:				40px;
	font-size:			13px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-align:			right;
}


#menu ul 
{
	list-style:			none;
}


#menu li 
{
	list-style:			none;
	display:			block;
	float:				left;
}


#menu li a 
{
	display:			block;
	float:				left;
	height:				40px;
	color:				#ffffff;
	font-size:			13px;
	background:			url(../images/menu_bg.jpg) left top;
	line-height:		40px;
	padding-left:	    25px;
	text-decoration:	none;
	cursor:				pointer;
	font-weight:		normal;
}


#menu li a strong 
{
	display:			block;
	float:				left;
	background:			url(../images/menu_bg.jpg) top right;
	height:				40px;
	color:				#ffffff;
	font-weight:		normal;
	line-height:		40px;
	padding-right:	    27px;
	cursor:				pointer;
	font-weight:		normal;
}


#menu li a:hover 
{
	display:			block;
	float:				left;
	background:			url(../images/menu_bg.jpg) left bottom;
	height:				40px;
	font-weight:		normal;
	cursor:				pointer;
}


#menu li a:hover strong 
{
	display:			block;
	float:				left;
	background:			url(../images/menu_bg.jpg) bottom right;
	color:				#1a2c80;
	height:				40px;
	cursor:				pointer;
	font-weight:		normal;
}


#menu li a.current 
{
	display:			block;
	float:				left;
	height:				40px;
	color:				#1a2c80;
	font-size:			13px;
	background:			url(../images/menu_bg.jpg) left bottom;
	line-height:		40px;	
	text-decoration:	none;
	cursor:				pointer;
	font-weight:		normal;
}


#menu li a.current strong 
{
	display:			block;
	float:				left;
	background:			url(../images/menu_bg.jpg) bottom right;
	height:				40px;
	color:				#1a2c80;
	line-height:		40px;
	cursor:				pointer;
	font-weight:		normal;
}


/*  Menu  Ends Here */

/**************************************************************************************************************************
                                                        *** Header Class Ends Here ***
***************************************************************************************************************************/

/**************************************************************************************************************************
                                                        *** Content Class Starts Here ***
***************************************************************************************************************************/
.common 
{
	float:				left;
	width:				100%;
	height:				auto;
    padding-bottom:     10px;
}


/* -------------------------------------------***Info Panel Starts Here*** -------------------------------------------- */
.infoPanel 
{
	float:				left;
	width:				575px;
	height:				auto;
	padding-left:	    20px;
	padding-top:	    30px;
	padding-right:	    20px;
}


.infoPanel h1 
{
	font-size:			17px;
	font-weight:		bold;
	color:				#1a2c80;
	line-height:		20px;
}


.infoPaneldescriptions 
{
	float:				left;
	width:				100%;
	padding-top:	    16px;
    padding-bottom:     20px;
}


.infoPanelimage 
{
	float:				left;
	padding-bottom:	    10px;
	border:				1px solid #cccccc;
	padding:	     	5px;
	margin:				10px;
	text-align:			left;
}

.infoPanelimage.right {
    float:              right;
} 

.infoPaneltext 
{
	float:				left;
	padding-top:	    20px;
}

.infoPanelFloatingText 
{
    padding-top:        20px;
}

.infoPanelFloatingText h1,
.infoPaneltext h1 
{
	font-size:			12px;
	color:				#333333;
	font-weight:		bold;
	line-height:		16px;
}

.infoPanelFloatingText p,
.infoPaneltext p 
{
	font-size:			12px;
	color:				#333333;
	padding-top:	    20px;
	line-height:		16px;
}

.infoPaneltext table {
	border-spacing:     0;
	border-collapse:    collapse;
}

.infoPaneltext td {
	padding:           0px 5px 0px 0;
}

.infoPaneltext a {
	color:             #1e3082;
}

.infoPaneltext ol {
	margin-top:        10px;
    padding-left:      20px;
}	
	
.infoPaneltext li {
    padding:           2px 0 2px 10px;
}

.infoPaneltext p.noPadding {
    padding-top:       0;	
}

.menuPanelContent {
    margin:             0 20px;
    background:         #f2f2f8;
    padding:            20px;
    line-height: 16px;
}

.menuPanelContent table {
    border-spacing: 0;
    border-collapse: collapse;
}

.menuPanelContent th {
    padding: 0 10px 0 0;
    font-weight: normal;
}

.menuPanelContent td {
    padding: 0;
}

.menuPanelContent h2 {
    font-size: 12px;
}

.menuPanelContent p {
    margin-bottom: 7px;
}

#ShopLogos {
    margin: 10px 0 0 20px;    
}

/* --------------------------------------------***Info Panel End Here*** ---------------------------------------------- */

.menuPanelRight 
{
	float:				left;
	width:				345px;
	height:				auto;
	background:			#e5e7f1;
	padding-top:	    32px;
	padding-bottom:	    20px;
}


.menuPanelRight h1 
{
	color:				#1c2e81;
	font-size:			17px;
	font-weight:		bold;
	padding-left:	    20px;
	padding-bottom:	    20px;
}


.zoomImageOuter 
{
	width:				303px;
	position:           relative;
	margin-left:        20px;
}

.zoomButton 
{
	position:           absolute;
	top:                170px;
	right:              3px;
	height:				17px;
	width:				49px;
}


/* ----------***Menu Right Starts Here*** -------- */
.menuRight 
{
	height:				auto;
	padding-bottom:	    10px;
}


.menuRight ul 
{
	margin:				0px;
	padding:	     	0px;
}


.menuRight ul li 
{
	list-style:			none;
	list-style-type:	none;
	margin:				0px;
	padding:	        0px;
	background:			url(../images/menuBg.jpg) repeat-x;
}


.menuRight ul li a 
{
	display:			block;
	width:				244px;
	height:				26px;
	line-height:		26px;
	font-size:			12px;
	color:				#1e3082;
	text-decoration:	none;
	cursor:				pointer;
	padding-left:	    39px;
	background:			url(../images/arrow.gif) no-repeat left center;
	background-position:15px;
}


.menuRight ul li a:hover 
{
	text-decoration:	underline;
	color:				#1e2f82;
}


/* ----------***Menu Right Ends Here*** -------- */

/**************************************************************************************************************************
                                                        *** Content Class Ends Here ***
***************************************************************************************************************************/


/**************************************************************************************************************************
                                                        *** Partner Class Start Here ***
***************************************************************************************************************************/
.partnerImages 
{
	float:				left;
	width:				940px;
	height:				150px;
	padding-top:	    22px;
	padding-left:	    20px;
	border-top: 		1px solid #a4accd;
}


.partnerImages ul 
{
	margin:				0px;
	padding:	        0px;
    text-align:         center;
}


.partnerImages ul li 
{
	list-style:			none;
	list-style-type:	none;
	margin:				0px;
	padding-right:	    15px;
   padding-left:        15px;
    padding-bottom:      20px;
	display:			inline;
   line-height: 60px;
}


.partnerImages ul li.last {
    padding-right:      0;
}



.blueText
{
color:					#1e3082;
line-height:			20px;
}



/****************************************************************************************************************************
                                                        *** Partner  Class End Here ***
*****************************************************************************************************************************/

.gallery img {
    margin: 25px;
    border:				1px solid #cccccc;
	padding:	     	5px;
}