/* ************************************************ */
/* **************** style globalne **************** */
/* ************************************************ */

body
{
		background: url('../gfx/bckgr.jpg') repeat-x top;
		padding: 0px;
		margin: 0px;
}

* 
{
		font-size: 11px;
		font-family: Arial;		
}
a
{
		color: #000000;
		text-decoration: none;
}
h1
{
		font-size: 14px;
		padding: 0px;
		margin: 0px;
}

select.selectList
{
		padding: 3px;
}
input.inputText
{
		padding: 3px;
}

/* ************************************************ */
/* ***************** layout style ***************** */
/* ************************************************ */

div#content
{
		position: relative;
		overflow: hidden;
		background-image: url('../gfx/bckgrContent.jpg');
		background-repeat: no-repeat;
		background-position: bottom right;
		width: 980px;
		margin: 0px auto 0px auto;		
}

div#content div#topper
{
		height: 30px;
		padding: 15px 20px 15px 20px;
}

div#sectionBodyact
{
		overflow: hidden;
		min-height: 200px;
}


/* ************************************************ */
/* *************** menu-sprite style ************** */
/* ************************************************ */
div#MenuSprite
{
		/*border: 1px solid black;*/
		position: absolute;
		display: block;
		overflow: hidden;
		width: 535px;
		height: 35px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}
div#MenuSprite ul
{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
}
div#MenuSprite ul li
{
		float: left;
}
div#MenuSprite ul li a
{
		display: block;
		height: 34px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
}
div#MenuSprite ul li a span
{
		display: none;
}

div#MenuSprite ul li#Offer 	 a { width: 80px; background-position: 0px 0px; }
div#MenuSprite ul li#News  	 a { width: 117px; background-position: -80px 0px; }
div#MenuSprite ul li#About 	 a { width: 83px; background-position: -197px 0px; }
div#MenuSprite ul li#Payable a { width: 105px; background-position: -280px 0px; }
div#MenuSprite ul li#Faq 		 a { width: 59px; background-position: -385px 0px; }
div#MenuSprite ul li#Contact a { width: 91px; background-position: -444px 0px; }

div#MenuSprite ul li#Offer 	 a:hover { width: 80px; background-position: 0px -35px; }
div#MenuSprite ul li#News  	 a:hover { width: 117px; background-position: -80px -35px; }
div#MenuSprite ul li#About 	 a:hover { width: 83px; background-position: -197px -35px; }
div#MenuSprite ul li#Payable a:hover { width: 105px; background-position: -280px -35px; }
div#MenuSprite ul li#Faq 		 a:hover { width: 59px; background-position: -385px -35px; }
div#MenuSprite ul li#Contact a:hover { width: 91px; background-position: -444px -35px; }

/* ************************************************ */
/* ****************** menu style ****************** */
/* ************************************************ */

div#menu
{
		display: none;
		margin: 0px 0px 0px 0px;
}
div#menu a
{
		display: block;
		float: left;		
		font-weight: bold;		
		padding: 10px 15px 10px 15px;
}
div#menu a:hover
{
		background-color: #53C9E1;
		color: #FFFFFF;
}


/* ************************************************ */
/* **************** account style ***************** */
/* ************************************************ */

div#account
{
		float: right;
		margin: 8px 0px 0px 0px;
}
div#account a
{
		color: #2CBBDA;
		text-decoration: underline;
}
div#account a:hover
{
		text-decoration: none;
}
div#account span
{
		color: #CCCCCC;
		padding: 0px 2px 0px 2px;
}


/* ************************************************ */
/* ************** sectionLeft style *************** */
/* ************************************************ */


div#sectionBodyact div.sectionLeft
{
		float: left;
		width: 320px;		
}


/* ************************************************ */
/* *************** layerItem style **************** */
/* ************************************************ */

div.sectionLeft div.layerContent
{		
		padding: 0px 0px 20px 0px;
}
div.sectionLeft div.layerContent img
{
		float: right;
		margin: 0px 0px 0px 0px;
}
div.layerItem
{
		overflow: hidden;
		clear: both;
		background: url('../gfx/arrowNext.png') no-repeat 98% 80%;
		border-bottom: 1px solid #EEEFF0;
		padding: 20px 0px 20px 0px;
}
div.layerPrice
{
		float: left;
		background-color: #24AAC5;
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: capitalize;
		padding: 5px;
}
div.layerPrice strong
{
		font-size: 11px;
}
div.layerItem a.Image
{
		display: block;
		float: left;
		width: 105px;
		height: 65px;
		border: 3px solid #E9EAEB;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 20px;
}
div.layerItem div.layerDate
{		
		font-size: 10px;
		font-weight: bold;
		color: #2CBBDA;
		margin: 0px 0px 10px 0px;
}
div.layerItem div.layerText
{
		line-height: 16px;
}
div.layerItem div.layerText a
{
		color: #666666;
}

div.layerItem div.layerText *
{
		font-size: 1em;
}  

div.layerItem div.layerText a:hover
{
		text-decoration: underline;
}
div.sectionText
{
		line-height: 18px;
		margin: 20px 0px 10px 0px;
}
div.sectionText img
{
		border: 1px solid #CCCCCC;
		padding: 1px;
}


/* ************************************************ */
/* ************* sectionRight style *************** */
/* ************************************************ */

div#sectionBodyact div.sectionRight
{		
		float: right;
		width: 640px;
}
div#baner
{
		height: 360px;
		/*background: url('../gfx/baner.jpg') no-repeat top left;*/
}
div#baner div.sectionLeft
{
		float: left;
		width: 320px;
}
div#baner div.sectionRight
{
		float: right;
}
div#baner div.sectionLeft div.layerContent
{		
		padding: 10px 0px 0px 0px;
}
div#baner div.layerItem
{
		border: none;
}
div#baner div.layerText a
{
		color: #333333;
}
div#baner div.layerText a:hover
{
		text-decoration: underline;
}
div#baner div.layerItem a.Image
{
		border: 3px solid #F6F7F7;
}
div#baner div.sectionLeft div.layerContent img
{
		float: right;
		margin: 6px 0px 0px 0px;
}

div.sectionRight div.sectionMain
{
		padding: 20px;
}
div.sectionRight div.sectionMain h1
{
		font-size: 14px;
		color: #2CBBDA;
		margin: 0px 0px 10px 0px;
}
div.sectionRight div.sectionMain div.sectionColumn
{
		float: left;
		width: 280px;		
		line-height: 16px;
		margin-right: 20px;
}

div.sectionMain a
{
		color: #2CBBDA;
		text-decoration: underline;
}
div.sectionMain a:hover
{
		text-decoration: none;
}

div#footer
{
		overflow: hidden;
		height: 55px;
		background: url('../gfx/bckgrFooter.jpg') repeat-x top;
}
div#footer div.sectionMain
{
		width: 980px;
		margin: 0px auto 0px auto;
}
div#footer div.copyright
{
		float: left;
		width: 320px;
		background: url('../gfx/bckgrCopyright.jpg') no-repeat right;		
		height: 13px;
		color: #666666;
		padding: 22px 0px 20px 0px;
}

div.sectionEnd div.sectionMain
{
		width: 980px;
		background-image: url('../gfx/bckgrSectionEnd.jpg');
		background-repeat: no-repeat;
		background-position: top right;
		padding: 0px 0px 50px 0px;
		margin: 0px auto 0px auto;
}
div.sectionEnd div.sectionMain div.menu
{
		float: right;
		padding: 0px 30px 10px 20px;
}
div.sectionEnd div.sectionMain div.menu a
{
		display: block;
		float: left;
		background: url('../gfx/separatorPlus.jpg') no-repeat 0px 50%;
		color: #666666;
		text-transform: capitalize;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		margin: 0px 5px 0px 5px;
}
div.sectionEnd div.sectionMain div.menu a:hover
{
		text-decoration: underline;
}



/* ************************************************ */
/* ************** Newsletter style **************** */
/* ************************************************ */
div#sectionNewsletter
{
		float: right;
		width: 660px;
		height: 55px;
		background-image: url('../gfx/bckgrNewsletter.jpg');
		background-repeat: no-repeat;
		background-position: left center;
}
div#sectionNewsletter img
{
		float: left;
		margin: 22px 0px 0px 40px;
}
div#sectionNewsletter form
{
		float: right;		
		margin: 10px 90px 0px 0px;
}
div#sectionNewsletter input.inputText
{
		border: none;
		background-color: #46BCD4;
		color: #FFFFFF;
		padding: 5px;
		margin: 0px 20px 0px 0px;
}
div#sectionNewsletter input.submitAction
{
		background: transparent url('../gfx/inputSubmitPlus.jpg') no-repeat 0px 50%;
		border: none;
		color: #1E97B0;
		padding: 10px 10px 10px 5px;
}
.sectionNewsletterInfo
{
		margin-left:550px;
		text-align: center;
		color: #666666;
		background-color: #CEF1F5;
		margin-top: 0px;
		padding-top: 0px;
		width: 362px;
		padding: 3px 8px 5px 0px;
		line-height: 10px;
}


/* ************************************************ */
/* *************** TheMedia style ***************** */
/* ************************************************ */

div.themedia
{
		color: #666666;
}
div.themedia a
{
		color: #24B3D0;
		text-decoration: none;
}
div.themedia a strong
{
		font-weight: normal;		
		color: #666666;
}






/* ************************************************ */
/* ***************** Tips style ******************* */
/* ************************************************ */
div.layerTips ul
{
		list-style-type: square;
		padding: 0px 0px 0px 16px;
		margin: 0px;
}
div.layerTips ul li
{
		color: #333333;
		line-height: 18px;
		padding: 10px 0px 10px 5px;
}
div.layerTips h2
{
		font-size: 14px;
		margin: 0px 0px 10px 0px;
}




/* *************************************************************** */
/* **************************** Pager **************************** */
/* *************************************************************** */
div.sectionPager
{
		border: 1px solid #CCCCCC;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		padding: 2px 5px 2px 5px;
		margin: 10px 0px 10px 0px;
}
div.sectionPager *
{
		font-size: 10px;
		font-weight: bold;
}
div.sectionPager strong
{
		background-color: #EFEFEF;		
		padding: 2px 5px 2px 5px;
}
div.sectionPager a 
{
		padding: 0px 5px 0px 5px;
}
div.sectionPager span
{
		display: none;
		color: #FFFFFF;
}
div.sectionPager img
{
		border: 1px solid #CCCCCC;		
}


div#fxResults
{
		border: 1px solid #EFEFEF;
		background-color: #EFEFEF;
		text-align: center;
		padding: 10px;		
}





a.actionBack
{
		display: block;
		background: url('../gfx/arrowBack.jpg') no-repeat 0px 52%;
		color: #2CBBDA;
		text-transform: lowercase;
		padding: 15px 0px 15px 8px;
}
a.actionNext
{
		display: block;
		background: url('../gfx/arrowNext.jpg') no-repeat right 52%;
		color: #2CBBDA;
		text-align: right;
		text-transform: lowercase;
		padding: 15px 8px 15px 0px;
}



div.tips
{
		font-size: 10px;
		font-weight: bold;
		color: #DD0000;
		padding: 2px 5px 0px 5px;
}




div#LoadingData
{
		display: none;
		position: absolute;
		width: 580px;
		height: 165px;
		background: #FFFFFF url('../gfx/loading.gif') no-repeat 50% center;
}

/* *************************************************************** */
/* **************************** Payments ************************* */
/* *************************************************************** */
div.PaymentGate
{
	margin: 0px;
	padding: 0px;
}

div.PaymentGate div.PaymentText
{
	margin: 0px;
	padding: 15px 10px 5px 10px;
	width: 100%;
	float: left;
	clear: left;
}

div.PaymentGate div.PaymentForm
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	text-align: center;
}