html { overflow-y: scroll; }

/* -- Header Elements -- */
#header, .header { height: 80px; background: url('/images/structure/header_gradient.png') repeat-x top left; color: #fff; z-index: 20;}
#header li a { color: #fff; }
#header li.active a, #header a:hover { color: #F75301; }

#logo { width: 186px; height: 61px; margin: 10px 0 0; display: block; float: left; background: url('/images/structure/logo.png') no-repeat top left; text-indent: -9999px; }

#loginnav { margin: 10px 0 0; }
#loginnav a { margin: 0 5px; }

#main_nav { margin: 29px 0 0 10px; font-size: 18px; text-transform: uppercase; }
#main_nav a { text-decoration: none; }
#main_nav span { margin: 0 5px 0 15px; }

div.searchbox { margin: 27px 0 0; width: 230px; float: right; }
.searchbox input { margin: 0; }

#profile_nav { }

/* -- Main Elements -- */

body { background: #000 url('/images/structure/background_body_gradient.png') no-repeat center top; }

h1, h2 { color: #fff; }
h1#welcome { height: 60px; background: url('/images/structure/welcome.png') no-repeat; text-indent: -9999px; }

#hometop_wrap { height: 389px; position:relative; }
#hometop { width: 100%; height: 389px; position: absolute; top: 0; }

input { border: none; }
input[type=text] { height: 17px; }

.black, .grey { font-family: 'Arial Narrow', Arial, sans-serif; text-rendering: optimizelegibility; }

div.white a, p.white a, strong.white a { color: #fff; }
div.white a:hover, p.white a:hover, strong.white a:hover { color: #ff6600; }

.breadcrumb { margin: 8px 0 15px; }
.breadcrumb, .breadcrumb a { font-size: 18px; color: #333; text-decoration: none; text-transform: uppercase; font-family: 'Arial Narrow', Arial, sans-serif; text-rendering: optimizelegibility; }
.breadcrumb a:hover { color: #FF6600; text-decoration: underline; }

.section { padding-bottom: 35px; }
.partners { width: 960px; float: left; background-color: #000; }
.footer { background: url('/images/structure/background_footer_gradient.png') no-repeat bottom center; }

.sub_section { margin-bottom: 15px; }
.carousel_section { }
.carousel_section h2 { margin: 15px 0 25px; font-weight: light; }
.carousel_section button { width: 23px; height: 80px; border: none; }

.news_content { height: 50px; padding: 10px; background: #333; position: relative;
/* For the sake of sanity I've abandoned single-line declarations for border radius */
 -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
 border-top-right-radius: 5px; border-top-left-radius: 5px;
}
.news_content h2, h3, h4 { margin-top: 0; } 
.news_content p { float: left; margin-right: 10px; }

#closealert { width: 23px; height: 23px; border: none; margin: none; position: absolute; top: 10px; right: 10px; background: url('/images/icons/overlay-close.png') no-repeat; text-indent: -9999px; }
#showalert { position: absolute; top: 10px; right: 10px; }

.entry_content { padding: 6px 6px 9px; background-color: #fff; color: #333; position: relative; }
.entry_content h1, .entry_content h2, .entry_content h3 { color: #000; }
.entry_content .content, .award { font-size: 14px; margin-top: 10px; color: #666; }
.entry_content a { color: #333; }
.entry_content a:hover { color: #ff6600; }

.partners { width: 960px; float: left; padding-top: 10px; }


.grey_box { min-height: 190px; background: #2a2a2a url('/images/structure/background_box_gradient.png') no-repeat top right; }
.box_product_image { float: left; }
.box_product_details { margin: 28px 15px 0 19px; float: left; }
.promo .box_product_details { width: 410px; }

.contact { font-size: 14px; }
.contact_details { height: 340px; padding: 20px 25px; background: url('/images/structure/background_box_gradient_tall.png') no-repeat bottom right; font-size: 14px; }

#product_finder label { width: 60px; }
#product_finder input, input.grey_box { width: 132px; height: 25px; min-height:25px; line-height: 25px; padding: 0 4px 0 6px; background: url('/images/structure/input_small_bg.png') no-repeat; border: none; }
#product_finder .selectbox, #teamdetails .selectbox { display: block; }
#product_finder .selectbox .display, #teamdetails .selectbox .display{ width: 132px; height: 21px; padding: 4px 4px 0 6px; background: url('/images/structure/input_small_bg.png') no-repeat #e6e6e6; border: none; }
#product_finder .selectbox .display .arrow_btn, #teamdetails .selectbox .display .arrow_btn { padding: 2px 1px; margin: 4px 0 0; background: none; border: none; border-left: 1px solid #666; }
#product_finder .selectbox .hover, #teamdetails  .selectbox .hover{ cursor:pointer; }
#product_finder .selectbox .hover .arrow, #teamdetails  .selectbox .hover .arrow { height: 4px; background-image: url('/images/select_arrow_bg_hover.png'); }
ul.selectbox.items { background: #e6e6e6;
 -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;
 border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}

#teamdetails .selectbox .display{ width: 192px; height: 21px; padding: 4px 4px 0 6px; background: url('/images/structure/input_medium_bg.png') no-repeat #e6e6e6; border: none; }

#product_finder.main_filters label { width: 80px; font-weight: bold; }
#product_finder.main_filters input { width: 253px; background-image: url('/images/structure/input_large_bg.png'); }
#product_finder.main_filters .selectbox .display { width: 253px; background-image: url('/images/structure/input_large_bg.png'); }


#partners .entry_content .black { margin-top: 0; margin-bottom: 4px; }
/* --- Product Table Elements -- */

#find_nav { padding: 0 10px; }

.product_results, { width: 920px; }
.product_results tr { }
.product_results th { text-align: left; font-size: 14px; background: url('/images/structure/table_header_divider.png') no-repeat bottom right #fff; }
.product_results td { padding: 20px 1px; border: none; border-bottom: 1px #2b2b2b solid; color: #fff; font-size: 14px; vertical-align: top; }
 
.product_results .product { width: 212px; padding-right: 8px; } /* 230 */
.product_results .format { width: 90px; padding-left: 10px; padding-right: 10px;} /* 100 */
.product_results .publisher { width: 165px; padding-left: 20px; } /* 185 */
.product_results .genre { width: 120px; padding-left: 20px; } /* 140 */
.product_results .stock { width: 50px; padding-left: 10px; padding-right: 10px; text-align: center; } /* 70 */
.product_results .srp { width: 40px; padding-left: 10px; padding-right: 10px; } /* 70 */
.product_results .release_date { width: 95px; padding-left: 10px; } /* 95 */

.product_results a { font-size: 14px; text-decoration: none; }
.product_results a:hover { text-decoration: underline; }

#products .product_results th a, #partners .product_results th a { display: block; padding-right: 18px; }
#products .product_results th .a, #partners .product_results th .a { background: url('/images/structure/order_up.png') no-repeat center right; }
#products .product_results th .d, #partners .product_results th .d { background: url('/images/structure/order_down.png') no-repeat center right; }

.resultdetails { height: 21px; margin: 20px 10px 5px 0; color: #fff; font-size: 14px; font-weight: bold; text-align: left; }
.resultdetails input { margin-top: 1px; }

#checkbox { padding-left: 21px; background: url('/images/structure/input_checkbox_default.png') no-repeat center left; text-decoration: none; }
#checkbox.active { background: url('/images/structure/input_checkbox_active.png') no-repeat center left; }


/* --- Pager Elements -- */

.pager { height: 21px; margin: 20px 0 0; padding: 0; list-style: none; }
.pager li { float: left; margin: 0; background: #fff url('/images/structure/pager_item_left.png') no-repeat center left;  }
.pager li.active { background: #fff url('/images/structure/pager_item_left_active.png') no-repeat center left; }
.pager li.active a { background: url('/images/structure/pager_item_cap_active.png') no-repeat right center; }

.pager li a { width: auto; height: 16px; padding: 5px 5px 0 1px; margin: 0 0 0 4px; display: block; float: left; background: url('/images/structure/pager_item_cap.png') no-repeat right center; color: #fff; text-decoration: none; font-weight: bold; }
.pager li a:hover { color: #ff6600; }

.pager li.arrow { width: 21px; height: 21px; padding: 0; margin: 0; background: none; }
.pager li.arrow a { padding:0; margin: 0; }

.pager li a.prev { width: 21px; height: 21px; display: block; padding-right: 6px; background: url('/images/structure/pager_prev.png') no-repeat top left; text-indent: -9999px; }
.pager li a.next { width: 21px; height: 21px; display: block; padding-left: 6px; background: url('/images/structure/pager_next.png') no-repeat top left; text-indent: -9999px; }
.pager li a.prev:hover { background: url('/images/structure/pager_prev_active.png') no-repeat; }
.pager li a.next:hover { background: url('/images/structure/pager_next_active.png') no-repeat; }

.pager li.ellipsis { width: 16px; height: 9px; padding: 7px 3px 5px; background: #fff; color: #000; font-weight: bold; text-align: center; }

/* --- Carousel Elements -- */

#page_carousel_container_wrap { background-color: #000; height: 472px; z-index: -11; }
#page_carousel_container { width: 100%; height: 470px; text-align: center; position: absolute; z-index: -10; top: 80px;}
#page_carousel { width: 100%; min-width: 960px; margin: 0 auto; position: relative; height: 390px; background-color: #000; }
#page_carousel a { width: 100%; height: 700px; position: absolute; left: 0;}

#page_carousel_pagewrap { height: 380px; position: relative; }
#page_carousel_products { display: none; }
#page_carousel_nav_wrap { position: absolute; bottom: 148px; right: 40px; z-index: 50; }
#page_carousel_nav_wrap .pager { margin: 0; }
#carousel_panel { width: 400px; height: 110px; padding: 15px; position: absolute; bottom: 18px; right: 18px; background: url('/images/structure/background_black_transparent.png') repeat; border: #ede7de 1px solid;}

#page_carousel_pagewrap.accomodate_alert { height: 320px; }

.text p { margin-bottom: 4px; }

/* --- Top Level Carousel --- */

#toplevel_carousel_wrap { height: 250px; background: #000; }
#toplevel_panel { width: 280px; height: 250px; padding: 0 15px; background: #000; }
#toplevel_details { }
#toplevel_details h2, #toplevel_details h3, #toplevel_details p { color: #fff; }

/* --- Product Carousel --- */
.product_carousel { padding: 0; margin: 0 auto; list-style: none; }
.product_carousel li { width: 128px; height: 240px; margin: 0 10px; float: left; text-align: center; }
.product_carousel .thumb { height: 140px; }
.product_carousel .details { height: 75px; }

.product_carousel_prev { background: url('/images/structure/button_carousel_prev.png'); }
.product_carousel_next { background: url('/images/structure/button_carousel_next.png'); }

/* --- Screenshot Gallery -- */
#gallery_popup { background: #000; position: relative; }

#gallery_popup button { position: absolute; top: 110px; z-index: 20}
#gallery_popup #prev { left: 8px; }
#gallery_popup #next {right: 8px; }

/* -- Product View Page -- */
.product_heading { color: #fff; text-transform: uppercase; font-family: 'Arial Narrow', Arial, sans-serif; text-rendering: optimizelegibility; }
.product_heading a { margin-left: 10px; font-size: 12px; text-decoration: none; }
.product_heading a:hover { text-decoration: underline; }

.productimage { border: 1px solid #ccc; margin: 10px 20px 10px 0;}

.stockblock { color: #000; font-size: 14px; }
.stockblock h3 { margin-top: 2px; font-size: 19px; font-weight: bold; }
.stockblock .green { color: #33cc00; }

.stockcall { padding: 25px 0 5px; margin-bottom: 10px; border-radius: 4px; }
.number { margin-bottom: 9px; color: #666; font-weight: bold; font-size: 18px; }
.stockcall a { color: #000; }

.productdetails td { color: #666; padding-left: 0; font-size: 14px; }
.productdetails td strong { color: #000; }

.screenshots, .screenshots_more { width: 850px; }

#videoplayer { height: 252px; }

/* --- Company Sections --- */
.company_heading { height: 75px; margin: 10px 0 15px; padding: 0; background: #232323; }
.company_heading h2 { margin: 28px 0 0 10px; float: left; }
.company_heading .logo { margin: 3px; float: left; }

/* -- Basket -- */
#basketadd { z-index: 9999; padding: 0 10px; width: 400px; background: #fff; border: 2px solid #000; position: absolute; top: 20px; right: 0; }
#basketadd h2 { color: #000; text-transform: uppercase; }
#basketadd p { color: #000; }

/* -- Footer Elements -- */
#footer { padding: 35px 0 0; background: url('/images/structure/background_footer_gradient.png') no-repeat top center; }
#footer li a { color: #fff; }

.rollover-container { margin: 0 9px 9px; }

#fancybox-left-ico { width: 23px; height: 80px; margin-top: -32px; background: url('/images/structure/button_carousel_prev.png') no-repeat;  }
#fancybox-right-ico { width: 23px; height: 80px; margin-top: -32px; background: url('/images/structure/button_carousel_next.png') no-repeat;  }
#fancybox-loading { width: 65px; height: 80px; }
#fancybox-loading div { position: static; width: 65px; height: 80px; background: #000 url('/images/icons/download.gif') no-repeat center center; }

.award { display: block; background-color: #dbdbdb; padding: 5px 150px; height: 60px; }
.award img { float: left; margin: 0 10px 0 0; }
.award p { padding: 6px 0 0 0; }

.main-content { padding-top: 20px; }

#page_carousel { background-color: transparent; }
#takeoverimage { background: #000000 center top no-repeat; position: fixed; height: 100%; width: 100%; z-index:-11; }

#videoplayer > .vzaar_media_player > div > div { position: unset!important; height: auto!important;}
.vzaar_media_player > div > div { height: 400px!important; }