@charset "UTF-8";
/* CSS Document */

/* Base colours - Orange: #ec862a; Red: #b70f24; */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 0.75em;
	color: #646A79;
}

img {
	border: none;	
}

h1, h2, h3, a {
	color: #EC862A;	
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}	

h3 {
	font-size: 1.16em;	
}

p, address, h1, h2, h3, h4, h5, li {
	line-height: 150%;	
}

label {
	display: block;	
	margin-top: 10px;
}

textarea {
	display: block;	
	margin-bottom: 10px;
}

body.page {
	background: #b70f24 url(../images/common/bg-body.jpg) top center no-repeat;
	border-top: 5px solid #000;	
}


/* Header - Logo and Navigation */

#header {
	min-height: 121px;
	background: url(../images/common/bg-rounded-top.gif) bottom left no-repeat;
	width: 955px;
	margin: auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 36px;
	left: 7px;
}

#secondary-navigation-wrapper {
	position: absolute;
	top: 22px;	
	right: 10px;	
}

#language-navigation {
	background: url(../images/common/bg-language-navigation.gif) no-repeat;
	list-style: none;
	width: 224px;
	height: 39px;
	padding-left: 7px;
	float: right;
}

#language-navigation li {
	float: left;
	padding: 10px 3px;
}

#press {
	display: block;
	padding-left: 12px;
	line-height: 39px;
	background: url(../images/common/bullet/arrow-1.gif) no-repeat center left;
	color: #fff;
	text-decoration: none;
	float: right;
	margin-right: 40px;
}

#press:hover {
	color: #ec862a;	
}

#main-navigation {
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#main-navigation li {
	float: left;
	background: url(../images/common/tab/bg-tab-left.gif) top left no-repeat;
	padding-left: 12px;
}

#main-navigation a {
	display: block;
	background: url(../images/common/tab/bg-tab-right.gif) top right no-repeat;
	padding:0  12px 0 6px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#main-navigation li.active {
	background: url(../images/common/tab/bg-tab-left-active.gif) top left no-repeat;	
}

#main-navigation li.active a {
	background: url(../images/common/tab/bg-tab-right-active.gif) top right no-repeat;	
	color: #ec862a;
}

#sub-navigation {
	list-style: none;
	width: 935px;
	margin: auto;
	/* min-height: 40px;
	background: #fff url(/images/common/bg-sub-navigation.gif) bottom left no-repeat; */
	min-height: 32px;
	background: #fff;
	padding-left: 20px;
}

#sub-navigation li {
	float: left;
	padding: 0 17px 0 12px;
	background: url(../images/common/bullet/arrow-2.gif) center left no-repeat;
	line-height: 31px;
}

#sub-navigation a {
	color: #646a79;
	text-decoration: none;
	font-size: 1.1em;
}

#sub-navigation li.active a {
	color: #ec862a;
	font-weight: bold;
}


#content {
	background: #fff;
	width: 955px;
	margin: auto;
	min-height: 600px;
	position: relative;
	clear: both;
}


#footer-wrapper {
	background: #a20a1d url(../images/common/bg-footer-wrapper.gif) top center;
}	

#footer {
	width: 931px;
	margin: auto;
	min-height: 200px;
	background: url(../images/common/bg-footer.gif) no-repeat;
	position: relative;
	padding: 50px 12px;
}

#badge {
	position: absolute;
	top: -123px;
	right: -39px;
}

#footer h2 {
	color: #ec862a;
	text-transform: uppercase;
	font-size: 1em;
}

#footer address {
	float: left;
	padding-right: 50px;
	font-style: normal;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #ec862a;
}



/* product-list */

ul.product-list {
	list-style: none;
}

ul.product-list li,
div.list {
	background: url(../images/common/bg-row-separator.jpg) no-repeat;
	padding: 60px 20px 40px;
	overflow: auto;
}








.main-content {
	padding: 20px 30px;
	overflow: auto;
	overflow-x: hidden;
}


#expo {
	list-style: none;	
}

#expo-heading {
	position: absolute;
	top: 149px;
	left: 30px;
	color: #fff;
}

img[align=left] {
	margin-right: 30px;	
	margin-bottom: 15px;
}

img[align=right] {
	margin-left: 30px;	
	margin-bottom: 15px;
}




/* retailers */
.retailer-list h3.ui-accordion-header {
	background: #efefef url(../images/common/bullet/arrow-2.gif) no-repeat scroll 10px center;
	margin-bottom: 3px;
	padding: 5px 5px 5px 20px;
}

.retailer-list .ui-accordion-content {
	padding: 10px 20px;	
}

.retailer-list h4 {
	margin-bottom: 10px;
	font-size: 1.1em;
	border-bottom: 1px dotted;
}





/* jqueryui */

.ui-state-active,
.ui-state-active a,
.ui-state-active a:link, 
.ui-state-active a:visited,
.ui-state-default, 
.ui-widget-content 
.ui-state-default{
	outline: none;	
}


#our-products {
	padding: 10px 10px 20px;
}

#our-products .first {
	padding-top: 0px;
	background: none;
}




/* News list */

#startpage {
	padding: 10px 10px 20px;
}

div.newslist-top-wrapper {
	overflow: auto;
	clear: both;
}

div.newslist-top-wrapper div.news {
	width: 280px;
	padding: 0 0 0 30px;
	float: left;
	background: none;
}

div.newslist-top-wrapper div.first {
	padding-left: 20px;
}

div.news {
	background: url(../images/common/bg-row-separator.jpg) no-repeat;	
	padding: 57px 20px 30px;
	margin-top: 30px;
}

div.news h2 {
	font-size: 1.3em;
	margin: 5px 0;
}

div.news h2 a {
	text-decoration: none;
}

div.news .even {
	float: left; 
	margin-right: 30px;
	margin-bottom: 15px;
}

div.news .odd {
	float: right; 
	margin-left: 30px;
	margin-bottom: 15px;
}

div.news p.newslink {
	margin-top: 10px;	
}


/* Contact Form */
input.formsubject {
	display: none;	
}

input.text {
	padding: 2px 5px;	
}


/* Spots - Start page */
div.spot-wrapper {
	background: url(/images/common/bg-spots.gif) no-repeat bottom left;	
	overflow: auto;
	clear: both;
	min-height: 123px;
}

div.spot {
	float: left;
	width: 315px;
	padding-bottom: 40px;
}

div.spot img.icon {
	float: left;
	margin-right: 4px;
}

div.spot h2 {
	margin-top: 10px;
}

div.spot p a {
	color: #646A79;
}

div.spot p a:hover {
	color: #EC862A;
}

div.spot a {
	text-decoration: none;	
}

div.spot h2 a:hover {
	color: #ec6e2a;	
}