/*common styles for the whole page*/
.socialfacebook {background:url(images/facebook_128x128.png) top left no-repeat; width:26px; height:26px;display:block;}
.socialtwitter {background:url(images/Twitter-128x128.png) top left no-repeat; width:26px; height:26px; display:block;}

body{
	font:0.6875em Arial, Helvetica, sans-serif;
	color:#373636;
	margin:0;
	background:url(/images/bg-body.gif);
}
img{border:none;}
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/*main*/
#main{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	background:#000;
}

/*header*/
#header{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
/*logo*/
#header h1{
	float:left;
	display:inline;
	overflow:hidden;
	margin:21px 0 0 26px;
}
#header h1 a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/logo.gif) no-repeat;
	width:302px;
	height:69px;
}
/*info-box*/
.info-box{
	float:right;
	overflow:hidden;
	margin:67px 0 0;
	clear: right;
}
.social{
	background:#000000;
	float: right;
	padding:5px 5px 0 0;
	display:inline;
	height:0;
	width:100px;
}
.social ul li { 
	display:inline;
	float: right;
	padding:0 3px 0 0;
	float: right;
}

.socialfacebook {background:url(/images/facebook_26x26.png) top left no-repeat; width:26px; height:26px;display:block;}
.socialtwitter {background:url(/images/Twitter-26x26.png) top left no-repeat; width:26px; height:26px; display:block;}

.cart{
	float:right;
	overflow:hidden;
	background:#c73119;
	padding:0 31px 0 13px;
	margin:0 0 0 19px;
}
.cart a{
	display:block;
	overflow:hidden;
	background:url(/images/cart.gif) no-repeat 0 50%;
	font-size:13px;
	line-height:37px;
	padding:0 0 0 28px;
	color:#fff;
}
.cart a em{font-style:normal;}
.info-box ul{
	list-style:none;
	float:right;
	overflow:hidden;
	margin:15px 0 0;
	padding:0;
}
.info-box ul li{
	float:left;
	overflow:hidden;
	padding:0 8px 0 10px;
}
.info-box ul li:first-child{
	padding-left:0;
	background:none;
}
.info-box ul a{
	font-size:11px;
	line-height:13px;
	float:left;
	overflow:hidden;
}
.account li{background:url(/images/separator-header-white.gif) no-repeat 0 65%;}
.info li{background:url(/images/separator-header-brown.gif) no-repeat 0 65%;}
.account li a{color:#fff;}
.info li a{color:#ffebc2;}
/*navigation box*/
#nav{
	width:100%;
	background:#c73119;
	border-bottom:1px solid #771d0f;
	clear:both;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
/*search form*/
#nav .form-search{
	float:right;
	overflow:hidden;
	padding:15px 8px 0 0;
}
.form-search label{
	color:#fff;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:3px 10px 0 0;
	float:left;
}
#search-field{
	width:105px;
	height:20px;
	float:left;
	margin:2px 7px 0 0;
	padding-left:4px;
}
.btn-search{
	float:left;
	overflow:hidden;
	width:21px;
	height:21px;
}
/*navigation*/
#nav ul{
	float:right;
	list-style:none;
	padding:0 32px 0 0;
	margin:0;
}
#nav ul li{
	float:left;
}
#nav ul a{
	float:left;
	overflow:hidden;
	position:relative;
	padding:19px 15px 5px;
	color:#fff;
	font-size:12px;
	line-height:16px;
}
#nav ul a:hover,
#nav ul a.active{
	background:#fff;
	border:1px solid #c73119;
	color:#c73119;
	text-decoration:none;
	margin:-2px -1px 0;
	padding:19px 15px 4px;
}
/*content*/
#content{
	width:100%;
	background:url(/images/bg-content.gif) repeat-y 100% 0;
	margin:1px 0 0;
}
#content:after{
	content:"";
	display:block;
	clear:both;
}
/*primary*/
#primary{
	float:right;
	overflow:hidden;
	width:796px;
	background:#fff url(/images/bg-primary-top.gif) no-repeat;
	padding:10px 0 0 0;
	position:relative;
	z-index:1;
}
.primary-inner{
	background:url(/images/bg-primary-inner.gif) repeat-y;
	padding:6px 7px 0 15px;
	position:relative;
	z-index:10;
	min-height:1100px;
}
.primary-inner2{
	background:url(/images/bg-primary-inner2.gif) repeat-y;
	padding:6px 7px 0 15px;
	position:relative;
	z-index:10;
}
.primary-inner3{
	background:url(/images/bg-primary-inner2.gif) repeat-y;
}

.primary-inner:after{
	content:"";
	display:block;
	clear:both;
}
* html .primary-inner{height:1100px;}
.primary-btm{
	width:100%;
	overflow:hidden;
	height:5px;
	background:url(/images/bg-primary-btm.gif) no-repeat;
	position:relative;
	z-index:1;
	margin:0px 0 0;
}
/*row1*/
.row1{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
/*left box*/
.row1 .left{
	float:left;
	overflow:hidden;
	width:431px;
	padding:0 5px 0 0;
}
.row1 .left .illustration{
	display:block;
	overflow:hidden;
}
.row1 .left h2.illustration{margin:0 0 6px;}
.row1 .left .illustration img{display:block;}
/*right*/
.row1 .right{
	float:right;
	overflow:hidden;
	width:338px;
}
.row1 .help-box{
	height:100px;
	width:100%;
	overflow:hidden;
	background:url(/images/bg-live-help-btm.gif) repeat-x 0 100%;
}
.live-help{
	margin:0;
	overflow:hidden;
	margin:0 12px 0 0;
	float:right;
	display:inline;
}
.row1 .text-mcafee{
	float:left;
	display:inline;
	overflow:hidden;
	margin:33px 0 0 12px;
}
/*banners*/
.row1 .banners{
	width:100%;
	overflow:hidden;
	background:url(/images/bg-banners.gif) repeat-x;
	padding:9px 0 0;
	margin:3px 0 0;
}
.banners ul{
	background:url(/images/bg-banners-inner.gif) repeat-y;
	overflow:hidden;
	list-style:none;
	padding:5px 3px 0 12px;
	margin:0;
}
.banners ul li{
	background:url(/images/separator-banners.gif) repeat-x 0 100%;
	overflow:hidden;
	padding:6px 0 5px;
	height:1%;
	vertical-align:middle;
}
.banners ul li.last{background:none;}
.banners .illustration{
	float:right;
	overflow:hidden;
	width:139px;
	padding:6px 0 0;
	text-align:center;
}
.banners ul li div{
	width:170px;
	overflow:hidden;
	font-size:1.091em;
	float:left;
}
.banners ul div h4{
	font-size:1.091em;
	line-height:1.333em;
	color:#c73119;
	margin:0 0 5px;
}
.banners ul div h4 a{
	font-size:1.091em;
	line-height:1.333em;
	color:#c73119;
	margin:0 0 5px;
}

.banners ul div p{
	color:#624a42;
	margin:0 0 13px;
	line-height:1.167em;
}
.banners ul div span{
	line-height:1.167em;
	color:#624a42;
}
/*row2*/
.row2{
	width:100%;
	overflow:hidden;
}
.row2 a{
	overflow:hidden;
	margin:0 0 0 2px;
	display:block;
}
/*row3*/
.row3{
	width:100%;
	padding:4px 0 10px;
	position:relative;
}
.row3:after{
	content:"";
	display:block;
	clear:both;
}
/*column1*/
.row3 .column1{
	width:599px;
	overflow:hidden;
	float:left;
	padding:4px 11px 0 0;
}
.column1 .pic01{
	width:100%;
	overflow:hidden;
	display:block;
	margin:0 0 10px;
}
/*picture box*/
.column1 .pic-box{
	overflow:hidden;
	margin:0 0 28px -5px;
	width:604px;
}
.pic-box a{
	float:left;
	display:inline;
	margin:0 0 0 4px;
	overflow:hidden;
}
/*text box*/
.column1 .text-box{
	padding:0 0 0 8px;
	overflow:hidden;
	height:1%;
}
.text-box h3{
	font-size:1.273em;
	line-height:1.25em;
	margin:0 0 22px;
	color:#2e0f04;
}
.text-box p{
	line-height:1.273em;
	margin:0 0 14px;
}
/*column2*/
.row3 .column2{
	float:right;
	position:relative;
	overflow:hidden;
	width:163px;
	z-index:10;
	background:#000;
	padding:0 0 9999px;
	margin:0 0 -9999px;
}
.column2 h3{
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:1px solid #808080;
	background:url(/images/text-hot-trends.gif) no-repeat;
	width:163px;
	height:41px;
	margin:0;
}
/*posts*/
.column2 .posts{
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	width:100%;
}
.posts li{
	padding:10px 6px 11px 9px;
	overflow:hidden;
	height:1%;
	border-bottom:1px solid #808080;
}
.posts li .illustration{
	float:left;
	width:70px;
	text-align:center;
	overflow:hidden;
	padding:0 9px 0 0;
}
.posts li div{
	float:right;
	width:69px;
	float:left;
	overflow:hidden;
}
.posts div p{
	color:#fff;
	line-height:1.091em;
	margin:0 0 2px;
}
.posts div span{
	color:#fff;
	line-height:1.091em;
	font-weight:bold;
}
/*sidebar*/
.sidebar-holder{
	margin:-32px 0 0 20px;
	position:relative;
	z-index:20;
	float:left;
	display:inline;
	width:180px;
}
.sidebar-holder:after{
	content:"";
	display:block;
	clear:both;
}
#sidebar{
	background:url(/images/bg-sidebar-top.png) no-repeat;
	width:100%;
	padding:4px 0 0 0px;

}
/*sidebar headding*/
#sidebar h3{
	color:#991e21;
	font-weight:normal;
	font-size:1.273em;
	line-height:1.286em;
	margin:0;
}
#sidebar .categories h3{
	padding:0 0 3px 14px;
	border-bottom:1px solid #cdcdcd;
}
#sidebar h3 span{
	padding:0 0 3px 20px;
	display:block;
}
/*white*/
#sidebar h3.white{
	background:url(/images/bg-sidebar-inner.png) repeat-y;
	padding-top:12px;
	width:180px;
	overflow:hidden;
}
#sidebar h3.white span{background:url(/images/bg-brands-heading-btm.gif) no-repeat 0 100%;}
/*sidebar inner*/
.sidebar-inner{
	background:url(/images/bg-sidebar-inner.png) repeat-y;
	width:179px;
	padding:0 0 90px 1px;
}
.sidebar-btm{
	background:url(/images/bg-sidebar-btm.png) no-repeat;
	height:148px;
	width:180px;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:-1px;
}
/*brands & categories*/
.brands,
.categories{
	padding:12px 0 6px 0;
	margin:0 0 0 4px;
	height:1%;
	border-bottom:1px solid #cdcdcd;
}
#sidebar .brands{padding-top:2px;}
.categories{
	padding-top:4px !important;
}
.brands ul,
.categories ul{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	width:152px;
}
.brands ul li,
.categories ul li{
	width:100%;
	vertical-align:middle;
}
.brands ul a,
.categories ul a{
	color:#bf0000;
	font-size:1.091em;
	line-height:1.667em;
	padding:0 0 0 5px;
	display:block;
	height:1%;
	position:relative;
	z-index:20;
}
.brands ul a:hover,
.brands ul a.active,
.categories ul li.hover a,
.categories ul li:hover a{
	text-decoration:none;
	background:#c73119;
	color:#fff;
	font-weight:bold;
}
/*categories drop-down*/
.categories ul li.hover,
.categories ul li:hover{
	position:relative;
}
.categories ul li.hover ul,
.categories ul li:hover ul{
	display:block;
	cursor:pointer;
}
.categories ul ul{
	display:none;
	position:absolute;
	top:0;
	width:152px;
	right:-152px;
	background:#c73119;
	z-index:100;
	padding:5px 0;
}
.categories ul ul li{
	cursor:pointer;
	padding:0 0 0 14px;
	width:auto;
}
.categories ul ul a{
	padding:0;
	font-weight:normal !important;
	width:auto;
}
.categories ul ul a:hover{
	text-decoration:underline;
	font-weight:normal;
}
/*join form*/
.form-join{
	height:1%;
	overflow:hidden;
	margin:1px 0 0 4px;
	padding:2px 0 0;
	border:solid #cdcdcd;
	border-width:1px 0 3px;
}
.form-join h3{
	font-size:1.273em;
	line-height:1.714em;
	margin:0 0 5px;
	padding:0 0 0 14px;
	color:#3d0819;
	border-bottom:1px solid #cdcdcd;
}
.form-join div{
	height:1%;
	overflow:hidden;
	padding:5px 0 3px 12px;
}
.form-join div label{
	display:none;
}
#join-field{
	width:104px;
	height:14px;
	float:left;
	margin:0 2px 0 0;
	padding:0px 0 1px 4px;
	line-height:14px;
}
.btn-enter{
	width:43px;
	height:18px;
	float:left;
}
.sidebar-inner .text-mcafee{
	overflow:hidden;
	display:block;
	margin:23px 0 0 31px;
}
.sidebar-inner .text-mcafee img{display:block;}
/*credit cards*/
.credit-cards{
	padding:31px 38px 0 33px;
	margin:0;
	overflow:hidden;
	list-style:none;
	text-align:center;
}
.credit-cards li{
	display:inline;
	padding:0 0 0 2px;
}
.credit-cards li:first-child{padding-left:0;}
/*box with logos*/
.sidebar-inner .box{
	overflow:hidden;
	height:1%;
	padding:22px 0 10px 9px;
}
.sidebar-inner .box .illustration{
	float:left;
	overflow:hidden;
	padding:0 0 0 10px;
}
/*inner1-page styles*/
/* row1 left box*/
.primary-inner1 .row1 .left{
	background:url(/images/bg-live-help-btm.gif) repeat-x 0 100%;
	height:100px;
	padding:0 5px 0 12px;
	width:419px;
}
/*breadcrumbs*/
.breadcrumbs{
	list-style:none;
	margin:0;
	padding:13px 0 42px;
	overflow:hidden;
	width:100%;
}
.breadcrumbs li{
	float:left;
	overflow:hidden;
	padding:0 6px 0 0;
	font-size:1.182em;
	line-height:1.154em;
}
.breadcrumbs li em{
	font-weight:bold;
	color:#f00;
	font-style:normal;
	font-size:1em;
	line-height:1.154em;
}
.breadcrumbs li a{
	font-size:1em;
	line-height:1.154em;
	font-weight:normal;
	color:#000;
}
.primary-inner1 .left h2{
	font-size:1.636em;
	line-height:1.222em;
	color:#a30d0e;
	margin:0;
}
/*product list*/
.primary-inner1 .product-list{
	padding:9px 17px 0 0;
	overflow:hidden;
}
.primary-inner1 .pageN{
	width:100%;
	overflow:hidden;
	text-align:right;
	display:block;
	font-weight:bold;
}
.primary-inner1 .pageN em{
	font-style:normal;
	padding:0 5px;
}
.primary-inner1 .product-list ul{
	list-style:none;
	padding:25px 0 10px;
	margin:0;
	overflow:hidden;
	width:100%;
}
.primary-inner1 .product-list ul li{
	float:left;
	overflow:hidden;
	padding:0 14px 37px 25px;
	text-align:center;
	width:140px;
}
.primary-inner1 .product-list ul .illustration{
	padding:29px 5px 37px;
	width:130px;
	height:100px;
	
	text-align:center;
	overflow:hidden;
	display:block;
	margin:0 0 11px;
	border:1px solid #000;
}
.primary-inner1 .product-list ul em{
	font-style:normal;
	font-size:1.091em;
	line-height:1.667em;
	font-weight:bold;
	
}
/*sidebar headding black*/
#sidebar h3.black{
	color:#fff;
	position:relative;
	overflow:hidden;
	width:180px;
	margin:-4px 0 0 0;
	border:0;
}
#sidebar h3.black span{
	padding-top:16px;
	background:#000 url(/images/bg-brands-heading-btm.gif) no-repeat 0 100%;
}
/*end of inner1-page styles*/
/*footer*/
#footer{
	padding:13px 230px 11px 283px;
	overflow:hidden;
	background:url(/images/bg-footer-right.gif) repeat-y 100% 0;
}
/*footer menus*/
#footer .holder{
	width:100%;
	overflow:hidden;
}
#footer ul{
	float:left;
	background:url(/images/separator-footer.gif) repeat-y;
	min-height:86px;
	margin:0;
	padding:0 18px;
	width:84px;
	list-style:none;
}
* html #footer ul{height:86px;}
#footer ul.first{background:none;}
#footer ul li{
	width:100%;
	overflow:hidden;
}
#footer ul a{
	font-size:1.091em;
	line-height:1.333em;
	color:#666;
	text-decoration:underline;
}
#footer ul a:hover{text-decoration:none;}
.copy{
	width:100%;
	overflow:hidden;
	text-align:center;
	display:block;
	padding:24px 0 0;
	color:#666;
	font-weight:bold;
}
