/* HACKED CHANGES TO WORK WITH NEW MENUS */
#headerWrapper {
background:url(../images/header-bg.jpg) repeat-x top left #252728;
height:82px;
margin:0;
}
#header {
width:960px;
margin:0 auto;
}
#logo {
background:url(../images/logo.jpg) no-repeat 0 0 #252728;
width:127px;
height:44px;
float:left;
}
#logo h1 {
text-indent:-9999px;
line-height:48px;
}
#menu {
float:left;
height:34px;
margin-top:10px;
}
body {
margin:0;
padding:0;
background-color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#full_wrapper {
/*	min-height:100%;
height: 100%; */
height: auto !important;
margin:0 auto -40px;
}
/* Footer ========================
================================*/
#footerWrapper {
background-color: #252728;
border-top:1px solid #46494c;
position:relative;
bottom:0;
}
#footerWrapper, #push {
height: 40px;
}
#footer {
width:960px;
margin:0 auto;
font-size: 11px;
color: #686e73;
padding-top: 10px;
}
#footer ul li{
float: left;
display: inline;
padding-right: 5px;
padding-left: 5px;
border-right:1px solid #cacccf;
line-height: normal;
}
#footer ul li.lastItem {
border:none;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
color:#cacccf;
text-decoration:none;
}
#footer ul li a:hover {
color:#fff;
}
#footer ul li a:active, #footer p a:active {
color:#6f7479;
}
#footer p {
float:right;
text-align:right;
line-height: normal;
}
#footer p a{
color: #686e73;
}
/* Footer Ends ===================
================================*/
/* HACKED CHANGES TO WORK WITH NEW MENUS */
a:link {
color: #FFFFFF;
text-decoration:underline;
border:none;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #0099FF;
}
* { padding: 0; margin: 0; }
a.infoLink:visited {
color: #999999;
}
#wrapper { 
margin: 0 auto;
width: 960px;
}
#spacer{
padding:0px;
margin:0px;
}
#log{
float: left;
width: 950px; /*Width of right column*/
}
#Logleft{
width:730px;
float:left;
}
#LogRight
{
float:left;
margin-left:12px;
width:180px
}
#topbar{
/* Make IE wors like FF */
-moz-box-sizing:content-box;
box-sizing:content-box;
/* ************** */
width: 960px;
float: left;
background-image:url(../images/topbar.gif);
background-repeat:no-repeat;
height:90px;
}
#content { 
width: 960px;
color: #fff;
margin: 0px;
/* background-image:url(../images/content_bg.gif);
background-repeat:no-repeat;
background-color:#fff;*/
float:left;
}
.leftCol{
/* Make IE wors like FF */
-moz-box-sizing:content-box;
box-sizing:content-box;
/* ************** */
width:230px;
float:left;
padding:5px;
/*border: 5px solid #ccc;*/
}
.RightCol{
/* Make IE wors like FF */
-moz-box-sizing:content-box;
box-sizing:content-box;
/* ************** */
width:690px;
float:left;
padding:5px;
}
#productview{
width:650px;
float:left;
margin: 2px 0px 0px 0px;
}
.storeleft{
width:310px;
float:left;
/*border: 1px solid #ccc;*/
padding:8px;
margin:9px 9px 6px 0px;
background-color:#131313;
}
.storeright{
width:310px;
float:left;
padding:8px;
/*border: 1px solid #ccc;*/
margin:9px 9px 6px 0px;
background-color:#131313;
}
.storexpand{
width:630px;
float:left;
/*border: 1px solid #ccc;*/
padding:6px;
margin:6px;
background-color:#131313;
}
.cart{
float:left;
width:50px;
padding:2px;
margin-top:15px;
margin-left:12px;
}
.cartexp{
float:left;
width:100px;
padding:2px;
margin-top:15px;
margin-left:12px;
}
.priceboxexp{
margin-top:25px;
float:left;
width:340px;
}
.pricebox{
margin-top:25px;
float:left;
width:100px;
}
.priceboxview{
margin-top:25px;
float:left;
width:510px;
}
#rectitle
{
width:660px;
float:left;
margin-left:5px;
margin-bottom:10px;
}
#rectitlexp
{
width:550px;
float:left;
margin-left:5px;
}
.cinema
{
width:320px;
float:left;
padding:3px;
}
#cinemaexp
{
width:250px;
float:left;
margin-left:20px;
}
#sidemenu{
float:left;
width:211px;
background-color:#333333;
/*background-image:url(../images/side_nav.gif);*/
}
#sidemenuM{
float:left;
width:211px;
background-color:#1f1f21;
background-repeat:no-repeat;
/*background-image:url(../images/side_nav2.gif);*/
}
#sideitems{
float:left;
margin:2px 0 0 5px;
padding:2px;
width:180px;
}
.sideitemscheck{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin:2px 0 0 5px;
padding:8px;
width:180px;
}
.sideboxes{
float:left;
width:200px;
clear:both;
padding-bottom:5px;
}
#flashcontent{
float:left;
}
#clearir{
clear:left;
}
/*LANDING PAGE*/
.land_video{
width:480px;
float:left;
}
.land_reasons{
width:420px;
float:left;
padding:3px;
}
.land_reasons ul {
list-style: none;
margin: 0px 0px 0px 60px;
padding: 0;
}
.land_reasons ul li{
background-image: url(../images/tick_list.gif);
background-repeat: no-repeat;
background-position: 0 70%;
padding: 5px 0 5px 28px;
margin: 1em 0;
text-align:left;
}
.land_scroller{
width:900px;
padding:1px;
float:left;
}
.land_sort{
margin-top:13px;
width:250px;
float:left;
}
.land_Logleft{
width:610px;
float:left;
}
/* REMOVED FOR NEW LOOK */
/*
#footer {
position: relative;
margin-top: -220px;
height:220px;
clear:both;
background-color:#34373a;
} 
#footerwrap{
width:940px;
margin:0 auto;
padding:10px;
}
#footerleft{
float:left;
width:450px;
border: 1px solid #ccc;
}
#footerRight{
float:left;
width:450px;
border: 1px solid #ccc;
}
*/
.errors {
color:#FF4D4D;
}
uiLockId {
position: absolute;
top: 0pt;
left: 0pt;
z-index: 1000;
opacity: 0.8;
width: 100%;
height: 100%;
color: white; 
background-color: black;
}
a.login-panel-link {
vertical-align:middle;
}
/*.formbutton{
cursor:pointer;
background:#999;
color:#666;
font-weight:bold;
background: url(../images/formbg.gif) repeat-x left top;
border: 1px solid black;
padding-left:2px;
padding-right:4px
}*/
.login-submit {
vertical-align: middle;
height:17px;
}
button {
cursor:hand;
}
/*------------MENU-------------*/
/* 
#nav
{
float: left;
margin-left:30px;
padding-top: 1.5em;
}
*/
img {
border:none;
}
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:50px;
font-size:14px;
/*background:url(../images/bg.png) repeat-x top left;*/
font-family:Arial;
/*border:1px solid #000;*/
margin:0;
padding:0;
}
hr {
border: 0;
width: 90%;
color: #666666;
background-color: #666;
height: 1px;
}
ul.menu li {
float:left;
margin-right:40px;
padding:0;
}
ul.menu li a {
float:left;
color:#fff;
text-decoration:none;
height:40px;
padding:0;
list-style-image:none;
}
ul.menu li a:hover,.current {
color:#0099FF;
background-image:url(../images/roll.gif);
}
ul.menu .current a {
color:#fff;
font-weight:700;
list-style-image:none;
}
ul.menu li{
line-height:1.5em;
padding-bottom:10px;
margin-left:10px;
}
.big
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#000;
font-size:24px;
clear:both;
line-height:2em;
}
.biger
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#fff;
font-size:26px;
clear:both;
line-height:2em;
}
.down
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFCC00;
font-size:16px;
clear:both;
line-height:2em;
}
.footercopy{
color:#666666;
padding-right:10px;
font-size:12px
}
.title
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFCC00;
font-size:19px;
padding-bottom:4px;
}
.vidtitle
{
width:230px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFCC;
font-size:13px;
text-align:left;
float:left;
margin-left:8px;
}
.videoheadings{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFCC;
font-size:14px;
font-weight:bold;
line-height:1.8em;
}
.vidtitlexp
{
width:440px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFCC;
font-size:13px;
text-align:left;
float:left;
margin-left:8px;
}
.vidimagexp
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFCC;
text-align:left;
float:left;
}
.vidimage
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFCC;
text-align:left;
float:left;
}
.small
{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:12px;
}
.imgbdr
{
/*border:3px solid #fff;*/
}
.bigO
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFFFCC;
font-size:20px;
}
.titleO
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFFFCC;
font-size:24px;
}
.bigB
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#43ace1;
font-size:20px;
}
.bigW
{
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#FFF;
font-size:20px;
}
.copygreen
{
font-family:Arial, Helvetica, sans-serif;
color:#aeee00;
font-size:12px;
line-height:1.9em;
}
.copy
{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
line-height:1.4em;
}
.bigger
{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:13px;
line-height:1.4em;
}
.blue{
color:#26ace2;
font-size:16px;
line-height:2em;
}
.bluesmall{
color:#26ace2;
font-size:12px;
}
.titleside{
color:#fff;
font-size:16px;
}
.breadcrumbnav
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
margin-left:4px;
font-weight:bold;
}
.sideTitle{
font-family:Arial, Helvetica, sans-serif;
color:#FFCC00;
font-size:14px;
font-weight:300;
}
.shopTitle{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
font-weight:300;
}
.sideCopy{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-weight:300;
line-height:1.3em;
}
.sideBoxCopy{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
line-height:1.4em;
font-size:12px;
}
.logC{
font-family:Arial, Helvetica, sans-serif;
color:#FFCC00;
font-size:11px;
margin-left:10px;
font-weight:bold;
}
.price{
font-family:Arial, Helvetica, sans-serif;
color:#ffb400;
font-size:14px;
margin-top:25px;
font-weight:600;
}
.priceshop{
font-family:Arial, Helvetica, sans-serif;
color:#ffb400;
font-size:16px;
margin-top:25px;
font-weight:600;
}
.priceDetail{
font-family:Arial, Helvetica, sans-serif;
color:#ffb400;
font-size:16px;
font-weight:600;
}
.intro{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
margin:3px;
padding:3px;
margin-top:5px;
}
/*TOPnav_search*/
#nav_search, #nav_search ul { /* all lists */
padding: 0;
margin-top:0;
list-style: none;
line-height: 1.1;
font-family:Arial, Helvetica, sans-serif;
color:#FFCC00;
font-size:14px;
background:#0a71a7;
}
#nav_search a {
display: block;
width: 8.2em;
padding:2px;
color:#FFFFFF;
}
#nav_search li { /* all list items */
margin-top:3px;
float: left;
width: 8.2em; /* width needed or else Opera goes nuts */
}
#nav_search li ul { /* second-level lists */
position: absolute;
width: 8.2em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
padding:5px;
}
#nav_search li:hover ul, #nav_search li.sfhover ul { /* lists nested under hovered list items */
left: auto;
font-size:13px;
/*border: 1px solid #666666;*/
color:#0099CC;
}
/*
VERT NENU*/
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Arial;
width: 100%; /* Main Menu Item widths */
background-color:#1f1f21;
}
.sidebarmenu ul li{
position: relative;
background-color:#1f1f21;
border-bottom:1px solid #373637
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
border-bottom: 1px solid #333333;
padding:4px;
background-color:#201f20;
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: #282828;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
ol {
padding-left: 25px;
}
ul {
padding-left: 25px;
}
p {
margin: 5px;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/rate/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/rate/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
#video-comments {
float: left;
}
div.response-message {
font-style:italic;
font-size: smaller;
color:aqua;
}
div.video-comment-error {
font-style:italic;
font-size: smaller;
color:red;
}
div.video-comment-success {
font-style:italic;
font-size: smaller;
color:aqua;
}
.avatar {
padding-right: 7px;
}
/* 
Document : search
Created on : 20 Aug 2009, 12:45:21 PM
Author : martin
Description:
Purpose of the stylesheet follows.
*/
/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#search-text {
width:80%;
float:left;
background:none;
border:none;
padding-left:5px;
padding-top:2px;
color:#fff;
font-size:11px;
}
#search-submit {
background:url(../images/search.gif) no-repeat 0 0;
margin-top:2px;
border:none;
float:right;
width:17px;
height:14px;
cursor:pointer;
}
#search {
/*float:right;*/
width:200px;
height:18px;
background-color: #33383c;
border:1px solid #46494c;
/*margin-top:12px;
margin-right:12px;*/
font-size:11px;
color:#fff;
}
input.login-field {
font-size:small;
padding-left:5px;
vertical-align:middle;
border: 1px solid black;
width: 100px;
}