/* DEFAULTING CSS ---------------------------------------------------------------------------------------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ol, li, dl, dt, dd, form, a, fieldset, th, td
						{ margin: 0; padding: 0; border: 0; outline: none; }
body					{ background: url(/brandings/images/backgrounds/main.jpg) center top fixed no-repeat; }

html					{ overflow-y: scroll; }
body, input, select, textarea
						{ font-family: Arial, Helvetica; font-size: 12px; color: #000000; }
a						{ color: #D72007; font-weight: bold; text-decoration: none; }
a:hover					{ text-decoration: underline; }

h1						{ font-size: 36px; font-weight: bold; color: #D72007; padding: 0 15px 15px; margin: 0 0 17px 0; border-bottom: 1px dotted #D6D6D6; }
h2						{ font-size: 16px; }
h3						{ font-size: 14px; }

/* HEADER CSS ---------------------------------------------------------------------------------------------------- */

#header					{ width: 890px; height: 75px; margin: 0 auto 15px auto; background: #EAEAEA; }
#header #logo			{ width: 255px; float: left; padding: 14px 15px 0 5px; }

#userbar				{ width: 860px; height: 30px; margin: 0 auto -44px; padding: 6px 15px; text-align: right; }

#links					{ float: right; width: 800px; position: relative; z-index: 9600; font-weight: bold; margin: 0 0 0 -200px; padding: 0; }
#links li				{ position: relative; float: right; list-style: none; background: #EAEAEA; }
#links li.black	a		{ color: #000000; }
#links a				{ display: block; height: 62px; margin: 0; padding: 13px 10px 0 10px; text-align: center; }
#links a:hover			{ background: #CCCCCC url('/brandings/images/header/link_arrow.png') bottom center no-repeat; text-decoration: none; }
#links a img			{ margin: 5px 0 5px 0; }

#links .sublinks		{ position: absolute; margin: 0 -2px; display: none; border: 2px solid #FFFFFF; border-top: none; }
#links .sublinks a		{ height: auto; padding: 6px 10px; text-align: left; background: #E0E0E0; border-top: 2px solid #FFFFFF; }
#links .sublinks a:hover{ background-image: none; background-color: #CCCCCC; }

#countryselect			{ cursor: pointer; margin: 21px 15px 0 15px; }
#country				{ width: 890px; margin: 0 auto 10px auto; height: auto; overflow: hidden; position: relative; z-index: 9500; display: none; text-align: left; background: #D72007 url(/brandings/images/backgrounds/country.png) no-repeat; color: #FFFFFF; }
#country .list_s		{ width: 150px; float: left; padding: 10px 15px 14px 15px; }
#country .list_d		{ width: 325px; float: left; padding: 10px 15px 14px 15px; }
#country .column		{ width: 160px; float: left; overflow: hidden; height: auto;}
#country b				{ font-size: 11px; border-bottom: 1px solid #E2A7AB; display: block;}
#country a 				{ width: 160px; color: #FFFFFF; font-size: 11px; font-weight: normal; display: block; }

/* LAYOUT CSS ---------------------------------------------------------------------------------------------------- */

#content				{ width: 890px; margin: 0 auto; height: auto; overflow: visible; padding: 0 25px 15px 25px; text-align: left; }
#content_bottom			{ display: none; }

	.content			{ height: auto; overflow: hidden; padding: 10px 15px 24px 15px; }
	.foot				{ clear: both; height: 1px; margin: 0 0 15px 0; border-bottom: 1px dotted #D6D6D6; }
	
	.twocolumn_left			{ float: left; width: 585px; }
	.threecolumn_left		{ float: left; width: 280px; padding: 0 25px 0 0; }
	.twocolumn_wideright	{ float: right; width: 585px; }
	.twocolumn_right, .threecolumn_right
							{ float: right; width: 280px; }
	.twocolumn_right_cc		{ float: left; width: 280px; }

	/* ROUNDED CORNERS ---------------------------------------------------------------------------------------------------- */

	.round					{ background: #EAEAEA; margin: 0 0 20px 0; padding: 12px 15px 15px 15px; overflow: hidden; }
	.roundfoot				{ display: none; }

.blank					{ height: auto; margin: 0 0 8px 0; padding: 12px 15px; overflow: hidden; }
.twocolumn_left .blank	{ margin: 0 0 8px 0; padding: 12px 40px 20px 15px; }

/* VAULT CSS ---------------------------------------------------------------------------------------------------- */

	#vault					{ height: auto; overflow: hidden; background: url(/brandings/images/backgrounds/vault.png); }
	
	.deviceOver				{ background: #F2F2F2; background-image: url(/brandings/images/backgrounds/deviceOverview.png); cursor: pointer; }
	.deviceOver:hover		{ background: #E0E0E0 !important; background-image: url(/brandings/images/backgrounds/deviceOverview.png) !important; }
	.deviceOver img			{ float: left; margin: 2px 10px 0 0; }
	.deviceOver div			{ clear: both; margin: 14px 0 -4px 0; }
	.deviceOver div	img		{ float: left; margin: -3px 10px 0 0; }
	
	.deviceDetail			{ background: #E0E0E0; margin: 0; }
	.deviceDetail .map, .deviceDetail .picgrab, .deviceDetail .text
							{ border-top: 1px dotted #999; margin: 10px 0 0 0; padding: 10px 0 0 0; }
	.deviceDetail .text		{ clear: both; }
	.deviceDetail .map		{ float: left; width: 270px; }
	.deviceDetail .picgrab	{ float: right; width: 270px; }
	.deviceDetail .map a, .deviceDetail .picgrab a
							{ margin: -20px 0 0 0; padding: 0; text-align: right; }
	.deviceDetail a			{ min-width: 50px; width: auto; float: left; margin: 5px 0; padding: 5px; text-align: center; font-size: 11px; }
	.deviceDetail a:hover	{ background: #D8D8D8; text-decoration: none; color: #000000; }
	.deviceDetail .preview	{ position: relative; z-index: 9998; margin: 0; }
	.deviceDetail .zoom		{ position: relative; z-index: 9999; margin: 15px 5px -14px 0; }
	
	#deviceOver_tags h2		{ margin: 0 0 0 30px; }
	#deviceDetail_tags a
							{ float: none; padding: 0; margin: 0; font-size: 12px; width: auto; }
	.vaultTable				{ width: 100%; }
	
	#next, #prev			{ text-align: center; cursor: pointer; padding: 0; }
	#next:hover, #prev:hover{ background: #E0E0E0 !important; }
	#next					{ margin: 0; }
	
	#vaultsearch			{ position: absolute; margin: -68px 0 10px 320px; }
	#vaultsearch input		{ float: left; width: 210px; border: 0; padding: 0; background: #EAEAEA; }
	#vaultsearch #cancelSearch		{ cursor: pointer; }
	
	/* SETTINGS PAGE --------------------------------------------------------- */
		
		.settings				{ min-height: 255px; background: #EAEAEA; }
		.settingTab				{ background: #F2F2F2; background-image: url(/brandings/images/backgrounds/deviceOverview.png); cursor: pointer; }
		.settingTab:hover		{ background: #E0E0E0 !important; background-image: url(/brandings/images/backgrounds/deviceOverview.png) !important; }
		.settingTab img			{ float: left; margin: 0 10px 0 0; }
		.settingDevice img		{ float: left; margin: 0 10px 38px 0; }

	/* LOCATION PAGE --------------------------------------------------------- */
	
		#ygibmap				{ float: left; width: 585px; height: 500px; margin: 0 0 20px 0; }
		#pano					{ width: auto; height: 176px; }
		img[src="http://maps.gstatic.com/intl/en_gb/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_002.png"]	{ display: none; }

	/* CONTACTS PAGE --------------------------------------------------------- */
	
		.contact				{ float: left; width: 260px; }
		.contact h2				{ border-bottom: 1px dotted #CCCCCC; padding: 0 0 4px 0; margin: 0 0 4px 0; }
		.contact img			{ margin: 0 10px 0 0; }
		.contact_row			{ clear: both; font-size: 11px; }
		.contact_left			{ float: left; width: 85px; text-align: right; }
		.contact_right			{ float: right; width: 165px; text-align: left; }
		.restore				{ margin: 10px 0 0 0; }
		.restore img			{ float: left; margin: 5px 10px 0 0; }
		.restore a				{ font-weight: normal; color: #000000; }

	/* IMAGES PAGE --------------------------------------------------------- */

		.camimage				{ float: left; width: 150px; }

/* FORM CSS ---------------------------------------------------------------------------------------------------- */

.inputrow					{ height: auto; overflow: hidden; padding: 5px 0 10px 0; clear: both; }
.inputrow label				{ float: left; display: block; width: 160px; font-weight: normal; padding: 0 10px 0 0; text-align: right; }
.inputrow .input			{ width: 300px; margin: -2px 0 0 0; padding: 1px 3px; border: 1px solid #7F9DB9; font-weight: bold; }
.input.readonly				{ border: 1px solid #FFFFFF; }
.inputrow .help				{ margin: 0 0 0 170px; display: block; font-size: 11px; font-style: italic; }
.inputrow .error			{ margin: 0 0 0 170px; display: block; color: #D72007; font-weight: bold; }
.inputrow .phonecountry		{ width: 190px; }
.inputrow .phonenumber		{ width: 106px; }
.inputrow .phonenumber2		{ width: 248px; }
.inputrow select			{ width: 308px; font-weight: bold; }
.inputrow textarea			{ width: 300px; font-weight: bold; border: 1px solid #7F9DB9; padding: 1px 3px; }
.inputrow #charsleft		{ width: 300px; margin: 0 0 0 170px; font-size: 11px; }
.inputrow input[type="checkbox"]
							{ float: left; margin: 2px 10px 10px 147px; }
.inputrow .tick				{ float: left; min-width: 100px; }
.inputnote					{ float: left; width: 100%; padding: 0 0 8px 0; margin: 0 0 8px 0; display: block; clear: both; font-weight: bold; font-size: 11px; }

.twocolumn_right .inputrow label	{ width: 85px; }
.twocolumn_right .inputrow span		{ display: block; padding: 2px 0 0 0; font-weight: bold; }
.twocolumn_right .inputrow .input	{ width: 120px; }
.twocolumn_right .inputcontainer	{ margin: 10px 0; }

.twocolumn_right .button	{ width: 223px; margin: 10px 0 0 0; }

.button						{ float: left; width: auto; cursor: pointer; margin: 0 10px 0 0; background: url(/brandings/images/buttons/back_left.png) top left no-repeat; }
.button:hover				{ background: url(/brandings/images/buttons/back_left_hover.png) top left no-repeat; }
.button div					{ position: relative; width: 100%; margin: 0 -5px 0 0; padding: 4px 7px 5px 0; color: #FFFFFF; font-weight: bold; background: url(/brandings/images/buttons/back_right.png) top right no-repeat; }
.button div img				{ margin: -1px 6px 0 0; width: 25px; text-align: center; float: left; }
.button div input			{ color: #FFFFFF; margin: 0; padding: 0; border: 0; border: none; background: none; cursor: pointer; }
input.submit				{ float: left; height: 0px; width: 0px; padding: 0px; margin: 0 -6px 0 0; }
							
.or							{ font-style: italic; font-weight: bold; float: left; width: auto; margin: 0 5px 0 0; padding: 3px; }

.countrySelect .swapButtons	{ float: left; width: 80px; padding: 40px 0 0 0; text-align: center; }
.countrySelect .unsafe, .countrySelect .safe
							{ float: left; width: 130px; height: 95px; margin: 5px 0; padding: 5px 8px 5px 8px; background: #FFFFFF; }
.countrySelect .unsafe select, .countrySelect .safe select
							{ width: 100%; height: 70px; border: 0; padding: 0 0 0 8px; margin: 5px 0 0 0; background: transparent; }
.unsafe						{ margin: 0 0 0 170px; }

.tooltip_text				{ display: none; position: absolute; margin: 10px 0 0 170px; z-index: 9999; width: 286px; padding: 10px; background: #D72007; color: #FFFFFF; opacity: 0.9; }

.download					{ height: 27px; background: #EAEAEA; padding: 12px 15px 4px 15px; display: block; margin: 0 0 20px 0; }
.download img				{ float: left; margin: -2px 10px 0 0; }
.download:hover				{ background: #E0E0E0; text-decoration: none; color: #000000; }

/* SHOPPING CSS ---------------------------------------------------------------------------------------------------- */

.itemtitle				{ float: left; width: 250px; }
.itemprice				{ float: right; width: 180px; color: #D72007; text-align: right; }
.quantity				{ border: 0; background: url(/brandings/images/store/quantity.gif); width: 16px; height: 13px; font-size: 11px; padding: 2px; }
.cartitem				{ margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dotted #D6D6D6; }
.cartitem img			{ margin: 4px 0 0 0; }

.viewcart th			{ border-bottom: 1px dotted #D6D6D6; }
.viewcart .item			{ border-bottom: 1px dotted #D6D6D6; height: 30px; color: #D72007; }

/* FAQ/SUPPORT CSS ---------------------------------------------------------------------------------------------------------*/

.accordion h2				{ margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dotted #CCCCCC; }
.accordion h2:first-of-type	{ margin: 0; padding: 0; border-top: 0; }
.accordion h3				{ margin: 10px 0 0 20px; cursor: pointer; padding: 0; color: #D72007; }
.accordion div				{ height: auto; overflow: hidden; margin: 10px 0 10px 40px; padding: 0; }
.accordion div ul			{ margin: 2px 0; padding: 0; list-style: circle; }

#searchbox h2			{ margin: 0 0 10px 0; }
#searchbox input		{ float: left; width: 225px; height: 18px; border: 1px solid #D72007; }
#searchbox img			{ float: left;  cursor: pointer; }

/* NOTIFICATIONS ---------------------------------------------------------------------------------------------------------*/

.note					{ height: auto; overflow: hidden; margin: 0 0 15px 0; padding: 14px; clear: both; display: none; color: #FFFFFF; background: #DC2007 url(/brandings/images/backgrounds/alert.png) top right no-repeat; }
.note h2				{ color: #FFFFFF; }
.note a					{ color: #FFFFFF; font-weight: bold; font-style: italic; }
.note img				{ float: left; margin: 5px 15px 0 0; }
.note b					{ float: left; }
.note .button			{ float: right !important; background: url(/brandings/images/buttons/back_left_tiny.png) top left no-repeat; }
.note .button:hover		{ background: url(/brandings/images/buttons/back_left_hover_tiny.png) top left no-repeat; }
.note .button img		{ padding: 2px 0; width: 21px; text-align: center; margin: -2px 4px 0 0; }
.note .button div		{ padding: 2px 5px 3px 0; margin: 0 -5px 0 0; background: url(/brandings/images/buttons/back_right_tiny.png) top right no-repeat; }
.note input				{ display: block; float: left; width: 15px; margin: 3px 8px 0 0; }

/* TOP PANEL CSS ---------------------------------------------------------------------------------------------------------*/

#panel					{ position: relative; margin: 5px 0 17px 0; border-bottom: 1px dotted #D6D6D6; }
.panel_inside			{ position: relative; padding: 50px 20px 0 15px; height: 170px; }
#panel_0				{ margin: 0;		 								z-index: 15; background: #FFFFFF url(/brandings/images/panels/panel_back_1.jpg) no-repeat; opacity: 0; filter: alpha(opacity = 0); }
#panel_1				{ margin: -220px 0 0 0; padding: 50px 0 0 370px; 	z-index: 14; background: #FFFFFF url(/brandings/images/panels/panel_back_2.jpg) no-repeat; opacity: 0; filter: alpha(opacity = 0); }
#panel_2				{ margin: -220px 0 0 0; 							z-index: 13; background: #FFFFFF url(/brandings/images/panels/location.jpg) no-repeat; opacity: 0; filter: alpha(opacity = 0); color: #FFFFFF; }
#panel_3				{ margin: -220px 0 0 0; 							z-index: 12; background: #FFFFFF url(/brandings/images/panels/panel_back_4.jpg) no-repeat; opacity: 0; filter: alpha(opacity = 0); }

.panel_inside .button	{ margin: 10px 12px 0 0; }

#panel_vault			{ padding: 50px 325px 0 15px; background: url(/brandings/images/panels/vault.jpg) no-repeat; }
#panel_faqs				{ padding: 50px 325px 0 15px; background: url(/brandings/images/panels/support.jpg) no-repeat; }
#panel_products			{ padding: 50px 325px 0 15px; background: url(/brandings/images/panels/panel_back_1.jpg) no-repeat; }
#panel_products_laptop	{ padding: 50px 320px 0 15px; background: url(/brandings/images/panels/panel_back_1.jpg) no-repeat; }
#panel_products_mobile	{ padding: 50px 320px 0 15px; background: url(/brandings/images/panels/mobile.jpg) no-repeat; }
#panel_products_tablet	{ padding: 50px 320px 0 15px; background: url(/brandings/images/panels/tablet2.jpg) no-repeat; }
#panel_products_tags	{ padding: 50px 290px 0 15px; background: url(/brandings/images/panels/tags.jpg) no-repeat; }
#panel_products_malware	{ color: #FFFFFF; padding: 50px 300px 0 15px; background: url(/brandings/images/panels/malware.jpg) no-repeat; }

#panel h1				{ font-size: 36px; font-weight: bold; height: auto; margin: 0 0 2px 0; padding: 0; color: #D72007; background: none; border: 0; }
#panel_2 h1, #panel_tablet h1, #panel_laptop h1, #panel_products_malware h1
						{ color: #FFFFFF !important; }

#panel_links			{ position: relative; width: 890px; height: 12px; z-index: 898; margin: -15px 0 3px 0; text-align: right; }
#panel_links img		{ vertical-align: sub; }
#back, #forward, .pause	{ cursor: pointer; }
#slidenumber			{ margin: 0 5px 0 5px; }

/* HOMEPAGE CSS ---------------------------------------------------------------------------------------------------------*/

.panel_over				{ position: relative; height: 170px; padding: 50px 20px 0 15px; opacity: 0; filter: alpha(opacity = 0); }
#panel_laptop			{ margin: -220px 0 0 0; padding: 50px 20px 0 0;	z-index: 5; background: url(/brandings/images/panels/laptopthief.jpg) no-repeat; color: #FFFFFF; text-align: right; }
#panel_mobile			{ margin: -220px 0 0 0; 						z-index: 4; background: url(/brandings/images/panels/mobile.jpg) no-repeat; }
#panel_tablet			{ margin: -220px 0 0 0;							z-index: 3; background: url(/brandings/images/panels/tablet.jpg) no-repeat; color: #FFFFFF; }

#home_laptop			{ min-height: 115px; cursor: pointer; padding: 12px 15px 0 115px; }
#home_mobile			{ min-height: 115px; cursor: pointer; padding: 12px 15px 0 115px; }
#home_tablet			{ min-height: 115px; cursor: pointer; padding: 12px 15px 0 115px; }
#home_tags				{ min-height: 115px; cursor: pointer; padding: 12px 15px 0 115px; }

.home .button			{ width: auto !important; margin: 6px 0 0 0; }
.home .button span		{ width: auto !important; }

.round.home				{ margin: 10px 0 20px 0; display: block; }
.round.home a			{ color: #000000; }
.round.home a:hover		{ text-decoration: none; }

.round.home .button		{ width: auto !important; margin: 6px 0 0 0; }
.round.home .button span{ width: auto !important; }

#home_msc				{ min-height: 95px; cursor: pointer; padding: 32px 15px 0 15px; cursor: default; }

#carousel				{ height: 140px; margin: 10px 0 0 0; }

/* FOOTER CSS ---------------------------------------------------------------------------------------------------- */

#footer					{ width: 860px; height: 54px; clear: both; padding: 12px 15px; margin: 0 auto; background: url(/brandings/images/backgrounds/footer.jpg) no-repeat top; font-size: 11px; color: #777777; text-transform: uppercase; }
#footer .left			{ width: 600px; float: left; text-align: left; }
#footer .right			{ width: 250px; float: right; text-align: right; }
#footer a				{ color: #777777; font-weight: normal; }
#footer a:hover			{ color: #D72007; font-weight: normal; }

/* MISC CSS ---------------------------------------------------------------------------------------------------- */

#key div				{ padding: 8px 0 2px 0; }
#key div img			{ float: left; margin: -3px 10px 0 0; }

.error					{ width: 100%; display: block; clear: both; font-weight: bold; color: #FF0000; }
.red					{ color: #DC2007; }
.grey					{ color: #888888; }
.bigred					{ display: block; color: #DC2007; font-size: 26px; font-weight: bold; }
.small, a.small			{ font-size: 9px; color: #888888; text-transform: uppercase; }
.italic					{ font-style: italic; }
.noclick				{ cursor: default; }
a.noclick:hover			{ text-decoration: none; }
a.lightbox				{ float: left; width: 146px; height: 100px; margin: 7px; border: 1px solid #000000; }
a.lightbox:hover		{ border: 1px solid #FF0000; }
.lightbox img			{ width: 146px; height: 100px; }
.alignright				{ text-align: right; }
.aligncenter			{ text-align: center; }

.pagebanner				{ display: block; margin: 0 0 0 0; }
.pagelinks				{ display: block; margin: -15px 0 15px 0; color: #999999; text-align: right; }

.asterix				{ text-align: right; color: #999; font-size: 11px; }

.productimg				{ margin: 4px 12px 10px 0; }

.twocolumn_right #result img	{ margin: 0 10px 5px 0; float: left; border: 1px dotted #D6D6D6; }

.masteraccordion h2		{ cursor: pointer; }
.masteraccordion .top	{ margin: 8px 0 0 0; padding: 8px 0 0 0; border-top: 1px dotted #D6D6D6; }
.masteraccordion div	{ padding: 10px 0 5px 30px; }
.masteraccordion div ul	{ margin: 0 0 0 15px; }

.table > .row			{ clear: both; height: auto; overflow: hidden; border-bottom: 1px dotted #D6D6D6; }
.table > .header		{ font-weight: bold; color: #DC2007; border-bottom: 1px solid #000000; }
.table > .row .blank	{ float: left; margin: 0 0 5px 0; border-left: 1px dotted #D6D6D6; }
.table > .row div:first-child
						{ border-left: 0 !important; }
						
.productList 			{ margin: 0; }
.productList div 		{ clear: both; padding: 5px 0; text-transform: capitalize; }
.productList div img 	{ float: left; margin: -2px 10px 0 0; }

.validationerr			{ color: #F00; font-weight: bold; }

.subInterval 			{ display: none; }
