/* RESET CSS FOR ALL WEBBROWSERS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}/* ------------------ BASE ------------------ */

body, th, td, input {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9pt;
}

a { text-decoration: none; }
p { margin-bottom: 20px; }
ol { list-style-type: decimal; margin-left: 25px; }
strong { font-weight: bold; }

label { float: left; clear: both; width: 160px; }
input, select, textarea { float: left; margin: 2px 0px 2px 0px; border: 1px #c8cfdc solid; }

/* ------------------ LIGHTBOX ------------------ */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url('/images/overlay.png'); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}

/* ------------------ LAYOUT ------------------ */

/* WRAPPER  */
#wrapper { width: 770px; }

/* LOGO */
#logo { background: url('/images/layout/eset_logo.gif') no-repeat; height: 64px; }

/*  TOP MENU */
#top-menu { background: url('/images/layout/top_menu_bg.gif') repeat-x; height: 20px; padding: 7px 0px 0px 21px; }
#top-menu ul li { float: left; margin-right: 15px; }
#top-menu ul li a { color: #c4d5dc; font-weight: bold; font-size: 8pt; }
#top-menu a.editing-mode { float: right; margin-right: 10px; font-weight: bold; }
#top-menu a.on { color: #42ac1d; }
#top-menu a.off { color: #d95e61; }

/* BANNER */
#banner { 
	clear: both; 
	height: 171px; 
	width: 770px; 
	background: url('/images/layout/banner.gif') no-repeat top right;
	padding: 0px;
}
#banner img { float: left; }
#banner ul { float: left; margin: 143px 0px 0px 30px; }
#banner ul li a { color: #00447c; font-size: 8pt; }

/* BOTTOM MENU */

#bottom-menu { padding: 15px 0px 0px 10px; width: 540px; float: left; }
#bottom-menu a { display: block; margin-right: 10px; float: left }
#bottom-menu a.last { margin-right: 0; }

/* PAGE BOTTOM */
#page-bottom { 
	border-top: 1px #c8cfdc solid; 
	padding: 5px 0px 0px 10px;
	margin: 5px 0px 20px 0px;
	font-size: 8pt;
}
#page-bottom ul li { float: left; margin-right: 5px; padding-top: 4px; }
#page-bottom ul li.def a { color: #80899a; }
#page-bottom ul li.rss { background: #b4b4b4; padding: 2px 5px 5px 4px; }
#page-bottom ul li.rss a { color: #ffffff; font-weight: bold; font-size: 9pt; }
#page-bottom div.copyright { color: #80899a; clear: both; padding-top: 5px; }

/* --------------------- CLASSES ------------------------ */

/*  GENERAL  */
div.breaker { clear: both; }
.italic { font-style: italic; }
input.submit { clear: both; margin: 10px 0px 0px 160px; }
.fl-right { float: right; }
.fl-left { float: left; }
label.radio { clear: none; margin-left: 5px; width: auto; }
input.radio { clear: both; border: none; }

/*  COLUMNS  */
div.col-left { width: 535px; float: left; padding: 20px 25px 0px 10px; line-height: 12pt; }
div.col-right { width: 200px; float: right; padding-top: 15px; }
div.col-wide { width: 735px; }

/*  LEFT COLUMN  */

/* HEADERS */
div.col-left h1 {
	padding-bottom: 3px;
	margin-bottom: 15px;
	border-bottom: 2px #8d8d8d solid;
	color:#005499;
	font: 22px Arial,Helvetica,sans-serif;
}
div.col-left h2 {
	font: normal bold 16px Arial,Helvetica,sans-serif;
	margin: 20px 0px 10px 0px;
}
div.col-left h3 { font: bold 10pt Arial; margin: 15px 0px 5px 0px; }
div.col-left a { color: #1d4076; }
div.col-left a:hover { text-decoration: underline; color: #2a5eac; }


div.col-left p.quote { font-style: italic; }
div.col-left p.quote img { float: right; }

/* CONTACT */
div.col-left table.contact td.q { font-weight: bold; width: 130px; }

/* COMPETITORS */
div.col-left div.competitors div.info { margin: 10px 0px 15px 0px; }
div.col-left div.competitors table { width: 100%; }
div.col-left div.competitors table th { 
	text-align: center; 
	font-weight: bold; 
	padding: 0px 10px 0px 10px; 
	vertical-align: top; 
}
div.col-left div.competitors table tr td { padding: 5px; text-align: center; vertical-align: middle; }
div.col-left div.competitors table tr .q { width: 200px; font-weight: normal; text-align: left; padding: 5px 0px 15px 0px; }
div.col-left div.competitors table tr .highlight { background: #83b8f4; }
div.col-left div.competitors table tr .odd { background: #a7b9cd; }
div.col-left div.competitors table tr.highlight-line td { 
	background: #ccd8e6; 
	height: 30px; 
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

/* DOWNLOAD */
div.col-left ul.download li:before { content: "- "; }
div.col-left ul.download li { margin-bottom: 10px; }

/* NORMAL PROBLEMS DOWNLOAD */
div.col-left ul.normal-problems li img { margin: 5px 0px 20px 0px; }

/* LIST */
div.col-left ul.strokelist li:before { content: "- "; }

/* DOCUMENTATION */
div.col-left table.documentation { width: 100%; }

/* FAQ */
div.col-left div.faq dt { font: bold 11pt Arial; margin: 5px 0px 5px 0px; }
div.col-left div.faq dd { margin: 0px 0px 0px 15px; line-height: 12pt; }
div.col-left div.faq dd:before { content: "- "; }
div.col-left div.faq h3 { margin-top: 25px; }

/* PRODUCT LIST */
div.col-left ul.product-list { font-size: 11pt; line-height: 13pt; }
div.col-left ul.product-list li:before { content: "- "; }

/* PRODUCT SPOT */
div.col-left div.product-spot { padding: 0px 5px 10px 5px; }
div.col-left div.product-spot div.product-lcol { float: left; width: 300px; }
div.col-left div.product-spot div.product-rcol { float: right; width: 110px; text-align: center; padding-top: 10px; }
div.col-left div.product-spot div.product-rcol div.cost-inc { font: bold 12pt Arial; color: #8e1313; }
div.col-left div.product-spot div.product-rcol div.cost-exc { font: 8pt Arial; }
div.col-left div.product-spot div.product-rcol input.submit { margin: 10px auto 0px auto; float: none; }

/* PRODUCT VIEW */
div.col-left div.product-view div.product-spot { padding: 0px 0px 20px 0px; }
div.col-left div.product-view div.product-spot div.product-rcol { padding-top: 30px; }

div.col-left div.odd { background: #d9e2ec; }
div.col-left div.even { background: #f2f5f9; }

/* SHOP BASKET */
div.col-left div.shop-basket p { margin: 10px 0px 10px 0px; clear: both; }
div.col-left div.shop-basket input.submit { margin: 10px 0px 10px 0px; font: 11pt Arial; }
div.col-left div.shop-basket div.basket-item { margin-bottom: 20px; }
div.col-left div.shop-basket table { width: 100%; }
div.col-left div.shop-basket table input { float: none; }
div.col-left div.shop-basket table .last { text-align: right; }
div.col-left div.shop-basket div.sum { text-align: right; float: right; }
div.col-left div.shop-basket div.sum span.incl { font: bold 10pt Arial; color: #b10000; }
div.col-left div.shop-basket input.button { float: left; clear: none; margin-right: 3px; }

/* CONSUMER TYPE */
div.col-left ul.consumer-type { margin-top: 10px; }

/*  RIGHT COLUMN BOX  */
div.col-right div.box { width: 192px; margin-bottom: 15px; }
div.col-right div.box div.top { 
	background: url('/images/layout/col_right_box_top.gif') repeat-x; 
	height: 19px; 
	padding: 7px 0px 0px 10px;
	color: #005499;
	font-weight: bold;
}
div.col-right div.box div.content {
	border-left: 1px #c8cfdc solid;
	border-right: 1px #c8cfdc solid;
	padding: 5px;
	font-size: 8pt;
}

/* SECURITY NEWS */
div.col-right div.box div.secnews h3 { margin-bottom: 15px; }
div.col-right div.box div.secnews h3 a { font: bold 10pt Arial; color: #232323; }
div.col-right div.box div.secnews div.date { font: italic 8pt Arial; color: #424242; margin: 2px 0px 1px 0px; }
div.col-right div.box div.secnews div.info { text-align: right; font-style: italic; }

/* NOMINATIONS */
div.col-right div.box div.nominations { text-align: center; padding-top: 15px; }
div.col-right div.box div.nominations img.pcw { margin-right: 10px; }

div.col-right div.box div.bottom { background: url('/images/layout/col_right_box_bottom.gif') repeat-x; height: 5px; }



table.order {
	width: 600px;
	padding: 0;
	margin-top: 10px;
}

table.order caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table.order th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-right: 1px solid #007373;
	border-bottom: 1px solid #007373;
	border-top: 1px solid #007373;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(/images/table/bg_header.png) no-repeat;
}

table.order th.nobg {
	border-top: 0;
	border-left: 0;
	border-bottom: 1px solid #007373;
	border-right: 1px solid #007373;
	background: none;
}

table.order td {
	border-right: 1px solid #007373;
	border-bottom: 1px solid #007373;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


table.order td.alt {
	background: #d9eaea;
	color: #797268;
}

table.order th.spec {
	border-left: 1px solid #007373;
	border-top: 0px solid #007373;
	background: #fff url(/images/table/bullet1.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.order th.specalt {
	border-left: 1px solid #007373;
	border-top: 0;
	background: #fff4f2 url(/images/table/bullet2.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
table.order td.alignRight {
	text-align: right;
}
table.order tfoot th.nobg {
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	border-right: 1px solid #007373;
	background: none;
}