/**************************************************
********** Lightwave Multimedia CMS Styles
**************************************************/
body {font-family: Arial, sans-serif; font-size: 1em; color: #222; padding: 0 0 32px 0; margin: 0 0 32px 0; background-color: #fff;}
a:link,
a:active,
a:visited {color: #03c;}
a:link:hover,
a:visited:hover {color: #36f;}
img {border: 0;}
ul, ol, li, p {margin: 0; padding: 0;}
li {list-style-type: none;}
div {float:left;}
.floatRight {float: right;}
/**************************************************
********** Headers
**************************************************/
h1 {font-family: Arial, sans-serif; font-size: 1.4em; color: #666; font-weight: bold; padding: 16px 0 8px 0; border-bottom: 1px solid #999; margin: 0;}
.hometitle h1 {font-size: 1.1em; font-weight: normal; text-align: center; border: 0; padding: 0 0 4px 0;}
h2 {font-family: Arial, sans-serif; font-size: 0.9em; font-weight: normal; text-align: center; color: #999; padding-bottom: 16px; margin: 0;}
h2.pg {font-size: 0.9em; font-weight: bold; text-align: center; color: #fff; text-transform: uppercase; padding: 2px 0 2px 0; background-color: #999; margin: 0 0 12px 0;}
h3 {font-family: Arial, sans-serif; font-size: 1.4em; color: #666; font-weight: bold; padding: 16px 0 8px 0; border-bottom: 1px solid #999; margin: 0;}
h4 {font-family: Arial, sans-serif; font-size: 0.9em; font-weight: bold; float: left; padding: 4px 10px 4px 10px; margin: 0; background: url(../images/h4Right.gif) 0 0 no-repeat;}
h5 {font-family: Arial, sans-serif; font-size: 1em; padding-bottom: 8px; font-weight: bold; color: #333; margin: 0;}
h5 a {text-decoration: none;}
h5 a:hover {text-decoration: underline;}
h5 a:link, h5 a:active, h5 a:visited {color: #333;}
h5 a:link:hover, h5 a:visited:hover {color: #666;}
h6 {font-family: Arial, sans-serif; font-size: 0.9em; padding: 4px 0 4px 0; font-weight: bold; color: #333; margin: 0;}
/**************************************************
********** Form
**************************************************/
form {margin: 0;}
input, textarea, select {font-family: Arial, sans-serif; font-size: 12px; color: #222;}
textarea {font-family: Arial, sans-serif; font-size: 13px; color: #222; padding: 4px;}
.text {font-family: Arial, sans-serif; font-size: 13px; color: #222; padding: 4px;}
.submit {font-family: Arial, sans-serif; font-size: 13px; color: #666; font-weight: bold; padding: 4px 8px 4px 8px; border: 1px solid #999; background-color: #ddd;}
/**************************************************
********** Header
**************************************************/
#header {position: relative; height: 70px; font-size: 0.7em; width: 100%;}
#headerWrap {height: 70px; width: 100%; margin-bottom: 8px; background-color: #000;}
#logo {position: absolute; left: 8px; top: 10px; height: 50px; width: 488px; background: url(../images/qubzLogoBlackStrap.gif) 0 0 no-repeat;}
#logo a {display: block; height: 50px; width: 123px;}
#top {position: absolute; right: 8px; top: 15px; color: #ccc;}
#top a:link,
#top a:active,
#top a:visited {color: #ccc; text-decoration: none;}
#top a:link:hover,
#top a:visited:hover {color: #fff; text-decoration: underline;}
/**************************************************
********** Main
**************************************************/
.container {margin: 0 auto;	width: 968px; float: none;}
/**************************************************
********** Main
**************************************************/
#main {float: left; width: 100%; padding-bottom: 8px; background: url(../images/grad.gif) 0 0 repeat-x;}
.full {width: 100%;}
.fullholder {width: 572px; padding: 0 8px 8px 8px;}
.hometitle {width: 572px; padding: 16px 8px 0 8px;}
/**************************************************
********** Main
**************************************************/
/**************************************************
********** Main
**************************************************/
#title {font-size: 1.1em; line-height: 40px; width: 572px; padding: 8px 8px 0 8px; height: 40px;}
#titleText {color: #999; width: 274px; padding-left: 12px; height: 40px;}
#tabs {width: 286px;}
#tabs div {height: 40px; width: 143px;}
#tabs a {display: block; text-decoration: none; height: 40px; width: 143px; text-align: center; color: #999; background: url(../images/tab.gif) 0 0 no-repeat;}
#tabs a:link,
#tabs a:active,
#tabs a:visited {color: #999;}
#tabs div#current a {background: url(../images/tabCurrent.gif) 0 0 no-repeat; height: 40px; border: 0;}

/**************************************************
********** Main
**************************************************/
#content {width: 548px; background-color: #fff; padding: 0 12px 12px 12px;}
#content p {color: #666; padding-bottom: 8px; line-height: 1.2em; font-size: 0.8em;}
/**************************************************
********** Main
**************************************************/
#info {width: 540px; padding: 8px 0 0 8px;}
#bullets {width: 300px; padding-left: 20px;}
#bullets ul {padding: 0 0 16px 0;}
#bullets ul li {padding: 0 0 4px 20px; color: #222; font-size: 0.8em; background: url(../images/bullet.gif) 4px 4px no-repeat;}
#description {width: 220px;}
/**************************************************
********** Left
**************************************************/

#center {width: 588px; background: url(../images/mainGrad.gif) 0 0 repeat-x #e3e3e3;}


.result {width: 100%; padding: 4px 0 4px 0; border-top: 1px solid #ddd; font-size: 0.8em;}
.result img {width: 100px;}




/**************************************************
**************************************************
**************************************************
********** Footer
**************************************************
**************************************************
**************************************************/
#homemain {width: 100%; height: 360px;}
#homemain div,
#homemain div a {height: 360px;}
#homemain div a {display: block;}
/**************************************************/
#homelinks {width: 580px; padding: 8px 8px 8px 0;}
#homelinks h4 {width: 262px; line-height: 18px;}
#homelinks h4#sell {background: url(../images/h4HomeS.gif) 0 0 no-repeat #ccc;}
#homelinks h4#off {background: url(../images/h4HomeO.gif) 0 0 no-repeat #ccc;}
.homecol {width: 282px; padding: 0 0 0 8px;}
.homebox {width: 266px; padding: 8px 8px 8px 8px; background-color: #fff;}
.homeBase {width: 100%; height: 4px; line-height: 4px; background: url(../images/homeBase.gif) 0 0 no-repeat;}
.homeitem {height: 40px; padding: 4px 0 4px 0; border-bottom: 1px solid #ccc;}
.homeprice {width: 76px; padding-left: 8px;}
.homedesc {width: 128px; font-size: 0.75em;}
.homedesc a {display: block; width: 124px; height: 40px; float: left; text-decoration: none;}
.homedesc a:link,
.homedesc a:active,
.homedesc a:visited {color: #333;}
.homedesc a:link:hover,
.homedesc a:visited:hover {color: #999;}
.homeimage {width: 54px;}
.homeimage img {width: 45px;}
/**************************************************
********** colours
**************************************************/
.price {font-size: 1.2em; color: #333;}
.pricebreak {font-size: 0.6em; color: #999;}
.pricebox {width: 554px; padding: 8px 8px 8px 8px; background-color: #fff;}
.pricebox2 {width: 540px; border-top: 1px solid #ccc; padding: 16px 0 16px 0;}
#priceholder {width: 524px;padding: 8px 12px 8px 12px; border-top: 2px solid #92CBE8; border-bottom: 2px solid #92CBE8; background-color: #E4F2F9;}
#priceholder .price {font-size: 1.8em; color: #333;}
.priceRight {float: right; border-left: 2px solid #92CBE8; padding-left: 8px;}
/**************************************************
********** colours
**************************************************/
#imagesholder {width: 526px; padding: 4px 17px 4px 4px; background-color: #eee;}
#imageholder {width: 402px; padding: 0 17px 0 0;}
#image {width: 400px; background-color: #fff; border: 1px solid #ddd;}
#image img {width: 400px;}
#thumbs {width: 104px;}
#thumbs div {margin-bottom: 8px; width: 104px;}
#thumbs a {border: 2px solid #ddd; display: block; cursor: hand;}
#thumbs a:hover {border-color: #666;}
#thumbs img {width: 100px;}

.driveThumb {width: 118px; height: 96px; background-color: #fff;}
.driveThumb a {width: 116px; display: block; text-align: right; height: 94px; border: 1px solid #ddd;}
.driveThumb a:hover {border: 1px solid #666;}
.driveThumb img {width: 100px;}

.moreInfo {float: left; text-align: center; padding: 0 0 8px 0;}
.moreInfo a {text-decoration: none; text-align: center; display: block; font-size: 0.8em; width: 118px; text-transform: uppercase; font-weight: bold; padding: 3px 0 3px 0; background-color: #999;}
.moreInfo a:hover {background-color: #666;}
.moreInfo a:link, .moreInfo a:active, .moreInfo a:visited {color: #fff;}
.moreInfo a:link:hover, .moreInfo a:visited:hover {color: #fff;}

.radio {font-size: 0.7em; color: #999; line-height: 1.6em;}
/**************************************************
********** colours
**************************************************/
#drivecolsholder {width: 572px; padding: 0 0 8px 0; background-color: #fff;}
.drivecol {width: 130px; height: 260px; padding: 0 0 0 12px; border-left: 1px solid #ccc;}
.drivecol#first {width: 131px; border: 0;}
.driveprice {width: 64px; padding-left: 8px;}
.drivedesc {width: 124px; font-size: 0.75em;}
/**************************************************
********** colours
**************************************************/
#colours {width: 572px; padding: 8px 8px 8px 8px;}
#colours div {float: left; width: 137px; padding-right: 8px;}
#colours div a {float: left; width: 137px;}
#colours div a {display: block; text-decoration: none; height: 48px; font-size: 0.9em; font-weight: bold; text-align: center; line-height: 48px;}
#colours div a:link,
#colours div a:active,
#colours div a:visited {color: #fff;}
#colours div#white a:link,
#colours div#white a:active,
#colours div#white a:visited {color: #333;}
#colours div#black a {background: url(../images/col2Black.gif) 0 0 no-repeat #000;}
#colours div#black a:hover {background: url(../images/col2Black.gif) 0 0 no-repeat #000;}
#colours div#white a {background: url(../images/col2White.gif) 0 0 no-repeat #fff;}
#colours div#white a:hover {background: url(../images/col2White.gif) 0 0 no-repeat #fff;}
#colours div#pink a {background: url(../images/col2Pink.gif) 0 0 no-repeat #a36;}
#colours div#pink a:hover {background: url(../images/col2Pink.gif) 0 0 no-repeat #a36;}
#colours div#blue {padding: 0;}
#colours div#blue a {background: url(../images/col2Blue.gif) 0 0 no-repeat #337;}
#colours div#blue a:hover {background: url(../images/col2Blue.gif) 0 0 no-repeat #337;}
/**************************************************
********** footer
**************************************************/
/**************************************************
**************************************************
**************************************************
********** right
**************************************************
**************************************************
**************************************************/
#left {padding-right: 8px; width: 182px;}
#left h4 {width: 162px; color: #fff; border-bottom: 1px solid #ccc; background: url(../images/h4Right.gif) 0 0 no-repeat #999;}
#left h4 a {text-decoration: none;}
#left h4 a:link,
#left h4 a:active,
#left h4 a:visited {color: #fff;}
#left h4 a:link:hover,
#left h4 a:visited:hover {color: #ccc;}

#right {padding-left: 8px; width: 182px;}
#right h4 {width: 162px; color: #fff; border-bottom: 1px solid #ccc; background: url(../images/h4Right.gif) 0 0 no-repeat #999;}
#right h4 a {text-decoration: none;}
#right h4 a:link,
#right h4 a:active,
#right h4 a:visited {color: #fff;}
#right h4 a:link:hover,
#right h4 a:visited:hover {color: #ccc;}

/**************************************************/
#search h4 {color: #666; border-bottom: 1px solid #ddd; background: url(../images/h4Search.gif) 0 0 no-repeat #eee;}
#search .box {}
#search .text {font-size: 11px; width: 110px; padding: 2px; border: 1px solid #ccc; margin-right: 4px;}
#search .submit {padding: 1px 4px 1px 4px; font-size: 11px;}
/**************************************************/
#right .box ul,
#right .box ul li {width: 100%; float: left;}
/**************************************************/
#right .box {width: 162px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 9px 6px 9px;}
#right .box ul li {padding: 2px 0 2px 6px; font-size: 0.7em; background: url(../images/tri.gif) 0 6px no-repeat;}
#right .box ul a:link,
#right .box ul a:active,
#right .box ul a:visited {color: #666;}
#right .box ul a:link:hover,
#right .box ul a:visited:hover {color: #999;}
/**************************************************/
#right .base {width: 100%; height: 12px; line-height: 12px; background: url(../images/rightBase.gif) 0 0 no-repeat;}
/**************************************************/
#left .drivesbox ul,
#left .drivesbox ul li {width: 100%; float: left;}
/**************************************************/
#left .drivesbox {width: 180px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #eee;}
#left .drivesbox ul li {font-size: 0.7em; border-bottom: 1px solid #ddd;}
#left .drivesbox ul li a {display: block; float: left; width: 154px; padding: 4px 9px 4px 17px; background: url(../images/tri.gif) 9px 8px no-repeat; text-decoration: none;}
#left .drivesbox ul li a.tier1 {padding: 4px 9px 4px 9px; width: 162px; font-weight: bold; background: url() 0 0 no-repeat #e3e3e3; border-top: 1px solid #ccc;}

#left .drivesbox ul li a:link,
#left .drivesbox ul li a:active,
#left .drivesbox ul li a:visited {color: #333;}
#left .drivesbox ul li.white a:link,
#left .drivesbox ul li.white a:active,
#left .drivesbox ul li.white a:visited {color: #999;}
#left .drivesbox ul li.pink a:link,
#left .drivesbox ul li.pink a:active,
#left .drivesbox ul li.pink a:visited {color: #a36}
#left .drivesbox ul li.blue a:link,
#left .drivesbox ul li.blue a:active,
#left .drivesbox ul li.blue a:visited {color: #337}
#left .drivesbox ul li a:hover {background-color: #f9f9f9;}
#left .drivesbox ul li a#now {background-color: #fff; font-weight: bold; padding-right: 10px;}
/**************************************************/
#left .box {width: 162px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 9px 6px 9px;}
#left .box ul li {padding: 2px 0 2px 0; font-size: 0.7em;}
#left .box ul a:link,
#left .box ul a:active,
#left .box ul a:visited {color: #666;}
#left .box ul a:link:hover,
#left .box ul a:visited:hover {color: #999;}
/**************************************************/
#left .base {width: 100%; height: 12px; line-height: 12px; background: url(../images/leftBase.gif) 0 0 no-repeat;}

/**************************************************
********** footer
**************************************************/
#footer {float: left; width: 950px; font-size: 0.7em; color: #999; margin-bottom: 32px; padding: 5px 8px 5px 8px; border: 1px solid #ccc;}
/**************************************************
********** Table
**************************************************/