/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-tail.gif) top repeat-x #FFFFFF; text-align:center;}
#main { width:953px; margin:0 auto; text-align:left; padding:21px 14px 74px 13px;}

#header {height:395px;}
#headerxx {height:40px;}
#header2 {height:70px;}
#header2x {height:200px; width:920px; background-image: url(images/936base.jpg); background-repeat:no-repeat;}
#header2a {height:140px;}
#header2aa {height:10px;}
#footer { height:54px;}
.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2a {width:85%; overflow:hidden;}
.container2b {width:99%; overflow:hidden;}

#header .col-1{ width:600px;}
#header .col-1x{ width:900px;}
#header .col-1a{ width:330px;}

#header .col-2{ width:144px;}
#header .col-2a{width:144px;}
#header .col-2b{width:144px;}
#header .col-3{ width:303px;}

#content .col-1{ width:260px;}
#content .col-2a{ width:417px; margin-left:25px;}
#content .col-2{ width:400px; margin-left:15px;}
#content .col-2dd{ width:380px; margin-left:15px;}
#content .col-3{ width:238px; margin-left:18px;}
#content .col-2b{ width:417px; margin-left:15px;}
#content .col-2bb{ width:300px; margin-left:15px;}

#content .col-1x{ width:230px;}
#content .col-2x{ width:230px; margin-left:11px;}
#content .col-3x{ width:230px; margin-left:11px;}
#content .col-4x{ width:230px; margin-left:11px;}


#page8 #content .col-1{ width:670px;}
#page8 #content .col-1b{ width:670px;}
#page8 #content .col-1aa{ width:670px;}
#page8 #content .col-2{ width:150px; margin-left:110px;}
#page8 #content .col-2b{ width:250px; margin-left:15px; float:right; padding-right:8px}
#page8 #content .col-2bb{ width:250px; margin-left:15px; float:right; padding-right:8px}
#page8 #content .col-2a{ width:228px; margin-left:18px;}
#page8 p{ padding-top:18px;}


UL.BLUE2 {
	list-style-type: disc; margin-left:28px; 
	color: #0066FF;
}

img {
	vertical-align:top;
	margin-bottom: 0px;
}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6875em;
	line-height:normal;
	color:#333333;
	border-top-color: #FFFFFF;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#1babd5;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
h2{ text-transform:uppercase; font-size:1.636em; font-weight:normal; letter-spacing:-1px; padding-bottom:10px; color:#000000;}
.title1{ color:#147fbf}
strong{ display:block; padding-bottom:10px;}
.strong1{ padding-bottom:0;}
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:17px;}
.phone2{ float:right; padding-right:35px;}
.padding1{ padding-left:10px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:10px;}
.padding4{ padding-top:12px !important;}
.margin1{ margin-top:8px !important;}

.top-tail{ background:url(images/page-top-tail.gif) top repeat-x;}
.bot-tail{ background:url(images/page-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(images/page-left-tail.gif) left repeat-y;}
.right-tail{ background:url(images/page-right-tail.gif) right repeat-y;}
.left-top{ background:url(images/page-corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(images/page-corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(images/page-corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(images/page-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:12px 13px 13px 12px;}

/* ============================= header ====================== */
#header .top{ height:100px; position:relative}
#header .top2{ height:52px; position:relative}
#header .flash1{ position:absolute; margin:-4px 0 0 -4px;}
#header .flash2{ margin:-4px 0 0 -4px;}
#header .row{ background:url(images/header-row-tail.gif) top repeat-x; margin-right:3px;}
#header .row2{ background: none;}
#header .row2 .left-bg{ background: none;}
#header .row2 .right-bg{ background: none;}
#header .row .left-bg{ background:url(images/header-row-right-bg.gif) left top no-repeat;}
#header .row .right-bg{ background:url(images/header-row-left-bg.gif) right top no-repeat;}
#header .row .indent{ padding:9px 0 0 9px;}
#header h4{ font-size:1.091em; text-transform:uppercase; color:#3e3e3e; background:url(images/header-title-tail.gif) top repeat-x; font-weight:bold;}
#header h4 span{ display:block; background:url(images/header-title-left-bg.gif) left top no-repeat;}
#header h4 span span{ background:url(images/header-title-right-bg.gif) right top no-repeat; padding:13px 10px 14px 10px;}

#header .box{ background:#a1a1a1;}
#header .box .left-corner{ background:url(images/header-box-corner-left.gif) left bottom no-repeat;}
#header .box .right-corner{ background:url(images/header-box-corner-right.gif) right bottom no-repeat;}
#header .box .indent{ padding:13px 12px 30px 10px;}

#header .list li{ line-height:2.182em; background:url(images/header-list-line.gif) bottom repeat-x; padding-left:1px;}
#header .list .last{ background:none;}
#header .list a{ color:#ffffff; text-decoration:none;}
#header .list a:hover{ color:#000000;}

#header .listx li{ line-height:2.8em; background:url(images/header-list-line.gif) bottom repeat-x; padding-left:1px;}
#header .listx .last{ background:none;}
#header .listx a{ color:#ffffff; text-decoration:none;}
#header .listx a:hover{ color:#000000;}


#header .col-3{ margin-left:6px;}
#header .block{ width:100%;}
#header .bg1{ background:url(images/header-block1-bg2.jpg) left top no-repeat;}
#header .bg2{ background:url(images/header-block2-bg.jpg) left top no-repeat; margin-top:4px;}
#header .block .indent{ padding:18px 20px 13px 110px;}
#header .block h4{ color:#52a5d1; background:none; padding-bottom:10px;}
#header .block .list1 li{ line-height:1.636em; background:url(images/list-marker.gif) no-repeat 0 6px; padding-left:8px;}
#header .block .list1 a{ color:#4c4c4c; text-decoration:none;}
#header .block .list1 a:hover{ text-decoration:underline;}
#header .block .link{ display:block; background:url(images/header-button-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:15px;}
#header .block .link span{ display:block; background:url(images/header-button-left-bg.gif) left top no-repeat;}
#header .block .link span span{ background:url(images/header-button-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
#header .block .link:hover{ background:url(images/header-button-tail-act.gif) top repeat-x;}
#header .block .link:hover span{ background:url(images/header-button-left-bg-act.gif) left top no-repeat;}
#header .block .link:hover span span{ background:url(images/header-button-right-bg-act.gif) right top no-repeat;}

/* ============================= sub tabs ====================== */
.menu2 {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt; 
    font-weight: normal; line-height:20px;
    border-right: 1px solid #0066FF;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 3px;
}

.menu2:hover {
    background-color: #66FFFF;
}

.toolbar { float:left; height:auto; width:934px;
    background-color: #ffffff;
    padding: 2px 2px 2px 2px; 
}

/* ============================= tabular menu ====================== */
#ul-table li a {

font: 14px Verdana, Arial, Helvetica, sans-serif; padding-top:5px;
display:block; 
line-height:20px;
}
#ul-table a:link, #ul-table a:visited, #ul-table a:active {
color: #3B4F62; text-decoration: none;
}
#ul-table a:hover {
background-color: #B9CFFF; height:48px;
color:black;
text-decoration: none;
}
#ul-table {
width:930px; 
text-align:center;
margin: auto;
padding:2px;
color: navy;
list-style-type:none;
clear:both;
}
#ul-table li {
width: 175px; height:80px;
background-image: url(images/tab.jpg); background-repeat:no-repeat; size:auto;
float:left;
border-right:0px solid #00CCFF; height:68px;
text-align: center; padding-left:5px; padding-right:5px;
}
* html #ul-table li a {
width: 100%;
}
#ul-table li.top {
border-bottom:1px solid navy;
}
#ul-table li.right {
border-right:0px solid navy;
}
.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}


/* ============================= banner====================== */

.bannerhdr {
  background : url(images/hph.jpg) repeat;
  height : 150px;
  width : 100%;
  }
.bannerhdr1 {
  background : url(images/hph.jpg) repeat;
  height : 150px;
  width : 100%;
  }
.bannerhdr2 {
  background : url(images/hph.jpg) repeat;
  height : 150px;
  width : 100%;
  }
.bannerhdr3 {
  background : url(images/hph.jpg) repeat;
  height : 150px;
  width : 100%;
  }

/* ============================= ticker ====================== */
#imgcont {
	border: white medium solid;
	height: 40px;
}
#imgcont img {
	display: none;
}

/* ============================= content ====================== */
#content{ padding:9px 0 15px 10px;}

.box1{ background: url(images/background.jpg) no-repeat;}
.box1 .indent{ padding:2px 16px 17px 17px;}
.box1 h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:19px;}

.box1y{ background: url(images/background3.jpg) no-repeat;}
.box1y .indent{ padding:2px 16px 17px 17px;}
.box1y h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:19px;}

.box1x{ background: url(images/background-right-side.gif) repeat-y;}
.box1x .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat;}
.box1x .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1x .left-bot{ background:url(images/box1-corner-left-bot.gif) left  bottom no-repeat;}
.box1x .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1x .indent{ padding:2px 16px 32px 17px;}
.box1x h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:19px;}


.box1a{ background: url(images/background-right-side.gif) repeat-y;}
.box1a .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat;}
.box1a .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1a .left-bot{ background:url(images/box1-corner-left-bot.gif) left  bottom no-repeat;}
.box1a .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1a .indent{ padding:22px 16px 32px 17px;}
.box1a h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:22px;}

.box2{ background:#ebebeb; color:#505050;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:15px 20px 18px 17px;}
.box2 h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2 strong{ display:inline;}
.box2 .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2 .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2 .text1{ color:#656565;}

.box2k{ background:#ffffff; color:#505050;}
.box2k .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2k .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2k .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2k .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2k .indent{ padding:15px 20px 18px 17px;}
.box2k h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2k strong{ display:inline;}
.box2k .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2k .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2k .text1{ color:#656565;}


.box2x{ background:#ebebeb; color:#505050;}
.box2x .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2x .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2x .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2x .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2x .indent{ padding:15px 20px 18px 17px;}
.box2x h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2x strong{ display:inline;}
.box2x .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2x .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2x .text1{ color:#656565;}

box2a{ background:fffffff; color:#505050;}
.box2a .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2a .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2a .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2a .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2a .indent{ padding:15px 20px 18px 17px;}
.box2a h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2a strong{ display:inline;}
.box2a .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2a .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2a .text1{ color:#656565;}

.box3{ background:#1482c0; color:#ffffff;}
.box3 .left-top{ background:url(images/box3-corner-left-top.gif) left top no-repeat;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:15px 20px 18px 17px;}
.box3 h3{ text-transform:uppercase; color:#c0deee; font-size:1.091em; padding-bottom:15px;}

.box3x{ background:#1482c0; color:#ffffff;}
.box3x .left-top{ background:url(images/box3-corner-left-top.gif) left top no-repeat;}
.box3x .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat;}
.box3x .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3x .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3x .indent{ padding:15px 20px 18px 17px;}
.box3x h3{ text-transform:uppercase; color:#c0deee; font-size:1.091em; padding-bottom:15px;}


.box3a{ background:#ebebeb; color:#ffffff;}
.box3a .left-top{ background:url(images/box3-corner-left-top.gif) left top no-repeat;}
.box3a .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat;}
.box3a .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3a .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3a .indent{ padding:15px 20px 18px 17px;}
.box3a h3{ text-transform:uppercase; color: #333333; font-size:1.091em; padding-bottom:15px;}

#content .list{ margin-top:-5px;}
#content .list li{ line-height:1.636em; background:url(images/list-marker.gif) no-repeat 0 6px; padding-left:9px;}
#content .list li a{ color:#656565; text-decoration:none;}
#content .list li a:hover{ text-decoration:underline;}
.color2 a{ color:#505050 !important;}


.list2 li{ background:url(images/list2-item-bg.gif) top repeat no-repeat; padding:5px 0 5px 40px;}
.list2 a{ display:inline-block; padding:20px 0 5px 100px; color: #FFFFFF; font-weight:bold; font-size:0.364em; text-decoration:none;}
.list2 a:hover{ color: #FFFFFF;}
.list2 .item1 a{ background:url(images/Nvidialogo.png) no-repeat 0 0;}
.list2 .item2 a{ background:url(images/amd.png) no-repeat 0 0;}
.list2 .item3 a{ background:url(images/cisco.png) no-repeat 0 0;}
.list2 .item4 a{ background:url(images/flex.png) no-repeat 0 0;}
.list2 .item5 a{ background:url(images/Thermo.png) no-repeat 0 0;}
.type2{ font-size:1.091em; line-height:1.5em;} 
.type2 strong{ font-size:1.25em; font-weight:bold; text-decoration:none; padding:0;}
.type2 a{ font-size:1em; padding:0;}

.list3 li{ line-height:1.636em; background:url(images/list-marker.gif) no-repeat 0 6px; padding-left:12px;}
.list3a li{ line-height:1.636em; background:url(images/list-marker.gif) no-repeat 0 6px; padding-left:8px;}

.indent2{ padding:22px 3px 0 4px;}
.indent2a{ padding:10px 3px 0 60px;}
.indent2aa{ padding:25px 3px 0px 100px;}
.indent2aaa{ padding:10px 3px 0px 80px;}
.indent3{ padding:22px 3px 0 15px;}
.indent6{ padding:5px 3px 0 40px;}
.unline{ border-bottom:solid 1px #c0c0c0; padding-bottom:12px; margin-bottom:22px;}
.unline2{ border-bottom:solid 1px #c0c0c0; padding-bottom:20px; margin-bottom:22px;}

.link1{ padding-top:5px; text-align:right;}
.link1 a{ display:inline-block; background:url(images/form-button-tail.gif) top repeat-x;  text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
.link1 a span{ display:block; background:url(images/form-button-left-bg.gif) left top no-repeat;}
.link1 a span span{ background:url(images/form-button-right-bg.gif) right top no-repeat; padding:5px 10px 5px 10px; vertical-align:middle;}
.link1 a:hover{ background:url(images/form-button-tail-act.gif) top repeat-x;}
.link1 a:hover span{ background:url(images/form-button-left-bg-act.gif) left top no-repeat;}
.link1 a:hover span span{ background:url(images/form-button-right-bg-act.gif) right top no-repeat;}

.link2{ display:block; background:url(images/link2-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:10px;}
.link2 span{ display:block; background:url(images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(images/link2-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
.link2:hover{ background:url(images/link2-tail-act.gif) top repeat-x;}
.link2:hover span{ background:url(images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span{ background:url(images/link2-right-bg-act.gif) right top no-repeat;}

.link4{ background:url(images/list-marker.gif) no-repeat 0 6px; padding-left:9px; font-weight:bold; color:#505050; text-decoration:none;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #e1e1e1; margin:0 12px 0 10px;}
#footer .menu{ float:right; padding-top:20px;}
#footer .menu li{ float:left; background:url(images/footer-menu-bg.gif) no-repeat 0 0; padding-right:21px;}
#footer .menu .first{ background:none;}
#footer .menu .last{ padding-right:0;}
#footer .menu a{ margin-left:21px; color:#949494;}

#footer .text{ padding:21px 0 0 4px; color:#656565;}
#footer .text a{ font-weight:bold;}

/* ============================= forms ============================= */
#SearchForm{ float:right; color:#4c4c4c; padding:30px 15px 0 0;}
#SearchForm input{ border:solid 1px #b7b7b7; width:205px; padding:2px 0 2px 0; margin:5px 2px 0 0; line-height:1em; font-size:1.273em;}
#SearchForm a{ display:inline-block; background:url(images/form-button-tail.gif) top repeat-x; text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
#SearchForm a span{ display:block; background:url(images/form-button-left-bg.gif) left top no-repeat;}
#SearchForm a span span{ background:url(images/form-button-right-bg.gif) right top no-repeat; padding:5px 25px 5px 25px; vertical-align:middle;}
#SearchForm a:hover{ background:url(images/form-button-tail-act.gif) top repeat-x;}
#SearchForm a:hover span{ background:url(images/form-button-left-bg-act.gif) left top no-repeat;}
#SearchForm a:hover span span{ background:url(images/form-button-right-bg-act.gif) right top no-repeat;}

#SubscribeForm input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SubscribeForm .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm2 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm2 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm3 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm3 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#ContactForm{ margin-top:-7px;}
#ContactForm label{ display:block; height:34px;}
#ContactForm input{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 0 3px; width:187px;}
#ContactForm textarea{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:187px; height:145px; overflow:hidden;}
#ContactForm .link2{ margin-left:8px;}

/* ============================= pagination code ============================= */
/*CSS Digg style pagination*/
    div.pagination {
        padding: 3px;
        margin: 3px;
        text-align:center;
    }
    
    div.pagination a {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #AAAADD;
        
        text-decoration: none; /* no underline */
        color: #000099;
    }
    div.pagination a:hover, div.digg a:active {
        border: 1px solid #000099;

        color: #000;
    }
    div.pagination span.current {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #000099;
        
        font-weight: bold;
        background-color: #000099;
        color: #FFF;
    }
    div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #EEE;
    
        color: #DDD;
    }