/* 
JVC STYLE SHEET: MAIN SCREEN STYLES
Style sheet by Rupert Sliwa at Bluemoon
[ www.bluemoonmarketing.co.uk ]
----------------------------------------------- */

body {background:#fff url(../images/bg_body_3d.jpg) top repeat-x; color:#333; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif}
ul {list-style-type:square; padding-left:8px; margin:0 0 10px 8px}
ol {list-style-type:decimal; padding-left:8px; margin:0 0 10px 8px}
table, tr, td {margin:0; padding:0; border:0}
img {border:0}


/* General links
----------------------------------------------- */

a, a:link, a:visited {color:#c00; text-decoration:none; font-weight:normal}
a:hover, a:active {color:#c00; text-decoration:underline; font-weight:normal}


/* Header
----------------------------------------------- */

#header {text-align:left; width:980px; margin-left:10px; float:left}
#header .logo {clear:both; margin:40px 0 20px 0; text-align:left; float:left}


/* Toolbar and Dropdown
----------------------------------------------- */

#toolbar {width:100%; height:23px; background:#232628 url(../images/toolbar_blk.gif) top repeat-x; font-size:11px}
#toolbar .container {margin:0 auto; width:970px}
#toolbar .left {text-align:left; width:200px; float:left}
#toolbar .right {text-align:right; width:770px; float:right}
#toolbar a {color:#fff}
#toolbar ul {list-style-type:none; margin:0; padding:0}
#toolbar .left ul li {float:left; width:auto}
#toolbar .right ul li {float:right; width:auto}
#toolbar .left ul li a, #toolbar .left ul li a:link, #toolbar .left ul li a:visited {display:block; white-space:nowrap; padding:4px 10px 4px 0; text-decoration:none; margin-right:10px; height:15px}
#toolbar .right ul li a, #toolbar .right ul li a:link, #toolbar .right ul li a:visited {display:block; white-space:nowrap; padding:4px 10px 4px 0; text-decoration:none; margin-right:10px; background:transparent url(../images/toolbar_divider.gif) top right no-repeat}
#toolbar .right ul li a:hover {text-decoration:underline}
#toolbar #products {padding:4px 20px 4px 20px !important; color:#333; background:#fff url(../images/toolbar_wht.jpg) top left no-repeat !important; margin:0 !important}
#toolbar a#products:hover {background:#fff url(../images/toolbar_wht.jpg) top right no-repeat !important; cursor:pointer; text-decoration:none !important}
#toolbar .nomargin {margin:0 !important; background:none !important}
#toolbar .newicon {background:transparent url(../images/new_logo.png) top left no-repeat; padding-left:40px}


#productsNav {width:970px; position:absolute; top:66px; left:50%; margin-left:-485px; display:none; background:transparent url(../images/toolbar_dropdown.png); z-index:100}
#productsNav .col {float:left; width:90px; margin-right:16px; font-size:11px; color:#fff; text-align:left}
#productsNav .last {margin:0 !important}
#productsNav .pad {padding:20px 16px 20px 16px}
#productsNav h4 {display:block; color:#fff; font-size:12px; font-weight:bold; margin-bottom:8px; line-height:16px; height:35px; padding-bottom:5px; border-bottom:1px solid #666}
#productsNav a {font:11px Arial, Helvetica, sans-serif; line-height:12px; margin:0 0 10px 0; padding:0; color:#ccc; text-decoration:none}
#productsNav a:hover {text-decoration:underline;}
#productsNav ul {list-style-type:none; margin:0 0 10px 0; padding:0}
#productsNav ul li {background:transparent url(../images/toolbar_dropdown_arrow.gif) top left no-repeat; padding-left:8px; margin-top:4px}
#productsNav .wide {display:block; color:#fff; font-size:11px; font-weight:bold; line-height:16px; margin-top:10px; border-top:1px solid #666; padding-top:5px; width:938px; text-align:right}
#productsNav .wideDivider {margin:5px 0 9px 0; border-bottom:1px solid #666; width:938px; height:1px;}

#nav-bar {width:100%; height:67px; background:#232628 url(../images/homepage/nav-bar-bg.png) top repeat-x; font-size:12px; font-weight:normal; letter-spacing:1px; color:#FFF; text-shadow:0 1px 0 #333; text-align:center}
#nav-bar #nav-bar-container {margin:0 auto; width:960px;}
#nav-bar ul {list-style-type:none; margin:0; padding:0; width:auto;}
#nav-bar ul li {float:left; width:auto; padding-top:26px;}
#nav-bar ul li.jvclogo {background:url(../images/homepage/logo-jvc.png) no-repeat; width:91px; height:67px; padding:0;}
#nav-bar ul li.nav-divider {padding-top:12px;}

#nav-bar ul li a, #nav-bar ul li a:link, #nav-bar ul li a:visited {color:#fff; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #333; cursor:pointer; margin:24px 10px 0 10px; padding: 4px 9px 5px 9px; text-decoration: none;}
#nav-bar #nav a:hover, #nav-bar a:active {color:#fff; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #333; cursor:pointer; margin:24px 10px 0 10px; padding: 4px 9px 5px 9px; text-decoration: none; white-space: nowrap; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#666;}

#nav-bar ul li.productfinder {float:right; margin:12px 7px 0 0; padding-top:15px; background:url(../images/homepage/navbar-productlist-btn.png) no-repeat; width:189px; height:35px; cursor:pointer;}
#nav-bar ul li.productfinder:hover {background:url(../images/homepage/navbar-productlist-btn-sel.png) no-repeat;}
#nav-bar ul li.productfinder a, #nav-bar ul li.productfinder a:link, #nav-bar ul li.productfinder a:visited {color:#fff; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #333; padding:0; margin:0;}
#nav-bar ul li.productfinder a:hover, #nav-bar ul li.productfinder a:active {color:#fff; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #333; background:none; margin:0; padding:0; }



/* Tab Navigation
----------------------------------------------- */

#tabNav {text-align:left; float:left; margin-top:102px}

#tabNav ul {list-style-type:none; margin:0; padding:0}

#tabNav ul li {float:left; width:auto; display:block; height:43px; white-space:nowrap}

#tabNav ul li a, #tabNav ul li a:link, #tabNav ul li a:visited {display:block; color:#666; text-decoration:none; padding-top:18px; font-size:13px; text-align:center}

#tabNav ul li a.first {padding-left:10px}
#tabNav ul li a.last {padding-right:10px}

#tabNav ul li:hover a {color:#c00; text-decoration:none}

#tabNav ul a.selected, #tabNav ul li:hover a.selected {color:#333; text-decoration:none}

#tabNav ul a.greyed, #tabNav ul li:hover a.greyed {color:#ccc !important; text-decoration:none}
/*  #tabNav ul .greyed, #tabNav ul li:hover .greyed {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5} (alt option to grey out tab itself) */

/* See monthly stylesheets for tab definitions */


/* Headings
----------------------------------------------- */

h1 {display:none}
h2 {font:18px/22px Arial, Helvetica, sans-serif; color:#736554; margin:0; padding-bottom:15px}
h3 {font:bold 15px/20px Arial, Helvetica, sans-serif; color:#736554; margin:0; padding-bottom:15px}
h4 {font:bold 15px/20px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding-bottom:15px}

.caps {text-transform:uppercase}
.italic {font-style:italic}
.red {color:#c00}

#productsNav h2 {font:16px/20px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding-bottom:5px} 


/* Text
----------------------------------------------- */

p {font:12px Arial, Helvetica, sans-serif; line-height:20px; margin:0 0 15px 0; padding:0; display:block; color:#333}
.nopad {padding:0; margin:0}
a.grey {color:#999 !important}

#productsNav p {font:11px Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 10px 0; padding:0; display:block; color:#fff}


/* General layout
----------------------------------------------- */

.clearboth {clear:both; height:0px; overflow:hidden; font-size:1px; line-height:0px}
.clearbothDivider {clear:both; height:30px; margin-bottom:30px; border-bottom:1px solid #ced3d6}
.divider {clear:both; height:5px; margin-bottom:10px; border-bottom:1px solid #ced3d6}
.hidden {display:none}
.pad {padding-left:10px; padding-right:10px}

#container {margin:0 auto; width:990px}

#bodyMain {clear:both; text-align:left; width:990px; margin:10px 0 30px 0}

#fullList {width:990px; margin-top:10px}
#fullList ul li {font-size:11px}
#fullList h2 {margin-left:40px}
#fullList .listFour {width:170px; float:left; text-align:left; display:inline; margin-right:40px}
#fullList .listFive {width:120px; float:left; text-align:left; display:inline}
#fullList .first {margin-left:40px; width:160px}


ul .web {list-style-image:url(../images/icon_website.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .pdf {list-style-image:url(../images/icon_pdf.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .word {list-style-image:url(../images/icon_word.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .media {list-style-image:url(../images/icon_media.gif); padding-left:8px; margin:5px 0 5px 8px}
ul .list {list-style-type:none; background:transparent url(../images/bullet_arrow_list.gif) top left no-repeat; padding-left:12px; margin-left:-10px}

.bullet {font:80% Arial, Helvetica, sans-serif; background:transparent url(../images/bullet_arrow.gif) no-repeat; padding-left:14px; display:block; margin-bottom:3px}

.floatLeft {float:left}
.floatRight {float:right}

table {padding:0; margin:0 0 30px 0; border:1px solid #bec4c8; width:700px; font-size:12px; text-align:left; line-height:18px}
th {font-weight:bold; background-color:#e9eced; padding:8px 10px 8px 10px; vertical-align:top}
td {padding:8px 10px 5px 10px; vertical-align:top;}

table .navtabs {text-align:center; background-color:#c4cbcf}
table .selected {background-color:#e9eced}

.logotable  {margin:11px; width:338px; height:128px; border:0}
.logotable td {padding:0; border:0; margin:0}
.logotable .border_rightbottom {padding:0; border-right:solid #ededed 1px; border-bottom:solid #ededed 1px; margin:0;}
.logotable .border_right {padding:0; border-right:solid #ededed 1px; border-bottom:none; margin:0;}
.logotable .border_bottom {padding:0; border-bottom:solid #ededed 1px; border-right:none; margin:0;}
.logotable .border_none {padding:0; border:none; margin:0;}

th a {font-weight:bold !important}


/* Overview, press releases and download pages
----------------------------------------------- */

.overview #flashMovie {height:290px}

.overview .promosThree {width:280px; height:220px; float:left; text-align:left; display:inline}
.overview .promosFour {width:210px; height:220px; float:left; text-align:left; display:inline}

#bodyMain .downloadTall {float:left; width:150px; height:220px}

#downloadsBox {width:780px; background:#fff url(../images/bg_downloads_top.jpg) top left no-repeat; float:left}
#downloadsBox .bgMid {width:780px; background:transparent url(../images/bg_downloads_mid.gif) repeat-y; margin-top:20px}
#downloadsBox .pad {padding:45px 40px 0 40px; min-height:300px}
#downloadsBox .bot {height:30px; background:#fff url(../images/bg_downloads_bot.gif) bottom left no-repeat}

#downloadsRight {width:210px; background:#fff url(../images/bg_downloads_right_top.jpg) top left no-repeat; float:left}
#downloadsRight .pad {padding:35px 20px 0 10px; min-height:310px}
#downloadsRight .bot {height:30px; background:#fff url(../images/bg_downloads_right_bot.gif) bottom left no-repeat}
#downloadsRight li {font-size:11px; margin:0 0 5px 0; list-style:square;}
#downloadsRight ul {margin:0 0 25px 0;}
#downloadsRight h3 {font-size:13px; line-height:normal;}

.downloads td a, .everioclub td a, .hdworld td a {display:block; background:#fff url(../images/bullet_arrow.gif) top left no-repeat; padding-left:10px}

.downloads #heading {background:transparent url(../images/headings/h1_downloads.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.image_downloads #heading {background:transparent url(../images/headings/h1_imagedownloads.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.everioclub #heading {background:transparent url(../images/headings/h1_everioclub.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.hdworld #heading {background:transparent url(../images/headings/h1_hdworld.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.register #heading {background:transparent url(../images/headings/h1_register.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.pressReleases #heading {background:transparent url(../images/headings/h1_pressreleases.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.newsCentre #heading {background:transparent url(../images/headings/h1_news_centre.gif) top left no-repeat; width:550px; height:40px; margin:-20px 0 10px 0}

.salesincentive #heading {background:transparent url(../images/headings/h1_salesincentive.gif) top left no-repeat; width:550px; height:80px; margin:-20px 0 10px 0}

.pressReleases td, .downloads td {border-bottom:1px solid #eee}
.pressReleases .lastRow, .downloads .lastRow {border:none}

.login {text-align:center; background-color:#fff; padding:10px; border:1px solid #bec4c8; font-size:13px; width:200px; margin-bottom:20px}
.login a {font-weight:bold !important}

/* Image Downloads Page
----------------------------------------------- */

.image_downloads .bg {background:#e9eced;}
.image_downloads td {padding:8px 10px 5px 10px; vertical-align:middle;}
.image_downloads img {margin:10px 0 10px 0;}
.image_downloads a {color:#333}
.image_downloads th {background:#bec9d0;}

/* Forms
----------------------------------------------- */

form {margin:0}

label {font-size:13px; margin:10px 15px 0 0; width:200px; display:block; float:left; text-align:right; color:#333; background-color:#d9dddc; padding:5px}
.formHolder {margin-top:10px; padding-top:3px; float:left; font-size:13px}
.formField {border:1px solid #999; background:#fff; font-size:13px; width:350px; display:block; color:#333}
.formSend {border:none; background:#a0a7a6; color:#fff; padding:4px; font-size:15px; cursor:pointer}

/* LogoPane
----------------------------------------------- */

.pad {padding-left:10px; padding-right:10px}

#logoRollover {
	width:323px;
	height:109px;
	position:absolute;
	overflow:hidden;
	z-index:5;
	
}

#logoRollover .rollArea {margin-right:5px}
#logoRollover .top {margin-bottom:5px}


/* Footer
----------------------------------------------- */

#footer {background:#fff url(../images/bg_footer.gif) top left no-repeat; padding:10px 20px 0 20px; margin-top:10px; height:34px}
#footer p.right {font:11px Arial, Helvetica, sans-serif; color:#999; text-align:right; float:right; margin:0}
#footer p.left {font:11px Arial, Helvetica, sans-serif; color:#999; text-align:left; float:left; margin:0}