body{ font-family: Arial; background-color: #fff; }

div#home{ background: #dcdcdc url(../gfx/bg.jpg) top left repeat-x }
div.header{ background: #b10034 url(../gfx/header_logo.png) top left no-repeat; height: 58px; }
div.headerpic{ background: #000 url(../gfx/headerpic.jpg) top right no-repeat; height: 100px; }
div.stripe{ background: #000 url(../stripe.jpg) top center no-repeat; height: 1px; }

div#time{ color: #f8b108; padding: 78px 0 0 10px; font-family: "Trebuchet MS"; font-size: 15px; }

body > .panel { background: #e1e1e1; }
.panel a{ color: #333333; text-decoration: underline; }
.panel p{ font-size: 14px; line-height: 18px; }
a.button{ color: #fff; text-decoration: none; }
p.biggerText{ font-size: 18px; line-height: 22px; }

a[selected], a:active { background: #CCCCCC !important; }
img{ border: 0; margin: 0; padding: 0; }

a{ color: #fff;  text-decoration: none; }
#logo{ margin: -6px 0 0 -4px; }
#homeButton{ float: right; }
#homeButton.left{ left: 15px; top: 15px; right: auto; }
#backButton {
    display: none;
	left: auto;
    right: 60px;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(../gfx/backButton.png) 0 8 0 14;
}
.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 42px;
    margin: 3px 0 0 0;
	padding: 0;
    height: 50px;
    font-size: 17px;
    width: 145px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
	text-transform: uppercase;
	display: inline;
}
body[orient="landscape"] > .toolbar > h1 {
    margin-left: 0;
    width: 250px;
}

/* HOME */
#home a{ float: left; margin: 20px 0 0 10px; }
a#collection_btn, a#connect_btn{ margin-left: 53px; }
a#connect_btn, a#store_btn{ margin-top: 10px; margin-bottom: 30px; }

body.landscape a#news_btn, body.landscape a#connect_btn{ margin-left: 10px; }
body.landscape a#collection_btn{ margin-left: 25px; }
body.landscape a#connect_btn, body.landscape a#store_btn{ margin-top: 20px; }
body.landscape a#collection_btn, body.landscape a#news_btn, body.landscape a#connect_btn, body.landscape a#store_btn { margin-top: 5px; margin-bottom: 0; }


/* Image Gallery: COLLECTION*/
/*
body > #collection.panel  { padding: 0; margin: 0; }
*/
a#Infobtn{ position: relative; top: 0; left: 0; float: right; margin: 15px 15px 0 0; clear: both; z-index: 100; }

a#picLeft{ position: absolute; top: 370px; left: 15px; z-index: 100; }
a#picRight{ position: relative; top: 370px; left: 0; float: right; margin-right: -39px; z-index: 100; }

body.landscape a#picLeft, body.landscape a#picRight{ top: 225px; }

.posPicture{ margin-top: -60px; margin-left: -5px; }
body.landscape .posPicture{ margin-top: -139px; margin-left: 0; }

.posIntro{ margin: 100px 0 140px -60px; -webkit-transform: rotate(-90deg); z-index: 10; }
body.landscape .posIntro{ margin: 20px 0 140px 0; -webkit-transform: rotate(0); }

table, tr, td{ margin: 0; padding: 0; }

#InfoTable{ position: absolute;  top: 30px; left: 0; z-index: 150; }
#pictable{ position: absolute; top: 0; left: 0; }

/* Infobox ANI */
.hide{ opacity: 0; }
#InfoBox{ background-color: #f0f0f0; font-weight: bold; -webkit-border-radius: 7px; padding: 8px 6px; width: 200px; border: 2px solid #B00836; -webkit-transition-property: opacity; -webkit-transition-duration: 0.5s; }
#InfoBox span{ font-size: 14px; font-weight: normal; padding-top: 15px; }
#InfoBox br{ line-height: 0px; height: 0px; }

div#InfoBox { -webkit-transform: translateY(60px); }

.slide { -webkit-animation-name: slide; -webkit-animation-duration: 0.5s; opacity: 0.9; }

@-webkit-keyframes slide 
{
	from 
	{
	-webkit-transform: translateY(-100px);
	-webkit-animation-timing-function: ease-out;
	}
	to 
	{
	-webkit-transform: translateY(60px);
	-webkit-animation-timing-function: ease-in;
	}
}

div.noHeaderBar{ margin-top: -45px; }

/* NEWS */
ul li{ color: #b10135; }

li.news p{ font-size: 14px; line-height: 18px; height: 62px; margin: 0; padding: 8px 0 0 90px; }
body > ul > li.news > a { margin: 0; padding: 0 30px 0 0; }
body > ul > li.news { padding: 0; margin: 0; background: #fff url(../gfx/bg_list.jpg) top 80px repeat-y; }
ul.listWithBg li{ background: #fff url(../gfx/bg_list.jpg) top left repeat-y; }

h3{ color: #B10135; font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 0; }

/* Newsletter form: CONNECT*/
select{ margin: 10px 20px 0 0; }

.rotate{ -webkit-transform: rotate(180deg); }

.button {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 29px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(../gfx/toolButton.png) 0 6 0 6;
}
#contactButtons{ margin-left: 7px; }
.alter{ -webkit-border-image: url(../gfx/toolButton.png) 0 6 0 6; position: relative; padding: 6px 5px 10px 5px; margin-right: 15px; }
.extra{ padding: 15px 15px 19px 15px; font-size: 16px; margin-right: 30px; height: 45px; line-height: 44px; -webkit-border-image: url(../gfx/toolButton_big.png) 0 6 0 6; }

#mapButton{ margin-right: 0; }

body > .toolbar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    height: 45px;
    background: #b10135;
	border: none;
}

body > ul > li > a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background: url(../gfx/arrow.png) no-repeat right center;
}

/* sticky footer */
html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important;  height: 100%; margin: 0 auto -3px; }
.footer, .push { height: 3px; }

form select{ width: 100px; font-size: 14px; float: left; margin-left: 110px; }
form p{ padding: 0 5px 0 8px; margin-top: 25px; float: left; clear: right; text-align: center; }
p.formpadding{ padding: 0 5px 0 8px; }

#subscribe{ padding: 0 5px; float: right; clear: both; }