@import url(spot-layout.css);

/* ----- global ----------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #c6c6c6 url(../Images/main_bg.gif) repeat-x;
	font: normal normal normal 9pt/11pt Arial, Verdana, Helvetica, sans-serif;
	color: #373737;
}

p {
	margin: 5px 0 10px 0;
}

/* ----- links ------------------------------------------- */
a {
	color: #575757;
}

a img { border: 0; }

/* ----- forms fields & buttons -------------------------- */


/* ----- headings ---------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
	font-size: 9pt;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 13pt;
	color: #373737;
	/*text-transform: uppercase;*/
	letter-spacing: -1px;
	margin: 0 0 14px 0;
	font-weight:bolder !important;
}

/* ----- common ------------------------------------------ */
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */

.plainhorzlist {
	list-style: none;
}

.plainhorzlist li {
	float: left;
}

.spotBox .bt {
	background: url(../images/contentbox_top.png) no-repeat;
	margin: 0 7px 0 0;
	position: relative;
	height: 7px; line-height: 7px;
	font-size: 1px;
}

.spotBox .bt div {
	width: 7px; height: 7px;
	background: url(../images/contentbox_top.png) 100% 0 no-repeat;
	position: absolute;
	top: 0; right: -7px;
}

.spotBox .bi {
	background: url(../images/contentbox_borders.png) 100% 100% repeat-y;
	padding-right: 4px;
}
.spotBox.grbg .bi { background-image: url(../images/contentbox_borders_gr.png); padding-right: 8px; }

.spotBox .bw {
	background: url(../images/contentbox_borders.png) 0 100% repeat-y;
	padding-left: 4px;
}
.spotBox.grbg .bw { background-image: url(../images/contentbox_borders_gr.png); padding-left: 8px; }

.spotBox .titlerow {
	background: url(../images/contentbox_titlebg.gif) 100% 0 no-repeat;
	margin: 0 0 0 2px;
	height: 19px;
}

.spotBox .titlerow p {
	background: url(../images/contentbox_titlebg.gif) no-repeat;
	display: block;
	height: 19px;
	position: relative;
	left: -2px;
	line-height: 19px;
	color: #fff;
	padding: 0 0 0 10px;
	margin: 0;
}

.spotBox .boxContent { background-color: #fff; }
.spotBox.grbg .boxContent { background: #fff url(../Images/contentbox_mainbg.gif) repeat-x; }

.spotBox .bb {
	background: url(../images/contentbox_bottom.png) 100% 100% no-repeat;
	margin: 0 0 0 7px;
	position: relative;
	height: 7px;	
}

.spotBox .bb div {
	width: 7px; height: 7px;
	background: url(../images/contentbox_bottom.png) 0 100% no-repeat;
	position: absolute;
	top: 0; left: -7px;
	font-size: 1px;
}

/* ----- main layout ------------------------------------ */
#container {
	width: 672px;
	margin: 30px auto 10px auto;
}

#top { position: relative; }
#top h1 { position: absolute; top: -20px; left: -3px; z-index: 9999; margin: 0; }
#top img { margin: 0 0 0 3px; display: block; }
#top #partners { float: right; margin: 3px 3px 0 0; }

#bannerRow
{
    height:147px;
}


#footer {
	margin: 20px auto 0 auto;
	font-size: 8pt;
	color: #3f3f3f;
	width: 666px;
	text-align: center;
}
#footer a { color: #3f3f3f; }
.cblock {
    float:left;
    width:221px;
    text-align:left;
}

/* ---- columns ----------------------------------------- */
.leftCol,
.rightCol {
	float: left;
}

#bannerRow .leftCol { width: 160px; }
#bannerRow .rightCol { width: 491px; margin-left: 6px; }
#bannerRow .boxContent { padding: 0 0 0 3px; }

.fpageCols .leftCol { width: 500px; }
.fpageCols .rightCol { width: 172px; }

/* ---- menus ------------------------------------------- */
#nav { margin: 11px 0 0 0; position: relative; }

#chooseLanguage {
	position: absolute;
	top: 9px; right: 6px;
	z-index: 2;
}

#chooseLanguage li a img {
min-width:27px;
min-height:23px;
}

#mainMenu {
	background: url(../Images/mainmenu_mainbg.png) 0 9px no-repeat;
	list-style: none;
	height: 46px;
	position: relative;
	margin: -9px 0 0 2px;
	padding: 9px 0 0 2px;
}

#mainMenu li {
	float: left;
	background: url(../Images/mainmenu_states.gif) 100% -84px no-repeat;
	height: 22px;
}

#mainMenu li a {
	background: url(../Images/mainmenu_states.gif) 0 -62px no-repeat;
	display: block;
	line-height: 22px;
	font-size: 9pt;
	font-weight: bold;
	color: #525252;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 10px 0 10px;
	white-space: nowrap;
}
#mainMenu .first a { background: none; }

#mainMenu .active {
	background: url(../Images/mainmenu_states.gif) 100% 0 no-repeat;
	margin: -9px 0 0 3px;
	height: 31px;
}

#mainMenu .active a {
	background: url(../Images/mainmenu_states.gif) 0 -31px no-repeat;
	position: relative;
	margin: 0 0 0 -3px;
	padding-top: 2px;
	height: 29px;
	color: #fff;
}

#mainMenu .first.active {

}

#mainMenu li ul {
	list-style: none;
	position: absolute;
	left: 11px; top: 31px;
	display: none;
	height: 22px;
	width: 649px;
	white-space: nowrap;
}
#mainMenu .active ul { display: block; }

#mainMenu li ul li { background: none; position: relative; }
#mainMenu li ul li a,
#mainMenu .active ul li a {
	background: none;
	color: #fff;
	font-size: 8pt;
	font-weight: normal;
	padding: 0;
	margin: 0 15px 0 15px;
	height: 22px !important;
}

/* level 3 */
#mainMenu .active ul ul { display: none; }
#mainMenu li ul ul {
	width: auto; height: auto;
	min-width: 150px;
	left: 0; top: 22px;
	background-color: #282828;
	border: 1px solid #3b3b3b;
	z-index: 99999;
}
#mainMenu ul ul li { float: none; }
#mainMenu ul ul li a,
#mainMenu .active ul ul li a { display: block; margin: 0; padding: 0 15px; }
#mainMenu ul ul li a:hover {
	background-color: #202020;
}
#mainMenu li ul .mhover ul,
#mainMenu li ul li:hover ul { display: block; position: absolute; }