/* 
layout.css
Site wide styles for layout styling only.
NO COLOR/FONT/TEXT STYLING PERMITTED.

Author: Nathan Colgate Clark, Manikandan Rajasekaran, Ramanand Yadwadkar, Premkumar Balakrishnan
Date: 11/15/05
*/

body{
	background:#5d666F url(/common/media/images/style/body_bg.jpg) repeat-x top center !important;
	}
#wrapper{
	margin: 0px auto;
	text-align: left;
	width: 962px;
	padding: 0;
	}
div#inner-wrapper{
	background: #fff url(/common/media/images/style/inner_wrapper_bg.jpg) repeat-y top left !important;
	overflow:hidden;
	height:1%;
	}
div#header{
	/* fix for IE background color */
	float: left;
	position:absolute;
	display:block;
	background: #fff url(/common/media/images/style/top_bg.jpg) repeat-x top left !important;
	width: 962px;
	*height:72px;

	}
div#header img#logo{
	float: left; 
	z-index: 1;
	margin-top: 18px;
	margin-left: 8px;
	}
img#logo-affiliate { 
	float: right;
	margin: 13px 15px;
	z-index: 1;
	}


/* ---- CONTENT ---- */
#content {
	min-height:550px;
	height:auto !important;
	height:550px;
	}
.wnone { 
	width: 100%; 
	background-color:#fff;
	}
.wpn { 
	float: left;
	width: 82%; 
	background-color:#fff;
	}
.wsb{ 
	float: left; 
	width: 75%;
	overflow: visible; /*IE fix - Italic content layout collapse*/
	}
.wpnasb{ 
	float: left;
	width: 57%; 
	margin-left: 0%; 
	}
#content-main{ 
	padding: 0px 0px 12px 0px;
	_margin-right: 2px;

}
/*4th col landing fix*/
div#content div.colonnade div.offour{
	*width: 24.89%; 
}
div.wnone div#content-main{
	_margin-right: 7px;
	}

#content h3, #content h4, #content h5, #content hr, #content ul, #content ol, #content dl, #content p, #content img, #content table, #content form, #content div.promo{
 	padding-left: 6px; 
	margin-left: 6px; 
	padding-right: 6px; 
	margin-right: 6px; 
	}

div.split90, div.split45, div.split135, div.split275{
	position: relative;
	margin-bottom: 12px;
	overflow: hidden; 
	width: 100%;
	}
/*---- Rule: width = split size + 12 (to balance left margin/padding) ---*/
div.split45 div.left {
	float: left;
	width: 57px;
	}
div.split45 div.right {
	margin-left: 57px;
	}
div.split90 div.left {
	float: left;
	width: 102px;
	}
div.split90 div.right {
	margin-left: 102px;
	}
div.split135 div.left {
	float: left;
	width: 177px;
	text-align: center;
	padding-bottom: 10px;
	}
div.split135 div.right {
	margin-left: 187px;
	}
div.split135 div.right li {
	margin-left: 0;
	}
div.split275 div.left {
	float: left;
	width: 295px;
	}
div.split275 div.right {
	margin-left: 295px;
	}

/* ---- POSITIONING STATEMENT ---- */
#pos { 
	padding: 19px 12px 19px 0px;
	}

#pos h3, #pos h4 { 
	padding: 0px 0px 0px 189px; 
	margin: 0;
	}
#pos p {
	padding: 0px 0px 0px 189px; 
	margin: 0px 0px 0px 0px;
	}
/* ---- TEASER ---- */
#teaser { 
	padding: 6px 0px;
	margin: 0px 6px 6px 0px;
	}
#teaser h3 { 
	margin-right: 150px; 
	margin-top: 0; 
	}
#teaser h4 { 
	margin-right: 150px; 
	}
#teaser p { 
	margin-right: 150px; 
	}
#teaser ul li {
background:  url(http://images.mcafee.com/common/media/images/style/arrow-small-blue-right.gif) no-repeat 0 .4em;
	padding-left: 6px;
	margin-left: 0px;
	text-decoration: none;
	list-style-type:none;
	}


/* ---- SIDEBAR ---- */
#sidebar { 
	margin: 0 0 0 75%; 
	width: 24.2%;
	_width: 24.5%;
}
#thr-threatcenter-vil-virus-detail-vil #sidebar,#thr-threatcenter-vil-pup-detail #sidebar, #threat_center-vil-avertalerts #sidebar, #thr-threatcenter-vil-vulnerability-detail #sidebar
{
	margin: 0 0 0 75%; 
	width: 24.2%;
	*width: 24.5%;
	

}



#sidebar-main {
	padding: 0px 0;
	_margin-left:-3px;
	_margin-right: 5px;

	}
#sidebar-tab { 
	padding: 3px 0px;
	margin-left: -8px;
	z-index: 2444;
	margin-bottom: 5px;
	position: relative;
	_left: -8px;
	_margin-left: 0;
	_margin-right: -4px;
}
/* -- adjustment for Enterprise and SMB landing pages threat center box -
body.ent #sidebar-tab, body.smb #sidebar-tab { 
	_left: -2px;
}
*/
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar hr, #sidebar ul, #sidebar ol, #sidebar dl, #sidebar p, #sidebar img, #sidebar form, #sidebar table,  #sidebar-main div.promo { 
	padding-left: 6px; 
	margin-left: 3px; 
	padding-right: 6px; 
	margin-right: 3px; 
	}
	
#promo-demo{
margin: 0 !important;
padding: 0 !important;
}
	
#promo-demo img{
padding-left: 0px; 
margin-left: 0px; 
}

#promo-demo h4 {
margin: 11px 0 0 2px !important;
color: #7b7e7d !important;
font: bold 8x verdana !important;
}



#frmPackageDetails, #frmPackageDetails fieldset, #frmPackageDetails ul, #frmPackageDetails li, #frmPackageDetails p {
	margin-left: -4px;
	padding-left: -4px;
}
html>body #frmPackageDetails, #frmPackageDetails fieldset, #frmPackageDetails ul, #frmPackageDetails li, #frmPackageDetails p {
	margin-left: 0;
	padding-left: 0;
}
/* ---- FOOTER ---- */
#footer { 
	margin-top: 0px; 
	clear: both; 
	}
#legal { 
	margin-top: 12px; 
	}

/* ---- FLYOUT ---- */
div.flyout { behavior: url(/common/stylesheets/hover.htc); position: relative; z-index:9999;}
div.flyout ul { display: none; position: absolute !important; }
div.flyout:hover ul, div.dissappearing.hover ul { display: block; }

/* ---- COLUMNS ---- */
.colonnade {
	overflow: hidden; 
	width: 100%;
	margin-top:15px;
	}
.firstcolumn, .middlecolumn { 

	}
.lastcolumn, .firstcolumn, .middlecolumn { 
	float: left;
	margin-bottom: 6px;
	}
#content .firstcolumn h3, #content .firstcolumn h4, #content .firstcolumn ul, #content .firstcolumn ol, #content .firstcolumn dl, #content .firstcolumn p, #content .firstcolumn img, #content .firstcolumn div.promo {
	}
#content .middlecolumn h3, #content .middlecolumn h4, #content .middlecolumn ul, #content .middlecolumn ol, #content .middlecolumn dl, #content .middlecolumn p, #content .middlecolumn img, #content .middlecolumn div.promo {
	/* to adjust for the 1px divider */
	padding-left: 7px; 
	margin-left: 7px; 
	}
#content .lastcolumn h3, #content .lastcolumn h4, #content .lastcolumn ul, #content .lastcolumn ol, #content .lastcolumn dl, #content .lastcolumn p, #content .lastcolumn img, #content .lastcolumn div.promo {
	/* to adjust for the 1px divider */
	padding-left: 7px; 
	margin-left: 7px; 
	}
.oftwo { 
	width: 49.95%; 
	}
.ofthree { 
	width: 33.33%; 
	_width: 33.25%; 
	}
.offour { 
	width: 25%; 
	_width: 24.95%; 
	}
.offive { 
	width: 20%; 
	_width: 29.95%; 
	}
.ofsix { 
	width: 16.66%; 
	_width: 16.5%; 
	}
	
div#tab-content div.colonnade div.firstcolumn {
	border-right: none;
}
div#navigation ul#segment-navigation,div#navigation div#nav-group{
	*background-color: #fff !important; 
}
