/* GoEntertain.tv CSS Document */

/* ----------------- COLOURS ----------------- 
  Dark Green         : #3c6f0d
  Green                 : #95cb43
  Green 50%          : #cae5a1
  Green 30%          : #dfefc6
  Grey                   : #999999
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, p, li { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size: 90%; margin: 0; color: #000; font-weight:bold; }
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
h3 { font-size: 80%; margin: 1.2em 0 .5em 0; color: #000; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.5em; color: #000;  }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.3em; color: #000; }
a:link { color: #3c6f0d; }
a:visited { color: #95cb43;}
a:active, a:hover { color: #999; }
a { outline: none; }
.tiny { font-size: 70%; }

/* ----------------- RULE STYLES ----------------- */
hr { border:0; border-top: 1px solid #dfefc6; height: 1px; overflow: hidden; margin: 0; }

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }
.input-text { border: 1px solid #999; padding:2px; }
.input-select { border: 1px solid #999; padding:1px; }
input.width-full, select.width-full, textarea.width-full { width: 97%; }
input.width-30, select.width-30, textarea.width-30 { width: 30px; }
input.width-50, select.width-50, textarea.width-50 { width: 50px; }

/* ----------------- PAGE STYLES ----------------- */
body { background-color: #999; margin: 10px 0; }
#frame { width: 760px; margin-left: auto; margin-right: auto; background: url(../../images/frame_tile.gif) top left repeat #ebebeb; }

/* ----------------- HEADER ----------------- */
#header { width: 760px; height: 155px; background: url(../../images/header_tile.gif) top left repeat-x; }
#header-logo { width: 144px; height: 140px; float: left; padding: 8px 29px 7px 27px; background: url(../../images/header_logo.gif) top left no-repeat; }
#header-navigation { width: 560px; height: 155px; float: left; }

/* -- Navigation Cart -- */
#nav-cart { width: 550px; height: 18px; padding: 21px 10px 15px 0; overflow:hidden;}
#nav-cart div { height: 14px; float: right; background-position: top left; background-repeat: no-repeat; }
#nav-cart a { height: 14px; display: block; outline: none; } 
#nav-cart a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-cart span { display: none; visibility: hidden; }
#nav-cart .selected { background-position: bottom left; }
#nav-cart .divider { width: 14px; background-image: url(../../images/nav_cart_divider.gif); }
/* buttons */
#nav-cart .myaccount, #nav-cart .myaccount a:hover { width: 81px; background-image: url(../../images/nav_cart_myaccount.gif); }
#nav-cart .shoppingcart, #nav-cart .shoppingcart a:hover { width: 100px; background-image: url(../../images/nav_cart_shoppingcart.gif); }
#nav-cart .logout, #nav-cart .logout a:hover { width: 50px; background-image: url(../../images/nav_cart_logout.gif); }

/* -- Navigation Main -- */
#nav-main { width: 526px; height: 28px; } /*560*/
#nav-main div { height: 28px; float: left; background-position: top left; background-repeat: no-repeat; margin-right: 3px; }
#nav-main a { height: 28px; display: block; outline: none; } 
#nav-main a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-main span { display: none; visibility: hidden; }
#nav-main .selected { background-position: bottom left; }
/* buttons */
#nav-main .home, #nav-main .home a:hover { width: 81px;  background-image: url(../../images/nav_main_home.gif); }
#nav-main .dvd, #nav-main .dvd a:hover { width: 65px; background-image: url(../../images/nav_main_dvd.gif); }
/*#nav-main .music, #nav-main .music a:hover { width: 94px; background-image: url(../../images/nav_main_music.gif); }*/
#nav-main .cd, #nav-main .cd a:hover { width: 49px; background-image: url(../../images/nav_main_cd.gif); }
#nav-main .boxset, #nav-main .boxset a:hover { width: 117px; background-image: url(../../images/nav_main_boxsets.gif); }
#nav-main .media, #nav-main .media a:hover { width: 84px; background-image: url(../../images/nav_main_media.gif); }
#nav-main .contact, #nav-main .contact a:hover { width: 112px; background-image: url(../../images/nav_main_contact.gif); }

/* -- Navigation Breadcrumbs -- */
#nav-breadcrumbs { width: 560px; height: 25px; padding: 10px 0 0 0; font-size: 80%; }
#nav-breadcrumbs a:link, #nav-breadcrumbs a:visited { color: #000; text-decoration: none; }
#nav-breadcrumbs a:active, #nav-breadcrumbs a:hover { color: #fff; text-decoration: none; }

/* -- Navigation Search -- */
#nav-search { width: 560px; height: 29px; padding: 8px 0 0 0; }
#nav-search .label { width:63px; float:left; font-size: 70%; text-align:right; }
#nav-search .location { width:173px; float:left; }
#nav-search .keywords { width:203px; float:left; }
#nav-search .button { width:60px; float:left; }

/* ----------------- BODY ----------------- */
#body { width: 760px; }
#side-content { width: 186px; float: left; margin: 0 7px 0 7px; display:inline; }
#main-content { width: 530px; float: left; margin: 0 10px 0 0; padding: 10px; display:inline; background-color:#fff; }
.column-195 { width: 200px; float: left; }
.column-320 { width: 320px; float: left; }
.column-260 { width: 260px; float: left; } /* splits main-content in two with 10px margin */

/* brochures column */
.brochure-column { width: 260px; float: left; background: #f5f5f5 url(../../images/brochure_column_background.gif) bottom left no-repeat; }
.brochure-cds { width: 260px; height: 35px; background: url(../../images/brochures_column_cd.jpg) top left no-repeat; }
.brochure-dvds { width: 260px; height: 35px; background: url(../../images/brochures_column_dvd.jpg) top left no-repeat; }
.brochure-dvds h2, .brochure-cds h2 { display: none; visibility: hidden; }
.brochure-text { width: 240px; padding: 0 10px 10px 10px; }

/* ----------------- SIDE ----------------- */

/* -- Browse Panel -- */
.panel-browse { width: 186px; }
.panel-browse .title { width:186px; height:23px; background: url(../../images/side_browse.gif) top left no-repeat; }
.panel-browse .title span { display: none; visibility: hidden; }
.panel-browse .title-browsebylabel { width:186px; height:23px; background: url(../../images/side_browsebylabel.gif) top left no-repeat; }
.panel-browse .title-browsebylabel span { display: none; visibility: hidden; }
.panel-browse .title-browsebygenre { width:186px; height:23px; background: url(../../images/side_browsebygenre.gif) top left no-repeat; }
.panel-browse .title-browsebygenre span { display: none; visibility: hidden; }
.panel-browse .title-gallery { width:186px; height:23px; background: url(../../images/side_galleries.gif) top left no-repeat; }
.panel-browse .title-gallery span { display: none; visibility: hidden; }
.panel-browse .category { padding: 3px 3px 3px 7px; border-left: 1px solid #95cb43; border-right: 1px solid #95cb43; background-color:#dfefc6; }
.panel-browse .category-title { width: 157px; float:left;  font-size: 80%; font-weight:bold; }
.panel-browse .category-up { width:14px; height:17px; float:left; background: url(../../images/side_browse_up.gif) top left no-repeat; }
.panel-browse .category-up a { width:14px; height: 17px; display: block; outline: none; }
.panel-browse .category-up span { display: none; visibility: hidden; }
.panel-browse .category-menu { border-left: 1px solid #95cb43; border-right: 1px solid #95cb43; border-bottom: 1px solid #95cb43; background-color:#fff; }
.panel-browse .category-menu ul { margin: 0; padding:0; }
.panel-browse .category-menu li { margin: 0; padding:3px 7px 3px 7px; list-style-type: none; font-size: 70%; border-top: 1px solid #dfefc6; }
.panel-browse .category-menu a:link, .panel-browse .category-menu a:visited { text-decoration:none; color: #000; }
.panel-browse .category-menu a:active, .panel-browse .category-menu a:hover { text-decoration:none; color:#95cb43; }

/* -- Side Navigation -- */
#nav-side { width: 186px; }
#nav-side div { width: 186px; height: 23px; margin-bottom: 4px; background-position: top left; background-repeat: no-repeat;  }
#nav-side a { width: 186px; height: 23px; display: block; outline: none; } 
#nav-side a:hover { background-position: bottom left; background-repeat: no-repeat; }
#nav-side span { display: none; visibility: hidden; }
#nav-side .selected { background-position: bottom left; }
/* buttons */
#nav-side .newreleases, #nav-side .newreleases a:hover { background-image: url(../../images/nav_side_newreleases.gif); }
#nav-side .bestsellers, #nav-side .bestsellers a:hover { background-image: url(../../images/nav_side_bestsellers.gif); }
#nav-side .futurereleases, #nav-side .futurereleases a:hover { background-image: url(../../images/nav_side_futurereleases.gif); }

/* -- Side Banners -- */
#banners-side { width: 186px; }
#banners-side div { width: 186px; margin-bottom: 4px; }
#banners-side span { display: none; visibility: hidden; }

/* ----------------- FOOTER ----------------- */
#footer { width: 746px; padding: 7px 7px 7px 7px; background-color: #95cb43; border-top: 4px solid #000; font-size: 70%; color: #000; }
#footer-copyright { width: 200px; float: left; margin-right: 10px; display: inline; }
#footer-menu { width: 536px; float: left; text-align: right; display:inline; }
#footer-menu a:link, #footer-menu a:visited { color: #000; text-decoration: none; }
#footer-menu a:active, #footer-menu a:hover { color: #fff; text-decoration: none; }

#footer-poweredby2c { width: 760px; height: 21px; margin-left: auto; margin-right:auto; background: url(../../images/footer_shadow_tile.gif) top left repeat-x; }
#poweredby2c { width:100px; height: 21px; float:right; margin:5px 0 0 0; background: url(../../images/footer_2c_credit.gif) top left no-repeat; }
#poweredby2c a { width:100px; height: 21px; display: block; outline: none; }
#poweredby2c a:hover { background: url(../../images/footer_2c_credit.gif) bottom left no-repeat; }
#poweredby2c span { display: none; visibility: hidden; }

/* ----------------- MARGIN STYLES ----------------- */

.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin10-t-r { margin: 10px 10px 0 0; }
.margin10-t-b { margin: 10px 0 10px 0; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-r-b { margin: 0 10px 10px 0; }
.margin10-r-l { margin: 0 10px 0 10px; }

.margin7-r { margin-right: 7px; }

/* ----------------- ALIGNMENT STYLES ----------------- */

.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }

/* ----------------- PAGINATION STYLES ----------------- */
.pagination { width: 530px; background-color: #95cb43; }
.pagination-button { width: 49px; float: left; }
.pagination-pages { width: 322px; float: left; padding: 2px 4px 0 4px; font-size: 75%; text-align: center; color: #fff;  }
.pagination-pages a:link, .pagination-pages a:visited { color: #fff; }
.pagination-pages a:active, .pagination-pages a:hover { color: #000; }

/* -- Borders -- */
.border-r { border-right: 1px solid #fff; }
.border-l { border-left: 1px solid #fff; }

/* ----------------- ERROR STYLES ----------------- */
.error-box { width: 528px; border: 1px solid #c00; margin: 10px 0 10px 0; }
.error-title { width: 528px; height: 24px; background: url(../../images/error_title.gif) top left no-repeat #c00; }
.error-title p { display: none; visibility: hidden; }
.error-sign { float: left; width:50px; padding: 7px 7px 7px 7px; }
.error-message { float: left; width: 457px; padding: 7px 7px 7px 0; }
.error-message p { margin: 0; color: #c00; }