@charset "utf-8";
/* CSS Document */

body { background: #fff url(images/background.gif) repeat-x top; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color: #007ac3;}
body a img {border: none; }

#wrap { width: 840px;  margin: 0 auto; }
#header { margin: 0; padding: 0; background: url(images/header.gif) no-repeat 10px 10px; width: 833px; height: 110px;}
/*#header img { float: left; padding: 20px;}*/
#header img { margin: 5px 0 0 10px; }
#header p {float: right; font-size: 25px; margin-right: 20px;}
#head-left { background: url(images/topleft_cr.gif) no-repeat left top; }

/*-------------------top nav----------------------------*/

#nav { width: 750px; margin: 82px 0 0 100px; padding: 0; float: left; display: inline; }
#nav ul {  display: inline; padding: 0; margin: 0;}
#nav ul li { list-style: none;  float: left; /*background: url(images/nav.gif) no-repeat;*/ width: 119px; height: 28px; margin-right: 0; display: inline;}
#nav a { text-decoration: none; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block; width: 119px; height: 28px; 
margin: 0; padding: 0;}
#nav span { display: none; }
#nav ul li#home a { background: url(images/hometab.jpg) no-repeat right 0;}
#nav ul li#hardware a { background: url(images/hardware.jpg) no-repeat 0 0;}
#nav ul li#bluray a { background: url(images/blu-ray.jpg) no-repeat 0 0;}
#nav ul li#discs a { background: url(images/discs.jpg) no-repeat 0 0;}
#nav ul li#services a { background: url(images/services.jpg) no-repeat 0 0;}
#nav ul li#contact a { background: url(images/contact.jpg) no-repeat 0 0;}

#nav ul li#home a:hover, #nav ul li#homeactive { background: url(images/hometab.jpg) no-repeat right -28px;}
#nav ul li#hardware a:hover, #nav ul li#hardwareactive { background: url(images/hardware.jpg) no-repeat 0 -28px;}
#nav ul li#bluray a:hover, #nav ul li#blurayactive { background: url(images/blu-ray.jpg) no-repeat 0 -28px;}
#nav ul li#discs a:hover, #nav ul li#discsactive { background: url(images/discs.jpg) no-repeat 0 -28px;}
#nav ul li#services a:hover, #nav ul li#servicesactive { background: url(images/services.jpg) no-repeat 0 -28px;}
#nav ul li#contact a:hover, #nav ul li#contactactive { background: url(images/contact.jpg) no-repeat 0 -28px;}

/*--------------------end nav ---------------------------*/

#mainimage { clear: both; }
#mainimage img, #flash { float: left; margin: 0; }
#textbox { background-color: #fff; border: 4px solid #e4e4e4; float: right; width: 304px; height: 246px; font-size: 12px; color: #000;}
#textbox ul { list-style-image: url(images/bullet1.gif); }
#textbox ul li.dotted { border-top: 1px dotted #033858; width: 235px; padding: 8px 0 8px; }

h1 { font-size: 18px; margin: 8px 0 0 18px; font-weight: 500; padding-bottom: 4px; color: #003366;}
h2 { font-size: 20px; font-weight: 500; padding: 0 0 10px 0; margin: 0;}
h3 { font-size: 18px; font-weight: 500; padding: 10px 0; margin-left: 15px; border-bottom: 1px dotted #a8d601; width: 270px; color: #003366;}
h2 img { padding: 3px 7px 0; }
h4 { color: #003366; font-size: 14px; margin: 0; padding: 0; }
#lefttext h5 { background: url(images/background-banner.jpg) no-repeat; height: 20px; width: 444px; color: #ffffff;}
#lefttext h5 a { color: #ffffff; font-size: 14px; margin: 0; padding: 0; text-decoration: none; }

.qanda a { font-weight: bold; }
name { text-decoration: none; }

#maintext { padding: 0; margin: 0; background: url(images/bglines.gif) repeat-y center;}
#lefttext { float: left; width: 480px; padding: 25px 10px 0; /*border-left: 4px solid #e6e8e9;*/ margin-left: 10px; }
#lefttext p { font-size: 12px; width: 460px; }
#lefttext ul { font-size: 12px; width: 440px; }
#lefttext a { color: #007ac3; font-size: 12px; text-decoration: none;}
#lefttext a:hover { text-decoration: underline; }
#righttext { float: right; border: 4px solid #95c0d9; font-size: 12px; padding-right: 5px; width: 300px; color: #000; background-color: #fff;}
#righttext ul { padding: 0 0 10px 23px; margin: 0; }
#righttext ul li { padding-bottom: 8px; }
#rimagetext { float: left; width: 480px; padding: 25px 10px 0; border-left: 4px solid #e6e8e9; margin-left: 10px; background-color: #fff; }
#rimagetext p { font-size: 12px; width: 370px; padding-bottom: 1px; display: inline;}

.darkblue { color: #003366; }

.floatleft { float: left; }
.floatright { float: right; }
#lefttext p.telephone { font-size: 22px; padding: 20px 0 0;}

#advert img { margin: 20px 40px 0 0; clear:both; }
#advert { float: right; /*border-right: 4px solid #e6e8e9;*/ margin: 0 9px 0 0;  }


.borderright { /*border-right: 4px solid #e6e8e9;*/ margin: 0 10px 0 0; height: 25px; padding: 0;}
#footer { background: url(images/footer.gif) no-repeat bottom; clear: both; height: 45px; position: relative;}
#footerimg { margin-left: 10px; }
#footer p { font-size: 11px; margin: 50px 0 20px 20px; color: #666;}
#footer p a { color: #666; text-decoration: none; }
#footer2 p { font-size: 11px; margin: 10px 0 0 20px; color: #666; }
#footer2 p a { color: #666; text-decoration: none;}

.rimageimg {  padding: 30px 20px 15px 0; float: left; }
.dupimg { margin: 0; padding: 0; border: none;}
#blubg { background: url(images/Bluray-Duplicators.jpg) no-repeat; height: 447px; padding: 15px 0 0; margin: 0; }
#blubg ul { margin: 0; padding: 0; }
#blubg ul li { list-style: none; padding-left: 115px; }
#blubg ul#xpress { padding-top: 35px; }
#blubg ul#versa { padding-top: 50px; }
#blubg ul#bluray2 { padding-top: 50px; }
#blubg a { font-size: 16px; color: #003366; text-decoration: none;}

/***********************************************************************/
/* forms                                                               */
/***********************************************************************/

form { margin:0; padding:0; }
label { float:left; clear:left; display:block; width:80%; margin:0 20px; margin-top:5px; font-weight:bold; font-size:11px; }
fieldset { border:0; margin:0; padding:0; }
fieldset p { margin-top:3px; margin-bottom:3px; font-size:10px; }
input, select, textarea { float:left; width:80%; margin:0 20px; padding:2px; margin-top:5px; font-size:0.9em; border:1px solid #BBB; font-family:Arial, Helvetica, sans-serif;}
input.button { width:78px; margin: 10px 0 0 20px; border:0; }
input.radio, input.checkbox { float:left; clear:left; width:15px; margin:2px 10px 2px 20px; border:0; }
select { width: auto;}
label.alt {   width:27%; margin: 5px 15px 0 20px; text-align:right; overflow:hidden; }
input.alt, select.alt {  width:50%; margin:0; margin-top:5px;}
select{  width: auto; }