@charset "utf-8";
/* CSS Document */
/*-----------------------------
			Reza
		www.eSoftArena.com
-----------------------------*/
body{text-align:center; /*padding:11px 0 18px*/}
*{padding:0; margin:0; outline:none}
/* li{list-style:none} */
a{text-decoration:none; color:#0033ff}
img, fieldset, button{border:none; background:none}
button::-moz-focus-inner{border:0}
p{line-height:16px; margin-bottom:16px}

/*button{behavior: url("csshover3.htc");}*/
/*=============All Butns Starts=============*/
button, .butn_buyNow, .butn_goCalculator{background:no-repeat left top; text-indent:-1000px; overflow:hidden; cursor:pointer; display:block}
.butn_learnMore{width:147px; height:22px; background-image:url(../images-2/butn_learnMore.png); /*position:absolute; top:233px; left:31px*/}
.butn_close{width:77px; height:23px; background-image:url(../images-2/butn_close.gif); position:absolute; top:-28px; right:7px; display:none}

.butn_buyNow, .butn_goCalculator{width:129px; height:23px; background-image:url(../images-2/butn_buyNow.gif); position:absolute; bottom:11px; left:12px}
.butn_goCalculator{width:168px; background-image:url(../images-2/butn_goToTheCalculator.gif); bottom:10px; left:auto; right:10px}

.ftrd_Laptop, .ftrd_Desktop{width:162px; height:26px; background-image:url(../images-2/butn_featuredLaptop.gif); float:left; display:inline; margin-left:11px}
.ftrd_Desktop{width:172px; background-image:url(../images-2/butn_featuredDesktop.gif)}

button:hover, .butn_buyNow:hover, .butn_goCalculator:hover{background-position:left bottom}
/*=============All Butns Ends=============*/

#wrap{
	width:734px;/*750*/
	height:775px;/*779*/
	padding:8px 8px 4px 8px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images-2/bdyBg.png) no-repeat;
	position:relative;
}

/*=====================================================================
						NAVIGATION
======================================================================*/
#hdr{width:728px;/*734*/ height:39px;/*46*/ padding:0 0 7px 6px; overflow:hidden}
#hdr b{width:656px; line-height:24px; height:24px; margin-top:9px; background:url(../images-2/txtImg/h1_intelPcUpgradeCenter.png) no-repeat; float:left; text-indent:-1000px; overflow:hidden}
#hdr a{width:67px; height:39px; float:right; overflow:hidden}
/*=====================================================================
							FOOTER
======================================================================*/
/*#ftr{width:100%; text-align:right; line-height:19px; font-size:10px}
#ftr a:hover{text-decoration:underline}*/

#ftr{width:728px;/*734*/ height:19px;/*38*/ padding:1px 3px 0; margin:0 auto; line-height:19px; background:url(../images-2/mainBg.png) no-repeat right top; font-size:10px; text-align:right; position:relative; z-index:101}
#ftr b{color:#064e97; float:left; position:absolute; left:14px; top:1px; cursor:pointer; padding-right:16px; background:url(../images-2/disclaimerFtr.gif) no-repeat right 5px}
#ftr b.down{background-position:right -95px}
#ftr a{color:#0033ff}

/*--Desclaimer PopUp---*/
#disclaimersPop{width:730px; border:2px solid #3474d6; /*border-bottom:0;*/ background-color:#f5fbfe; position:absolute; left:8px; bottom:28px; z-index:100; font-size:12px; display:none; overflow:hidden}
#disclaimersPop h6{width:710px;/*561*/ height:25px;/*33*/ padding:8px 9px 11px 12px; float:left}
#disclaimersPop h6 b, #disclaimersPop h6 em{width:400px; height:18px; text-indent:-1000px; float:left; overflow:hidden; background:url(../images-2/legalDisclaimers.gif) no-repeat; margin-top:7px}
#disclaimersPop h6 em{width:58px; height:19px; float:right; background-image:url(../images-2/butnClose.gif); cursor:pointer; margin:0}
#disclaimersPop div.innerCont{width:680px;/*530/730*/ height:560px;/*578*/ padding:18px 15px 0; border:1px solid #c1c1c1; border-bottom:0; background-color:#fff; margin:0 auto; /*overflow:auto*/ overflow:hidden; overflow-y:auto; float:left}
#disclaimersPop p{font-size:11px; line-height:12px; padding-bottom:14px; margin:0}


/*==============================================================
						MAIN CONTAINER
================================================================*/
#container{width:100%;/*734*/ height:706px; overflow:hidden; position:relative}

/*---TAB Section---*/
#tabButns{width:722px;/*734*/ height:28px;/*33*/ padding:5px 0 0 12px; overflow:hidden; background:url(../images-2/tabButnsBgTop.png) repeat-x}
#tabButns a{height:26px; padding-left:5px; float:left; margin-right:10px; background:url(../images-2/tabButns.gif) no-repeat; color:#e9dcdc; font-size:1.2em}
#tabButns a b{height:100%; line-height:25px; padding:0 15px 0 10px; float:left; background:url(../images-2/tabButns.gif) no-repeat right top; font-weight:normal; cursor:pointer}
#tabButns a.butnPause, #tabButns a.butnPlay{width:32px; padding:0; margin-right:13px; text-indent:-1000px; overflow:hidden; background:url(../images-2/butn_playPause.gif) no-repeat}
#tabButns a.butnPlay{background-position:right top}
/*.tabButn1{background-image:url(../images-2/tabButn1.gif)}
.tabButn2{background-image:url(../images-2/tabButn2.gif)}
.tabButn3{background-image:url(../images-2/tabButn3.gif)}*/
#tabButns a:hover{background-position:left bottom}
#tabButns a:hover b, #tabButns a.butnPlay:hover{background-position:right bottom}
#tabButns .curntTab, #tabButns a.curntTab:hover{height:28px; background-position:left center}
#tabButns .curntTab b, #tabButns a.curntTab:hover b{background-position:right center}


#tabs{width:100%; height:274px; position:relative; overflow:hidden; background-color:#0f3c67}
#tabs li{width:703px;/*734*/ height:274px;/*274*/ padding:38px 0 41px 31px; background:no-repeat; background-image:url(../images-2/tabsBg.jpg); position:absolute; left:0; top:0; display:none}
#tabs li#tab1{background-position:left top}
#tabs li#tab2{background-position:center top}
#tabs li#tab3{background-position:right top}
#tabs h2{width:390px; font-size: 24px; color: #41DBFA; margin-bottom: 20px; }
#tabs p{width:390px; /*height:116px; text-indent:-1000px; background-repeat:no-repeat;*/ margin-bottom:25px; font-size:15px; color:#fff; line-height:21px}

/*---Middle Section---*/
#midlCont{width:100%;/*734*/ height:330px;/*331*/ border-bottom:1px solid #ccc; background:url(../images-2/midlContBg.gif) repeat-y}
#midlLft, #midlRgt{height:280px;/*330*/ padding:17px 0 33px; position:relative}
#midlLft{width:403px;/*435*/ padding-left:32px; float:left}
#midlRgt{width:262px;/*272*/ padding-right:10px; float:right}

#midlCont h3{width:100%; height:15px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat}
#midlLft h3{margin-bottom:17px; background-image:url(../images-2/txtImg/h3_featuredProduct.gif)}
#midlRgt h3{margin-bottom:12px; background-image:url(../images-2/txtImg/h3_roiCalculator.gif); background-position:2px top}

dl#midlLft{width:449px; height:297px;/*330*/ padding:0 0 33px; overflow:hidden}
dl#midlLft dt{width:100%; height:26px;/*33*/ padding-top:7px; background:url(../images-2/tabButnsBgBottom.png) repeat-x /*left -34px*/; overflow:hidden}
dl#midlLft dt button.curntTab{background-position:left bottom}
dl#midlLft dd{width:438px;/*449*/ padding:26px 0 0 11px; display:none; float:left}

#midlLft ul{width:262px;/*403*/ padding-left:141px; background:url(../images-2/laptop.jpg) no-repeat left 4px; overflow:hidden}
#midlLft li{width:254px;/*262*/ padding-left:8px; /* background:url(../images-2/bullet_square.gif) no-repeat;*/ line-height:17px; float:left}
dl#midlLft dd ul{width:218px;/*359*/ background:no-repeat left 4px}
/*
dl#midlLft dd.ftrd_LaptopCont{background: url(../images-2/laptop.jpg) 10px 50px no-repeat;}
dl#midlLft dd.ftrd_DesktopCont{background:url(../images-2/laptop.jpg) 10px 50px no-repeat; }/*this image is not given yet*/
.ftrd_image { position: absolute; left: 10px; top: 90px; }
dl#midlLft dd li{width:210px;/*218*/}


#midlLft h5{width:345px;/*403*/ padding:13px 58px 0 0; font-size:15px; color:#123d61; line-height:15px; text-transform:uppercase; margin:-13px 0 16px; position:relative}
#midlLft h5 a{ position:absolute; right:13px; bottom:0}
.logo_intelXenon, .logo_intelCore2Duo, .fp_proc_logo {position:absolute; right:8px; bottom:10px}
.logo_intelCore2Duo{right:12px}
#midlLft .featPrice{display:block;position:absolute;left:155px;bottom:14px;font-weight:bold;font-size:14px}

#midlRgt h4{width:100%; height:17px; text-indent:-1000px; overflow:hidden; background:url(../images-2/txtImg/h4_showMeTheMoney.gif) no-repeat 1px top; margin-bottom:14px}
#midlRgt img{display:block; margin:0 auto 18px}
#midlRgt p{line-height:20px; font-size:14px}
/*#midlRgt span.dlLink{display:block;font-size:11px;position:absolute;bottom:12px;right:8px;text-align:right;line-height:15px}*/



/*---BRAND Section---*/
#brand{width:100%; height:47px;/*59*/ padding:5px 0 7px; background:url(../images-2/brandBg.png) repeat-y}
#brand dt{width:162px; height:100%; background:url(../images-2/txtImg/shopByBrand.gif) no-repeat 14px 16px; float:left; text-indent:-1000px; overflow:hidden}
#brand dd{width:107px;/*134*/ height:43px;/*47*/ padding:4px 24px 0 3px; float:left; margin-right:8px; border-left:1px solid #0d64a8; position:relative}
#brand dd img{display:block; margin:0 auto}
/*#brand dd a{width:24px; height:22px; background:url(../images-2/butn_brandLogos.png) no-repeat; display:block; text-indent:-1000px; overflow:hidden; position:absolute; right:0; top:11px}
#brand dd a:hover{background-position:left bottom}*/


#brand dd.shopLaptops, #brand dd.shopDesktops{width:240px;/*287*/ height:32px;/*47*/ padding:15px 20px 0; margin:0}
#brand dd.shopDesktops{width:248px;/*287*/}
#brand dd label{height:18px; float:left; background:no-repeat left center; margin-right:12px; text-indent:-10000px; overflow:hidden}
#brand dd.shopLaptops label{width:66px; background-image:url(../images-2/txtImg/shop-laptops.gif)}
#brand dd.shopDesktops label{width:76px; background-image:url(../images-2/txtImg/shop-desktops.gif)}
#brand dd select{width:105px; float:left; font-size:12px; line-height:16px}
#brand dd a{text-indent:-1000px;width:42px; height:22px; float:right; background:url(../images-2/butn_go.gif) no-repeat; border:none; cursor:pointer; margin-top:-1px}
#brand dd a:hover{background-position:left bottom}


/*-------------TABS-MORE Section----------------------*/
#tabsMore{width:714px;/*734*/ height:636px;/*663*/ padding:15px 10px 12px; background:url(../images-2/bdyBgTabsMore.jpg) no-repeat; position:absolute; left:0; top:33px; z-index:2; display:none}
#tabsMore ul{width:100%; overflow:hidden}
#tabsMore li{width:100%; height:636px; float:left; display:none}
/*#tabsMore h2{width:100%; height:17px; text-indent:-1000px; overflow:hidden; margin-bottom:10px; background:no-repeat 4px top} */
#tabsMore h2 { font-size: 18px; color: #4AD5F9; margin-left: 5px; text-transform: uppercase; font-weight: normal; }

#tabsMore ul.contentlist {width: auto; overflow: visible; }
#tabsMore ul.contentlist li {display: block; float: none; height: auto; width: auto;  padding: 0 0 3px 15px; background: url(../images-2/bullet.gif) left 5px no-repeat;}

.tabsMoreCont ul, .tableMoreCont li { display: block; }


/*--1st Pop---*/
/*#tab1More h2{background-image:url(../images-2/txtImg/h2_tab1More.gif)} */
.tabsMoreCont{width:681px;/*714*/ height:465px;/*483*/ padding:18px 14px 0 19px; overflow:hidden}
.tabsMoreLft{width:338px;/*357*/ float:left}
.tabsMoreRgt{width:328px;/*342*/ float:right}
.tabsMoreCont h3{line-height:16px; font-size:16px; text-transform:uppercase; color:#123d61; margin-bottom:12px}
.tabsMoreCont p{line-height:16px; font-size:13px; margin-bottom:20px}
.tabsMoreCont img{float:right; margin:0 0 10px 10px}
.tabsMoreRgt h4{width:265px;/*328*/ min-height:42px; padding-left:63px; position:relative; font-size:12px; font-style:italic; color:#1467ac; line-height:13px; margin-bottom:6px}
.tabsMoreRgt h4 img{display:block; margin:0; position:absolute; left:0; top:0}

/*--2nd Pop---*/
/*#tab2More h2{background-image:url(../images-2/txtImg/h2_tab2More.gif)} */
#tab2More .tabsMoreCont img{float:right; margin:0 0 10px 10px}

/*--3rd Pop---*/
/*#tab3More h2{background-image:url(../images-2/txtImg/h2_tab3More.gif)} */
#tab3More .tabsMoreCont img{float:right; margin:0 0 10px 10px}
/*-------------------------------------------------------*/

.scroll {
	overflow: scroll;
	height: 480px;
	width: 100%;
}

.tabsMoreBotm{width:680px;/*714*/ height:122px;/*132*/ padding:23px 9px 1px 25px; overflow:hidden}
.tabsMoreBotm dt{width:100%; line-height:20px; font-size:15px; color:#fff; font-weight:bold; margin-bottom:16px}
.tabsMoreBotm dd{width:340px; min-height:30px; padding-bottom:6px; line-height:14px; font-size:14px; float:left}
.tabsMoreBotm dd a{width:318px;/*340*/ min-height:17px; padding-left:22px; color:#000033; float:left; background:url(../images-2/icon_pdf.gif) no-repeat}
.tabsMoreBotm dd a:hover{text-decoration:underline}



@media screen and (-webkit-min-device-pixel-ratio:0 ){ /*only for safari hack*/ 
}