/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}*/
body {margin:0; padding:0;font-family: Helvetica, Arial, verdana sans-serif; background:#222;}
#content { background:#FFF;font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666;text-align:left;padding: 25px; width: 700px; float:left; clear:both;}
#wrapper {width: 750px; margin: 0 auto; padding: 15px 0 0 0;}
#wrapper h1#logo {margin:0;}
#wrapper h1#logo a {display:block; width: 750px; height: 91px; text-indent:-9999px; background: url(../images/interface/h1_omega-speaker-systems.png) 0 0 no-repeat;}
#content h1 {font-family:verdana, arial, sans-serif; color:#4a7bb5 !important; font-size: 36px; font-weight:normal; margin:0; text-transform:uppercase; padding: 5px 0 5px 0; border-bottom: 2px solid #CCC; margin-bottom: 15px;}
#content h1.sub {text-transform:none; border-bottom:none; padding-bottom:0; font-size: 30px;}
#content h2 {margin-bottom:0; font-size: 20px;}
#content h2.spacing {margin-bottom: 14px;}
#content h2.title {font-size: 26px; font-weight:normal; color:#666;}
#content h4 {margin:0; font-size: 14px; margin-bottom: 14px;}
#content h5 {font-size: 13px; line-height: 18px; font-weight:bold; margin: 18px 0 0 0;}
#content h3 {margin: 15px 0 0 0; font-size: 16px;}
#content h3.spacing {margin: 15px 0;}
#content p {font-size: 13px; line-height: 18px;}
#content p,
#content li {margin:0 0 9px 0;}
#content .product{width: 320px; float:left; margin-left: 60px; overflow:hidden; padding-top: 16px;}
#content .product h2 {margin-top:0;}
#content p.productimage {display:block; min-height:280px; text-align:center;}
#content p.shorter {min-height: 230px;}
#content .first{margin-left:0;}
#content blockquote.callout {padding: 20px; background:#F1f1f1; margin:20px;}
#content blockquote.callout p {line-height: 24px; font-size: 14px; margin:0;}
#content img.imgleft {float:left; border: 1px solid #666 !important; }
#content div.captionright,
#content div.captionleft {padding: 5px; background:#DDD; width: 157px; }
#content div.captionleft {float:left; margin: 0 10px 5px 0; }
#content div.captionright {float:right; margin: 0 0 5px 10px;}
#content div.captionright p,
#content div.captionleft p {font-size: 11px; margin:4px 2px 0 2px; line-height: 13px; color:#000;}
#content div.captionright img,
#content div.captionleft img { border: 1px solid #666 !important; }
#content img.imgright {float:right; border: 1px solid #666 !important; margin: 0 0 5px 10px;}
/* Home Page*/
#homepage #content {padding: 20px 20px 9px 20px; min-height: 494px; width: 710px;}
#content #primary {display:block; height: 236px; margin-bottom: 15px; border: 1px solid #ddd; background: url(../images/interface/homepagebg.png) 0 100% repeat-x;}
#content #primary .inner {display:block; height: 236px; background: url(../images/homepage/super8-mainmessage.jpg) 100% 100% no-repeat;}
#content #primary h2 {display:block; margin:0; width: 463px; height: 67px; text-indent:-9999px; background: url(../images/homepage/h2_getcloser.png) -10px 0 no-repeat;}
#content #primary p {padding: 0 348px 0 20px; line-height: 23px; font-size: 13px;}
#content .pathway {width: 351px; float:left; margin-left: 4px; border: 1px solid #DDD; padding-bottom: 10px;}
#content .firstpathway {margin-left:0; clear:left;}
#content .pathway h3 {margin:0;}
#content .pathway h3 a {display:block; background: #efefef; font-size: 14px; padding: 10px 0 10px 16px;}
#content .pathway p {text-align:center; margin: 5px 0 0 0;}
table td {vertical-align:top;}
#nav {border-top: 1px solid #FFF; background:#FFF url(../images/interface/navbg.png) 0 100% repeat-x; padding: 5px 0; font-family:arial !important; text-align:center;}
#subnav {padding: 5px 0; border-bottom: 1px solid #4A7BB5; font-family:arial !important; background:#FFF; text-align:center;}
#subnav ul,
#nav ul {width:auto; display:inline; padding:0; margin:0;}
#nav li {list-style:none; margin:0 2px; line-height: 12px;display:inline;}
#nav a {color: #FFFFFF; font-size: 12px; font-weight:bold; line-height: 12px; padding: 0 0 0 8px; text-align:center; border-left:1px solid #FFF;}
#nav a.home {overflow:hidden; background: url(../images/interface/omegaicon.png) 0 0 no-repeat;/*width: 30px; */padding: 0 15px 13px 0; /*height: 13px; */ border-left:none;}
#nav a.home span {position:absolute; margin-top:-9999px;}
#nav li.selected a.home,
#nav a.home:hover {background-position:-47px 0 !important;}
#nav li.open a,
#nav li.selected a,
#nav li a:hover{color:#DE7B42;}
#subnav a {font-size: 9pt; font-weight:bold; border-left: 1px solid #4A7BB5; padding-left: 7px;}
#subnav a.first {border:none;}
#subnav li {list-style:none; display:inline; padding:0; margin:0;}
#subnav li {margin: 0 2px;}
#subnav li a{color:#4b7cb5;}
#subnav li a:hover,
#subnav li.selected a{color:#DE7B42;}
#masthead {margin:0; line-height: 1px; font-size: 1px; background:#4A7BB5;}
body#popup {background:#FFFFFF !important;}
hr {color:#CCC; background:#CCC; border:none; height: 2px; clear:both; width: 100%; margin: 15px 0;}
div.introtext{background: #5c7d9d; float:left; clear:both; width: 700px; margin: 10px 0 30px 0;}
div.introtext img {float:right; margin: 2px;}
#content div.introtext p {color:#FFF; padding: 15px; font-size: 18px !important; line-height: 28px;}
#content div.introtext2 {width: 700px; float:left; clear:both; padding: 15px 0; margin: -15px 0 20px 0; border-bottom: 1px solid #CCC; background:#F1F1F1;}
#content div.introtext2 p {font-size: 16px; line-height: 26px; width: 405px; padding: 15px 15px 0 20px;}
#content div.introtext2 img {float:right; margin: 0 20px 0 0;}
img.floatright {float:right; margin: 0 0 15px 15px; clear:right;}
img.floatleft {float:left; margin: 0 15px 15px 0; clear:left;}
a {color: #4A7BB5; text-decoration: none; }
a:hover {color: #DE7B42; text-decoration: none; }
img,
a img {border:none !important;}
p.productshot {width: 360px; float:left;}
p.productshot span { display:block;}
div.contact {width: 200px; float:left; margin-left: 45px; padding-bottom: 10px;}
div.first {margin-left:0; clear:left;}
#content div.contact h4 {color:#000; margin: 10px 0 0 0;}
#content div.contact p {margin-top:0;}
table.productspecs {border-right: 1px solid #CCC; border-top: 1px solid #CCC; width: 300px; float:right; margin-left: 40px; margin-bottom: 10px;}
table.productspecs th,
table.productspecs td {border: 1px solid #CCC; border-top:0; border-right:0; padding: 4px; vertical-align:top;}
table.productspecs th {text-align:right;}
#content table.productspecs ul{padding:0 0 0 15px; margin:0;}
#content table.productspecs ul li {margin-bottom:4px;}
.title {
font-size: 18pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color:#666;
text-align:left
}
.titlegray {
font-size: 14pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #666666
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#footer {background:#5683BA; display:block; text-align:center; padding: 10px 0; color:#FFF; margin: 30px 0 0 0; clear:both; font-size: 12px;}
#content:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}