* html, body {height:100%;} a img {border:none;}
.clear {clear:both; } table {border:0;}
table td {padding:0;} fieldset {border:none;}
.content-pad {height:100%; padding:12px; position:relative;}
form {padding:0;margin:0;}
.left {float:left;} .right {float:right;}
/* add all global declarations here */
#error-hold {position:relative;}
.reset {margin:0;padding:0;/*DAH list-style:none; */}
blockquote {margin: 0;padding:0;}
/* = general layout dementions
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body {
margin:0; padding:0;
font-family: verdana, helvetica, geneva, swiss, sans-serif;
color:#c4c3c4; font-size:12px;text-align:center;
background: #231f20 url(../images/bg-body.jpg) repeat-x;text-align:center;
}
#root, .root-width
{width:950px; margin:0 auto; }
#footer {color:#fff;text-align:center;}
/* #index #root { background: url(../images/bg-root_index.gif) no-repeat 670px 597px; } */
#top-bar {height:26px; text-align:center;}
#top-bar ul { width:400px;position:absolute;top:5px;margin:0;padding:1px 0 0 10px; }
.primary-column, .secondary-column, #footer
{text-align:left;padding:0; margin:0;}
#header {position:relative;height:86px; text-align:left; }/* main menu styles here */
#menu { float:left;width:722px; height:55px; }
#menu img {float:left;}
#index .primary-column {width:480px;float:left; }
#home-focus {background: url(../images/index-intro-backer.jpg) no-repeat 0px -1px;width:480px;height:484px;
margin-top:0px;}
.secondary-column {float:left;width:212px;padding-top:12px; }
#index .secondary-column {display:none}
#footer {background: url(../images/bg-footer.jpg) repeat-x top; height:45px;clear:both;margin-top:15px;}
#footer span {display:block;margin-left:4px;}
.secondary-column .content-pad
{padding:12px!important;}
#index .primary-column .content-pad
{padding:12px;}
#third-column {width:210px;float:left; background:transparent;text-align:left; }
#index #third-column {width:468px;float:left; background:transparent;text-align:left;}
/* photo gallery */
.content #third-column {margin-top:-16px;margin-left:15px;}
#gallery {position:relative;width:208px; background: url(../images/bg-gallery.gif) repeat-y top;
float:left;padding-bottom:15px}
#g-hold { background: url(../images/g-bot.gif) no-repeat bottom left; padding-bottom:12px; float:left;}
.frame {width:192px;height:139px; background: url(../images/bg-frame.gif) no-repeat top left;
margin-top:4px; }
.frame img {position:relative;top:6px;left:7px;}
.f-description {width:192px; background: #000 url(../images/bg-framebottom.gif) no-repeat bottom;
color:#fff; font-size:11px;display:block;}
.frame, .f-description {float:left;position:relative;left:4px;}
.f-description span {display:block;padding:3px 3px 13px 11px;}
#testimonials blockquote {color:#b3b3b3; position:relative;line-height:13px;
top:25px;font-size:1.2em;text-indent:15px;
background: url(../images/quoterightDH.gif) no-repeat bottom right;padding: 0px 0px 10px 15px;}
.shell {background: url(../images/quoteleftDH.gif) no-repeat top left;padding-top:0px;clear:left; margin:20px 0 15px 0; }
#testimonials blockquote strong {font-size:1.2em;}
#testimonials h3 {color:#fff;}
.byline {color:#fff;position:relative;top:9px;left:20px;}
.byline span {font-style:italic;}
#index #testimonials {position:relative;top:-25px;}
.content #testimonials {clear:both;position:relative;top:25px;}
/* CONTENT PAGE */
.content div.primary-column {width:474px!important;float:left; /**/
color:#666;background: url(../images/con-rpt.gif) repeat-y top;
margin-left:15px; padding-bottom:0!important}
.content .primary-column .content_body
{ margin-top:-1px; }
.content .primary-column .content-pad {position:relative!important;padding:0 12px 12px 12px;
margin-top:100px;top:1px;
height:100%;
background: url(../images/con-bot2.gif) no-repeat bottom right; }
#sports .primary-column .content_body { background: url(../images/splash-sports2l.jpg) no-repeat 0 top; }
#pros .primary-column .content_body { background: url(../images/splash-pros3.jpg) no-repeat 0 top; }
#contact .primary-column .content_body { background: url(../images/splash-contact.jpg) no-repeat 0 top; }
#accessories .primary-column .content_body { background: url(../images/splash-accessories.jpg) no-repeat 0 top; }
#pros h1.pageheading {padding-top:50px!important;}
#spec-column {float:right;width:187px;
color:#e5e5e5; margin-top:202px;margin-bottom:15px;
background: url(../images/spec-backer2.jpg) no-repeat 0 0px;height:412px;
text-align:center; position:relative;left:12px; }
#spec-column ul {list-style:none;font-size:11px;text-align:left; padding:0 0 0 10px; margin:0;}
#spec-column h4 {margin:0;padding:0;color:#e5e5e5;font-size:12px;}
h2.section-header {font-family:Neuropol, helvetica, verdana, sans-serif;
font-size:34px;margin-left:10px;}
#included {width:105px;padding:0; margin:0;float:left;}
#specs {height:210px; }
#accessories #spec-column, #contact #spec-column {display:none;}
#purchase-call { background: url(../images/purchase-divider.png) no-repeat top left; padding-top:30px;margin:15px 0}
#accessories #purchase-call, #contact #purchase-call { background-position: center top ; }
#purchase-call h3 {font-size:15px;font-weight:normal;}
#purchase-call h4 {color:#231f20; font-size:14px;}
#contact .reset {margin:5px 0;}
#index .reset {font-size:14px;}
/* = general menu styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#horizontal-navigation-img
{list-style:none;float:left;}
#horizontal-navigation-img li, #horizontal-navigation-img
{float:left;padding:0;margin:0;}
#horizontal-navigation-img li a, #horizontal-navigation-img img
{float:left;}
/* for text based menu */
.hmenu-defaults li {float:left;list-style:none;text-align:left;}
.element {width:212px;background: url(../images/bg-element_content.gif) repeat-y top center; }
#mini-contact, #language {padding-top:35px; }
#mini-contact {background: url(../images/ele-minicon-backer.gif) no-repeat top left;}
.element .content-pad { padding:0px 18px 0 19px;
background: url(../images/ele_bottom-utilityelement.gif) no-repeat 5px bottom;}
#language {background: url(../images/bg-language.gif) no-repeat 5px 0;}
#language .content-pad {text-align:center;}
#VolusionLiveChat {margin:8px auto; text-align:center;}
.no-head {background: url(../images/company-top.gif) no-repeat 5px 0;}
#company-id {text-align:center;color:#fff;font-size:11px;margin:15px 0;}
#company-id h3 {color:#fff;margin:-10px!important;padding:0!important;}
#company .content-pad {background:none;padding-top:5px!important;}
#company .content-pad p {padding:12px;}
/* =typography styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body a {color:#0099cc;} /* was 464746 - this controls hyperlink color */
body a:hover {color:#c4daff;}
.content_body a:visited, .content_body a:link, #home-focus a {color:#2c308b;}
.content_body a:hover, #home-focus a:hover {color:#211f22;}
.footer-menu a {color:#fff;}
h1.tagline, #home-focus h1 {font-family:century gothic, helvetica, sans-serif; }
#top-bar span {color:#29295d;font-weight:bold;font-size:15px;display:block;padding-top:3px;text-transform:uppercase;}
h1.tagline { color:#fff;font-weight:normal!important;font-size:17px;
float:left;
margin-left:10px;
}
h1, h2, h3, h4, h5, h6
{margin:1px 0 1px 0;color:#171749;}
.section-h1 {font-size:24px;}
h2.faux-h1 {font-size:18px;}
#index h1.pageheading {color:#000;}
h1.pageheading {font-size:23px;font-weight:normal}
#index h1.pageheading {color:#fff;}
h1 {font-size:24px;margin-bottom:-1px;}
h2 {font-size:24px;font-weight:normal;}
h3 {font-size:14px;}
h4 {font-size:16px;}
h5 {font-size:12px!important;color:#000;margin-top:8px;}/* keep same color as paragraphs */
p {margin:1px 0 1px 0; padding:3px 0;}
/* Just Index Page Focus */
#index .content-pad {background: url(../images/con_backer.jpg) no-repeat top;}
#home-focus h1 {text-align:right;font-weight:normal;line-height:26px;padding-top:8px;margin-right:50px;}
#home-focus span {display:block;color:#29295d;}
span#level1 {color:#231f20;}
#level2 {color:#231f20;}
#level3 {color:#231f20;}
.computer-stand {margin-left:60px;margin-bottom:10px;}
#home-focus p {font-size:11px; color:#666;margin:-5px 30px 5px 30px;}
#home-focus ul {color:#29295d; background: url(../images/checkmarkd-blue.gif) no-repeat 320px -18px;
font-size:15px; line-height:19px; position:relative;z-index:1900;}
#home-focus a {display:block;float:right;margin-right:30px;margin-top:-5px;}
#home-focus ul, #home-focus h3 {margin-left:30px; margin-bottom:0;padding-bottom:0;}
#purchase-laptop {position:absolute;top:30px;margin:0;padding:0;}
#purchase-laptop td {vertical-align:top;}
#purchase-laptop p {color:#29295d; font-size:13px;}
#home-focus ul li {margin:2px 0;}
.footer-menu {list-style:none;display:block;clear:left;margin:0;padding:2px 0px;text-align:center}
.footer-menu li {display:inline;line-height:27px;}
.footer-menu a {margin:0 4px;font-size:14px;}/* this spaces the | separators between menu links */
/* error message positioning and mini contact*/
/* mini contact */
#tiny-contact p {font-size:11px;color:#fff;}
#tiny-contact label {color:#fff;margin:3px 0; }
#tiny-contact {border:none;width:90%;margin:1px;padding:2px 6px;}
#tiny-contact input, #tiny-contact textarea {width:170px;height:15px;margin:3px 0;
border:solid 1px #808080;background-color:#dbdbdb;}
#tiny-contact textarea {height:75px;}
#tiny-contact .disclaimer {line-height:10px;color:inherit}
/*
.btn-form {height:auto!important;width:auto!important;margin:4px 0;margin-right:8px;
color:#fff;background:#333!important;border:solid 1px #9e9e9e!important;
}
*/
.btn-form {height:25px!important;width:88px!important; border:none!important;}
.mini-error img {float:left;margin:0 5px 5px 0px}
/* positioningn of error message */
.mini-error {left:180px;}
.icon {float:left;}
.icon img {position:relative;top:3px;}
.message1 {float:right;width:82%;}
.success-message, .error-message {height:1%;font-size:11px;margin:6px 8px 6px 0;padding:4px 0 4px 5px;background:#dbdbdb;border:solid 1px #FFF;display:block;}
.error-message {color:red;}
.success-message {color:green;}
.a-shot img {border: solid 1px grey;padding:1px;}
.product-accessories {border-bottom:dashed 1px #d1d1d0;padding-bottom:15px; margin-top:15px; width:97%;}
.a-shot {float:left; width:150px}
.a-descript {float:right; width:270px;}
.Offer {background: url(../images/motionview-ad.jpg) no-repeat top;
width:428px; height:144px;margin:22px auto; }
.Offer p {width:200px;position:relative;top:45px; left:30px; color:#555759!important;}
.Offer p a {color:#171749!important; text-decoration:none;}