body {
    font-size: 0.75em;
}

.Normal {
    font-size: 1.0em;
}

body.Normal {
    font-size: 0.75em;
}

#Body {
    background-color: #F5F5F5;
}

#escape {
    background: url(img/body-bg.gif) top left repeat-x;
    padding-top: 18px;
}

.clearer {
    clear: both;
}

#Form {
    height: auto !important;
    margin: 0 !important;
}

body, table thead, table th, table tfoot, table td,
blockquote, input, textarea, .Normal
{
    font-family: Arial, sans-serif;
    color: #444;
    line-height: normal;
}

table, tbody, tr, td, th, thead, tfoot {
    font-size: 1.0em;
}

p {
    margin: 0 0 1.0em 0;
}

ul {
    margin: 0 0 1.0em 0;
}

ul ul {
    margin-bottom: 0;
}

ul li, ul ul li, ul ul ul li {
    list-style: none;
    padding-left: 17px;
    background: url(img/li-bullet.gif) 7px 3px no-repeat;
}

a img {
    border: none;
}

a, a:link, a:visited, a:active {
    color: #2F88EC;
    text-decoration: none;
}

a:hover {
    color: #2F88EC;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
	color: #ba102b;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0.8em 0;
}

#wrap {
    text-align: left;
    width: 944px;
}

#header {
    height: 123px;
    background: url(img/wrap-top.gif) top left no-repeat;
    position: relative;
}

#logo {
    display: block;
    position: absolute;
    left: 32px;
    top: 18px;
    width: 179px;
    height: 52px;
    background: url(img/boblboom-logo.gif) top left no-repeat;
}

#lang {
    position: absolute;
    right: 31px;
    top: 24px;
    text-align: right;
}

#lang ul {
    margin: 0;
    padding: 0;
}

#lang li {
    margin: 0;
    padding: 0;
    display: inline;
    padding-left: 16px;
    background: url(img/lang-separator.gif) 8px 3px no-repeat;
}

#lang li.Menu-first {
    background: none;
}

#lang a, #lang a:link, #lang a:visited, #lang a:active {
    color: #888;
}

#lang a.Menu-open, #lang a.Menu-open:link, #lang a.Menu-open:visited, #lang a.Menu-open:active {
    color: #454545;
    font-weight: bold;
}

#navi {
    padding: 81px 0 0 1px;
}

#navi ul {
    margin: 0;
    padding: 0;
}

#navi li {
    height: 42px;
    float: left;
    padding: 0 2px 0 0;
	background: url(img/navi-separator.gif) top right no-repeat;
    margin-left: -1px;
}

#navi li.Menu-first {
    margin-left: 0;
}

#navi a, #navi a:link, #navi a:visited, #navi a:active {
    display: block;
    padding: 18px 28px 0 28px;
    height: 26px;
    _height: 42px;
    font-weight: bold;
	float:left;
    color: #444;
}

#navi a.Menu-open, #navi a.Menu-open:link, #navi a.Menu-open:visited, #navi a.Menu-open:active,
#navi a.Menu-sel, #navi a.Menu-sel:link, #navi a.Menu-sel:visited, #navi a.Menu-sel:active
{
    color: #808080;
    background: url(img/navi-sel-bg.gif) top left repeat-x;
}

#navi a:hover {
    
}

#contentarea {
    background: url(img/wrap-repeat.gif) top left repeat-y;
    min-height: 70px;
    _height: 70px;
}

.subpage #contentarea {
    padding: 29px 31px 20px 32px;
}

.subpage #left {
    width: 192px;
    float: left;
    margin-right: 30px;
}

#subnavi {
	min-height: 1px;
	background: #F5F5F5 url(img/subnavi-top.gif) top left no-repeat;
}

#subnavi ul {
    margin: 0;
    padding: 0;
}

#subnavi ul.Menu-l2 {
    background: url(img/subnavi-bottom.gif) bottom left no-repeat;
    padding: 6px 0;
}

#subnavi li {
    margin: 0;
    padding: 0;
    background: none;
    border-top: 1px solid #C0C0C0;
}

#subnavi li.Menu-first {
    border-top: none;
}

#subnavi a, #subnavi a:link, #subnavi a:visited, #subnavi a:active {
    display: block;
    line-height: 15px;
    padding: 6px 8px 5px 22px;
    color: #444;
    font-weight: bold;
    background: url(img/subnavi-bullet.gif) 11px 10px no-repeat;
}

#subnavi a.Menu-open, #subnavi a.Menu-open:link, #subnavi a.Menu-open:visited, #subnavi a.Menu-open:active,
#subnavi a.Menu-sel, #subnavi a.Menu-sel:link, #subnavi a.Menu-sel:visited, #subnavi a.Menu-sel:active
{
    color: #808080;
    background-color: #FFF;
}


.subpage #right {
    width: 220px;
    float: right;
}

.subpage #content {
    width: 408px;
    float: left;
}

#leftcolumn {
    float: left;
}

#rightcolumn {
    float: right;
}

.subpage #leftcolumn {
    width: 180px;
}

.subpage #rightcolumn {
    width: 180px;
}

#footer {
    background: url(img/wrap-bottom.gif) top left no-repeat;
    padding: 19px 30px 16px 32px;
}

#footer a, #footer a:hover, #footer a:visited, #footer a:active {
	float:right;
	color: #989898;
	text-decoration: underline;
}

#footer #copyright { 
	float:left;
	color: #989898;
}

.DNNEmptyPane {
    display: none;
}

/* Subpage breadcrumbs */

.breadcrumbs {
	margin-bottom: 7px;
}

.breadcrumbs span a {
	padding-left: 10px;
	background: url(img/black-arrow.gif) center left no-repeat;
}

.breadcrumbs span a.first {
	background:none;
	padding-left:0;
}
.breadcrumbs span img {
	height: 0;
	padding:0;
	width:0;
}

/* Frontpage changes */

.frontpage #right {
    width: 220px;
    float: right;
}

.frontpage #content {
    width: 325px;
    float: left;
}

.frontpage #contentarea {
    padding: 29px 31px 20px 32px;
}

.frontpage #left {
    width: 275px;
    float: left;
    margin-right: 30px;
}

.frontpage #flash {
	float:left;
	border: solid 1px #d5d5d5;
	margin-bottom: 30px;
	width: 628px;
	clear:left;
}


/* Adult & kid sunglasses iconlist */

.icon-list {
	margin:0 -20px 0 0;
	padding:0;
}

.icon-list li {
	float:left;
	list-style:none;
	padding:0 14px 0 0;
	background: none;
}

.icon-list li .editfield {
	float:left;
	clear:both;
}

.icon-list li a, .icon-list li a:hover, .icon-list li a:visited, .icon-list li a:active {
	display:block;
	width: auto;
	float:left;
	min-height: 50px;
	_height: 55px;
}

.icon-list li a img {
	vertical-align: middle;
	display:block;
}
.coco-separator {
	font-size: 0px;
	line-height: 0;
	height: 1px;
	width: 100%;
	clear:both;
	background: #d5d5d5;
	display:block;
	margin-bottom: 10px;
}

.kids-header {
	color: #bd0e2f;
	font-weight: bold;
	margin-bottom: 15px;
	display:block;
}

/* Avenla articles */

.AvenlaArticles { 
	padding-bottom: 2px; 
}

h2.ArticleTitle {
	font-size: 1.3em;
}

.ArticleDetails {
	padding: 10px;
}

.ArticleListTitle {
	padding: 7px;
	border-style: solid;
	border-width: 0px 1px 1px;
	border-color: #d5d5d5;
}
.ArticleListTitle h3{
	font-size: 1.2em;
	margin:0;
}

ul.ArticleList {
	margin:0;
	padding:0;
}

ul.ArticleList li {
	list-style:none;
	background:none;
	margin-bottom: 26px;
	clear:both;
	padding-left: 6px;
}

ul.ArticleList li a, ul.ArticleList li a:hover, ul.ArticleList li a:visited, ul.ArticleList li a:active {
	color: #2F88EC;
    text-decoration: none;
	display:block;
	position:relative;
}

ul.ArticleList li a:hover {
	text-decoration: underline;
}

ul.ArticleList li span {
	float:left;
	clear:both;
	font-size: 0.95em;
	color: #777777;
}
.MoreArticles {
	padding: 10px;
	text-align:right;
}

/* Right side coco */

.rightlist {
	background: url(img/articles-top.gif) top left no-repeat;
	padding-top: 2px;
}

.rightlist .outline {
	background: url(img/articles-bottom.gif) bottom left no-repeat;
	width: 220px;
	padding-bottom: 2px;
}
.rightlist ul {
	margin:0;
	padding: 2px 13px;
	_padding: 10px 13px;
	border-style: solid;
	border-width: 0px 1px;
	border-color: #d5d5d5;
	width: 192px;
	_width: 220px;
}

.rightlist li {
	list-style:none;
	background: none;
	clear:both;
	padding:0;
	cursor:pointer;
}

.rightlist li a, .rightlist li a:hover, .rightlist li a:active, .rightlist li a:visited {
	display:block;
	margin-bottom: 9px;
	cursor:pointer;
	width: 100%;
}

.rightlist li a img.smallicon {
	float:left;
	padding:2px;
	border: solid 1px #d5d5d5;
	margin-right: 6px;
}

.rightlist li a span {
	width: 127px;
	float:right;
}

/* Avenla form */

.AvenlaForm {
	margin-top: 25px;
}

.AvenlaForm .FormInvalid {
	margin-left: 98px;
	_margin-left: 105px;
	color: red;
}

.AvenlaForm .DynamicFormInput {
	margin: 5px 0 0 85px;
}

.AvenlaForm label {
	width: 95px;
	text-align:right;
	margin: 3px;
}

.DynamicFormInput textarea, .DynamicFormInput input {
	width: 260px;
}

.AvenlaFormSubmit input {
	margin: 5px 0 0 97px;
	_margin-left: 103px;
}

.AvenlaSlideshowImages li {
	background:transparent none repeat scroll 0 0;
	left:50%;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
	visibility:hidden;
	width:628px;
	height: 228px;
}

.AvenlaSlideshowImages {
	position:relative;
	padding:0;
	margin:0;
	height:228px;
	overflow:hidden;
	width: 628px;
}

#mainSlideshow {
	float:left;
	width: 628px;
	position:relative;
}
.AvenlaSlideshowPrev, .AvenlaSlideshowNext, .AvenlaSlideshowNavi {
	display:none;
}

/* Muutokset */
.FpPicturelist, .FpBiglinks
{
	margin:0;
	overflow:hidden;
	padding:0;
}

.FpPicturelist li 
{
	float:left;
	list-style:none;
	padding:0;
	width: 210px;
	overflow:hidden;
	position:relative;
	background: none;
}
.FpLinksLiftup
{
	padding: 25px 0;
}

.FpBiglinks li 
{
	list-style:none;
	background: none;
	padding:25px;
	border-top: solid 1px #d5d5d5;	
}

.FpBiglinks .LogoLink 
{
	display:block;
	float:left;
	width: 160px;
}

.optical #logo 
{
	/*background-image: url(img/logo_optical2.png);*/
}

.sportswear #logo 
{
	/*background-image: url(img/logo_sportswear2.png);*/
}

.FpBiglinks p 
{
	margin: 0 0 0 205px;
}


.FpPicturelist a 
{
	display:block;
}


.newfront #flash 
{
	border:0;
	width: 632px;
}

.LogoShade 
{
	height: 60px;
	width: 100%;
	background: #FFF;
	left:0;
	bottom: 0;
	position:absolute;
	z-index:9;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.LogoContainer 
{
	height: 60px;
	width: 100%;
	text-align:center;
	position:absolute;
	display:block;
	z-index:10;
	left:0;
	bottom: 0;
}

.FpBigliftup 
{
	text-align:center;
}

.newfront #widepane 
{
	clear:left;
}

.optical #widepane, .sportswear #widepane 
{
	clear:none;
}

.FpBigliftup p 
{
	width: 520px;
	margin: 0 auto;
	font-size: 1.3em;
	padding: 30px 0;
}

.FpBigliftups 
{
	margin:0;
	padding:40px 0;
	overflow:hidden;
	border-top: solid 1px #d5d5d5;
}

.FpBigliftups li 
{
	width: 411px;
	float:left;
	text-align:center;
	background: none;
	list-style:none;
	padding:0;
}

.FpBigliftups p 
{
	width: auto;
	padding:30px 0 0;
}

.FpBigliftups a 
{
	font-size: 1.1em;
}