﻿/* reset styles */
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,
b, u, i, center,
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-size: 18px;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* main styles */
body { font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px; }

/* structure */
#wrapper {
	margin: 0 auto;
	overflow: auto;
	width: 879px;
}
#header { background: url(../images/bgHeader.png) no-repeat 0 0; height: 137px; margin: 0 0 15px 0; position: relative; z-index: 9999; width: 879px; }
#content-wrapper {
	width: 879px;
	position: relative;
	top: -10px;
}
#featured { float: left; height: 294px; width: 879px;}

#featured-product {
	background: #333 no-repeat 0 0;
	float: left;
	height: 294px;
	position: relative;
	width: 266px;
	background-image: url(../images/bgContact.png);
}

#featured-well {
	background: #ccc url(../images/bgfeaturedWell-new.png) no-repeat 0 0; 
	float: left; 
	height: 294px; 
	position: relative; 
	width: 613px;
}

#login {
	background: #FFFFFF url(../images/virusfree.jpg) no-repeat 0 0;
	float: left;
	height: 300px;
	margin: 0 1px 0 0;
	position: relative;
	width: 267px;
}

.submitbutton {margin-left:239px;}
.widthed {width:158px;}
#benefits { background: url(../images/bgBenefits.png) no-repeat 0 0; float: left; height: 269px; width: 293px; margin: 0 2px 0 0; position: relative; }
#create-account { background: url(../images/bgGetStarted.png) no-repeat 0 0; float: left; height: 269px; position: relative; width: 316px;}
#products-login { float:left; position: relative; width: 266px; }
#product-nav { background: #333 url(../images/bgProductNav.png) no-repeat; float: left; height: 296px; width: 266px; }
#product-content { background: url(../images/bgProductArea.png) no-repeat; float: right; padding: 35px 0 0 35px; width: 577px; min-height: 571px; height: auto !important; height: 571px; }
#product-shot { float: left; position: relative; width: 414px; }
#product-summary,
#specs-1,#specs-2,#specs-3 { float:left; width: 407px; }
#specs-1,#specs-2,#specs-3 { border-top: 2px solid #ff9914; }
#footer {
	background: url(../images/bgFooter.png) no-repeat 0 0;
	float: none;
	height: 269px;
	margin: 1px 0 0 0;
	padding: 20px 0 0 35px;
	width: 844px;
	top: 490px;
}
#contact { float: left; width: 300px; }
#footer-links { float: left; margin: 0 0 0 190px; width: 345px; }
#footer-links ul { float: left; width: 240px; }
#footer-links ul li { margin: 0 0 5px 0; }
#footer-links ul li.first { margin: 0 0 15px 0; }
.blog-rss {
	float: right;
	width: 100px;
}
.clearfix { clear: both; }

/* header styles */
h1.logo,
div#login-link,
#header p { position: absolute; z-index: 9999; }
#global-nav { position: absolute; }

/* nav styles */
ul#global-nav { background: url(../images/bgGlobalNav.png); bottom: 0; height: 39px; margin: 0; padding: 0; width: 879px; }
ul#global-nav li a { background: url(../images/bgGlobalNav.png) no-repeat; display: block; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; height: 39px; text-indent: -9999px; }
ul#global-nav li { float: left; }

/* nav dropdown styles */
ul#global-nav div.dropdown { display: none; }
ul#global-nav li.mega div.dropdown { background: transparent url(../images/bgVert.png) no-repeat 50% 55%; width: 433px; height: 220px; z-index: 99999; position: absolute; top: 35px; left: 132px; background-color: #fff; color: #000; border-left: 1px solid #fed49d; border-right: 1px solid #fed49d; border-bottom: 1px solid #fed49d; }
ul#global-nav li.hovering div.dropdown {
  display: block;
}
ul#global-nav li.mega div.dropdown img { float: left; display: block; margin: 15px 0 20px 25px; }
ul#global-nav li.mega div.dropdown p { float: left; clear: left; position: static; display: block; margin: 0 0 15px 25px; line-height: 14px; color: #333; font-size: 10px; width: 150px; }
ul#global-nav li.mega div.dropdown ul { position: absolute; top: 25px; left: 225px; width: 350px; }
ul#global-nav li.mega div.dropdown ul li { display: block; width: 350px; }
ul#global-nav li.mega div.dropdown ul li a { background: none; color: #333; border: 2px solid #fff; font-size: 13px; text-decoration: none;  width: 170px !important; height: auto !important; position: static; padding: 3px 0 3px 25px; text-indent: 0; }
ul#global-nav li.mega div.dropdown ul li a:hover { border: 2px solid #fed49d; }

/*up state*/
ul#global-nav li#home a {
left: 0;
width: 219px;
background-position: 0 -39px;
}

ul#global-nav li#products a {
left: 219px;
width: 219px;
background-position: 219px 0;
}

ul#global-nav li#quote a {
left: 438px;
width: 219px;
background-position: 438px 0;
}
ul#global-nav li#about a {
left: 657px;
width: 219px;
background-position: 657px 0;
}

/*hover state*/
ul#global-nav li#home a:hover {
left: 0;
width: 219px;
background-position: 0 0;
}

ul#global-nav li#products a:hover {
left: 219px;
width: 219px;
background-position: -219px -39px;
}

ul#global-nav li#quote a:hover {
left: 438px;
width: 219px;
background-position: -438px -78px;
}
ul#global-nav li#about a:hover {
left: 657px;
width: 219px;
background-position: -657px -117px;
}

/* dropdown menu */


h1.logo { left: 45px; top: 22px; }
p#protection {
	bottom: 45px;
	color: #666;
	font-size: 9px;
	right: 10px;
}
p#protection a {
	color: #666;
	font-size: 9px;
}
p#protection a:hover { text-decoration: none; }
div#login-link { right: 10px; top: 10px; }
div#login-link a { color: #666; font-size: 10px; }
div#login-link a:hover { text-decoration: none; }
span#phone {
	color: #ff9914;
	font-size: 9px;
}

#product-nav h2 { color:#fff; font-size:20px; margin: 15px 0 15px 15px; }
#product-nav img { margin: 0 0 10px 30px; }
#product-nav ul { margin: 0 0 0 30px;  }
#product-nav ul li { background: url(../images/productNavBdr.png) no-repeat 0 100%; margin: 0 0 6px 0; padding: 0 0 10px 0; }
#product-nav ul li.last { background: none; }
#product-nav ul li a { background: url(../images/arw.png) no-repeat 0 50%; display: block; color: #fff; font-size: 13px; font-weight: bold; padding: 0 0 0 15px; text-decoration: none; }
#product-nav ul li a.current { color: #ff9914; } 
#product-nav ul li a:hover { color: #ff9914; }

/* featured styles */
#featured-product a.learn-link { bottom: 43px; height: 33px; position: absolute; right: 7px; width: 93px; }
#featured-well a.getprotected-link { bottom: 3px; height: 71px; position: absolute; right: 17px; width: 224px; }
#featured-well img { bottom: 3px; height: 71px; position: absolute; right: 17px; width: 224px; }

/* login styles */
#login { color: #fff; font-size: 12px; }
#login h2 { background: url(../images/orangeBdr.png) no-repeat 0 100%; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 20px 0 10px 29px; padding: 0 0 8px 0; }
#login form { height: 177px; left: 30px; position: absolute; width: 220px; }
#login label {
	display: block;
	margin: 0 0 7px 0;
	font-size: 12px;
}
#login input.text { width: 193px; height: 15px; border-top: 3px solid #989693; border-bottom: 2px solid #eee; border-left: 4px solid #d1cdc9; border-right: 3px solid #dbdbdb; margin: 0 0 7px 0; }
#login input.submit { border: none; height: 33px; left: 135px; position: absolute; top: 125px; width: 93px; }
#login .login-recover { font-size: 9px; text-align: right; }
#login .login-recover a {
	color: #fff;
	text-decoration: underline;
	font-size: 9px;
}
#login .login-recover a:hover { color: #fff; text-decoration: none; }

/* benefits styles */
#benefits h2 { color: #4f5150; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 20px 0 8px 20px; }
#benefits p {
	color: #666;
	font-size: 11px;
	line-height: 16px;
	margin: 0 40px 0 20px;
}
#benefits a.btnFindOut { display: block; height: 22px; right: 20px; position: absolute; top: 85px; width: 94px; }
#benefits .btnEmailSpecials { bottom: 5px; display: block; height: 69px; left: 15px; position: absolute; width: 258px; }
.greyBdr { position: absolute; top: 130px; left: 35px; }

/* create-account styles */
#create-account h2 { color: #4f5150; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 20px 0 8px 20px; }
#create-account p {
	color: #666;
	font-size: 11px;
	line-height: 16px;
	margin: 0 40px 20px 20px;
}
#create-account a.btnCreateAcct { display: block; height: 51px; margin: 0 auto; width: 218px; }
#create-account marquee {font-size:14px; color:#d9871e; margin-top:20px;}

/* product-content styles */
#product-content h3 {
	color: #4f5150;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}
#product-content h4 { color: #4f5150; font-size: 10px; margin: 15px 0; }
#product-content p {
	color: #666;
	font-size: 13px;
	line-height: 14px;
	margin: 0 0 15px 0;
}

.product-title { color: #4f5150; font-size: 23px; font-weight: bold; }
.product-tag { color: #4f5150; font-size: 15px; font-weight: bold; margin: 0 0 20px 0; }
.product { width: 117px; float: left; margin: 0 7px 0 0; }
.price { color: #4f5150; font-size: 24px; font-weight: bold; float: left; margin: 45px 0 0 0; }
.price span { color: #999; display: block; font-size: 20px; font-weight: bold; }
.get-quote {
	float: right;
	width: 249px;
	height: 50px;
	margin: 75px 0 0 0;
}
.pdf-icon { vertical-align: middle; margin: 0 10px 0 0; }
a.download-pdf { color: #4f5150; font-weight: bold; }
a.download-pdf:hover { text-decoration: none; }
ul#product-tabs { width: 412px; }
ul#product-tabs li { display:inline; }


/* footer styles */
#contact p,
#contact a { color: #7f7e7e; font-size: 10px; }
#contact p { line-height: 14px; }
#contact a.vpn { display: block; height: 13px; margin: 0 0 5px 0; width: 124px; }

#footer-links p,
#footer-links a { color: #7f7e7e; font-size: 10px; text-decoration: none; }
#contact a { color: #7f7e7e; text-decoration: none; }
#footer-links a:hover, #contact a:hover { text-decoration: underline; }
#footer-links p { line-height: 14px; }
#footer-links img.rss-img { height: 21px; margin: 0 5px 0 0; vertical-align: middle; width: 21px; }
