html { padding: 0; margin: 0 }

body {
	font: normal 10pt Verdana, sans-serif;
	background: #000 url('../images/layout/body-bg.png') top center repeat-x;
    color: #696a6c;
	padding: 0;
	margin: 0;
}
a { color: #000; text-decoration: none }
a:hover { text-decoration: underline }
a img,:link img,:visited img { border: none; }


#content {
	background: #fff url('../images/layout/content-bg.png') top center repeat-y;
	margin: auto;
	padding: 0px 30px;
	width: 936px;
	height: auto;
	color: #696a6c;
}
#header {
	position: relative;
	padding-top: 170px;
}
div#header div#select-language {
	position: absolute;
	left: auto;
	bottom: auto;
	right: 0px;
	top: 151px;
	width: 80px;
	height: 18px;
	z-index: 20
}

div.position{
	position: absolute;
	left: auto;
	bottom: auto;
	top: 142px;
	padding-left: 254px;
}
div#header div#spotcana-big-link a /*, div#header div#spotcana-link a*/ {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}

div#header div#spotcana-big-link {
	position: absolute;
	left: 0px; bottom: auto;
	right: auto; top: 0px;
	width: 600px; height: 148px;
}


div#footer { clear: both; border-top: 1px solid Gray; margin-top: 2em; padding-top: 2px; padding-bottom: 5px }
div#footer * { color: #696a6c; font: normal 8pt Verdana, sans-serif }
div#footer div#quick-links { float: left }
div#footer div#quick-links ul { margin: 0; padding: 0 }
div#footer div#quick-links ul li { display: inline; border-left: 1px solid #696a6c; padding-left: 1em; margin-left: 1em; margin-right: 0; padding-right: 0 }
div#footer div#quick-links ul li:first-child { display: inline; border: none; margin-left: 0; padding-left: 0 }
div#footer address { float: left;}
div#footer address.right { float: right;}
div#footer address a:hover{ text-decoration:none}
h1.login {
	line-height: 23px;
	font: normal bold 12px Verdana, sans-serif;
}
div#login-box {
	margin: auto;
	width: 451px;
	height: 184px;
	background: transparent url('../images/layout/login-box-old.png') center center no-repeat;
	font: normal 10px Verdana, sans-serif;
	padding: 6px 0 0 0;
}

div#login-box-new {
	margin: auto;
	width: 230px;
	height: 162px;
	background: transparent url('../images/layout/login-box.png') center center no-repeat;
	font: normal 10px Verdana, sans-serif;
	padding: 6px 0 0 0;
}

div#login-box h2 {
	font: normal bold 12px Verdana, sans-serif;
	color: #fff;
	padding-top: 0px; padding-left: 16px;
}

div#login-box h3 {
	font: normal bold 11px Verdana, sans-serif;
	/*width: 200px;*/
	padding: 8px 0 15px 0;
	margin-left: 8px;
}

div#login-box-new h2 {
	font: normal bold 12px Verdana, sans-serif;
	color: #fff;
	padding-top: 0px; padding-left: 16px;
}

div#login-box-new h3 {
	font: normal bold 11px Verdana, sans-serif;
	/*width: 200px;*/
	padding: 8px 0 15px 0;
	margin-left: 8px;
}

img.orange-border { border: 1px solid #f26513 }
.border-free { border: none; margin-right: 2px }

table#breadcrumb { width: 100%; clear: both; margin-top: 4px }
table#breadcrumb tr td#location { margin-left: 4px; background: transparent url('../images/layout/breadcrumb-bullet.jpg') left center no-repeat; padding-left: 1em }
table#breadcrumb tr td#location, #breadcrumb tr td#location a { font: normal 8pt Verdana, sans-serif; color: #696a6c }
table#breadcrumb tr td#search { text-align: right; vertical-align: top; white-space: nowrap }
table#breadcrumb tr td#search input#query { border: 1px solid Gray; margin-right: .5em }
table#breadcrumb tr td#search select { margin-right: .5em }

div#header div#menu ul { /* float: left; */ margin: 5px; padding: 0 }
div#header div#menu ul li { line-height: 29px; text-align: center; height: 29px;
    float: left; display: block; background: url('../images/layout/menu-item.jpg') center right no-repeat }
div#header div#menu ul li a { font-size: 12px; font-weight: bold; display: block; color: #fff; text-decoration: none; padding: 0 8px }
div#header div#menu ul li.two-lines a { font-size: 10px; line-height: 12px; font-weight: bold; display: block; color: #fff; text-decoration: none; padding: 1px 8px }
div#header div#menu ul li a:hover, div#header div#menu ul li.active a, div#header div#menu ul li.static { background: url('../images/layout/menu-item-active.jpg') top right no-repeat; }
div#header div#menu div#menu-left  { float: left; background: transparent url('../images/layout/menu-left.jpg') center center no-repeat; width: 8px; height: 29px }
div#header div#menu div#menu-right  { float: left; background: transparent url('../images/layout/menu-right.jpg') center center no-repeat; width: 12px; height: 29px  }
div#header div#profile {
	font-size: 10px;
	position: absolute;
	left: auto;
	bottom: auto;
	top: 153px;
	width:100%;
	text-align: right;
	/*padding-left: 543px;*/
}
span.username{
	font-weight: bold;
	color: #000000;
}
span.user-action{
	margin-right: 85px;
}
span.user-action a{
	color: #696a6c;
}
span.user-action a:hover{
	color: #696a6c;
	text-decoration: underline;
}