/*
modra    #003
cervena  #C66
zluta    #CC6
america sans
web logo text Segoe Print
*/
body {
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	/*background: url('../img/background.gif') 50% 0% repeat-y;*/
	font-family: 'Lora', serif;
	text-align: center;
	font-size: 11pt;
	font-weight: normal;
	line-height: 150%;
	color: #333;
}

form {
	margin: 0px;
	padding: 0px;
}
div {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
div.table { display: table; border-collapse: collapse; }
div.tr { display: table-row; }
div.td { display: table-cell; vertical-align: top; }

p {
	font-size: 11pt;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	line-height: 130%;
}
pre {
	color: #FFF;
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	line-height: 130%;
	font-family: "Courier New", Courier, monotype;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
hr {
	padding: 0px;
	margin: 0px;
}
ol {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}
ul {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}
li {
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	line-height: 150%;
	color: #333;
}
ol li {
	margin: 0px 0px 15px 14px;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}
td, th {
	font-family: 'Lora', serif;
	color: #333;
	font-size: 11pt;
	line-height: 150%;
	vertical-align: top;
}
td p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	line-height: 150%;
}

h1 {
	position: relative;
	font-size: 24px;
	line-height: 28px;
	font-family: 'Lora', serif;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0px;
	margin: 5px 0px 5px 30px;
	padding: 15px 0px 15px 0px;
}
h1 a {
	color: #FFF;
	text-decoration: none;
	border: none;
}
h1 a:hover {
	color: #FFF;
	text-decoration: none;
	border: none;
}

h2 {
	font-size: 170%;
	line-height: 120%;
	font-family: 'Lora', serif;
	text-align: left;
	font-weight: bold;
	color: #20334F;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
h2 a {
	color: #20334F;
	text-decoration: none;
	border: none;
}
h2 a:hover {
	color: #20334F;
	text-decoration: none;
	border: none;
}

h3 {
	font-size: 150%;
	line-height: 120%;
	font-family: 'Lora', serif;
	text-align: left;
	font-weight: bold;
	color: #596C87;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
h3 a {
	color: #596C87;
	text-decoration: none;
	border: none;
}
h3 a:hover {
	color: #596C87;
	text-decoration: none;
	border: none;
}

h4 {
	font-size: 130%;
	line-height: 120%;
	font-family: 'Lora', serif;
	text-align: left;
	color: #333;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
h4 a {
	color: #333;
	text-decoration: none;
	border: none;
}
h4 a:hover {
	color: #333;
	text-decoration: none;
	border: none;
}

h5 {
	font-size: 110%;
	line-height: 120%;
	font-family: 'Lora', serif;
	text-align: left;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
}
h5 a {
	color: #666;
	text-decoration: none;
	border: none;
}
h5 a:hover {
	color: #666;
	text-decoration: none;
	border: none;
}

h6 {
	font-family: 'Lora', serif;
	text-align: left;
	font-size: 100%;
	color: #333;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	line-height: 150%;
}

a {
	color: #666;
	text-decoration: underline;
	outline-width: 0px; 
	outline: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
	outline-width: 0px; 
	outline: none;
}
a img {
	text-decoration: none;
}
a:hover img {
	text-decoration: none;
}

.imgHref {
	margin-right: 5px; text-decoration: none; vertical-align: top; cursor: pointer;
}

.imageonright {
	margin: 0px 0px 10px 15px;
	float: right;
}
.imageonright img {
	margin: 0px 0px 10px 15px;
	float: right;
}
.imageonleft {
	margin: 0px 15px 10px 0px;
	float: left;
}
.imageonleft img {
	margin: 0px 15px 10px 0px;
	float: left;
}

/*
MAIN COLORS 
026 = dark blue - texts 
36A
E0E9F0 = light blue background 
EEF3F7 = more light blue background 
68A = border (level1 category)
*/

/* elements */
input[type=text], input[type=password], input[type=file] {
	font-size: 10px; color: #666;
	font-family: 'Lora', serif;
}
textarea {
	font-size: 10px; color: #666;
	font-family: 'Lora', serif;
}
select {
	font-size: 10px; color: #666;
	font-family: 'Lora', serif;
}
option {
	font-size: 10px; color: #666;
	font-family: 'Lora', serif;
}
input[type=radio], input[type=checkbox] {
	border: none; background: none; vertical-align: middle; padding: 0px; margin: 0px; }

.clearAll { display: block; width: 0px; height: 0px; font-size: 0px; clear: both; float: none; }
/*input:focus { outline: #962 solid 1px; outline-offset: -1px; }*/


/* BUTTONs round */
button {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_blue.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button:hover {
	background: transparent url(../img/redaks_button_bg_blue.png) right center no-repeat;
}
button[type=reset] {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_gray.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button[type=reset]:hover {
	background: transparent url(../img/redaks_button_bg_gray.png) right center no-repeat;
}
button[type=button] {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/redaks_button_bg_gray.png) left center no-repeat; cursor: pointer;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
button[type=button]:hover {
	background: transparent url(../img/redaks_button_bg_gray.png) right center no-repeat;
}
button img {
	float: left; display: block; width: 13px; height: 13px; margin: -1px 6px 0px 0px; vertical-align: top; background: none; outline-width: 0px;
}
button span {
	display: block; color: #FFF; font-weight: normal; text-align: center; border: none; 
}

button[class="smallButton"] {
	height: 24px; line-height: 24px; padding: 0px 14px 0px 14px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; vertical-align: middle; }
button[class="smallButton"] span {
	font-size: 12px; font-weight: normal; vertical-align: middle; margin-top: -2px; }


/*************************************************************************/
/*****************               ALL CONTENT                 **************************/
/*************************************************************************/
#allContent {
	position: relative; width: 1000px; z-index: 1;
	margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; 
	background-color: transparent; text-align: left;
}

/*    ERROR MESSAGE    */
#topError {
position: relative; width: 100%; margin: 0px; padding: 20px 0px; background-color: #EDEDED; } /*border-bottom: 1px solid #999; */
#topError h1 {
color: #F00; font-size: 200%; text-align: center; }
#topError div {
padding: 10px; margin: 10px auto 0px auto; text-align: center; border: 2px dotted #900; background: #FEE; }
#topError span {
display: block; text-align: center; }

/*    OLD BROWSER MESSAGE    */
#oldBrowser {
width: 1000px; background: #FF3; margin: 0px auto; border-top: 1px solid #FF3; border-bottom: 1px solid #FF3; }
#oldBrowser div {
margin: 10px; text-align: center; }
#oldBrowser span {
color: #A00; font-weight: bold; }
#oldBrowser a, #oldBrowser a:hover {
color: #A00; text-decoration: underline; font-weight: bold; }

/*    NO COKKIES OR JAVASCRIPT    */
#cookiesJavasript {
width: 1000px; background: #FFB7E0; margin: 0px auto; border-top: 1px solid #FFB7E0; border-bottom: 1px solid #FFB7E0; }
#cookiesJavasript div {
color: #333; margin: 10px; text-align: center; }
#cookiesJavasript span {
color: #006; font-weight: bold; }
#cookiesJavasript a, #oldBrowser a:hover {
color: #006; text-decoration: underline; font-weight: bold; }

/*    REDAKS Message    */
#redaksMessage {
	display: block; position: fixed; top: 150px; left: 50%; margin-left: -400px; width: 800px; padding: 10px; z-index: 202;
	font-size: 160%; line-height: 130%; font-weight: bold; color: #F00;
	font-family: 'Lora', serif;
	border: 10px solid #F00; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; 
	background-color: #FFF; text-align: center;
}

/* TOP HEAD BANNER */
#topHead {
	position: relative;
	width: 1000px; height: auto; 
	margin: 0px; margin-bottom: 0px;
	padding: 0px;
}

#topHeadline {
	padding: 10px 0 0px 0;
	font-size: 250%; color: #069; text-decoration: none; text-align: left; line-height: 41px; font-weight: bold; font-style: normal; white-space: nowrap; letter-spacing: 0.1em;
}
#topMotto {
	padding: 5px 0 10px 0;
	font-size: 18px; text-align: left; font-weight: normal; font-style: italic;
}

#rotatorBasic {
	position: absolute; top: 0px; left: 0px; width: 1000px; height: 300px; z-index: 0;
}
#rotatorBasic a {
	display: block;
	float: left;
	position: absolute;
	width: 1000px;
	height: 300px; 
	margin: 0px;
	padding: 0px;
}
#rotatorBasic a img {
	border: 0px;
	width: 1000px;
	height: 300px; 
}
#rotatorBasic a.show {
	z-index: 100;
}

#topOver {
	display: block; position: absolute; top: 0px; left: 0px; width: 1000px; height: 300px; z-index: 200;
}
#topOver img {
	width: 1000px; height: 300px;
}
#topArea {
	display: block; position: absolute; top: -5px; left: 0px; width: 1000px; height: 115px;
	background: transparent url(../img/redaks-top-logo-bg.png) bottom center no-repeat;
}
#topLogo {
	display: block; position: absolute; top: -3px; left: 55px; width: 300px; height: 90px; 
	background: transparent url(../img/redaks-logo-blue-web-top.png) top center no-repeat;
}

/*
#rotator {
	position: absolute; top: 0px; left: 0px; width: 1000px; height: 300px; z-index: 0;
}
#rotator a {
	display: block;
	float: left;
	position: absolute;
	width: 1000px;
	height: 300px; 
	margin: 0px;
	padding: 0px;
}
#rotator a img {
	border: 0px;
	width: 1000px;
	height: 300px; 
}
#rotator a.show {
	z-index: 100;
}
*/
	
/***    TOP WEB NAVIGATION (LEVEL 2)    ***/
#navigation {
	width: 1000px; height: 41px; padding: 0px; 
	text-align: left; vertical-align: top; 
	/*background: transparent url(../img/redaks-navigation-bg.png) top center no-repeat; */
	z-index: 220;
}
#navigation span {
	display: block; float: left; width: 1px; height: 12px; background: none; padding: 0px; margin: 3px 0px 0px 0px; font-size: 1px;
}
#navigation span[class=spanFirst] {
	margin-left: 20px;
}
#navigation a {
	display: block; float: left; height: 41px; margin: 0px 0px 0px 0px; padding: 0 15px;
	color: #069; text-decoration: none; text-align: center; font-size: 120%; line-height: 41px; font-weight: normal; font-style: normal; white-space: nowrap; letter-spacing: 0.1	em;
}
#navigation a:hover {
	color: #FFF; text-decoration: none; background-color: #069;
}
#navigation .aActive {
	color: #FFF; text-decoration: none; background-color: #069;
}




/*******     LEFT COLUMN AREA      *********/
#leftColumn {
	float: left; width: 300px; margin-right: 30px;
}

/***    TOP LOGO LEFT    ***/
a[id="logo"], a[id="logo"]:hover {
	display: block; position: relative; width: 280px; height: 400px; text-decoration: none; border: none;
}
a[id="logo"] img {
	display: block; position: absolute; top: 0px; left: 0px; z-index: 0;
}
a[id="logo"] span {
	display: block; margin-top: 20px; margin-left: 20px; color: #FFF; font-size: 24pt; text-decoration: none; border: none;
}

/***    LEFT NAVIGATION (LEVEL 1+2)    ***/
/*
#navigation {
	margin-top: 0px; padding: 25px 40px 20px 40px; text-align: left; vertical-align: top;
	background-color: #444;
}
#navigation span {
	display: none; width: 1px; height: 12px; background: none; padding: 0px; margin: 4px 10px 0px 10px; font-size: 1px;
}
#navigation span[class=spanFirst] {
	margin-left: 45px;
}
#navigation a {
	display: block; margin: 0px 0px 0px 0px; color: #FFF; text-decoration: none; text-align: left; font-size: 12pt; line-height: 22pt; font-weight: normal; font-style: normal; white-space: nowrap;
}
#navigation a:hover {
	color: #999; text-decoration: none;
}
#navigation .aActive {
	color: #999; font-weight: normal;
}
*/

#leftArea {
	margin-top: 30px; padding: 30px 40px 30px 40px; text-align: left; vertical-align: top;
	height: 320px;
	background-color: #444;
}
.leftAreaText, .leftAreaText p {
	color: #FFF;
}
#rotator2 {
	width: 220px;
}
#rotator2 a {
	display: block;
	float: left;
	position: absolute;
	width: 220px;
	height: 310px;
	margin: 0px;
	padding: 0px;
}
#rotator2 a img {
	border: 0px;
	width: 220px;
	height: 310px;
}
#rotator2 a.show {
	z-index: 100;
}

/***    TOP WEB HORIZONTAL NAVIGATION (LEVEL 2)    ***/
/*
#navigation {
	width: 650px; height: 13px; margin: 0px 0px 0px 350px; padding: 4px 0px 12px 0px; text-align: left; vertical-align: top; 
	background-color: #444;
	border: 1px solid #999; border-top: none;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
#navigation span {
	display: block; float: left; width: 1px; height: 12px; background: none; padding: 0px; margin: 4px 10px 0px 10px; font-size: 1px;
}
#navigation span[class=spanFirst] {
	margin-left: 45px;
}
#navigation a {
	display: block; float: left; height: 16px; margin: 1px 0px 0px 0px; color: #FFF; text-decoration: none; text-align: center; font-size: 10pt; font-weight: normal; font-style: normal; white-space: nowrap;
}
#navigation a:hover {
	color: #CCC; text-decoration: none;
}
#navigation .aActive {
	color: #CCC; font-weight: bold;
}
*/




/*******     MAIN COLUMN AREA      *********/
#mainColumn {
	padding: 0px 0 20px 0;
}


#mainWrapper {
	margin: 0px 0px 0px 0px; padding: 1px 0px 20px 0px; text-align: left; vertical-align: top; 
	-webkit-box-shadow: inset 0px 62px 50px -3px rgba(0,102,153,1);
	-moz-box-shadow: inset 0px 62px 50px -3px rgba(0,102,153,1);
	box-shadow: inset 0px 62px 50px -3px rgba(0,102,153,1);
	/*
	background-color: #999;
	*/
	/*
	border: 1px solid #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	*/
}
#mainCategoryDiv {
	min-height: 537px; margin: 0px auto; padding: 25px; margin: 0 1px; text-align: left;
	background-color: #FFF;
	/*background: #FFF url(../img/bg_big_gray_transit_over.gif) center top repeat-x;*/
	/*-webkit-border-radius: 5px; border-radius: 5px;*/
}


#foot2 {
position: relative; margin: 10px auto 0px auto; padding: 4px 0px 6px 0px; font-size: 90%; color: #069; }
#foot2 .copyright {
position: absolute; left: 30px; top: 0px; text-align: left; font-size: 90%; color: #069; }
#foot2 .redaks {
position: absolute; right: 30px; top: 0px; text-align: right; font-size: 90%; color: #999; }
#foot2 .redaks a {
color: #069; border-bottom: 1px solid #069; }
#foot2 .redaks a:hover {
color: #069; border-bottom: 1px solid #069; }


/*    AJAX BackGround    */
#ajaxBackground {
	display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #111133; border: none; z-index: 50;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
}
/*    AJAX Waiting    */
#ajaxWaiting {
	display: none; position: fixed; top: 0px; left: 0px; width: 200px; height: auto; padding-bottom: 20px;
	background-color: #FFF; text-align: center; 
	color: #666; font-size: 13px; z-index: 100;
	-webkit-box-shadow: #000 0px 0px 15px;
	-moz-box-shadow: #000 0px 0px 15px;
	box-shadow: #000 0px 0px 15px;
	behavior: url(../config/pie/PIE.htc);
}
#ajaxWaiting img {
	display: block; margin: 20px auto;
}
/*    AJAX Frame    */
#ajaxFrame {
	display: none; position: fixed; top: 0px; left: 0px; width: 450px; height: auto; padding-bottom: 10px;
	background-color: #FFF; 
	border: none;
	z-index: 100;
}
#ajaxFrameClose {
	position: absolute; top: 10px; right: 10px; width: 11px; height: 11px;
	background: transparent url(../img/redaks_close.png) top left no-repeat;
	border: none; cursor: pointer;
}
#ajaxFrame hr {
	display: block; width: 406px; height: 1px; background-color: transparent; margin: 0 auto; 
	border: none; border-top: 1px solid #BBB;
}

#editWindow {
	display: none; position: absolute; top: 100px; left: 200px; width: 300px; padding: 15px 0px; z-index: 201; 
	border: 2px solid #9CC; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
	background-color: #DEE;
}
#editWindow .closeTopRight {
	position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; 
	border-left: 2px solid #9CC; border-bottom: 2px solid #9CC;
	-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 0px 0px 0px 7px; border-radius: 0px 0px 0px 7px;
	background-color: #000; cursor: pointer;
}
#editWindow .closeTopRight img { display: block; margin: 3px; }
#editWindow form { display: block; margin: auto 10px; }
#editWindow input[type=file]
	{ width: 200px; text-align: left; font-size: 11px; font-weight: bold; color: #000; padding: 0px 2px; margin-top: 1px; background: #FFF; border: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#editWindow select {
	font-size: 10pt; margin-bottom: 2px; 
	background: #FFF; color: #000000; font-size: 11px; font-weight: bold;
	border-top: 1px solid #808080; border-bottom: 1px solid #d4d0c8;
	border-left: 1px solid #808080; border-right: 1px solid #d4d0c8;
}
#editWindow option { background: #FFF; font-size: 10pt; padding-right: 5px; }
#editWindow .symbols { width: 55px; font-size: 18px; padding-top: 0px; }
#editWindow .symbols option { font-size: 18px; padding-top: 0px; }
#editWindow textarea { background: #FFF; width: 300px; font-size: 10pt; margin-bottom: 2px; }


/*******     YOU ARE IN    ******************/
#youAreIn {
	position: relative; height: 54px; line-height: 59px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; font-weight: normal; clear: both; float: none; }
	/*border: 1px solid #FC9; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;*/
#youAreIn img { margin: -1px 5px auto 45px; text-decoration: none; vertical-align: middle; }
#youAreIn a { color: #003; font-weight: normal; text-decoration: none; }
#youAreIn a:hover { color: #D32017; text-decoration: none; }
#youAreIn .parentsSeparator { color: #003; font-weight: normal; }


/****************************************************************************/
/********************************  SHOP  *************************************/


#contentText img {
border: 1px solid #999; }

	
/*** HOME PAGE ***/
#homePage {
	float: left; width: 550px; min-height: 260px; margin: 0px 10px 0px 55px; padding: 25px; text-align: left;
	background: #FFF url(../img/bg_big_gray_transit_over.gif) center top repeat-x;
	-webkit-border-radius: 5px; border-radius: 5px;
}
#homeTop {
	height: 275px; padding: 0px 18px 20px 18px; 
}

#leftTextColumn
	{ width: 180px; margin: 10px auto 0px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid red;  */
#rightTextColumn
	{ width: 180px; margin: 10px auto 0px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid red;  */
#rightTextOnlyStoreColumn
	{ width: 180px; margin: 10px auto 0px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid red;  */
#middleTextColumn
	{ float: left; width: 100%; margin: 0px auto 20px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid red;  */
#middleBottomTextColumn
	{ float: left; width: 100%; margin: 20px auto 0px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid red;  */
#topAreaText
	{ position: absolute; width: 515px; height: 75px; top: 10px; left: 285px; padding: 0px; line-height: 120%; background: #000; overflow: auto; } /*  border: 1px solid #EEE;  */
.middleTextColumnHomepage
	{ clear: both; float: none; width: 100%; margin: 0px auto 2px auto; padding: 0px; line-height: 120%; background: #000; overflow: hidden; } /*  border: 1px solid silver;  */


/******************************************************************************************/
/************************************ LEFT NAVIGATION *************************************/
/******************************************************************************************/

#leftNavigation {
	position: relative; float: left; width: 220px; margin: 0px 0px 0px 55px; padding: 0px; line-height: 110%; background: transparent; z-index: 3; 
	background: #FFF url(../img/bg_big_gray_transit_over.gif) center top repeat-x;
	/*-webkit-border-radius: 5px; border-radius: 5px;*/
} /*  border: 1px solid red;  */
#leftNavigationArea {
	width: 200px; min-height: 50px; margin-left: 10px; padding-top: 10px; padding-bottom: 15px;
}
#leftNavigationArea div[class="level1"] {
	width: 180px; height: 30px; margin: 0px auto; padding: 0px; vertical-align: bottom; border-bottom: 1px #FFF solid;
}
#leftNavigation div[class="level1"] a {
	display: block; height: 100%; vertical-align: bottom; font-size: 14px; font-weight: bold; color: #003; text-decoration: none; white-space: nowrap; margin: 0px 0px 0px 0px; padding: 8px 0px 2px 15px; /* font-size: 120%; */
}
#leftNavigation div[class="level1"] a:hover {
color: #003; text-decoration: none;
}
#leftNavigation div[class="level1"] .aActive {
color: #003;
}
#leftNavigationArea div[class="level2"] {
	width: 180px; height: 25px; margin: 0px auto; padding: 0px; vertical-align: bottom; background-color: #FFF; border-bottom: 1px #CC6 solid;
}
#leftNavigation div[class="level2"] a {
	display: block; height: 100%; vertical-align: bottom; font-size: 14px; font-weight: bold; color: #003; text-decoration: none; white-space: nowrap; margin: 0px 0px 0px 0px; padding: 5px 0px 2px 15px; /* font-size: 120%; */
}
#leftNavigation div[class="level2"] a:hover {
color: #003; text-decoration: none;
}
#leftNavigation div[class="level2"] .aActive {
color: #003;
}

#leftNavigationTextTop {
	width: 200px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; 
}
#leftNavigationTextTop a {
display: inline; width: auto; margin: 0; padding: 0;
}
#leftNavigationText {
	width: 200px; margin: 0px 0px 0px 25px; padding: 10px 0px 10px 0px; vertical-align: bottom;
}
#leftNavigationText a {
display: inline; width: auto; margin: 0; padding: 0;
}
#leftNavigationText iframe {
display: block; border: none; overflow: hidden; width: 170px; height: 120px; margin: 0px auto 10px auto;
}


/*** CATEGORY THUMBNAILS (LEVEL 1) ***/
#categoryThumbnails
	{ width: 600px; margin: 80px 0px 0px 15px; padding-bottom: 15px; float: left; border: 1px solid red; }
#categoryThumbnails a
	{ float: left; display: block; width: 80px; margin: 10px 20px 0px 0px; border: 1px solid #000; text-decoration: none; cursor: pointer; }
#categoryThumbnails a:hover
	{ border: 1px solid #CCC; text-decoration: none; }
#categoryThumbnails img
	{ display: block; width: 80px; height: 80px; margin: 0px auto 0px auto; }
#categoryThumbnails .blankImgCat
	{ width: 78px; height: 78px; border: 1px dotted #CCC; }
#categoryThumbnails span
	{ display: block; width: 80px; margin: 4px 0px 2px 0px; padding-top: 2px; border-top: 1px solid #CCC; text-align: center; line-height: 130%; color: #666; font-size: 10px; font-weight: bold; }

/*** CATEGORY SMALL GALLERY ***/
#locations {
	width: 630px; margin: 0px 0px 0px 30px;
}
#locations a, #locations a:hover {
	border: none; text-decoration: none;
}
#locations h2 {
	margin: 10px 0px 10px 0px;
}
#locations a:hover h2, #locations a:hover {
	color: #888;
}
#locations .galleryAreaSmall {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
#locations .galleryAreaSmall span {
	float: left; display: block; 
	width: 114px; height: 114px; 
	margin: 0px 9px 9px 0px; 
	border: 0px; overflow: hidden;
}

#location {
	width: 630px; margin: 0px 0px 0px 30px;
}
#location h2 {
	margin: 10px 0px 10px 0px;
}
#location .galleryAreaSmall {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
#location .galleryAreaSmall a {
	float: left; display: block; 
	width: 114px; height: 114px; 
	margin: 0px 9px 9px 0px; 
	border: 0px; overflow: hidden;
}
#location .galleryAreaSmall a:hover {
	border: 0px; text-decoration: none;
}

/*** CATEGORY GALLERY ***/
#galleryAllThumbnailsArea {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#galleryAllThumbnailsArea a {
	float: left; display: block; position: relative;
	border: 0px; overflow: hidden;
}
#galleryAllThumbnailsArea a:hover {
	border: 0px; text-decoration: none;
}
#galleryAllThumbnailsArea a img {
	margin-top: 0; margin-left: 0;
}

#galleryAllThumbnailsArea a .galleryPhotoStripTop {
	display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; font-size: 14px; color: #FFF; font-weight: bold; overflow: hidden; z-index: 10;
	background: transparent url(../img/gallery-strip-top.png) bottom repeat-x;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
}
#galleryAllThumbnailsArea a .galleryPhotoStripBottom {
	display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px; font-size: 14px; color: #FFF; font-weight: bold; overflow: hidden; z-index: 10;
	background: transparent url(../img/gallery-strip-bottom.png) top repeat-x;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
}

.galleryPresentation { float: left; display: inline-block; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -30px 0px; }
.galleryDownload { float: left; display: inline-block; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -150px 0px; }
.galleryFullscreen { float: left; display: inline-block; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -210px 0px; }
.galleryCheckboxOff { float: left; display: inline-block; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -300px 0px; }
.galleryCheckboxOff:hover { background: transparent url(../img/gallery-symbols.png) no-repeat -330px 0px; }
.galleryCheckboxOn { float: left; display: inline-block; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -360px 0px; }

#galleryAllThumbnailsArea .galleryFullscreen {
	position: absolute; top: 1px; right: 1px;
}
#galleryAllThumbnailsArea .galleryDescription {
	display: block; width: 90%; margin: 3px 0 0 7px;
}
#galleryAllThumbnailsArea .galleryDownload {
	position: absolute; top: 1px; right: 1px;
}
#galleryAllThumbnailsArea .galleryCheckboxOff, #galleryAllThumbnailsArea .galleryCheckboxOn {
	position: absolute; top: 1px; left: 1px;
}

#fullThumbnail { display: none; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; background-position: center; border: 5px solid #000;  z-index: 303; }

#galleryFoto {
	position: relative; display: block; margin: 0px auto; width: 100%; height: 100%; overflow: hidden;
	/*border: 1px solid red;*/
}
#galleryAreaBottom {
	display: block; position: absolute; bottom: 0px; width: 100%; height: 42px; 
}
#galleryStripTop {
	display: block; position: absolute; top: 0px; right: 0px; width: 115px; height: 42px; font-size: 14px; color: #FFF; font-weight: bold; overflow: hidden; z-index: 300;
	font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
	background: transparent url(../img/gallery-strip-top.png) repeat-x center;
	border: none; /*-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;*/
	-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 0px 0px 0px 15px; border-radius: 0px 0px 0px 15px;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
}
#galleryStripBottom {
	display: none; position: absolute; bottom: 0px; width: 100%; height: 42px; font-size: 14px; color: #FFF; font-weight: bold; overflow: hidden;
	font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
	background: transparent url(../img/gallery-strip-bottom.png) repeat-x center;
	border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
}
#galleryCounter { position: absolute; left: 20px; width: 100px; height: 25px; top: 13px; color: #888; }
#galleryFileName { position: absolute; left: 130px; width: 300px; height: 25px; top: 13px; color: #EEE; }

#galleryNavigation { position: realtive; float: none; clear: both; width: 340px; margin: 8px auto 0px auto; cursor: default; }

#galleryThumbnails { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat 0px 0px; margin-left: 20px; }
#galleryPresentation {float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -30px 0px; margin-left: 20px; }
#galleryPause { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -60px 0px; margin-left: 20px; display: none; }
#galleryLeft { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -90px 0px; margin-left: 20px; }
#galleryRight { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -120px 0px; margin-left: 20px; }
#galleryDownload { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -150px 0px; margin-left: 100px; display: block; }
#galleryUpload { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -180px 0px; margin-left: 100px; display: block; }
#galleryFullscreen { float: left; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; background: transparent url(../img/gallery-symbols.png) no-repeat -210px 0px; margin-left: 100px; display: block; }

#gallerySettings, #gallerySettingsTop { position: absolute; right: 70px; top: 8px; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; float: none; clear: both; background: transparent url(../img/gallery-symbols.png) no-repeat -240px 0px; }
#galleryHelp, #galleryHelpTop { position: absolute; right: 20px; top: 8px; width: 30px; height: 25px; cursor: pointer; outline-width: 0px; outline: none; float: none; clear: both; background: transparent url(../img/gallery-symbols.png) no-repeat -270px 0px; }

#galleryHelpArea { display: none; }

#gallerySettingsArea { display: none; }
#gallerySettingsArea div { float: none; clear: both; vertical-align: top; }
#gallerySettingsArea div.checkboxNo { 
	display: block; float: left; width: 17px; height: 17px; background-image: url(../img/checkbox17no.gif); background-repeat: no-repeat; background-position: 0px -1px; margin-top: 0px; margin-right: 10px;
}
#gallerySettingsArea div.checkboxOk {
	display: block; float: left; width: 17px; height: 17px; background-image: url(../img/checkbox17ok-blue.gif); background-repeat: no-repeat; background-position: 0px -1px; margin-top: 0px; margin-right: 10px;
}
#speedDown {
	float: left; width: 16px; height: 16px; font-size: 18px; color: #09C; font-weight: bold; text-align: center; margin-top: 2px; cursor: pointer;
	font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
}
#speedUp {
	float: left; width: 16px; height: 16px; font-size: 18px; color: #09C; font-weight: bold; text-align: center; margin-top: 2px; margin-right: 10px; cursor: pointer;
	font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
}
#speedTime {
	float: left; width: 16px; height: 16px; font-size: 14px; color: #FFF; font-weight: bold; text-align: center; margin-top: 2px; 
	font-family: 'Trebuchet MS', 'Book Antiqua', Garamond, 'Times New Roman', Times, serif, 'MS Serif';
}
/*
#gallerySettingsArea { position: fixed; right: 0px; bottom: 42px; width: 300px; display: none; }
#galleryHelpArea { position: fixed; right: 0px; bottom: 42px; width: 300px; display: none; }
*/

/* HOME PAGE PRODUCT ROW */
.homeProductsRow {
height: 240px; padding: 0px 20px;  
background: url(../img/capfilms-left-navig-bg.gif) left top repeat-x; 
}

/* ALL CLIENT FORMS  */
.mandatory { width: 20px; color: #AD0; text-align: center; font-size: 13px; }
.mandatory img
	{ width: 11px; height: 11px; margin: 1px auto 0px auto; text-decoration: none; vertical-align: middle; }
.addressFormLegend
	{ width: 230px; }
.addressFormValue
	{ width: 260px; }
.requiredFields
	{ width: 500px; text-align: left; margin: 5px 0px 10px 0px;}

	
/* SEARCH + CATALOGUE branch (extended search) */
#branchSearch
	{ float: left; width: 710px; margin: 0px 10px 0px 10px; padding-bottom: 15px; text-align: left; }
#branchExtendedSearch
	{ width: 100%; height: 23px; background: #EEE; border: 1px solid #CCC; -moz-border-radius: 6px; border-radius: 6px;  -webkit-border-radius: 6px; margin-bottom: 10px; }
#branchExtendedSearch div
	{ float: left; }
#branchExtendedSearch img
	{ margin: 5px 5px 5px 7px; }
#branchExtendedSearch input[type=text]
	{ width: 110px; height: 15px; color: #666; border: 1px solid #999; margin: 3px 5px 2px 0px; padding: 0px 2px 0px 0px; }
#branchExtendedSearch select
	{ width: 80px; height: 15px; #height: 17px; border: 1px solid #999; margin: 4px 5px 5px 0px; padding: 0px; }
#branchExtendedSearch buttonX
	{ height: 17px; background: #666; margin: 3px 5px 5px 10px; border: 2px solid #333; border-top: 1px solid #BBB; border-left: 1px solid #BBB; font-size: 10px; color: #FFF; text-align: center; overflow: hidden; }
#branchExtendedSearch button
	{ height: 17px; font-size: 90%; margin-top: 3px; margin-left: 5px; }
#branchExtendedSearch button span
	{ margin-top: -1px; }
#branchExtendedSearch button[type=button] {
	color: #333; font-weight: normal;
	background-image: url(../img/bg_button_lpurple.gif); 
}


/*
#editWindow input[type=file]
	{ width: 200px; text-align: left; font-size: 11px; font-weight: bold; color: #000; padding: 0px 2px; margin-top: 1px; background: #000; border: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#editWindow select {
	font-size: 10pt; margin-bottom: 2px; 
	background: #000; color: #000000; font-size: 11px; font-weight: bold;
	border-top: 1px solid #808080; border-bottom: 1px solid #d4d0c8;
	border-left: 1px solid #808080; border-right: 1px solid #d4d0c8;
}
#editWindow option { background: #000; font-size: 10pt; padding-right: 5px; }
#editWindow .symbols { width: 55px; font-size: 18px; padding-top: 0px; }
#editWindow .symbols option { font-size: 18px; padding-top: 0px; }
#editWindow textarea { background: #FFF; width: 300px; font-size: 10pt; margin-bottom: 2px; }
*/	
#searchExtendedNavigClient {
position: relative; width: 100%; height: 17px; clear: both; overflow: hidden; font-size: 9px; color: #333; background: #EEE; border: 1px solid #CCC; border-bottom: 1px dotted #CCC; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;  -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
#searchExtendedNavigClient div {
float: left; font-size: 9px; font-weight: bold; margin: 1px 0px 0px 0px; }
#searchExtendedNavigClient select {
display: block; float: left; height: 15px; #height: 17px; background: #F6F6F6; font-size: 9px; color: #026; font-weight: bold; border: 1px solid #CCC; padding: 0px; margin: 1px 0px 0px 0px; vertical-align: bottom; }
#searchExtendedNavigClient option {
background: #F6F6F6; color: #026; font-size: 9px; }

.searchExtendedNavigProductsOnPage {
float: right; position: relative; margin: 0px 10px 0px 0px; }
.searchExtendedNavigProductsOnPage div {
float: right; }
.searchExtendedNavigProductsOnPage select {
float: right; }

.searchExtendedNavigOrderBy {
float: right; position: relative; margin: 0px 0px 0px 0px; }
.searchExtendedNavigOrderBy div {
float: right; }
.searchExtendedNavigOrderBy select {
float: right; }

.searchExtendedNavigFilter {
float: right; position: relative; margin: 0px 0px 0px 0px; }
.searchExtendedNavigFilter div {
float: right; }
.searchExtendedNavigFilter input {
float: right; margin-top: 4px; }

.searchExtendedNavig {
position: relative; float: none; clear: both; overflow: hidden; font-size: 11px; color: #999;
/*-moz-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; */
}
#searchExtendedNavigTop {
height: 36px; margin-top: 0px; margin-bottom: 10px; } /*border-top: none; */
#searchExtendedNavigTop select {
display: block; float: right; height: 16px; background: #FFF; font-size: 10px; color: #003; font-weight: normal; border: 1px solid #CCC; padding: 0px 0px 0px 0px; margin: 1px 0px 0px 0px; vertical-align: middle; }
#searchExtendedNavigTop option {
background: #FFF; color: #003; font-size: 10px; padding: 0px 3px 0px 0px; }

#searchExtendedNavigBottom {
height: 46px; margin-top: 10px; border-top: 1px solid #BBB;
/*-moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; */
}
#searchExtendedNavigBottom select {
display: block; float: right; height: 16px; background: #FFF; font-size: 10px; color: #003; font-weight: normal; border: 1px solid #CCC; padding: 0px 0px 0px 0px; margin: 1px 0px 0px 0px; vertical-align: middle; }
#searchExtendedNavigBottom option {
background: #FFF; color: #003; font-size: 10px; padding: 0px 3px 0px 0px; }

.searchExtendedNavigNoRecords {
text-align: left; color: #003; font-weight: bold; padding-top: 10px; border-top: 1px solid #CCC; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; }

.searchExtendedRecordsNavig {
position: absolute; top: 2px; left: 220px; width: 100%; height: 18px; text-align: left; font-weight: normal; color: #026; clear: both; overflow: hidden; }
.searchExtendedRecordsNavig strong {
font-weight: bold; color: #333; }

.searchExtendedArrowNavig {
display: block; position: absolute; bottom: 0px; left: 0px; height: 19px; text-align: right; clear: both; overflow: hidden; vertical-align: top; }
.searchExtendedArrowNavig b {
float: right; display: block; height: 16px; line-height: 15px; font-weight: bold; background: #003; color: #FFF; margin: 0px 5px 0px 5px; padding: 0px 4px 0px 4px; }
.searchExtendedArrowNavig i {
float: right; display: block; height: 16px; line-height: 15px; font-weight: normal; font-style: normal; color: #969696; margin: 0px 5px 0px 5px; padding: 0px 4px 0px 4px; }
.searchExtendedArrowNavig a {
float: right; display: block; cursor: pointer; }
.searchExtendedArrowNavig a[class=goToPage] {
float: right; display: block; height: 16px; line-height: 15px; font-weight: normal; text-decoration: none; color: #003; margin: 0px 5px 0px 5px; padding: 0px 2px 0px 2px; }
.searchExtendedArrowNavig a:hover[class=goToPage] {
text-decoration: none; color: #F60; }

.searchExtendedArrowNavig span[class=inActiveFirst] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-lgray-white.png) 0px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; }
.searchExtendedArrowNavig span[class=inActiveLeft] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-lgray-white.png) -8px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; }
.searchExtendedArrowNavig span[class=inActiveRight] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-lgray-white.png) -16px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; }
.searchExtendedArrowNavig span[class=inActiveLast] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-lgray-white.png) -24px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; }
.searchExtendedArrowNavig a[class=activeFirst] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-red-white.png) 0px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; text-decoration: none; }
.searchExtendedArrowNavig a[class=activeLeft] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-red-white.png) -8px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; text-decoration: none; }
.searchExtendedArrowNavig a[class=activeRight] {
float: right; display: block; width: 8px; height: 11px; background: url(../img/rec-allinone-8-red-white.png) -16px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; text-decoration: none; }
.searchExtendedArrowNavig a[class=activeLast] {
float: right; display: block; width: 8px; height: 11px; background: #FFF url(../img/rec-allinone-8-red-white.png) -24px 0px no-repeat; margin: 3px 5px 0px 5px; padding: 0; text-decoration: none; }

/* search results */
.searchProductName
	{ margin: 10px 0px 3px 0px; }
.searchProductName a
	{ font-size: 13px; color: #666; font-weight: bold; }
.searchProductName a:hover
	{ color: #000; }
.searchProductDescription a
	{ font-size: 11px; color: #999; text-decoration: none; }


#messagesDiv
	{ position: relative; width: 600px; margin: 10px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
#messagesOkFromDB
	{ position: relative; width: 600px; margin: 10px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
.messagesDiv
	{ position: relative; margin: 20px auto 20px auto; background: #E0E9F0; font-size: 12px; font-weight: bold; text-align: center; line-height: 130%; border: 3px double red; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.msgH { font-size: 12px; color: #000; text-align: left; line-height: 130%; margin: 5px; }
.msgHead { font-size: 14px; color: #000; text-align: left; line-height: 130%; margin: 5px; }
.msgOk { font-size: larger; color: #888; text-align: center; line-height: 130%; margin: 5px; }
.msgNo { font-size: larger; color: #F00; text-align: center; line-height: 130%; margin: 5px; }


.infoBoxFormB
	{ position: absolute; width: 300px; top: 15px; left: 10px; z-index: 100; display: none; }
.infoBoxFormB img
	{ display: block; position: absolute; top: 0px; left: 20px; width: 17px; height: 15px; }
.infoBoxFormB div
	{ margin-top: 15px; padding: 4px 6px 6px 6px; background: #FFD; text-align: center; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.infoBoxFormB span
	{ display: block; font-weight: bold; font-size: 120%; color: #026; text-align: center; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #026; }

/******************************************************************************************/
/************************************          CONTENT           ************************************/
/******************************************************************************************/
#content
	{ float: left; width: 590px; margin: 10px 15px 0px 15px; padding-top: 0px; text-align: left; }
#contentText img {
	border: 1px solid #999; }

/* AJAX LOGIN */
#loginHeadline {
	width: 406px; height: 30px;
	margin: 15px auto 12px auto; line-height: 30px;
}
#loginHeadline span {
	margin-left: 0px; color: #10003D; font-size: 130%; font-weight: bold; 
}
#loginOKHeadline {
	width: 406px; height: 30px;
	background: transparent url(../img/synergie-success.png) center left no-repeat;
	margin: 15px auto 12px auto; line-height: 30px;
}
#loginOKHeadline span {
	margin-left: 40px; color: #10003D; font-size: 110%; font-weight: bold; 
}
#loginErrorHeadline {
	width: 406px; height: 30px;
	background: transparent url(../img/synergie-warning.png) center left no-repeat;
	margin: 15px auto 12px auto; line-height: 30px;
}
#loginErrorHeadline span {
	margin-left: 45px; color: #D20217; font-size: 110%; font-weight: bold; 
}
#loginTable {
	display: block; width: 406px; background-color: transparent; margin: 15px auto; 
}
#loginTable th {
	width: 102px; padding-right: 10px; text-align: right; color: #666; font-size: 120%; font-weight: bold; vertical-align: middle;
}
#loginTable th b {
	color: #F00;
}
#loginTable td {
	padding: 4px 0px; vertical-align: middle;
}
#loginTable td input {
	width: 280px; text-align: left; color: #10003D; font-size: 100%; font-weight: normal;
	border: 1px solid #10003D;
}
#loginTable label {
	display: block; margin: 3px 0px 0px 0px; color: #F00; font-size: 90%;
}

#loginButtonArea {
	float: left; width: 200px; margin: 25px 0px 0px 15px; color: #666; line-height: 120%;
}
#loginButton, #forgottenPasswordButton, #forgottenPasswordEndButton {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; margin-left: 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/synergie_button_bg_blue.png) left center no-repeat;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
#loginButton:hover, #forgottenPasswordButton:hover, #forgottenPasswordEndButton:hover {
	background: transparent url(../img/synergie_button_bg_blue.png) right center no-repeat;
}
#loginButton span, #forgottenPasswordButton span, #forgottenPasswordEndButton span {
	display: block; color: #FFF; font-weight: normal; text-align: center; border: none; border: 1px solid red;
}
#loginButtonArea .closeButton {
	margin-left: 30px; margin-bottom: 20px;
}

#loginLinkArea {
	float: left; width: 200px; margin: 25px 0px 10px 20px; color: #666; font-size: 90%; line-height: 120%; text-align: right;
}
#loginLinkArea a {
	display: block; margin: 0px 20px 7px 0px; color: #776D9F;
}
#loginLinkArea a:hover {
	color: #10003D;
}

/* AJAX REGISTER */
#registerHeadline {
	width: 406px; height: 30px;
	margin: 15px auto 12px auto; line-height: 30px;
}
#registerHeadline span {
	margin-left: 0px; color: #10003D; font-size: 130%; font-weight: bold; 
}
#registerTable {
	display: block; width: 406px; background-color: transparent; margin: 15px auto; 
}
#registerTable th {
	width: 132px; padding-right: 10px; padding-top: 3px; text-align: right; color: #666; font-size: 120%; font-weight: bold; vertical-align: top;
}
#registerTable th b {
	color: #F00;
}
#registerTable td {
	padding: 4px 0px; vertical-align: top;
}
#registerTable td input {
	width: 250px; text-align: left; color: #666; font-size: 100%; font-weight: normal;
	border: 1px solid #10003D;
}
#registerTable2 {
	display: block; width: 406px; background-color: transparent; margin: 10px auto; 
}
#registerTable2 th {
	width: 132px; padding-right: 10px; padding-top: 5px; text-align: right; color: #666; font-size: 100%; font-weight: bold; vertical-align: top;
}
#registerTable2 th b {
	color: #F00;
}
#registerTable2 td {
	padding: 4px 0px; color: #666; font-size: 90%; font-weight: normal; vertical-align: top;
}
#registerTable2 td select {
	width: 130px; text-align: left; color: #666; font-size: 110%; font-weight: normal; margin: 0; padding: 0; vertical-align: middle;
	border: 1px solid #10003D;
}
#registerTable2 td option {
	color: #666; font-size: 110%; font-weight: normal; margin: 0; padding: 0; vertical-align: middle;
	border: none;
}
#registerTable2 td img {
	float: left; margin: 3px 10px 10px 30px; cursor: pointer;
}
#registerTable label, #registerTable2 label {
	display: block; margin: 3px 0px 0px 0px; color: #F00; font-size: 90%;
}

#registerButtonArea {
	float: left; width: 200px; margin: 25px 0px 0px 15px; color: #666; line-height: 120%;
}
#registerButton, #registerEndButton {
	height: 28px; font-size: 110%; padding: 0px 20px 2px 20px; margin-left: 20px; color: #FFF; font-weight: normal;
	background: transparent url(../img/synergie_button_bg_blue.png) left center no-repeat;
	border: none; -moz-border-radius: 15px; border-radius: 15px;  -webkit-border-radius: 15px;
}
#registerButton:hover, #registerEndButton:hover {
	background: transparent url(../img/synergie_button_bg_blue.png) right center no-repeat;
}
#registerButton span, #registerEndButton span {
	display: block; color: #FFF; font-weight: normal; text-align: center; border: none; 
}

#registerInfoArea {
	float: left; width: 200px; margin: 25px 0px 20px 20px; color: #666; font-size: 90%; line-height: 120%; text-align: right;
}
#registerInfoArea div {
color: #10003D; font-weight: bold; text-align: right; margin-right: 20px;
}
#registerInfoArea b {
	color: #F00;
}

#registerOKHeadline {
	width: 406px; height: 30px;
	background: transparent url(../img/synergie-success.png) center left no-repeat;
	margin: 15px auto 12px auto; line-height: 30px;
}
#registerOKHeadline span {
	margin-left: 40px; color: #10003D; font-size: 110%; font-weight: bold; 
}
#clientFullname {
	display: none;
}
#registerErrorHeadline {
	width: 406px; height: 30px;
	background: transparent url(../img/synergie-warning.png) center left no-repeat;
	margin: 15px auto 12px auto; line-height: 30px;
}
#registerErrorHeadline span {
	margin-left: 45px; color: #D20217; font-size: 110%; font-weight: bold; 
}


/* ADMIN TEST BLOCK with paths, variables etc. */
#showTest { margin: 15px auto; padding: 10px; border: 1px solid #999; background: #EEF; color: #000; }
#showTest h1 { padding: 0px; margin-bottom: 20px; }
#showTest div { padding: 3px 0px; border-bottom: 1px dotted #999; }
#showTest span { color: #00F; font-weight: bold; }