/* --------------------------- */
/* FONTS  
/* --------------------------- */

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: local(':'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MyriadProRegular';
  src: url('../fonts/myriadpro-regular-webfont.eot');
  src: local(':'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* --------------------------- */
/* BODY / START  
/* --------------------------- */

* {
    margin: 0;
    padding: 0;
}

body {
margin: 0;
padding: 0;
font: 14px "Myriad Web", "Myriad Pro", Arial, sans-serif;
background:#060606 url(../images/background.jpg) repeat-x;
overflow-x: hidden;
overflow-y: auto;
_margin-right: -15px;
_margin-bottom: -15px;
}

#wrapper {
    width: 100%;
    margin: 25px auto 0 auto;
    z-index: 1;
}




/* --------------------------- */
/* SLIDER 
/* --------------------------- */

#slider {
    width: 100%;
    margin: 0 auto;
    top: 85px;
    position: relative;
    border: 0;
    z-index:-1;
}

.scroll {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index:1;
}

.scrollContainer {
    position: relative;
    margin-left:305px;
    z-index:1;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 550px;
    height: 500px;
    z-index:1;
}

.panel {
    width: 550px;
	  /* for IE */
  filter:alpha(opacity=50);

  /* CSS3 standard */
  opacity:0.50;
}

.curpanel {
    width: 550px;
	/* for IE */
  filter:alpha(opacity=100);

  /* CSS3 standard */
  opacity:1;
}

.panel img {
    width: 35% !important;
    height: 35% !important;
}

.panel_6 img {
    width: auto !important;
    height: auto !important;
}

.curpanel img {
    width: auto !important;
    height: auto !important;
}

#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0;
    background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0;
    background: url(../images/rightshadow.png) repeat-y;
}

.inside {
    padding: 10px;
    border: 0;
    z-index:1;
}

.inside img {
    display: block;
    border: 0;
    margin: 0 0 10px 0;
    width: 550px;
    z-index:1;
}

.inside h2 {
    font-weight: normal;
    color: #111;
    font-size: 16px;
    margin: 0 0 8px 0;
}

.inside p {
    font-size: 11px;
    color: #ccc;
}

div#panel_1 div.inside { 
    margin: 0 0 0 -155px;
}

div#panel_2 div.inside { 
    margin: 0 0 0 -45px;
}

div#panel_3 div.inside {
    margin: 0 0 0 -25px;
}

div#panel_4 div.inside {
    margin: 0 0 0 -60px;
}

div#panel_5 div.inside {
    margin: 0 0 0 -50px;
}

div#panel_6 div.inside {
    margin: 0 0 0 100px;
}

div#panel_7 div.inside {
    margin: 0 0 0 -20px;
}

img.alignleft {
    margin: 2px 15px 10px 0;
    display: block;
    float: left;
    border: 3px solid #655f5f;
}

img.border {
    margin: -3px 0 0 0;
    border: 3px solid #655f5f;
}



/* --------------------------- */
/* LINKS  
/* --------------------------- */

a {
    font-size:12px;
    font-weight: bold;
    color: #999;
    text-decoration: underline;
}

a:hover {
    color: #cc3333;
    text-decoration: none;
}

div#rightcolumntitle a,
div#rightcolumntitle a.inactive {
    margin: 0 8px 0 0;
    color: #999;
    font-size: 14px !important;
    font-weight: normal;
    text-decoration: none;
}

div#rightcolumntitle a:active,
div#rightcolumntitle a.active {
     color: #cc3333;
}

.brand a {
    display: block;
    background: url(../images/brand_toshiba_black.png) no-repeat;
}

.brand a:hover {
    background-position: -100px 0;
}

table, tr, td {
    margin: 0 0 0 -8px;
    padding: 0;
}

form.ourlines-search hr {
    display: none;
}

div#rightcolumntitle a.inactive {
    color: #999 !important;
}



/* --------------------------- */
/* SCROLL BUTTONS  
/* --------------------------- */

.scrollButtons {position: relative;cursor: pointer;}
.scrollButtons.left {}
.scrollButtons.right {}
.scrollButtons.home {}
.scrollButtons.ourlines {}
.scrollButtons.products {}
.scrollButtons.about{}
.scrollButtons.news{}
.scrollButtons.testimonials{}
.scrollButtons.contact{}
.hide {display: none;}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:#333;
}

#manufacturerTitle {
  font-size:14px;
  color:#6699cc;
}




/* --------------------------- */
/* WRAPPER FOR PANEL IMAGES
/* --------------------------- */

div#wrapper1-panelbg {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}





/* --------------------------- */
/* CENTER BIG, GRAY BOX
/* --------------------------- */

div#wrapper2-center {
  margin: -550px auto 0 auto;
  width: 980px;
  overflow: hidden;
}




/* --------------------------- */
/* ALIGN WRAPPER RIGHT
/* --------------------------- */

div.wrapper2-right {
  width: 625px;
  display: inline;
  float: right;
}

#rightcolumn p {
  margin: 0;
  padding: 0 0 20px 0;
}

#rightcolumn h2 {
  font-weight: normal;
  color: #738FBA;
}

#rightcolumn a {
  font-size: 13px;
  color: #cc3333;
}

#rightcolumn a:hover {
  color: #8fa2c0;
}

* html #rightcolumn{ 
/*IE only style*/
  height: 300px;
  overflow:scroll;
}

div#RightColumn,
div#rightcolumntitle {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'MyriadProRegular', 'Myriad Pro', Arial, sans-serif;
}

#rightcolumn blockquote {
  margin: 0 0 15px 0;
  padding: 15px 0;
  color: #c8d5e8;
  border-top: 1px dotted #585757;
  border-bottom: 1px dotted #585757;
}



/* Next Button For Testimonials Page */

a.nextbutton {
  position: relative;
  left: 28px;
  top: -45px;
  z-index: 10;
  outline: none;
  width: 147px;
  height: 36px;
  display: block;
  text-indent: -9999px;
  background: url(../images/next-testimonial2.jpg) no-repeat;
}

a.nextbutton:hover {
  background-position: 0 -36px;
}

/* Next Button For Our People */

a.nextstaffmember {
  position: relative;
  top: 35px;
  outline: none;
  width: 164px;
  height: 38px;
  display: block;
  text-indent: -9999px;
  background: url(../images/next-staff-member.jpg) no-repeat;
}

a.nextstaffmember:hover {
  background-position: 0 -38px;
}



/* For Our Lines Buttons + More */

.text_over_image
{
  margin: 0 10px 0 10px;
  width:121px;      
  height:59px;         
  color:#fff;
  font: bold 10px "MyriadProRegular", "Myriad Pro", Arial, sans-serif !important;        
  padding: 0;       
  overflow:hidden;
  text-transform: uppercase;
  background:url(../admin/inventoryimages/search_results_button.png) no-repeat 1px 2px;
  text-decoration: none;
  border: 0;
 }

.text_over_image div.image {
display: block;
float: left;
z-index: 1;
position: absolute;
}

.text_over_image div.image img {
position: relative;
left: -12px;
top: 5px;
z-index: 1;
cursor: pointer;
}

a div.text_over_image p {
position: relative;
left: -9px;
padding: 10px 0 0 0;
top: 19px;
display: block;
text-align: right;
cursor: pointer;
}

div.text_over_image p:hover {
  color: #000;
}


/* --------------------------- */
/* Lightbox-Like Windows
/* --------------------------- */

div.window {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
  -moz-box-shadow: 5px 5px 15px 0 #000;
  -webkit-box-shadow: 5px 5px 15px 0 #222;
  box-shadow: 5px 5px 15px 0 #222;
  border: 1px solid #000;
  font-family: "MyriadProRegular", "Myriad Pro", Arial, sans-serif;
  width: 600px !important;
  height: 360px !important;
}

div.window td {
  width: 180px;
  vertical-align: top;
}



/* -------------------------- */
/* Close Button Area
/* -------------------------- */

table.close-area {
padding: 10px 10px 0 0;
width: 100%;
text-align: right;
}

/* Close */
td.close-button a span {
margin: 0 5px 0 0;
color: #999999;
font-size: 13px;
border-bottom: 1px solid #666;
}

/* X */
td.close-button a {
color: #999999;
font-size: 13px;
text-decoration: none;
}

td.close-button a:hover {
color: #fff;
}



/* -------------------------- */
/* Main Search Pop-Up Table
/* -------------------------- */

table.searchdata {
margin: 0 0 0 33px;
padding: 0;
text-align: left;
}

/* Manufacturer and Model */

h2.manufacturer {
margin: 0 8px 0 0;
padding: 0;
color: #738fba;
font-size: 28px;
font-weight: normal;
display: inline;
}

h3.speed {
margin: 0 0 10px 0;
color: #999;
font-size: 12px;
}

div.window td h4 {
margin: 0 0 4px 0;
padding: 3px 0 2px 5px;
color: #a7bbdb;
font-size: 15px;
text-align: center;
font-weight: normal;
background: #403e3f;
}

div.window ul {
padding: 10px 0 10px 20px;
}

div.window ul li {
margin: 0 0 5px 0;
padding: 0 0 0 10px;
list-style: none;
color: #fff;
font-size: 13px;
background: url(../images/bullet.jpg) no-repeat 0 2px;
}

/* Additional Details Link */
div.window a.highlight {
margin: 10px 0 0 20px;
color: #e14031;
display: block;
font-size: 13px;
}

div.window a.highlight:hover {
color: #fff;
text-decoration: underline;
}




/* --------------------------- */
/* OUR LINES - Results 
/* --------------------------- */

div#rightcolumn a.returnbutton {
margin: 10px 0 -10px -5px;
width: 112px;
height: 38px;
display: block;
text-indent: -9999px;
background: url(../images/return-to-results.jpg) no-repeat;
}

div#rightcolumn a.returnbutton:hover {
background-position: 0 -38px;
}

table.close-area {
margin: 0;
padding: 0;
border-top: 1px solid #343434;
}

table.close-area h2.manufacturer img {
position: relative;
top: 13px;
}




/* --------------------------- */
/* HOME
/* --------------------------- */

div.intro {
margin: 5px 0 0 15px;
position: relative;
z-index: 100;
}

h2.home {
margin: 10px 0 -20px 15px;
}

div.intro h3.tagline {
margin: 0 0 8px -2px;
width: 332px;
height: 25px;
display: block;
text-indent: -9999px;
background: url(/beta/images/how-advanced-is-your-business.jpg) no-repeat;
}

div.intro p {
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-weight: normal !important;
font-size: 1em !important;
line-height: 145% !important;
width: 410px;
}

/*
#subForm {
margin: 20px 0 0 0;
}

#subForm label {
display: block;
margin-bottom: 1px;
padding: 0 0 0 0;
}

#subForm input {
margin: 0;
padding: 4px;
width: 140px;
background: none;
border: 2px solid #8d8d8d;
-moz-border-radius: 7px;
color: #c0c0c0;
}

#subForm input:hover {
border: 2px solid #90a3c1;
}

#subForm input:focus {
color: #444;
border: 2px solid #90a3c1;
background: #fff;
}

#subForm div.name,
#subForm div.email {
width: 160px;
display: block;
float: left;
}

#subForm input.submit {
display: block;
float: left;
margin: 18px 0 0 0;
padding: 0;
width: 61px;
height: 29px;
text-indent:-9999px;
cursor: pointer;
border: 0; 
background: url(../images/submit_final_buttons.png) no-repeat;
position:  relative; top: -1px;
}

#subForm input.submit:hover{
background-position: 0 -29px;
}
*/




/* --------------------------- */
/* iFrame For Contact Form
/* --------------------------- */

iframe {
margin: 0;
padding: 0;
width: 460px;
height: 245px;
overflow: hidden !important;
}



/* --------------------------- */
/* OUR LINES - SEARCH FORM 
/* --------------------------- */

form#searchform {
margin: 0 0 0 13px;
padding: 0;
font-size: 13px;
}

form#searchform table {
margin: 0;
padding: 0;
border-collapse: collapse;
}

form#searchform h3 {
margin: 0px 0 2px 0;
padding: 5px 0 0 0;
color: #d1def1;
font: normal 1em 'MyriadProBold', 'Myriad Pro', sans-serif;
display: block;
clear: both;
}

form#searchform h3 strong {
font-weight: normal;
}

form#searchform div.option {
margin: 0 10px 0 0;
display: block;
float: left;
}

form#searchform div.option input.checkbox,
form#searchform div.option input.radio {
margin: 0 5px 0 1px;
_margin: 0 2px 0 1px;
position: relative;
top: 1px;
}

form#searchform input.search-button {
margin: 0;
position: relative;
top: 5px;
width: 81px;
height: 38px;
display: block;
clear: both;
text-indent: -9999px;
font-size: 0;
line-height: 5;
cursor: pointer;
border: 0;
background: url(../images/search-button.png) no-repeat;
}

form#searchform input.search-button:hover {
background-position: 0 -38px;
}




/* --------------------------- */
/* FOOTER - Copyright&Credits 
/* --------------------------- */

div#copyright-and-credits {
margin: 154px 0 0 46px;
width: 423px;
float: left;
}

div#copyright-and-credits p {
margin: 0 0 4px 0;
padding: 0;
color: #cccccc;
font: normal 10px 'MyriadProRegular', 'Myriad Pro', Arial, sans-serif;
width: 400px;
}

div#copyright-and-credits p.site-credit a {
margin: 0 0 0 -2px;
width: 71px;
height: 19px;
display: block;
text-indent: -9999px;
outline: none;
background: url(../images/a-killer-website.gif) no-repeat;
}

div#copyright-and-credits p.site-credit a:hover {
background-position: 0 -19px;
}

#footer h1 {
margin: 0 0 0 445px;
width: 187px;
height: 191px;
display: block;
text-indent: -9999px;
background: url(../images/advanced-business-equipment.png) no-repeat;
}