/* CSS Document */
/* revo orange: #f0810b */

html { font-size: 75%; font-family: Arial, Verdana, sans-serif; }

/**********************************************
* Main positional elements
***********************************************/

/**** Logo and main navigation ***/
/*#logo {
background-color:#FFF;
} */
h1 {position:relative;
width:122px;
height:60px;
background:#242328 url(../../images/logo.gif) no-repeat;}
h1 a{
width:122px;
height:60px;
position:relative;
display:block;
}

h1 a span {
background:#242328 url(../../images/logo.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
display:block;
}
h2.strap2 {color:#FFF; background-color:#242328; position:absolute; right:0; top:5px; font-size:1.6em; width:350px; height:50px; }

h2.strap {color:#FFF;background-color:#242328;position:absolute;right:0;top:0.8em;font-size:1.6em; width:237px; height:38px;}
/*h2.strap span {color:#FFF;background-color:#242328;position:absolute;right:0;top:1.2em;font-size:1.6em;}*/
/* main nav */
ul#nav {float:left;width:100%;background:#FFFFFF url(../../images/navbg.gif) top repeat-x;z-index:997;position:relative;}
ul#nav li {float:left;position: relative; font-weight:bold;}

ul#nav a {display:block;padding:0 1.8em;line-height:2.1em;color:#000000;border-right:#FFFFFF 1px solid;}
ul#nav a:visited {color:#000000;}
ul#nav a:hover {color:#666; text-decoration:none;}

#nav li ul {display: none; position: absolute; top: 2.1em; left: 0;background: #eeeeee;	filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9;}
#nav li ul a {border-right:none; padding:0 0.5em; border-bottom:#FFFFFF 1px solid; }
#nav li ul a:hover { color:#e16426; }
#nav li li {float: none;width: 12em; font-weight:normal;}
#nav li:hover ul, #nav li.sfhover ul { display: block; }

/* product nav */
#subnav {clear:both;position:relative;height:6.5em;background:#3c3d3e url(../../images/products/prodbg.jpg) bottom center;}
#subnav h3 {padding:0 0 0.4em 0.5em;color:#a9a9aa;position:absolute;bottom:0;font-size:1.2em;}
#subnav h3 a {color:#a9a9aa;}
#subnav h3 a:hover {color:#d0d0d1; text-decoration:none;}


/*** main content area ***/

#mainContent {background-color:#fff; color:#000000;clear:both;padding:15px; min-height:26em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #mainContent {height: 26em;}


/* for Internet Explorer */
/*\*/
* html body#hs #mainContent {height: 19em;}
/**/
#mainContent ol, #mainContent ul, #mainContent dl{margin:1em 1em 1em 2em;}
#mainContent ol li{list-style: decimal outside;}
#mainContent ul li{list-style: disc outside;}
/* headings */
h2.conthead {background-color:#242328; color:#FFFFFF; padding:2.5em 0.4em 0.4em 0.5em; font-size:1.8em;}
h2.conthead span {display:block; font-size:0.8em; color:#CCCCCC;}
h2.blik {background:url(../../images/headings/blik.jpg) bottom no-repeat;}
h2.blik2 {background:url(../../images/headings/blik02.jpg) bottom no-repeat;}
h2.blik3 {background:url(../../images/headings/blik03.jpg) bottom no-repeat;}
h2.bwf {background:url(../../images/headings/bwf.jpg) bottom no-repeat;}
h2.brs {background:url(../../images/headings/brs.jpg) bottom no-repeat;}
h2.mwf {background:url(../../images/headings/mwf.jpg) bottom no-repeat;}
h2.p {background:url(../../images/headings/p.jpg) bottom no-repeat;}
h2.p2 {background:url(../../images/headings/p02.jpg) bottom no-repeat;}
h2.p3 {background:url(../../images/headings/p03.jpg) bottom no-repeat;}
h2.pp {background:url(../../images/headings/pp02.jpg) bottom no-repeat;}
h2.pp2 {background:url(../../images/headings/pp02.jpg) bottom no-repeat;}
h2.pp3 {background:url(../../images/headings/pp03.jpg) bottom no-repeat;}
h2.pwf {background:url(../../images/headings/pwf.jpg) bottom no-repeat;}
h2.pir {background:url(../../images/headings/picoirbanner.jpg) bottom no-repeat;}
h2.picors {background:url(../../images/headings/picors.jpg) bottom no-repeat;}
h2.uno {background:url(../../images/headings/uno.jpg) bottom no-repeat;}
h2.uno2 {background:url(../../images/headings/uno02.jpg) bottom no-repeat;}
h2.uno3 {background:url(../../images/headings/uno03.jpg) bottom no-repeat;}
h2.uno4 {background:url(../../images/headings/uno04.jpg) bottom no-repeat;}
h2.uno5 {background:url(../../images/headings/uno05.jpg) bottom no-repeat;}
h2.g1 {background:url(../../images/headings/g1.jpg) bottom no-repeat;}
h2.g2 {background:url(../../images/headings/g2.jpg) bottom no-repeat;}
h2.g3 {background:url(../../images/headings/g3.jpg) bottom no-repeat;}
h2.iblikrs {background:url(../../images/headings/iblik_rs.jpg) bottom no-repeat;}
h2.iblikwf {background:url(../../images/headings/iblik_wf.jpg) bottom no-repeat;}
h2.blok {background:url(../../images/headings/blok-banner.jpg) bottom no-repeat;}
h2.ikon {background:url(../../images/headings/ikon-pageheader.jpg) bottom no-repeat;}
h2.axis {background:url(../../images/headings/axis-pageheader.jpg) bottom no-repeat;}

/* main content */
#mainContent h3 {padding-bottom:1em; font-size:1.4em;  color:#f0810b;}
#mainContent h3 span{ font-size:0.7em;  color:#000;}
#mainContent h4 {padding-bottom:1em; font-size:1.2em; }
#ssnav {border-bottom:#999999 1px solid; position:relative; height:3em;margin-bottom:1em;}
#ssnav ul {float:left;  margin:0;  width:100%;}
#ssnav ul li {float:left; list-style:none; margin-right:1px; border-right:#666666 1px solid; margin-top:0.5em; font-size:0.9em; display:inline;}
#ssnav ul li.last {border-right:none;} 
#ssnav ul li a {padding:0 0.7em; color:#242328;  text-decoration:none;}
#ssnav ul li a.first {padding:0 0.7em 0 0;}
#ssnav ul li a:visited, #ssnav ul li a:hover {color:#999999; text-decoration:none;} 
#ssnav p {float:right;}
#ssnav p.price {position:absolute; right:100px; font-weight:bold; font-size:1.5em;}
a.buynow{width:72px; height:19px; position:relative; display:block;}
a.buynow span {background:url(../../images/buynow.gif) no-repeat; position:absolute; width:100%; height:100%; display:block;cursor: pointer; cursor: hand;}

a:hover.buynow span {background:url(../../images/buynow.gif) center -19px no-repeat;}


a.preorder{width:75px; height:19px; position:relative; display:block;}
a.preorder span {background:url(../../images/store/pre-order.gif) no-repeat; position:absolute; width:100%; height:100%; display:block;cursor: pointer; cursor: hand;}
a:hover.preorder span {background:url(../../images/store/pre-order-white.gif) center -19px no-repeat;}


/*** Bottom Navigation area ***/

#footer { color:#767579; clear:both; position:relative; margin-bottom:1em; margin-top:1.5em; }
#footer a:link, #footer a:active, #footer a:visited {color:#767579;}
#footer a:hover {color:#999; text-decoration:none;}

ul#countries { margin-top:1em; }

#copyright { clear:both; }

ul#copyright { padding-top:0em; font-size:0.9em; }

ul#copyright li { float:left; margin-right:15px; }

ul#copyright a:hover { text-decoration:underline; color:#bdbdbf; }
#footer form { position:absolute; right:0; top:0; width:180px; }

#footer label.vislab {display:block; padding-bottom:1em; font-weight:bold; }

/* homepage */
#flashcontent {color:#FFFFFF;}
#flashcontent p {padding:10px;}

#hblog, #hnews {overflow: auto; height:145px; padding-left:5px; padding-top:5px; padding-right:5px;}
#hnews {padding-left:none; padding-right:none;}

body#hs #hresel2 {clear:both; background-color:#222222; height:4.5em;}
body#hs #hresel2 ul {padding:10px 0px 0 40px; margin:0;}
body#hs #hresel2 ul li{list-style:none; padding: 0px 1.9em;  height:35px; float:left; margin:0 3px;}

#newsblog {background: url(../../images/home/news-blog-bg.gif) no-repeat left top;}

.blogtime {font-size:0.8em; color:#696969;}
.blogdate {font-weight:bold; color:#696969;}

/* images */
* { behavior: url(iepngfix.htc) }
/* external & document downloads links*/
a[href^="http:"] {
background: url(../../images/exlink.gif) no-repeat right;
padding-right:12px;
}
a[href^="http://www.revo.co.uk"], a[href^="http://revo.co.uk"], a[href^="http://ww8.aitsafe.com"], a[href^="http://revo.cmail1.com"], a[href^="http://www.amazon.co.uk"], a[href^="http://www.virtualmarket.ifa-berlin.de"], a[href^="http://hkelectronicsfairae.hktdc.com"], a[href^="http://www.revodab.no"], a[href^="http://www.myrevo.ch"], a[href^="http://www.ccrane.com"], a[href^="http://www.gadgetshowlive.net"], a[href^="http://www1.messe-berlin.de"], a[href^="http://www.last.fm/"] {
background: none;
padding-right:0;
}
a[href$=".doc"] {
background: url(../../images/wordlink.gif) no-repeat right top;
padding-right:15px;
}
a[href$=".pdf"] {
background: url(../../images/pdflink.gif) no-repeat right top;
padding-right:15px;
}

/*  content */
div.cols {width:223px; float:left; margin-right:10px; border:#d3d6d9 1px solid; background:#e6e6e6 url(../../images/layout/boxbg.gif) top repeat-x; margin-bottom:10px; font-size:0.95em; color:#4c575e;}
div.scols {width:180px; float:left; margin-right:10px; margin-bottom:10px;}
#mainContent a, #mainContent a:visited {color:#000000; text-decoration:underline;}
#mainContent a:hover {color:#666; }
#mainContent div.cols ul {margin-left:15px; margin-bottom:5px; margin-top:0; list-style:url(../../images/layout/bullet.gif) ;}
#mainContent div.cols ul li, #mainContent div.mcols ul li, #mainContent div.testcols ul li {line-height:1.3em; }
#mainContent h3 + div + p {font-weight:bold;}
div.wcols {width:460px; float:left;}
div.mcols {width:308px; float:left;}
div.triplecols {width:302px;  float:left;}
div.jhalfcoll {width:465px; float:left;}
div.jhalfcolr {width:465px; float:left; margin-left:10px; margin-right:0px;}
div.uscols {width:120px; float:left;}
div.storecols {width:450px; float:left;}
div.storepiccols {width:350px; float:right; text-align:right;}
div.storesmlcols {width:360px; float:left; margin-right:10px;}
div.testcols {width:462px; float:left; margin-right:10px;}
div.lastcols {margin-right:none;}
div.whtbord, div.whtbordshort, div.whtbordsml, div.whtbordssml, div.whtbordsidepanel {border:#FFFFFF 5px solid; padding:5px;}
div.contimg {float:right; padding:0 0 5px 10px; width:230px; position:relative; font-size:0.95em; color:#666666;}
div.contimg2 {float:right; padding:0 0 5px 10px; width:465px; position:relative; font-size:0.95em; color:#666666;}
#mainContent div.cols h4 {margin-bottom:5px;}
#mainContent div.mcols h4 {margin-bottom:0; padding-bottom:0;}
#mainContent div.mcols p {padding-top:0;}
#mainContent div.whtbord { min-height:20em; height:auto;}
#mainContent div.whtbordshort { min-height:12em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #mainContent div.whtbord {height: 20em;}
/**/
#mainContent div.whtbordsml { min-height:15em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #mainContent div.whtbordsml {height: 15em;}
/**/
#mainContent div.whtbordssml { min-height:8em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #mainContent div.whtbordssml {height: 8em;}
/**/

div.colslast {margin-right:0px;}
div.clearcont {clear:both; line-height:1px;}
#mainContent p.smltxt, #mainContent span.smltxt {font-size:0.9em; color:#999;}
.orangetxt {font-weight:bold; color:#FF9900;}
.redstar {color:#CC3300; font-weight:bold;}
img.imgalign {float:right;}
img.imgalign2 {float:left; border-right:#c5c5c5 1px solid; padding-right:8px; margin-right:8px;}
p.remove {font-weight:bold; color:#CC3300;}
hr { border: 0; color: #c5c5c5;background-color: #c5c5c5;height: 1px;width: 100%; text-align: left; clear:both; margin-bottom:1.5em; margin-top:0.5em;}
/* forms */
#mainContent .storesmlcols input {margin-bottom:5px;}
/* tables */
table {width:100%;}
table, td, tr, th {border:none; text-align:left;}
#mainContent .price {font-weight:bold; font-size:1.5em; margin:5px 0;}


blockquote { background:url(../../images/quotes1.png) top left no-repeat; margin-left:0; padding-left:22px; }
blockquote p.lastchild { padding-right:22px; margin-right:0; display:inline; background:url(../../images/quotes2.png) bottom right no-repeat;}
/*blockquote + p {border-bottom:#efefef 0px solid;}*/

div.storelogo { text-align:right; float:right; }
 
/* news */
body.news p, body.news #mainContent h3 {width:65%;}

.praise td, #praise h3 {padding:10px; color:#444444;}
h7 {color:#d5d5d5; font-weight:bold; font-size:12px;}
.username {text-align:right; padding-right:10px; margin-top:-5px; font-weight:550; color:#999;}

.praise2 td, #praise2 h3 {padding:10px; color:#444444;}

.gallerydiv {
	background: url(../../images/productgallery/product-tile-bg.png) no-repeat;
	padding-top:0px;
	margin:13px;
	width:210px;
	height:275px;
}
.gallerydiv h3 {
	font-family:  Arial, Verdana, sans-serif;
	text-align:left; font-size:11px; font-weight:bold; color:#FF9900;
	padding-left:15px; padding-top:10px;
	width:180px;
}
.gallerydiv p {
	font-family: Arial, Verdana, sans-serif;
	text-align:left; font-size:11px; font-weight:normal; color:#999999;
	padding-left:15px;
	margin-top:-10px;
	width:180px;
}
#mainContent div.mcols li {margin-left:0px; margin-bottom:5px; margin-top:0; list-style:url(../../images/q-bullet.png) ;}
div.j630colm {width:630px; float:left;}
div.j630coll {width:310px; float:left;}
div.j630colr {width:310px; float:left; margin-left:10px; margin-right:0px;}
div.j630colright { background: url(../../images/sidepanel-shadow.png) repeat-x; width:280px; float:right; margin-left:15px; margin-right:0px; background-color: #c4d3d6; padding:10px;}
div.j630colrightikon { background: url(../../images/diagonal1.png) repeat; width:280px; float:right; margin-left:15px; margin-right:0px; background-color: #80adb8; padding:10px;}
div.j630colrightheritage { background: url(../../images/walnut.jpg) repeat; width:280px; float:right; margin-left:15px; margin-right:0px; /*background-color: #b6b69d; */padding:10px;}
div.j630colrightaxis { background: url(../../images/gallery/axis/axispaper.jpg) repeat; width:280px; float:right; margin-left:15px; margin-right:0px; background-color: #ffffff; padding:10px;}

#j630colm div.price {font-weight:bold; font-size:1.5em; margin:0px 0;}
.fathr { border: 0; color: #222222; height: 5px; background: #e9e9e9; width: 100%; clear:both; margin-bottom:20px; margin-top:20px;}
div.cols100 {width:100%; float:left; margin-right:10px; border:#d3d6d9 0px solid; background:#ffffff url(../../images/layout/boxbgXX.gif) top repeat-x; /*margin-bottom:10px;*/ font-size:12px; color:#222222;}

#mainContent div.whtbordsidepanel { height:auto;}
#mainContent p.smltxtdark, #mainContent span.smltxtdark {font-size:0.9em; color:#555555;}
.praise2 td {padding:5px; color:#222222;}

#mainContent div.cols100 ul {padding-top:5px; }
#mainContent div.cols100 li {margin-left:-2px; margin-bottom:10px; margin-top:10; list-style:url(../../images/plus-bullet.gif); line-height:14px; color:#222222; }