/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 "Arial", Helvetica Neue, Helvetica,Verdana,sans-serif;
	
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: none;
}

li {
	padding-left: 10px;
	margin-bottom: 5px;
	text-align: left;
}

body {
	background: #999;
}
a, a:visited { color:#166494; }
a:hover, a:active { color:#AA0828; }
.clear { clear:both; }
#container {
	background: #FFF url(images/red.png) repeat-x;
	margin: 10px auto;
	border-left:solid 1px #9BA3A7;
	border-right:solid 1px #9BA3A7;
	border-bottom:solid 1px #9BA3A7;
	padding:20px;
	width: 940px;
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#logo a {
	background: url(images/logo_pc-optimax.png) no-repeat;
	display: block;
	text-indent: -999px;
	height: 60px;
	width: 300px;
	overflow:hidden;
}
ul#nav {
	clear:both;
	display:block;
	margin-top:-53px;
	float:right;
}
ul#nav li {
	float:left;
	list-style:none!important;
	margin-right:3px;
}

#title {
	clear: both;
	font-size:2.6em;
	margin-top: 20px;
	width: 930px;
	padding: 0 0 5px 0;
}
#box { float: left; }
#left {
	float:left;
	width:256px;
}
#trust {
	margin-top:10px;
	float:left;
}
#content {
	margin:10px 0 0 0;
	position: relative;
	min-height:400px;
}
#first {
	border: solid 1px #9BA3A7;
	background:url(images/bk_first.png) repeat-x bottom;
	padding:20px;
	width:690px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
#side {
	border: solid 1px #9BA3A7;
	background:#fff;
	padding:15px;
	position:absolute;
	right:0;
	width:150px;
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#side li {
	text-align: left;
	list-style:none outside;
	background: url(images/checklist.png) no-repeat -1px 7px;
}
#side img {
	display:block;
	padding-top:20px;
	margin:20px auto 0;
	border-top:solid 1px #9BA3A7;
}
#satisfaction {
	margin:0;
}
#delivery {
	margin:0;
}
#faq { margin:0 auto; }
#text {
	clear:both;
	width:900px;
	padding: 20px;
	float: left;
	margin-top: 20px;
}
#text #image1 {
	float:right;
	margin:0 0 0 20px;
}
#text #image2 {
	float:right;
	margin:0 0 0 20px;
}
#text ul { width:600px; }
#text a {
	text-decoration:underline;
	cursor:pointer;
}
#free_download {
	background:url(images/free_download.png) no-repeat;
	position:absolute;
	top:1px;
	left:1px;
	width:121px;
	height:86px;
}
#features {
	position: relative;
	display: block;
	float: left;
	width: 290px;
	margin-top:20px;
	margin-left: 20px;
}
#features li { background: url(images/bullet.gif) no-repeat 0 7px; }
#features h1{
	margin: 0 0 20px 0;
	font-size:2em;
}
#features span.free {
	color: #b30407;
	font-weight: bold;
}
#rightwrapper {
	width:260px;
	float:right;
	margin: 0 30px 30px 0;
	clear: right;
}
#benefits {
	margin-top:20px;
	padding: 0 0 0 10px;
	width: 210px;
}
#benefits h4 {
	font-size:1.2em;
	margin-bottom:10px;
}
#benefits ul { margin: 0; }
#benefits li {
	background:url(images/check.gif) no-repeat 0 5px;
	padding-left:20px;
}
#callToAction {
	height: 52px;
	padding:10px;
	position:relative;
	width: 276px;
	clear:both;
}
.arrow {
	background: #11b51b url(images/overlay.png) repeat-x;
	display: inline-block;
	position: absolute;
	left:-20px;
	top:7px;
	border-right:0 none;
	border-left:0 none;
	cursor: pointer;
	width: 45px;
	height: 45px;
	z-index:3;
	/* For Firefox, Chrome & Safari*/
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
#callToAction2 {
	/*margin-top:20px;
	height: 50px;
	position:relative;
	width: 220px;
	float:right;
	clear:both;
	margin-right:30px;*/
}
#callToAction3 {
	margin-top:18px;
	width: 255px;
}
#video {
	width:600px;
	margin:0 auto;
}
#callToAction3 .buttonNav {
	margin-left:10px;
	font-size:15px;
}
#callToAction3 .videoNav {
	margin-left:-40px;
	margin-right:40px;
	font-size:15px;
}
#compatible {
	margin-top:10px;
	height: 40px;
	width: 220px;
}
.button, .button:visited {
	background: #000 url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 5px 15px;
	color: #fff;
	text-decoration: none!important;
	position: absolute;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-right:0 none;
	border-left:0 none;
	cursor: pointer;
	width: 250px;
	height: 40px;
	font-size: 2.3em;
	line-height:40px;
	/* For Firefox, Chrome & Safari*/
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.button:hover {
	background-color: #999;
	color: #fff;
}
.button:active { top: 1px; }
.buttonNav, .buttonNav:visited {
	background: #2b4e96 url(images/overlay.png) 0 -15px;
	display: inline-block;
	padding: 2px 7px;
	color: #fff;
	text-decoration: none;
	text-align:center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-right:0 none;
	border-top:0 none!important;
	border-left:0 none;
	cursor: pointer;
	text-transform:uppercase;
	/* For Firefox, Chrome & Safari*/
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.buttonNav:hover {
	background-color: #2b457b;
	color: #fff;
}
.buttonNav:active { top: 1px; }
/* Colors for the buttons*/
a.red { background-color: #b30407!important; }
a.red:hover { background-color: #9b0305!important; }
.red { background-color: #ff8e90!important; border:solid 1px #b30407; }

a.blue { background-color: #1f7bb5!important; }
a.blue:hover { background-color: #1a6a9d!important; }
.blue {background-color:#83c5ef!important; border:solid 1px #1f7bb5;}

a.green { /*background-color: #b41033; McAfee Color*/ background-color: #11b51b!important; }
a.green:hover { background-color: #0d9c15!important; }
.green { background-color:#78ff80; border:solid 1px #11b51b;}

.ques {
	background: #3fab2e url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 2px;
	color: #fff!important;
	text-decoration: none;
	position: relative;
	text-align:center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-right:0 none;
	border-left:0 none;
	cursor: pointer;
	font-size: 0.8em;
	height: 12px;
	width: 12px;
	/* For Firefox, Chrome & Safari*/
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.tooltip {
	display:none;
	background:url(images/white_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#000;
	z-index:5;
}
div.overlay {
	background:#fff;
	padding:20px;
	width:500px;
	height:260px;
	z-index:999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	border:solid 1px #9BA3A7;
	display: none;
}
div.overlay div.close {
	background:url(images/close.png) no-repeat;
	cursor:pointer;
	height:28px;
	position:absolute;
	right:-10px;
	top:-10px;
	width:28px;
}
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 500px;
	height:300px;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
	float:left;
	width:500px;
}
div.scrollable div.items div h4 { font-size:20px; }
div.scrollable div.items div img {
	float:left;
	margin:25px 15px 100px 0;
}
/* prev, next, prevPage and nextPage buttons */
a.prev {
	display:block;
	width:116px;
	height:30px;
	background:url(images/left.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	position: absolute;
	left: 60px;
	top: 250px;
	z-index:999;
}
a.next {
	display:block;
	width:116px;
	height:30px;
	background:url(images/right.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	position: absolute;
	right: 60px;
	top: 250px;
	z-index:999;
}
/* disabled navigational button */
a.disabled { visibility:hidden !important; }
.price {
	color:#CC0033;
	font-size:1.667em;
	font-weight:bold;
}
ul#footer {
	clear:both;
	display:block;
	margin:0 auto;
	width:600px;
}
ul#footer li {
	display:inline;
	list-style:none!important;
	margin-right:10px;
}
#contact_form {
	width:400px;
	margin:0 auto 70px;
}
#contact_form input { width:100%; }
#contact_form #message { width:100%; }
#captcha img { margin-bottom:10px; }
#captcha p { margin:0 0 10px 0; }
#captcha { margin-bottom:10px; }
#refund {
	position:absolute;
	right:0px;
	bottom:-20px;
	color:#fff;
}
#submitContact {
	float:right;
	width:150px!important;
}
#account {
	margin:50px 0;
	border-right: solid 1px #ccc;
	padding-left: 80px;
	width:410px;
	float:left;
}
#mailinglist_form {
	width:100%;
}
#guest_form {
	width:100%;
}
#trust_icons {
	margin:50px 0;
	padding-left: 80px;
	float:left;
}
#terms {
	bottom:-100px;
color:#FFFFFF;
left:50px;
position:absolute;
text-align:center;
width:900px;
}
#steps {
	background: url(images/drop_menu_h.gif) repeat-x center;
	height:23px;
	list-style:none;
	margin:0;
	padding:0;
}
#steps li{
	float:left;
	margin-right:115px;
	padding:0 6px;
	background:#fff;
}
#steps li.last{
	margin-right:0 !important;
}
#steps li span{
	background:url(images/step_number_off.png) no-repeat 1px 1px;
	float:left;
	text-align:center;
	color:#fff;
	height:21px;
	margin-right:5px;
	margin-top:-2px;
	font-weight:bold;
	width:21px;
	padding:2px 0 0 1px;
}
.store-page-product #steps li span.step1, .store-page-contents #steps li span.step1{
	background:url(images/step_number.png) no-repeat 1px 1px;
}

.store-page-customer #steps li span.step2,
.store-page-product-customer #steps li span.step2 {
background:url(images/step_number.png) no-repeat 1px 1px;
}

.store-page-confirm #steps li span.step3 {
	background:url(images/step_number.png) no-repeat 1px 1px;
}
.store-decorate-button .store-page-navigation .store-action-command
{
background: #000 url(images/overlay.png) repeat-x;
background-color: #11b51b!important;
	color: #fff;
	text-decoration: none!important;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-right:0 none;
	border-left:0 none;
	cursor: pointer;
	/* For Firefox, Chrome & Safari*/
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/* Change Button Hover */
.store-decorate-button .store-page-navigation .store-action-command:hover
{
	background-color: #0d9c15!important;
	color: #fff;
} 
.store-decorate-button .store-page-navigation .store-action-command:active
{
	top: 1px; 
}
.store-page-product .store-product-list-item-pricing .store-product-price .store-value-money {
	color:green!important;
	font-weight:normal!important;
}
.store-field-address-street2 { display: none; }

.store-product-list-offer-item .store-product-list-item-action-list {
	text-align: right !important;
	line-height: 13px !important;
	position: relative;
	bottom: 185px;
}

.store-page-navigation .store-action-list {
	line-height: 40px;
}

.store-page-navigation .store-action-command {
	padding: 0.4em 1.2em !important;
}

.store-page-navigation .store-action-title {
	font-size: 20px;
}

.store-page-navigation {
	margin-top: 0;
}

.store-order-items .store-order-item-group {
	margin-top: 0;
	padding-top: 0;
}

.store-section-customer-details .core-form-field-group-header,
.store-section-customer-details .core-form-field-body-note {
	display: none;
}

.store-section-customer-details .core-form-field-group-body {
	margin-top: 1em;
}

.store-section-payment .store-payment-method-list,
.store-section-payment .store-payment-method {
	margin-top: 0.5em;
}

#container {
	min-height: 750px;
}

.store-product-list-item-description {
	padding-top: 1em;
}

.store-decorate-silk .store-product-list-item-offer-volume, .store-decorate-silk .store-product-detail-offer-volume {
	background: none;
	padding-left: 0;
}

.store-product-detail-offer-title {
	font-size: 12px;
}

.store-decorate-silk .store-offer-file-backup-cd {
    white-space: normal;
}

.store-page-customer .store-order-action-list { display: none; }