/*Blocks and Container*/

body {
    font-family: Arial,helvetica,sans-serif;
    font-size: .9em;
    padding: 0;
    margin: 0;
}

img{
 border: 0;
}

h1{
  margin-bottom: 5px;
}

ul{
  margin-top: 0;
}

.right{
  float: right;
}

.left {
  float: left;
}

#container{
     margin: 0 auto;
     position: relative;
     width: 955px;
}

.wrapper-content{
  background: url("/images/bg-inner-content.gif") no-repeat scroll center top #F6F5F1;
  overflow: hidden;
}

#section-header{
   z-index:10;
   width: 100%;
   background: url("/images/bg_nav.png") repeat-x scroll 0 0 transparent;
   height: 38px;
}

#page{
  padding: 0;
  width: 666px;
  float: left;
  padding-bottom: 20px;
}

#page-two-column-news{
  padding: 0 40px 20px 0;
  width: 626px;
  float: left;
}

#page-sub-one-column{
  padding: 5px 5px 20px 20px;
  width: 731px;
  float: right;
}

#page-sub-two-column{
  padding: 5px 5px 20px 15px;
  width: 509px;
  float: left;
}

#page-sub-two-column-home{
  padding: 5px 5px 20px 25px;
  width: 509px;
  float: left;
}

#page-sub-one-column-home h2{
   font-size: 2em;
}


#page-sub-one-column h2{
   font-size: 1.9em;
   margin-bottom: 0;
}

#page-sub-two-column h2{
   font-size: 1.9em;
   margin-bottom: 0;
}

#block-left {
    float: left;
    padding: 15px 0;
    width: 150px;
    background: url("/images/bg-block.png") no-repeat scroll right top transparent;
}

#block-right{
  width: 266px;
  padding: 15px 0;
  float: right;
  background: url("/images/bg-block.png") no-repeat scroll left top transparent;
}

#resources{
  width: 289px;
  float: right;
  background: url("/images/bg-block.png") no-repeat scroll left top transparent;
}

#hours{
    overflow: hidden;
    padding: 10px 30px 25px 38px;
    background: url("/images/bg-block.png") no-repeat scroll left top transparent;
}

#hours-sub h2{
    margin-bottom: 5px;
 }

.end{
  clear: both;
}

ul.block li {
    list-style-image: url("/m/images/arrow-list.png");
    margin-left: -17px;
    padding: 5px 0;
}

#logo_text {
    color: #FFFFFF;
    float: right;
    font-family: Tahoma,Arial;
    font-size: 11px;
    font-weight: bold;
    height: 103px;
    margin: 10px 45px 0 0;
    padding: 10px;
    width: 145px;
    text-align: center;
}

#branding-wrapper{
 background: url("/images/header-bk.png") repeat-x scroll 0 0 transparent;
 height: 150px;
}

#branding{
 position: relative;
 margin: 0 auto;
 width: 955px;
}

#branding img{
 float: left;
}

.name {
   padding-top: 18px;
   padding-left:80px;
}

.logo{
   margin-top: 5px;
}

#header{
  height: 43px;
  z-index:20;
  margin: 0 auto;
  position: relative;
  width: 955px;
  font-size: 1.2em;
}

/*breadcrumb*/

div.breadcrumb {
    border-bottom: 1px dotted #CCCCCC;
    font-size: .8em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul.breadcrumb li.first {
    background-image: none;
    display: inline;
    padding-left: 0;
}

ul.breadcrumb li {
    background-image: url("/images/crumbarrow.gif");
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
    color: #999999;
    display: inline;
    font-size: 1.2em;
    margin: 0 -0.2em 0 0;
    padding-left: 20px;
}

ul.breadcrumb  {
    padding: 5px 0 0 0;
}

ul.breadcrumb  a{
    color: #5c1130;
    text-decoration: none;
}

ul.breadcrumb a:hover{
    text-decoration: underline;
}


/*Nav Left */

.secondary li {

}
.secondary li a {
    border-bottom: 1px solid #E3E2DD;
    display: block;
    padding: 5px 0 8px;
    text-decoration: none;
    color: #3F3F3F;
}

.secondary li a:hover {
    color: #5c1130;
    text-decoration: none;
    background: none repeat scroll 0 0 #f0f0f2;
}

 ul.secondary{
   list-style: none outside none;
   padding-left: 0px;
 }

body.apple li.apple a{
  color: #5c1130;
  background: none repeat scroll 0 0 #f0f0f2;
}

body.network li.network a{
  color: #5c1130;
  background: none repeat scroll 0 0 #f0f0f2;
}

body.pc-lap li.pc-lap a{
  color: #5c1130;
  background: none repeat scroll 0 0 #f0f0f2;
}

body.server li.server a{
  color: #5c1130;
  background: none repeat scroll 0 0 #f0f0f2;
}


/* Main Nav */

ul.menu{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    position: relative;
    z-index: 50;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    line-height: 1.286em;
}

ul.menu li{
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding-left: 0;
    width: 191px;
    text-align: center;
}

/*Services*/

ul.dropdown {
    clear: both;
    content: ".";
    height: 0;
    z-index: 51;
    list-style: none outside none;
    margin: 15px 0 0 0;
    padding: 0;
    line-height: 1.286em;
    top: 1.3em;
    left: 22.2em;
    position: absolute;
}

ul.dropdown li{
    font-size: .8em;
    font-weight: normal;
    margin: 0;
    width: 190px;
    text-align: left;
    z-index: 100;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    position: relative;
    float: none;
    border-bottom: 1px solid #000000;
}

.menu ul.dropdown a {
  padding: 3px 0 3px 20px;
  text-decoration: none;
  color: #5c1130;
  display: block;
}

.dropdown a:hover {
  padding: 3px 0 3px 20px;
  text-decoration: none;
  background: none repeat scroll 0 0 #e1e1e5;
}

ul.dropdown li.first{
 border-top: 1px solid #000000;
}

/*Product Dropdown*/

ul.product{
 left: 33.2em;
}

ul.flyout-computer{
  left: 11em;
  top: -0.95em;
}

ul.flyout-printers{
  left: 11em;
  top: 0.75em;
}

ul.flyout-cameras{
  left: 11em;
  top: 2.45em;
}

li.home a:hover{
  background: url("/images/home1.png") no-repeat scroll 34px 5px #5c1130;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
}

li.contact a:hover{
  background: url("/images/contact-icon1.png") no-repeat scroll 18px 4px #5c1130;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
}

li.news a:hover{
  background: url("/images/newsletter_icon1.png") no-repeat scroll 15px 4px #5c1130;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
}

li.services a:hover{
  background: url("/images/services_icon1.png") no-repeat scroll 18px 4px #5c1130;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
}

li.products a:hover{
  background: url("/images/product_icon1.png") no-repeat scroll 16px 4px #5c1130;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #FFFFFF;
}

li.home {
 background: url("/images/home.png") no-repeat scroll 34px 5px;
}

li.contact{
 background: url("/images/contact-icon.png") no-repeat scroll 18px 4px;
}

li.news{
 background: url("/images/newsletter_icon.png") no-repeat scroll 15px 4px;
}

li.services{
 background: url("/images/services_icon.png") no-repeat scroll 18px 4px;
}

li.products{
 background: url("/images/product_icon.png") no-repeat scroll 16px 4px;
}

body.contact li.contact a {
  background: url("/images/contact-icon1.png") no-repeat scroll 18px 4px #5c1130;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

body.home li.home a{
  background: url("/images/home1.png") no-repeat scroll 34px 5px #5c1130;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

body.news li.news a {

  background: url("/images/newsletter_icon1.png") no-repeat scroll 15px 4px #5c1130;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

body.services li.services a {
  background: url("/images/services_icon1.png") no-repeat scroll 18px 4px #5c1130;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

body.products li.products a {
  background: url("/images/product_icon1.png") no-repeat scroll 16px 4px #5c1130;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

ul.menu li a{
  text-decoration: none;
  color: #5c1130;
  padding: 7px 0;
  display: block;
}


/* Contact Us Webform */

.right-table {
    float: right;
    width: 289px;
}

.right-table-sub {
    float: right;
    width: 250px;
}


table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 10pt;
}

.right-table td.first {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px 0 10px;
}

caption, th, td {
    font-weight: normal;
}

form {
    margin: 0;
    padding: 0;
}

p.title-contact {
    color: #4a0823;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px 24px;
    padding: 0;
}

.separator-in {
    background: url("/images/pointer.gif") no-repeat scroll 25px 0 transparent;
    border-top: 1px solid #CAC7C0;
    height: 5px;
}

.form-errors {
    color: #FF0000;
    margin: 15px 0 0 80px;
    padding: 0;
    text-align: left;
}

.contact-form {
    margin: 5px auto 0;
}

.contact-form td {
    color: #7F7F77;
    padding: 6px 5px 6px 0;
}

div.in {
    background: url("/images/in-bg.gif") no-repeat scroll center top transparent;
    height: 27px;
    width: 183px;
}

div.in input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 6px 5px 0;
    width: 173px;
}

div.text {
    background: url("/images/textarea-in.gif") no-repeat scroll 0 0 transparent;
    height: 104px;
    width: 183px;
}

div.text textarea {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 94px;
    overflow-y: auto;
    padding: 5px;
    width: 173px;
}

/* Footer */
#footer-wrapper{
  width: 100%;
  background-color: #5c1130;
  height: 57px;

}

#footer{
  margin: 0 auto;
  position: relative;
  width: 955px;
  color: #FFFFFF;
  font-size: 12px;
}

/*Services*/

#service-icons img{
   padding:5px;
   float: left;
   border: 0;
}

#service-text p {
 padding: 10px 30px;
 font-size: 1.1em;
}

table.service-titles td{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

table.service-titles a:hover{
  color: #5c1130;
  text-decoration: underline;
}

table.service-titles a{
  color: #000000;
  text-decoration: none;
}

table.service-titles a:visited{
  color: #747474;
  text-decoration: none;
}

table.service-titles td:hover{
  background: none repeat scroll 0 0 #e5e5e5;
}

ul.service-list{
  padding: 10px 30px 25px 38px;
}

ul.service-list li{
    list-style-image: url("/images/arrow2.gif");
    padding: 5px 0;
}

.service-lion h1{
    padding-left: 44px;
    color: #474747; 
    font-size: 22px; 
    font-weight: bold;
    font-style: normal;
}

#pricing thead{
  color: #FFFFFF;
  font-size: 1.2em;
}

#pricing {
 padding-left: 40px;
}

td.price{
  text-align: center;
}

td.service-item{
  padding-left: 25px;
}

th.title{
 font-size: 1.5em;
}

th.mini-title{
 font-size: 1em;
}

p.optHead{
  font-weight: bold;
  float:left;
}

p.details{
  float:right;
  padding-right: 25px;
}

div.expandContent{
  float: left;
  width: 375px;
  padding-left: 35px;
}

#pricing a{
  text-decoration: underline;
}

#pricing a:hover{
  color: #5c1130;
  text-decoration: underline;
  cursor:pointer;

}

/*Home*/

.h1-header h1{
    color: #474747;
    font-size: 22px; 
    font-weight: bold;
    font-style: normal;
}

#home-table{
 text-align: center;
 color: #474747;
    font-size: 22px; 
    font-weight: bold;
    font-style: normal;
}

ul.home-links{
  margin-top: 5px;
  margin-bottom: 0;
}

.small-pad{
 padding-left: 20px;
}

ul.home-links a{
 color: #474747;
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
}

ul.home-links a:hover{
  color: #5c1130;
  text-decoration: underline;
}

ul.home-links a{
  color: #000000;
  text-decoration: none;
}

ul.home-links li{
    list-style-image: url("/images/arrow2.gif");
    padding: 5px 0;
}

/*Contact Us*/

ul.contact-us{
  margin: 0;
  padding: 0 0 0 30px;

}

ul.contact-us li{
    padding: 0;
}

ul.contact-us a{
  color: #5c1130;
  text-decoration: none;
  margin: 0;
  padding: 0;

}

.contact-left{
  width: 166px;
  padding-bottom: 10px;
}
.contact-middle{
  width: 166px;
  padding-bottom: 10px;
}
.contact-right{
  width: 166px;
  padding-bottom: 10px;
}

.news-title{
  font-size: 1.2em;
  font-weight:  bold;
}

.indent{
  padding-left: 20px;
}