html {}
body {
	background-color: #ffffff;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.content {
	width: 960px;
	text-align: center;
	margin:0 auto;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}
.content * { text-align: left; }
.col-75, .col-60, .col-50, .col-40, .col-25 { float: left; margin: 0px 2% 0px 0%; }
.col-75 { width: 73%; }
.col-60 { width: 58%; }
.col-50 { width: 48%; }
.col-40 { width: 38%; }
.col-25 { width: 23%; }
.hide { display: none; }
.show { display: block; }
.center { text-align: center; }
.bluebox {
	float: left;
	margin-top: 10px;
	background-color: #f0f7f8;
	border-radius: 10px;
	padding: 10px 0px 10px 0px;
}
.bluebox h2, .bluebox form {
	padding-left: 10px;
	padding-right: 10px;
}
.bluebox h2 {
	color: #0676b0;
}
.clear	{ clear: both; }
span { text-align: left; }
h1,h3 {
	font-weight:bold;
	text-transform: uppercase;
	clear: left;
}
h1 {
	margin: 0px 0px -15px 0px;
	color: #fe8f00;
	font-size: 22px;
}
#graybg div div h1 {
	margin: 0px 0px 0px 0px;
	color: #fe8f00;
	font-size: 22px;
	padding: 10px 0px 10px 0px;
}
h2 {
	font-size: 16px;
	font-weight:bold;
	text-transform: uppercase;
	color: #0676b0;
	padding: 5px 0px 0px 0px;
}
h3 {
	font-size: 14px;
	color: #0676b0;
	background-image: url(../images/line_body_b.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding:10px 0 8px 0;
}
h2.light, h3.light {
	color: #8f8f8f;
	font-weight:normal;
	text-transform: uppercase;
	background-image: none;
}
h4 {
	color: #fe8f00;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #0676b0;
	text-decoration: none;
}
a:hover {
	color: #fe8f00;
	text-decoration: none;
}
img, form, fieldset { border: 0px; }
label { display: inline-block; width:100px; }
input, select {
	font-size: 14px;
	padding-left: 5px;
	vertical-align: middle;
}
select {
	border: 0px;
	height: 27px;
}
input[type=text], input[type=password] {
	background-image: url(../images/textfield_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 27px;
	width: 182px;
	border:0px;
	padding-left:5px;
	padding-right:5px;
}
input[type="submit"], input[type="reset"] {
	border: 0px;
	text-align: center;
	background-color: #626464;
	color: white;
	padding: 5px;
	padding-left: 12px;
	padding-right: 12px;
	/* FF+Opera radius */
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: #000000;
}
#header {
	background-image: url(../images/headerbg_s.gif);
	background-repeat: repeat-x;
	height: 100px;
	width: 100%;
}
#logo {
	background-image: url(../images/logo_s.jpg);
	float: left;
	height: 100px;
	width: 200px;
}
#logo a {
	display: block;
	height: 100px;
	width: 200px;
}

/* Link list definitions */
ul {
	list-style-type:none;
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
}
.col-75 ul, .col-60 ul, .col-50 ul, .col-40 ul, .col-25 ul, ul.styled {
	list-style-type:circle;
	list-style-position: inside;
	list-style-image: url("../images/list-item.gif");
}
ul#navi {
	float: right;
}

ul#navi li {
	display: block;
	float: left;
	margin-left: 10px;
	margin-right:10px;
	margin-top:45px;
}

ul#navi li a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #dcdcdc;
	text-decoration: none;
}
ul#navi li a:hover {
	text-transform: uppercase;
	color: #fe8f00;
	text-decoration: none;
}

#splash {
	background-image: url(../images/mainimg_bg.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 270px;
}
#splash div {
	height: 100%;
	background-repeat: no-repeat;
	padding-top: 40px;
}
#splash div div.text {
	padding-top: 0px;
	margin: 0px;
	padding-left: 23px;
	color: #a9a9a9;
	font-size: 14px;
	width: 410px;
}
#splash div div.text h3 {
	color: #fe8f00;
	font-size: 22px;
	background-image: none;
	padding:0px;
	margin: 0px;
}
#splash div div.text p {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #474747;
	border-bottom: solid 1px #474747;
	margin-right: 30px;
}
/* Old splash elements */
#splashy, #rotator {
	text-align: center;
	background-color: black;
	height: 233px;
	display: block;
	padding-top: 0px;
}
#rotator li {
	position: absolute;
	top: 100px;
}

#graybg {
	background-color:#f6f6f6;
	border-bottom:solid 1px #ebebeb;
	padding-bottom: 15px;
	padding-top: 25px;
}
#graybg .text p {
	clear: left;
	min-height: 47px;
	width: 780px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;
	font-size: 14px;
	text-transform: none;
	text-decoration: none;
	font-style: italic;
	padding: 0px 0px 0px 0px;
}
.huge			{ font-size: 60px; }
.big			{ font-size: 24px; }
.bold			{ font-weight: bold; }
.small, .small a, p.small, span.small	{ font-size: 11px; }
.uppercase	{ text-transform: uppercase; }
.center		{ text-align: center; }
.right		{ float: right; }
.left			{ float: left; }
.orange		{ color: #fe8f00; }
ul#navi li.active a { color: #fe8f00; }
.grey			{ color: #c9c9c9; }
.darkgrey	{ color: #a7a7a7; }
.nearblack	{ color: #2f2f2f; }
.white		{ color: #fefefe; }
.blue			{ color: #0676b0; }
.navi-container {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bdbdbd;
}
.navi-container.subnavi { height: 34px; }
.navi-container.text {
	padding: 20px 0px 20px 0px;
	margin-bottom: 15px;
}
.subnavi ul {
	float: right;
	margin: 0px;
	height:34px;
	padding: 0px;
}
.subnavi ul li {
	height:34px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.subnavi ul li a {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #606060;
	background-color: #e6e4e0;
	float: left;
	padding:10px 16px 10px 16px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #f6f6f6;
	border-right-color: #f6f6f6;
	border-left-color: #f6f6f6;
}
.subnavi ul li.active a, .subnavi ul li a:hover {
	color: #fe8f00;
	background-color: #f6f6f6;
	padding:9px 15px 11px 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bdbdbd;
	border-right-color: #bdbdbd;
	border-left-color: #bdbdbd;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fefefe;
	text-decoration: none;
	background-image: url(../images/buynow_btn.jpg);
	height: 34px;
	width: 125px;
	padding:13px 0 0 35px;
	display: inline-block;
}
.button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #dfdfdf;
	text-decoration: none;
	background-image: url(../images/buynow_btn.jpg);
	height: 34px;
	width: 125px;
	padding:13px 0 0 35px;
	display: inline-block;
}

.box {
	width: 200px;
	height: 100%;
	display: inline-block;
	background-color: #212121;
	vertical-align: top;
}
.box.alt {
	background-color: #101010;
}
.box.wide { width: 230px; }
.box.info {
	background-color: #f6f6f6;
	margin-right: -5px;
}
.box h3 {
	text-align: center;
	margin: 0px;
	padding: 12px 0px 12px 0px;
	background-image: none;
	font-weight:bold;
	text-transform: uppercase;
	color: #fe8f00;
}
.box ul {
	vertical-align: top;
	margin: 0px;
	width: 100%;
	display:inline-block;
	color: #c9c9c9;
	font-size: 15px;
}
.box ul li {
	text-align: center;
	font-size: 11px;
	padding: 12px 0px 12px 0px;
	background-image: url(../images/line_box_header.gif);
	background-repeat: repeat-x;
}
.box.info ul li {
	text-align: left;
	background-image: none;
	color: #2f2f2f;
	padding: 11px 0px 12px 0px;
	border-top: solid 1px #d5d5d5;
}
ul li.h110		{ height: 110px; }
.box ul li.text {
	padding: 12px;
	height: 95px;
}
.box ul li.price {
	height: 60px;
	color: #fefefe;
	font-size: 60px;
}
.box.info ul li.price {
	height: 60px;
	color: #2f2f2f;
	font-size: 11px;
}
.currency {
	font-size: 30px;
	vertical-align: 20px;
}
.box ul li.order {
	background-image: url(../images/blackbox_bg.gif);
	background-repeat: repeat-x;
	background-color: #fe8f01;
}
.box ul li.order a {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display:block;
	color: #fefefe;
}
.box ul li.order a:hover { color: #e0e0e0; }

#fadeout {
	background-image: url(../images/add_bg.gif);
	background-repeat: repeat-x;
	height: 103px;
	clear: both;
}
#footer {
	clear: both;
	background-image: url(../images/footer_bg1.gif);
	background-repeat: repeat-x;
	background-color: #1a1a1a;
	overflow:hidden;
	padding-bottom:30px;
	padding-top: 20px;
}
#footer ul {
	list-style-type: circle;
	list-style-position: inside;
}
#footer ul li {
	height: 14px;
	padding: 0px 0px 10px 0px;
	color: #7c7c7c;
	font-size: 11px;
	list-style-image: url(../images/footer-list.gif);
}
#footer ul li.title, #footer ul li.address, #footer ul li.share, #footer ul li.flag {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:10px 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313131;
}
#footer ul li.title {
	font-size: 12px;
	color: #fefefe;
	text-transform: uppercase;
}
#footer ul li.address, #footer ul li.share {
	height: 44px;
}
#footer a { font-size: 11px; color: #7c7c7c; }
#footer a:hover { font-size: 11px; color: #fe8f00; }
li.share a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-top: 10px;
	margin-right: 10px;
}

li.share a.facebook			{ background-image: url(../images/facebook.jpg); }
li.share a.facebook:hover	{ background-image: url(../images/facebookh.jpg); }
li.share a.twitter			{ background-image: url(../images/twitter.jpg); }
li.share a.twitter:hover	{ background-image: url(../images/twitterh.jpg); }
li.share a.myspace			{ background-image: url(../images/myspace.jpg); }
li.share a.myspace:hover	{ background-image: url(../images/myspaceh.jpg); }
li.share a.rss					{ background-image: url(../images/rss.jpg); }
li.share a.rss:hover			{ background-image: url(../images/rssh.jpg); }

#copyright {
	padding-top: 20px;
	background-image: url(../images/copyright_bg.gif);
	background-repeat:no-repeat;
	height: 39px;
	clear:both;
	background-position: center top;
	background-color: #1a1a1a;
	color: #7c7c7c;
	text-align: center;
}
/* Tables */
table * {
	margin: 0px;
}
table { 
	width: 100%;
	table-layout: fixed;
	color: #464646;
	background-color: #ffffff;
	margin: 0px;
	border-collapse: collapse;
}
table tr td, table tr th { 
	padding: 8px;
	margin: 0px;
}
td, th {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin: 0px;
}
table thead {
	background-color: #f9f6f2;
	margin: 0px;
}
table th { 
	color: #655847;
	text-align: left; 
	margin: 0px;
}
table th.alt {
	background-color:#f4f1ed;
	text-align: left; 
	margin: 0px;
}
tr td.alt {
	background-color: #fafafa;
}
tr.alt td.alt {
	background-color: #f6f6f6;
}
tr.table-alt, tr.alt { 
	background-color: #fbfbfb;
}
/* blockquote */
blockquote { 
	background-image: url(http://static.scenegroup.fi/img/blockquote-bg.png); 
	background-repeat: no-repeat; 
	background-position: top left; 
	min-height: 80px;
	padding-top: 0px;
	padding-left: 80px;
	margin: 0px;
	color: #666666;
	font-style: italic;
}
/* Browser Hacks */
* html .navi-container.subnavi { height: 35px; }
* html .subnavi ul { position: absolute; }
* html .subnavi ul li { float: right; }

* html #products ul { display:inline; }
*:first-child+html > body #products ul { display:inline; }
* html .box {
	display:inline;
	margin: 0px 2px 0px 2px;
}
* html .box ul li.price {
	height: 90px;
}
*:first-child+html > body .box {
	display:inline;
	margin: 0px 2px 0px 2px;
}
* html .box.info {
	display:inline;
	margin: 0px -5px 0px 2px;
}
*:first-child+html > body .box.info {
	display:inline;
	margin: 0px -5px 0px 2px;
}
*:first-child+html > body #footer * > li, * html #footer li {
	padding: 10px 0px 0px 0px;
}
*:first-child+html > body #footer * > li.title, * html #footer li.title {
	list-style-image: none;
}
* html .button {
	text-align: center;
	background-image: url(../images/buynow_btn.jpg);
	height: 47px;
	padding:15px 0px 10px 0px;
	width: 157px;
}
* html .button:hover {
	background-image: url(../images/buynow_btn.jpg);
	height: 47px;
	width: 157px;
	padding:15px 0px 0px 0px;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.promoshot {
	width: 947px;
	height: 510px;
	background-color: #f3f3f3;
	border: 4px solid #eaeaea;
}

.promoshot img {
	position: relative;
	float: left;
}

.promoshot img:hover {
	cursor: pointer;
}

#of {
	background-color: #fff6cd;
	border-top: 1px solid #f9c778;
	border-bottom: 1px solid #f9c778;
	padding: 4px;
	font-size: 13px;
}
