/* Colours used */
/*----------------

logo orange			#ca4c32


------------------*/

@import	url(nav.css);
@import url(rotator.css);
@import url(forms.css);

/* Main elements
------------------*/
*	{
	margin:0;
	padding:0;
}

body	{
	font-family:Arial, sans-serif;
	background:url(../images/tile.jpg);
	color:#000000;
	font-size:62.5%;
}

/* SBMH to correct font-size difference */
* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:62.5%; /* for other IE versions */
}
h1,h2,h3,h4,h5	{
	font-weight:normal;
}

h1	{
	font-size:2em;
}

h2	{
	font-size:1.8em;
}

h3	{
	font-size:1.6em;
}

h4	{
	font-size:1.4em;
}
h5	{
	font-size:1em;	
}
p	{
	font-size:1.1em;
}
a	{
	text-decoration:none;
	color:#000;
}
a:hover	{
	text-decoration:underline;
}
a:focus	{
	outline:none;
}
a img	{
	border:0;
}
li	{
	list-style:none;
}
/*
============================
main divs
============================
*/

/* all elements */
#footer,
#header,
#news-box,
#offers,
#other-products,
#product-box,
#range,
#salvation-box,
#text-box,
#wrapper-inner	{
	float:left;
	clear:left;
}

#faq-header	{
	width:100%;
	background:url(../images/faq-header-bg.jpg) no-repeat;
	height:50px;
	position:absolute;
	z-index:1;
}
#faq-footer	{
	width:100%;
	height:50px;
	background:url(../images/faq-footer-bg.jpg) no-repeat;
}
#footer	{
	margin:30px 0 0 10px;
	border:0px solid red;
	width:100%;
}
#footer li	{
	float:left;
	border:0px solid red;
}
#footer p,
#footer a	{
	font-size:1.2em;
	border-right:1px solid #FFF;
	padding:2px 4px;
	display:block;
	color:#FFF;
}
#header	{
	width:980px;
	background:url(../images/header-bg.jpg) repeat-x;
	height:131px;
	position:absolute;
	left:11px;
}
#logo	{
	position:absolute;
	left:400px;
}
#main	{
	background:#A0000E url(../images/main-bg-grad.jpg) repeat-x 0 -140px;
	width:100%;
	min-height:1340px;
	position:relative;
	top:161px;
}
#main.faqs	{
	height:11450px;
}
#main-content	{
	background:url(../images/main-bg.png) no-repeat;
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:958px;
	height:570px;
	position:relative;
	background-image: url(../images/main-bg.png);
}
#main-content.salvation	{
	background:url(../images/main-product-salvation-range.jpg) no-repeat 5px 0;
}
#main-content #product	{
	position:relative;
	left:25px;
	top:20px;
}
#main-content #product-other	{
	position:relative;
	left:6px;
	top:5px;
}
#main-content #more-info	{
	position:relative;
	left:30px;
	top:-60px;
}
#newsletter	{
	position:absolute;
	right:5px;
	top:-6px;
	display:none;
}
#news-box-product,
#news-box	{
	float:right;
	clear:right;
	width:302px;
	margin:5px 10px 0 0;
}
#news-box	{
	height:273px;
	background:url(../images/box-side-bg.png) no-repeat;
}
#news-box .title,
#news-box-product .title	{
	margin:20px 0 0 30px;
}
#news-box p,
#news-box-product p	{
	margin:10px 30px 0;
}
#news-box-product	{
	height:302px;
	background:url(../images/news-box.png) no-repeat;
	position:relative;
}
#offers	{
	background:url(../images/offers-bg.jpg) no-repeat;
	width:962px;
	height:112px;
	margin-left:9px;
	margin-top:25px;
	position:relative;
}
#offers .title	{
	position:absolute;
	left:20px;
	top:15px;
}
#offers p	{
	width:285px;
	margin-top:40px;
	margin-left:30px;
	float:left;
}
#offers p.first-child	{
	margin-left:20px;
}
#other-products	{
	background:url(../images/other-products-bg.jpg) no-repeat;
	width:652px;
	height:152px;
	margin:-15px 0 0 10px;
}
#other-products	.title	{
	margin:10px 0 0 20px;
}
#other-products	ul	{
	float:left;
	clear:left;
	margin:10px 0 0 20px;
}
#other-products	li	{
	float:left;
	margin-right:10px;
}
#other-products a:hover	{
	position:relative;
	top:-3px;
}
#product-box	{
	/*background:url(../images/product-box.jpg) no-repeat;*/
	background:url(../images/contentbox-bg.jpg) repeat-y;
	width:652px;
	/*height:442px;*/
	margin:10px 0 30px 10px;
}

#product-box-top {
	background:url(../images/contentbox-top.jpg) no-repeat top left;
	height:28px;
}

#product-box-middle {
	background:url(../images/contentbox-middle.jpg) no-repeat top left;
	/*#cacaca;*/
	min-height:357px;
}

#product-box-btm {
	background:url(../images/contentbox-btm.jpg) no-repeat top left;
	height:28px;
}

#product-box h1,
#text-box h1	{
	font-style:italic;
	margin:20px 0 0 30px;
}

#product-box h1 {
	margin:0 0 0 30px;
}

#product-box p	{
	margin:20px 30px 40px;
	font-size:1.2em;
	line-height:1.6em;
}
#product-box #salvation-pro	{
	float:left;
}
#product-box ul	{
	float:left;
	width:400px;
	margin:0 15px 0 40px;
}
#product-box ul:first-child	{
	width:220px;
}
#product-box li	{
	list-style:disc inside;
	margin-bottom:5px;
	font:1.2em Arial;
}
#product-box li.title	{
	height:11px;
	margin-bottom:15px;
}
#product-box li:first-child	{
	list-style:none;
}
#product-box .buttons	{
	float:right;
	margin-right:20px;
	
}
#product-box a	{
	text-decoration:underline;
}
#product-lower	{
	width:590px;
	margin:-10px 0 0 30px;
}
#product-lower img.product	{
	float:left;
	margin-right:20px;
}
#product-lower #ibladez	{
	margin-top:-20px;
}
#range	{
	background:url(../images/bladez-range-bg.jpg) no-repeat;
	width:652px;
	height:273px;
	margin:5px 0 0 9px;
}
#range .title	{
	margin:20px 0 0 30px;
}
#range ul	{
	margin:26px 0 0 40px;
}
#range li	{
	float:left;
	margin-right:50px;
}
#range li:last-child	{
	margin-right:0;
}
#range .previous	{
	position:relative;
	left:30px;
	top:10px;
}
#range .next	{
	position:relative;
	top:10px;
	left:440px;
}
#salvation-box	{
	background:url(../images/terminator-scroller-bg.jpg) no-repeat;
	width:652px;
	height:273px;
	margin:10px 0 0 9px;
}
#salvation-box ul	{
	margin-top:75px;
	margin-left:30px;
}
#salvation-box li	{
	float:left;
	margin-right:35px;
}
#salvation-box .previous	{
	position:relative;
	left:30px;
	top:10px;
}
#salvation-box .next	{
	position:relative;
	top:10px;
	left:440px;
}
#salvation-micro	{
	position:relative;
	left:80px;
}
#side-left,
#side-right	{
	background:url(../images/side-grad.png) no-repeat top;
	width:17px;
	height:1501px;
	position:absolute;
	z-index:2;
}
#side-left	{
	float:left;
}
#side-right	{
	float:right;
	right:0;
	top:0;
}
#side-left.faqs,
#side-right.faqs	{
	height:2660px;
}
#terminator-more	{
	position:absolute;
	left:40px;
	top:470px;
}
#terminator-copter,
#terminator-hk	{
	position:absolute;
}
#terminator-copter	{
	left:50px;
	top:157px;
}
#terminator-hk	{
	left:450px;
	top:136px;
}
#text-box	{
	width:653px;
	margin:20px 0 30px 10px;
}
#text-box.about	{
	height:850px;
	background:url(../images/main-text-bg.png) no-repeat;
}
#text-box.contact	{
	height:530px;
	background:url(../images/main-contact-bg.png) no-repeat;
}
#text-box.news	{
	height:530px;
	background:url(../images/main-contact-bg.png) no-repeat;
}
#text-box.faqs	{
	background:#FFF;
	margin-bottom:20px;
}

#text-box.faqs h1	{
	position:relative;
	z-index:2;
}
#text-box.faqs ul	{
	margin:10px 0 15px 20px;
}
#text-box.faqs li.title	{
	list-style:none;
	font-weight:bold;
}
#text-box.faqs li p	{
	margin:5px 20px 10px 0;
	padding:10px 0 10px 3px;
	font-size:1.1em;
	margin-left:12px;
	line-height:normal;
	border-bottom:1px dashed #333;
	border-top:1px dashed #333;
}
#text-box.faqs li a	{
	cursor:pointer;
}
#text-box p	{
	margin:20px 30px 0;
	font-size:1.2em;
	line-height:1.6em;
}
#text-box ul	{
	font-size:1.2em;
	margin:10px 0 30px 30px;
}
#text-box li	{
	list-style:disc inside;
	margin-left:10px;
}
#video	{
	background:url(../images/box-side-bg.png) no-repeat;
	width:302px;
	height:273px;
	float:right;
	margin:10px 10px 0 0; 
	border:0px solid red;
}
#video.other	{
	margin-top:20px;
}
#video .title	{
	margin:15px 0 0 15px;
}
#video .previous	{
	position:relative;
	top:20px;
	left:15px;
}
#video .next	{
	position:relative;
	top:20px;
	left:110px;
}
#video h1	{
	font-style:italic;
	margin:13px 0 0 20px;
}
#wrapper	{
	width:1002px;
	margin:0 auto;
	position:relative;
}
#wrapper-inner	{
	width:980px;
	margin-left:11px;
}
#youtube	{
	position:relative;
	left:6px;
	top:10px;
}

#widecontent {
	width:959px;
	border:0px solid red;
	margin:0 auto 0 auto;
	background:url(../images/widecontent-bg.png) repeat-y;
}

#widecontent p	{
	margin:20px 30px 0;
	font-size:1.2em;
	line-height:1.6em;
}

#widecontent h1	{
	font-style:italic;
	margin:0px 0 0 30px;
}

#widecontent ul	{
	font-size:1.2em;
	margin:10px 0 30px 30px;
}
#widecontent li	{
	list-style:disc inside;
	margin-left:10px;
}

#widecontent-top {
	background:url(../images/widecontent-top.png) no-repeat top left;
	height:32px;
}

#widecontent-middle {
	background:url(../images/widecontent-middle.png) no-repeat top left;
	min-height:716px;
}

#widecontent-btm {
	background:url(../images/widecontent-btm.png) no-repeat top left;
	height:102px;
}

#salvation-rotator .previous	{
	position:relative;
	left:30px;
	top:10px;
}
#salvation-rotator .next	{
	position:relative;
	top:10px;
	left:440px;
}

.spare_list {
	border-bottom:1px dashed #9a9a9a;
	width:900px;
	margin:10px auto 0 auto;
	padding:10px;
}

.spare_list div {
	width:250px;
	margin-right:10px;
	border:0px solid red;
	float:left;
	margin-bottom:10px;
}

#widecontent .spare_list p {
	float:left;
	width:150px;
	padding:0 0 0 10px;
	margin:0;
}

.spare_list img {
	float:left;
	width:80px;
	height:80px;
	border:1px solid #ccc;
}

.spare_list a img {
	height:45px;
	border:none;
	margin-left:10px;
}

.spare_list h2 {
	padding:5px;
}

#outofstock {
	position:absolute;
	width:150px;
	height:150px;
	z-index:9999;
	left: 507px;
	top: -118px;
}

/*
============================
classes
============================
*/

	.bold	{
		font-weight:bold;
	}
	.bold_italic	{
		font-style:italic;
		font-weight:bold;
	}
	.br	{
		margin-bottom:8px;
	}
	.clear	{
		clear:both;
	}