@import 'reset.css';

/* Generel
------------------------------------ */
*{
	margin: 0;
}
HTML, BODY {
	height: 100%;
}
A{
  color: #0F75BC;
}
A:hover{
  color: #971B17;
}


BODY {
    background: #FFF;
    font-family: Ariel, helvetica, sans-serif;
	font-size: 13px;
    color: #000;
}
#wrapper{
    background: #FFF;
    width: 900px;
    min-height: 730px;
    height: auto !important;
    height: 730px;
    margin: 0 auto -150px;
}
/* Header
------------------------------------ */
#header{
    height: 90px;
    background: url(../images/navbar_background2.png) no-repeat;
}
#header UL{
    position: relative;
    top: -66px;
    left: 308px;
    width: 400px;
}
#header LI{
    display: inline;
}
#header LI A{
	width:75px;
	padding-top:29px;
	padding-bottom:29px;
	text-align:center;
	text-decoration:none;
    float: left;
    color:#F9F8F8;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}
#header LI A:hover{
    background: url(../images/rollover_button2.png) no-repeat 0px 0px;
    color:#17163B;
}
#header H1 A{
    left: 8px;
    display: block;
	width: 301px;
	height: 70px;
    text-decoration: none;
    text-indent: -999999px;
    outline: none;
    top: 5px;
    position: relative;
}
#header H1 A:hover{
    background: url(../images/logo_hover.png) no-repeat;
    margin-left: -4px;
}
#search{
    display: block;
    float: right;
    position: relative;
    top: -62px;
    left: -40px;
}
#search SPAN{
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}
#search SMALL{
    float: left;
    color: #FFF;
    font-weight: bold;
    font-size: 0.7em;
    padding-top: 2px;
}
.bookmark{
  float: right;
  display: block;
  position: relative;
  margin-right: -215px;
}

/* Main
------------------------------------ */
#main{
    clear: both;
}
#main H2{
    padding: 10px 20px 0px 0px;
    font-size: 1.4em;
}
#main P{
    padding: 0px 20px 0 0;
    font-size: 1.1em;
}
#main H3{
    padding: 20px 20px 10px 0;
    font-size: 1.1em;
    font-weight: bold;
    clear: both;
}
.brands{
    margin: 5px 0 0 50px;
}
.brands LI{
  padding: 0 35px 0 35px;
  display: inline;
}
#main EM{
    font-style: italic;
}
.news{
    font-size: 1.5em;
    color: #000;
    font-weight: normal;
    padding-left: 10px;
}
.updated{
    color: #BF0D01;
    font-size: 0.9em;
    font-weight: bold;
}
.anchor{
    margin: 20px 0 0 0;
    text-align: center;
}
.anchor LI{
    border-right: #000000 solid 1px;
    display: inline;
    padding: 0 7px 0 7px;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.1em;
}
.anchor LI.last{
    border-right: 0px;
}
.hp-line{
    background: url(../images/hp-logo-long.gif) no-repeat;
    width: 913px;
    height: 57px;
    margin: 0 auto;
    margin: 10px 0 40px 0;
}
.ibm-line{
    background: url(../images/ibm-logo-long.gif) no-repeat;
    width: 913px;
    height: 57px;
    margin: 0 auto;
    margin: 10px 0 40px 0;
}
.sgi-line{
    background: url(../images/sgi-logo-long.gif) no-repeat;
    width: 913px;
    height: 57px;
    margin: 0 auto;
    margin: 10px 0 40px 0;
}
.sun-line{
    background: url(../images/sun-logo-long.gif) no-repeat;
    width: 913px;
    height: 57px;
    margin: 0 auto;
    margin: 10px 0 40px 0;
}
.product{
    margin: -40px 0 50px 0;
}
.product-header{
    margin-bottom: 15px;
}
.product-header-inner{
    margin-top: -25px;
}
.product-header IMG{
    padding: 10px;
    float: left;
    width: 220px;
}
.product-header-h2{
    font-size: 1.7em;
}
.product-header-inner-left{
    float: left;
    width: 530px;
    font-size: 0.9em;
    padding-left: 10px;
}
.users{
    font-size: 1.3em;
}
.product-header-inner-right{
    padding: 40px 0 0 5px;
    margin-left: 780px;
    width: 200px;
}
.black-line{
    height: 20px;
    clear: both;
    background: #000;
    margin: 0 0 60px 0;
}
.black-line UL{
   height: 20px;
   padding-top: 2px;
}
.black-line LI{
    background: #000;
    color: #FFF;
    display: inline;
    height: 20px;
    font-weight: bold;
}
.black-line LI.status{
    margin: 0 0 0 100px;
    border-right: 2px solid #FFF;
    padding-right: 100px;
}
.black-line LI.system{
    margin: 0 0 0 200px;
    border-right: 2px solid #FFF;
    padding-right: 235px;
    padding-left: 45px;
}
.black-line LI.price{
    margin: 0 0 0 40px;
}
.product-status{
    padding: 50px 0 0 75px;
    width: 160px;
}
.product-description{
    margin-top: -50px;
}
.product-description-inner{
    float: right;
    position: relative;
    width: 660px;
}
.product-description-inner-left{
    width: 510px;
    float: left;
    padding-left: 10px;
}
.product-description-inner-left HR{
    background: #08317B 1px;
    margin-top: 10px;
}

.product-description-inner-right{
    width: 130px;
    float: right;
    right: -30px;
    top: 40px;
    position: relative;
}
.clear{
    clear: both;
}
.copyright{
    font-size: 0.5em;
}
.anchor-category{
    margin: -40px 0 0 100px;
}
.anchor-category LI{
    line-height: 1.5em;
    font-size: 1.4em;
}
.verified{
  float: right;
  margin-top: -30px;
}

/* Footer
------------------------------------ */
#footer{
    border-top: #000000 1px dotted;
    margin: 80px auto 0px;
    width: 900px;
    position: relative;
    z-index: 1000;
}

#footer P{
    font-size: 1em;
    line-height: 1.4em;
}
#footer H4{
    font-weight: bold;
    padding: 20px 20px 10px 0;
    font-size: 1.1em;
    text-decoration: underline;
}
#footer SMALl{
    text-align: center;
    font-size: 0.7em;
    float: right;
    margin: 10px 0 10px 0;
}
#footer, .push {
    height: 100px;
}

/* Product Edit
------------------------------------ */
.product STRONG{
    font-weight: bold;
    font-size: 0.9em;
}
.product EM{
    font-style: italic;
}
.product SUP{
    vertical-align: super;
    font-size: 0.7em;
    padding-left: 2px;
}
.product P{
    padding-bottom: 0px;
    padding-bottom: 0px;
}
.product SMALL{
    font-size: small;
}
.product H3{
    font-size: 1em;
}
.product H5{
    font-size: 1em;
    line-height: 2.3em;
}
.product H5 A{
    color: #FF0000;
}
.product DT{
  font-size: 1.3em;
  font-weight: bold;
}

.blue{
    color: #0F75BC;
}
.red-strong{
    color: #971B17;
    font-weight: bold;
    font-size: 0.9em;
}
.id{
  font-size: 0.8em;
}
.red{
    color: #971B17;
}
.stor-image{
  margin-left: -85px;
}


/* Carousel
------------------------------------ */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 283px; /*Height should enough to fit largest content's height*/
margin-top: 20px;
margin-left:90px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 780px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}