﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4b4b4b;
	text-align:left;
	line-height:normal;
	background:#f5f6f7 url('/images/bg.gif') repeat-x; 
	min-height:510px;
}
body, html 
{
	padding:0 0 5px 0;
}
* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
.float-right{
	float:right !important;
}
.float-left{
	float:left;
}

.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.center {
	text-align:center;
}
.clearBoth {
	clear:both; 
	font-size:0;
	line-height:0;
	height:0;
}

.left-image{
	margin:5px 15px 10px 0;
	float:left;
}
.right-image{
	margin:5px 0 10px 15px;
	float:right;
}


/* HEADLINES
----------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
    margin:0;
	padding:0;
    color: #393939;	
    padding-bottom: .4em;
	font-weight:normal;
}

h1 {
    font-size: 27px;
}

h2 {
    font-size: 19px;
}

h3 {
    font-size: 20px;
}

.headline {
	margin:0;
	padding-bottom: .6em; 
	font-weight:normal;
	font-size:19px;
	line-height:23px;
    color: #282828;
}
.sheadline {
	margin:0;
	padding-bottom: .3em; 
	font-weight:normal;
	font-size:19px;
	line-height:23px;	
    color: #282828;	
}

h1#blogpost {
	padding-bottom:0;
	line-height:31px;
}


/* LISTS */

ul {
	list-style-position: outside;
	padding:0 0 0 2em;
	margin:0 0 10px 0;
}
ul li {
	line-height:180%;
}
ul.nodots {
	padding:0;
	margin:0;
	list-style-type:none;
}
ol {
	margin: .5em .5em 1.5em;
}

ol li {
	margin-left: 2em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}


/* TYPOGRAPHY
----------------------------------------------- */

a {
	text-decoration: none;
	outline:none;
 	color:#236ace;
}
a:hover {
	text-decoration: underline;
	outline:none;
	color:#236ace; 
}

p {
	line-height:160%;
	margin:0 0 1.8em 0 ;
	font-weight:normal;
}
.required {
	color:red;
}

.download {
	background:url('/images/icons/download.gif') no-repeat left center;
	padding:0 0 0 17px;
}
.rss {
	background:url('/images/icons/rss.gif') no-repeat left center;
	padding:0 0 0 17px;
}

/* FRAMEWORK
----------------------------------------------- */

#sitecontainer {
	width:966px;
	margin:0 auto;
	position:relative;
}

#mainarea{
	width:880px;
	margin:0 auto;
	clear:both;
	position:relative;
	/*background:#fff url('/images/bg-mainarea.gif') repeat-y;*/
	padding:30px 40px 30px 40px;
	min-height:203px;
	background:#fff url('/images/bg-mainarea-gradient.gif') repeat-x center bottom;

}
#border {
	background:url('/images/bg-mainarea.png') repeat-y;
	_background:url('/images/bg-mainarea-ie.gif') repeat-y;
	width:966px;
	position:relative;
}
#iefix {
	_height:203px;	
	_float:left;
	_width:1px;
}

/* standard content and sidebar */
#content {
	width:575px;
	float:left;
}
#sidebar {
	width:266px;
	float:right;
}
#topheader {
	background:url('/images/bg-topheader.png') no-repeat center top;
	width:966px;
	height:7px;
	margin:0 auto;
	padding:0;
	_margin-bottom:-10px;
	_behavior: url(htc/iepngfix.htc);	
}

#header {
	margin:25px auto 15px auto;
	position:relative;
	height:50px;
}

#logo {
	width:258px;
	height:49px;	
	background-image:url('/images/logo.gif');
	background-repeat:no-repeat;
	text-indent:-9000px;
	float:left;
	position:absolute;
	margin:0;
	padding:0;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

.sidebarelement {
	clear:both;
	margin:0 0 30px 0;
	height:100%;
	overflow:hidden;
}
.element {
	clear:both;
	margin:0 0 20px 0;
	height:100%;
	overflow:hidden;
}

/* top header elements */

#topmenu {
	padding:0;
    margin: 0;
    position: absolute;
    top: 22px;
    right: 5px;
}
#topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#topmenu ul li {
	float:left;
	margin:0 0 0 15px;
	display:inline;
}
#topmenu ul li a {
	color:#4e4e4e;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#topmenu ul li a:hover,
#topmenu ul .current a {
	border-bottom:2px #4e4e4e solid;
}

/* navcontainer */

#navcontainer { 
	padding:0;
    margin: 0;
    position: absolute;
    top: 22px;
    right: 5px;
}
#navcontainer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	float:left;
}
#navcontainer li { 
	float:left;
	margin:0 0 0 15px;
	display:inline;
}
#navcontainer ul li a {
	color:#4e4e4e;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
/*current Link*/
#navcontainer ul a.current,
#navcontainer ul li a:hover { 
	border-bottom:2px #4e4e4e solid; 
}
/*Second and subsequent levels*/
#navcontainer ul ul {
	padding:0;
    margin: 0;
    position: absolute;
    top: 20px;
	left:0;
	width:140px;
}
#navcontainer ul li ul li a{
	color:#4e4e4e;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#navcontainer ul ul {
    display: none;
}
#navcontainer ul li:hover ul {
    display: block;
}
#navcontainer ul ul li { display: inline; }
/*current Link*/
#navcontainer ul ul .subcurrent,
#navcontainer ul ul li a:hover { 
	border-bottom:1px #4e4e4e solid; 
}

/* footer */

#footer {
	padding:15px 5px 0 5px;
	background:url('/images/bg-footer.png') no-repeat;
	height:9px;
	width:956px;
	_behavior: url(htc/iepngfix.htc);
	margin:0 0 15px 0;
}
#footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
#footer ul li {
	float:left;
	margin:0 15px 0 0;
	_margin:0 13px 0 0;
	line-height:15px;
}
#footer ul li a {
	font-size:10px;
	color:#236ace;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer .current {
	font-weight:bold
}

#footer .infoaboutcompany {
	float:right;
	font-size:11px;
	color:#575757;	
}
#footer .infoaboutcompany p
{
	margin:0;
	line-height:16px;
}
#footer .infoaboutcompany a{
	font-size:11px;
	color:#575757;
}
#credits{
	width:200px;
	float:right;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	clear:both;
	}

/* PAGE ELEMENTS
----------------------------------------------- */

/* frontpage banner */

#frontpagebanner {
	/*background:url('../images/frontpagebanner.jpg') no-repeat;*/
	width:960px;
	height:280px;
	margin:-35px 0 30px -40px;
	_margin-right:-40px;
	_margin-top:-236px;
	position:relative;
}

#frontpagebanner #sloganarea {
	position:absolute;
	top:30px;
	right:40px;
	/*height:250px;*/
	color:#fff;	
	width:300px;
}
#frontpagebanner #sloganarea h1 {
	font-size:31px;
	line-height:32px;
	margin:0 0 7px 0;
	text-align:right;
	color:#fff;
	padding:0;
	/*width:290px;*/
}
#frontpagebanner #sloganarea .price {
	font-size:45px;
	line-height:46px;
	margin:0 0 5px 0;	
	text-align:right;
}
#frontpagebanner #sloganarea .sloganmore {
	font-size:20px;
	line-height:29px;
	margin:0 0 5px 0;	
	text-align:right;
}
#frontpagebanner #sloganarea h1,
#frontpagebanner #sloganarea .price,
#frontpagebanner #sloganarea .sloganmore {
	text-shadow:1px 1px 1px #366da1;
}
#frontpagebanner #sloganarea .ekstrainfo {
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;	
	text-align:right;
	position:absolute;
	bottom:5px;
}
#frontpagebanner #sloganarea .btn {
	float:right;
	display:inline;
	margin:10px 60px 0 0;
}

/* articles on frontpage */
/* articles on frontpage */

#articleteasercontainer {
	width:920px;
	margin-left:-40px;
}
.articleteaser {
	width:265px;
	margin:0 0 0 40px;
	float:left;
	display:inline;
}
.articleteaser h2 {
	font-size:17px;
	line-height:21px;
	padding:0;
	margin:0 0 7px 0;
}
.articleteaser h2 a {
	color:#282828;	
}
.articleteaser .pic {
	margin:10px 10px 10px 0; 
	float:left;
	width:115px;
}
.articleteaser .text 
{
    float:left;
    width:140px;
}
.articleteaser ul.listStyled {
	list-style-type:none;
	margin:0;
	padding:0;
}
.articleteaser ul.listStyled li {
	margin:0 0 10px 0;
	padding:0 0 0 13px;
	background:url('/images/bullet.gif') no-repeat left 8px;
}


/* filegallery */

.filegallery
{
	width:100%;
	border-collapse:collapse;
}
.filegallery thead th,
.filegallery tbody td
{
	padding:8px 10px;
}
.filegallery thead th
{
	background-color:#f4f4f4;
	font-weight:bold;
	font-size:13px;
	color:#363636;
	border-top:1px #d7d7d7 solid;
	border-bottom:1px #d7d7d7 solid;
}
.filegallery thead .first {
	border-left:1px #d7d7d7 solid;
}
.filegallery thead .last {
	border-right:1px #d7d7d7 solid;
}
.filegallery td
{
	font-size:12px;
	color:#4b4b4b;
	border-bottom:1px #ebebeb solid;	
}
.filegallery .last
{
	text-align:right;
}
.filegallery .alternative {
	background-color:#f5fafd;
}
.filegallery .downloadicon {
	background:url('/images/icons/download.gif') no-repeat left center;
	padding:0 0 0 17px;
}

/* reference - sidebar */

.referencelistcontainer {
	width:236px;
	margin-left:-10px;
}
.referencelistcontainer img {
	vertical-align:middle;
	margin:0 0 10px 6px;
}

/* references */

.references {
	margin:0 0 70px -17px;
	position:relative;
	clear:both;	
	width:592px;
}
.references ul {
	list-style-type:none;
	padding:0;
	float:left;
	width:180px;
	margin:0 0 0 17px;
	_margin:0;
}
.references ul li {
	margin:0 0 10px 0;
	padding:0 0 0 13px;
	background:url('/images/bullet.gif') no-repeat left 8px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#282828;	
}


/* phone */
.phone {
	background:url('/images/phone.gif') no-repeat left top;
	padding:0 0 0 50px;
	height:60px;
}
.phone .title {
	font-weight:bold;
	font-size:16px;
	color:#4b4b4b;
	margin:0;
}

/* contact page */

.contactimage {
	width:220px;
	float:right;
}
.contactimage img {
	float:right;
}
.contactinfo {
	width:295px;
	border-bottom:1px #b0b9bf solid;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
}
/* contactform */
.contactform {
}
.contactform .row {
	height:100%;
	overflow:hidden;
	margin:0 0 12px 0;
}
.contactform label {
	font-weight:bold;
	width:80px;
	margin:4px 10px 0 0;
	float:left;
	text-align:right;
}
.contactform .input {
	padding:2px;
	width:225px;
	_width:220px;
	margin:0;
}
.contactform .select {
	width:233px;
	_width:228px;
}
.contactform .textarea {
	padding:2px;
	width:446px;
	height:120px;
}
.contactform .twoinputs {
}
.contactform .twoinputs .labelby {
	width:25px;
	margin:4px 10px 0 5px;
	float:left;
}
.contactform .twoinputs .post {
	width:50px;
	float:left;
}
.contactform .twoinputs .by {
	width:127px;
	_width:122px;
}
.contactform .submit {
}
.contactform .required {
	font-style:italic;
	font-size:11px;
	color:#fff;
	background-color:#df2222;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:312px;
}
.contactform .positive {
	font-style:italic;
	color:#000;
	font-size:11px;
	background-color:#a9cf38;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:312px;	
}

/* service form */
.serviceinfo {
	width:545px;
	border-bottom:1px #b0b9bf solid;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
}
.serviceform {
}
.serviceform .row {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.serviceform label {
	font-weight:bold;
	width:100px;
	margin:4px 10px 0 0;
	float:left;
	text-align:right;
}
.serviceform .radiobuttons label 
{
	width:auto;
	margin:0;
	float:none;
	text-align:left;
	padding:0;
}
.serviceform .radiobuttons input 
{
	margin:3px;
	*margin:0;
}
.serviceform label.noninput {
	margin:0 10px 0 0;
}
.serviceform .input {
	padding:2px;
	width:235px;
	_width:230px;
	margin:0;
}
.serviceform .select {
	width:63px;
}
.serviceform .textarea {
	padding:2px;
	width:427px;
	_width:422px;
	height:80px;
}
.serviceform .submit {
}
.serviceform .required {
	font-style:italic;
	font-size:11px;
	color:#fff;
	background-color:#df2222;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:535px;
}
.serviceform .positive {
	font-style:italic;
	color:#000;
	font-size:11px;
	background-color:#a9cf38;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:535px;	
}
/* news-overview */

.news {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 30px 0;
}
.news p {
	font-size:12px;
	margin:0;
}
.news .title {
	background:url('/images/icons/bluerightarrow.gif') no-repeat center left;
	padding:0 0 0 18px;
	margin:0 0 5px 0;
}
.news .title a {
	color:#282828;
	text-decoration:none;
	font-size:19px;
}
.news .title a:hover {
	text-decoration:underline;
}
.postedat-tags {
	color:#b1b1b1;
	font-size:11px;
	margin:0 0 5px 0;
	padding:0 0 1px 0;
	border-bottom:1px #e4e4e4 solid;
}
.postedat-tags a {
	font-size:11px;
	text-decoration:none;
}
.postedat-tags a:hover {
	text-decoration:underline;
}

/* bottomnav */

/* previous & next blogposts */
.bottomnav {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:50px 0 0 0;
}
.previous {
	background:url('/images/icons/blueleftarrow.gif') no-repeat center left;
	margin:0 80px 0 130px;	
	padding:0 0 0 20px;
	float:left;
	width:95px;
	display:inline;
}
.next {
	background:url('/images/icons/bluerightarrow.gif') no-repeat center right;
	margin:0 0 0 10px;
	padding:0 20px 0 0;
	width:85px;
	float:left;
}
.bottomnavlink {
	font-size:13px;
	text-decoration:none;
}
.bottomnavlink:hover {
	text-decoration:underline;
}

.backtotheoverview {
	background:url('/images/icons/blueleftarrow.gif') no-repeat left center;
	margin:10px 0 0 0;	
	padding:0 0 0 20px;
	float:left;
	display:inline;
}
/* archive */

.archive {
	height:100%;
	overflow:hidden;
	margin:0 0 20px 0;
	float:left;
	width:108px;
	padding:0 5px 0 0;
}
.archive .sheadline {
	font-size:17px;
	line-height:21px;	
}
.archive ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.archive ul li {
	display:block;
	line-height:18px;
	background:url('/images/icons/archive.gif') no-repeat center left;
	padding:0 0 0 23px;
	margin:0 0 5px 0;
}
.archive ul li a {
	text-decoration:none;
	font-size:11px;
}
.archive ul li a:hover {
	text-decoration:underline;
}

/* tags */

.tags {
	height:100%;
	overflow:hidden;
	margin:0 0 20px 0;
	float:right;
	width:108px;
	padding:0 0 0 5px;	
}
.tags .sheadline {
	font-size:17px;
	line-height:21px;	
}
.tags ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.tags ul li {
	display:block;
	line-height:18px;
	background:url('/images/icons/tag.gif') no-repeat center left;
	padding:0 0 0 23px;
	margin:0 0 5px 0;	
}
.tags ul li a {
	text-decoration:none;
	font-size:11px;	
}
.tags ul li a:hover {
	text-decoration:underline;
}

/* setup */

.setup {
	border-bottom:1px #ebebeb solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.setup .setuptext p{
	font-size:13px;
}
.setup .right-image {
}

/* extrainfos */

.star {
	background:url('/images/star.gif') no-repeat;
	width:48px;
	height:49px;
	float:left;
}
#extrainfos .nyhed {
	background:url('/images/nyhed.png') no-repeat;
	width:48px;
	height:49px;
	float:left;
}
#extrainfos {
	width:920px;
	margin-left:-40px;
	margin-bottom:40px;
	font-size:12px;
}
#extrainfos .info {
	float:left;
	width:265px;
	/*border-left:1px #ebebeb solid;*/
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	display:inline;
}
#extrainfos .noborder {
	border:none;
}
#extrainfos .info h3 {
	font-size:19px;
	line-height:24px;
	color:#282828;
	float:left;
	margin:15px 0 10px 0;
	max-width:207px;
	/*_width:207px;*/
	padding:0 10px 0 0;
	_width: expression(document.body.clientWidth > 207? "205px" : "auto");
}
#extrainfos .hline {
	border-bottom:1px #ebebeb solid;
	margin:0 0 0 40px;
}

/* products */
/* system */

.system {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 30px 0;
}
.system .box {
	height:100%;
	overflow:hidden;
	clear:both;	
	border:1px #efefef solid;
	background-color:#fafafa;
	padding:10px;
}

.system .specs {
	width:410px;
	float:left;
}
.system .title {
	border-bottom:1px #e4e4e4 solid;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin:0 0 8px 0;
}
.system .item {
	margin:0 0 10px 0;
	clear:both;
}
.system .camera {
	background:url('/images/spec-camera.gif') no-repeat left center;
	padding:0 0 0 40px;
}
.system .computer {
	background:url('/images/spec-computer.gif') no-repeat left center;
	padding:0 0 0 40px;
}
.system .monitor{
	background:url('/images/spec-monitor.gif') no-repeat left center;
	padding:0 0 0 40px;
}
.system .tools {
	background:url('/images/spec-tools.gif') no-repeat left center;
	padding:0 0 0 40px;
}
.system .moreinfo {
	width:410px;
	float:right;
}
.system .moreinfo p{
	margin:0 0 8px 0;
}

.system .price span{
	background-color:#fff177;
	padding:5px 15px;
	font-weight:bold;
	color:#282828;
}

/* product overlay */

#offer {
	width:860px;
	background:url('/images/bg-overlay.gif') repeat-y;
	border:1px #f0f0f0 solid;
	margin:0 0 0 5px;
}
#offer #tabs {
	float:left;
	width:222px;
	margin:0;
}
#offer #tabs ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#offer #tabs ul li {
	line-height:51px;
	height:51px;
}
#offer #tabs ul li a {
	font-size:16px;
	color:#000;
	display:block;
	height:51px;
	width:212px;
	width:222px;	
	padding:0 0 0 10px;		
}
#offer #tabs ul li a:hover {
	text-decoration:none;
}
#offer #tabs ul li:hover,
#tabs a.active-tab  {
	background:url('/images/overlay-menuhover.gif') no-repeat;
	height:51px;
}

#offer #tabs img {
	margin:0 10px 0 0;
	vertical-align:middle;
}

#offer .description {
	float:left;
	width:618px;
	padding:10px;
}
#offer .description .title {
	margin:0;
	padding:0;
    color: #393939;	
    padding-bottom: .2em;
	font-weight:normal;
	font-size:27px;
}
.panel {
	display: none;
}
.panel.active-tab-body {
	display: block;
}

/* highslide */
/* for product overlay */

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 885px;
}

.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	color: red;
	text-decoration: none;
	margin:0 20px 0 0;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-dimming {
	background: black;
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-dimming {
	background: black;
}




/* ROUNDED CORNERS
----------------------------------------------- */

/* greybox */

.greybox{display:block}
.greybox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f0f0f0}
.greybox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}
.greybox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}
.greybox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.greybox4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.greybox5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.greyboxcontent{
  background:#f0f0f0;
  padding:15px 20px;}
.greybox img {
	display:block;
}

/* bluebox */

bluebox{display:block}
.bluebox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d4dfe6}
.bluebox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ecf1f4;
  border-right:1px solid #ecf1f4;
  background:#dee7ec}
.bluebox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafbfc;
  border-right:1px solid #fafbfc;
  background:#dce5ea}
.bluebox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dce5ea;
  border-right:1px solid #dce5ea;}
.bluebox4{
  border-left:1px solid #ecf1f4;
  border-right:1px solid #ecf1f4}
.bluebox5{
  border-left:1px solid #dee7ec;
  border-right:1px solid #dee7ec}
.blueboxcontent{
  background:#d4dfe6;
  padding:15px 15px;}




/* clearfix */
.clearfix:after, #mainarea:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* IE5/MAC hack \*/
* html .clearfix{ display: inline;  height: 1px;}
/* close */


.left-image,
.leftImage  { margin:5px 15px 10px 0; float:left; }
.right-image,
.rightImage { margin:5px 0 10px 15px; float:right; }


/* styles for all buttons */

a.btn { display: block; float: left; text-align:center; text-decoration: none; }
a.btn span { display: block; float:left; }
a.btn:hover { outline: none; cursor: pointer; text-decoration:none; background-position: bottom right; }
a.btn:hover span { background-position: bottom left; }


/* btnGreen */

a.btnGreen {
	background: transparent url('/images/btnGreenRight.png') no-repeat scroll top right;
    height: 38px;
	/* font styles */
    color: #fff;
    font-size: 16px;
    font-weight: bold;	
	text-shadow:1px 1px 1px #3d4c25;	
	float:left;		
}
a.btnGreen span {
	background: transparent url('/images/btnGreenContent.png') no-repeat;
    line-height: 38px;
    padding: 0 18px 0 25px;
}
a.btnGreen:hover span { color: #fff; }
a.btnGreen,
a.btnGreen:hover {
	padding-right: 7px; /* width for button-right */
}

/* btnGreenBig */

a.btnGreenBig {
	background: transparent url('/images/btnGreenBigRight.png') no-repeat scroll top right;
    height: 58px;
	/* font styles */
    color: #fff;
    font-size: 16px;
    font-weight: bold;	
	text-shadow:1px 1px 1px #3d4c25;	
	float:left;		
}
a.btnGreenBig span {
	background: transparent url('/images/btnGreenBigContent.png') no-repeat;
    line-height: 58px;
    padding: 0 28px 0 35px;
}
a.btnGreenBig:hover span { color: #fff; }
a.btnGreenBig,
a.btnGreenBig:hover {
	padding-right: 7px; /* width for button-right */
}

/* iphone */

#iphoneContainer {
	position:relative;
	margin:0 0 0 -17px;
	width:592px;
}
#iphoneContainer .col {
	float:left;
	display:inline;
	width:180px;
	margin:0 0 0 17px;
}
#iphoneContainer img {
	display:block;
}
#iphoneContainer .col h3 {
	font-size:14px;
	padding:0;
	margin:-10px 0 5px 0;
	color:#232323;
	font-weight:bold;
}
#iphoneContainer .col p {
	font-size:12px;
	color:#4b4b4b;
}

/* appstore */

.appstore {}
.appstore img {
 	display:block;
	margin:35px 0 10px 0;
}
.appstore p {
	padding:0 0 0 5px;
}
 
 
/* product */

.prodTopInfo {
	border-bottom:1px #ededed solid;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
}
.prodDesc {
	font-size:16px;
	color:#4b4b4b;
}
.prodTopInfo .phone {
	margin-left:-40px;
	width:450px;
	float:left;
	position:relative;
}
.prodTopInfo .price {
	background:url('/images/prodPriceBg.gif') no-repeat;
	width:314px;
	height:64px;
	float:right;
	overflow:hidden;
	padding:20px 20px 0 30px;
	margin-right:-60px;
	position:relative;
}
.prodTopInfo .price p {
	width:165px;
	float:left;
	font-size:14px;
	color:#5b5b5b;
	margin:0;
}
.prodTopInfo .price p strong {
	font-size:20px;
	color:#313131;
	display:block;
}


/* smartTextProd */

.smartTextProd .paragraph {
	clear:both;
	margin:0 0 20px 0;
}

.smartTextProd,
.smartTextProd p {
	font-size:13px;
	line-height:170%;
}
.smartTextProd h2 {
	font-size:19px;
	font-weight:bold;
	color:#282828;
	padding-top:25px;
}
.smartTextProd .rightImage {
	margin-right:-40px;
}
.smartTextProd .leftImage {
	margin-left:-40px;
}

/* cameras */

#cameras {
	margin:0 0 40px 0;
	position:relative;
	overflow:hidden;
    width: 880px; 
	height:280px;
}
 
#cameras .items { 
    width:20000em; 
    position:absolute; 		
} 
#cameras .items .item { 
    float:left; 
	width:880px;
} 

#cameras h2 {
	font-size:19px;
	font-weight:bold;
	color:#282828;
	margin:0 0 10px 0;	
}
#cameras,
#cameras p {
	font-size:13px;
	line-height:170%;	
	color:#4b4b4b;
}
#cameras .col {
	float:left;
	margin:0 80px 0 0;
	width:320px;
}

#cameras .navi {
	width:880px;
	height:40px;
	clear:both;
	line-height:23px;
	text-align:center;
}
#cameras .navi a {
	width:23px;
	height:23px;
	background:url('/images/camerasNavi.gif') no-repeat top;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
}
#cameras .navi a.active,
#cameras .navi a:hover {
	background-position:bottom;
	text-decoration:none;
}



/* prices */

.pricesTop {
	background:url('/images/greyBoxTop.png') no-repeat;
	width:880px;
	height:8px;
}
.prices {
	background:url('/images/greyBoxContent.png') no-repeat bottom;
	width:880px;
	padding:10px 0;
	margin:0 0 40px 0;
}
.pricesCompare 
{
    margin:0 0 20px 0;
}
.prices table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.prices table,.prices td, .prices th {
    vertical-align: middle;
    text-align:left;
}

.prices table thead th {
	border-bottom:1px #c8c8c8 solid;
	font-size:14px;
	font-weight:bold;
	color:#666;
}
.prices table tbody td {
	font-size:18px;
	font-weight:normal;
	color:#000;
}

.prices table thead th,
.prices table tbody td {
	padding:7px 15px
}
.prices table .center {
	text-align:center;
}
.prices tbody td span.or 
{
	font-size:12px;
}


/* book */

.calltoaction {}
.calltoaction p {
	float:left;
	padding:7px 0 0 0;
	font-size:25px;
	color:#4b4b4b;
	width:530px;
}

/* compare */

.compare {
	width:880px;
	margin:0;
}
.compare .colLeft {
	float:left;
	width:180px;	
}
.compare .colLeft .box {
	background:url('/images/compareBg.png') no-repeat top left;	
	height:339px;	
}
.compare .colRight {
	float:right;
	width:180px;		
}
.compare .box {
	padding:10px 10px 0 15px;	
}
.compare .colRight .box {
	background:url('/images/compareBg.png') no-repeat top right;	
	height:339px;	
}
.compare #flash {
	float:left;	
	width:520px;
	height:378px;
}

.compare h2 {
	font-size:16px;
	line-height:39px;
	font-weight:bold;
	color:#2f2f2f;
	margin:0 0 0 15px;
	padding:0;
	height:39px;
	overflow:hidden;
}
.compare .col .title {
	font-size:12px;
	font-weight:bold;
	color:#313131;
	margin:0 0 10px 0;
}
.compare .col .title strong {
	display:block;
	font-size:15px;
}
.compare .col p {
	font-size:12px;
	line-height:170%;
	color:#434343;
}
.compare .col .btnStyle {
}
.compare .col img {
	display:block;
	margin:0 auto 12px auto;
}
.compareInfo {
	font-size:11px;
	font-style:italic;
	color:#a2a2a2;
	margin:10px 0 5px 15px;
}

.compare .btn span,
.btnComparepagePriceLeft span,
.btnComparepagePriceRight span
 {
	width:100px;
}
.btnComparepagePriceLeft {
	float:left;
	margin:5px 0 0 15px;	
}
.btnComparepagePriceRight {
	float:right !important;
	margin:5px 15px 0 0;
}

.btnComparepageTableLink 
{
    margin-bottom:20px;
}
.btnComparepageTableLink a
{
    float:right !important;
}

/* landing page */

.camPhoto {
	background:url('/images/cam.png') no-repeat;
	width:202px;
	height:157px;
	position:absolute;
	top:-7px;
	right:15px;
}
.landingpageTopInfo {
	width:680px;
	min-height:160px;
}

.landingpage {}
.landingpage .colLeft {
	float:left;
	width:440px;
}
.landingpage .colLeft h2 {
	font-size:19px;
	line-height:26px;
	color:#282828;
	font-weight:bold;
}
.landingpage .colRight {
	float:right;
	width:446px;
	margin-right:-40px;
}
.landingpage .colRight h2 {
	font-size:16px;
	line-height:30px;
	font-weight:bold;	
}


/* table */

.table {
	position:relative;
}

.table table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.table table,.prices td, .prices th {
    vertical-align: middle;
}

.table table thead th {
	border-bottom:1px #c8c8c8 solid;
	font-size:12px;
	line-height:180%;
	font-weight:bold;
	color:#666;
}
.table table tbody td {
	font-size:11px;
	font-weight:normal;
	color:#000;
	border-bottom:1px #c5c5c5 solid;
}

.table table thead th,
.table table tbody td {
	padding:8px 3px
}
.table table .center {
	text-align:center;
}

.table .superpriser {
	background:url('/images/superpriser.png') no-repeat;
	width:48px;
	height:49px;
	position:absolute;
	top:-3px;
	left:-10px;
}
.table .iconTD {
	padding-left:47px;
}
.table tbody td span.or
{
	font-size:10px;
}

/* form */

.formTop {
	background:url('/images/landingTop.png') no-repeat;
	width:446px;
	height:4px;
}
.form {
	background:url('/images/landingContent.png') no-repeat bottom;
	padding:30px 10px;
	margin:0 0 40px 0;
}
.form .row {
	clear:both;
	margin:0 0 10px 0;
}
.form .row label {
	text-align:right;
	width:90px;
	padding:3px 10px 0 0;
	float:left;
	font-size:12px;
	font-weight:bold;
}
.form .row .input {
	width:220px;
	padding:2px;
}

.form .required {
	font-style:italic;
	font-size:11px;
	color:#fff;
	background-color:#df2222;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:312px;
}
.positive {
	font-style:italic;
	color:#000;
	font-size:11px;
	background-color:#a9cf38;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:312px;	
}

.backtocompare 
{
	float:right;
}
.backtocompare a 
{
	font-weight:bold;
}