@charset "utf-8";

/*
www.obohockey.co.uk
Version: 1
*/

@import "account-view.css";
@import "myobo.css";


/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}

/* global */
.cleaner {font-size: 0; width: 100%; height: 0; margin: 0; clear: both;}
.show {display: none;}
.left {float: left;}
.right {float: right;}
#page-wrap {width:950px; margin:0 auto;}
#page {width:950px; margin:0 auto; padding-top:40px;}
h2, h4 {margin-bottom:20px;}
h3 {color:#fff; font-weight:bold; font-size:18px;}
p {margin-bottom:20px; color:#fff;}
a {color:#fff;}
a:hover {color: #FFFF00;}
.h-line {background:url(../images/backgrounds/h-line.png) bottom repeat-x; padding-bottom:20px;}
.hideItems {visibility:hidden; display:none;}
.showItems {visibility:visible; display:block;}
#page-left {width:445px; float:left}
#page-right {width:445px; float:left}

/** form elements **/
.text-input {background:url(../images/backgrounds/text-input.png) no-repeat; width:430px; height:40px; display:block; margin-bottom:10px;}
.text-input label {float:left; text-transform:uppercase; color:#fff; font-weight:bold; font-size:12px; margin-left:16px; margin-top:11px;}
.text-input input {float:right; background:0 !important; border:0; padding:4px; color:#fff; font-size:14px; width:300px; margin-right:10px; margin-top:7px;}
.textarea {background:url(../images/backgrounds/textarea.png) no-repeat; width:430px; height:180px; display:block; margin-bottom:10px;}
.textarea label {float:left; text-transform:uppercase; color:#fff; font-weight:bold; font-size:12px; margin-left:16px; margin-top:11px; width:100%;}
.textarea textarea {float:right; background:0; border:0; padding:4px; color:#fff; font-size:14px; width:400px; margin-right:10px; margin-top:7px;}
.send-button {float:right; margin-right:10px; margin-top:10px; background:url(../images/buttons/send-button.png) top no-repeat; width:96px; height:32px; border:0;}
.send-button:hover {background-position:center; cursor:pointer;}
.send-button:active {background-position:bottom;}
.form-error {font-weight:bold; color:#FFFF00; margin-top:10px;}

/** login form elements **/
.login-text-input {background:url(../images/backgrounds/login-text-input.png) no-repeat; width:287px; height:31px; display:block; margin-bottom:10px;}
.login-text-input label {float:left; text-transform:uppercase; font-weight:bold; font-size:10px; margin-left:10px; margin-top:8px;}
.login-text-input input {float:right; background:0; border:0; padding:4px; font-size:11px; margin-right:5px; margin-top:5px; width:190px;}
.login-button {margin-right:10px; background:url(../images/buttons/login-button.png) top no-repeat; width:96px; height:32px; border:0; margin-bottom:10px;}
.login-button:hover {background-position:center; cursor:pointer;}
.login-button:active {background-position:bottom;}


/* background colors */
body#home {background:#016DDA;}
body#robo {background:#28D501;}
body#robo a:hover {color:#28D501;}
body#cloud {background:#00A1DE;}
body#cloud a:hover {color:#00A1DE;}
body#yahoo {background:#DB0076;}
body#yahoo a:hover {color:#DB0076;}
body#ogo {background:#ED8C01;}
body#ogo a:hover {color:#ED8C01;}
body#helmets {background:#681E91;}
body#helmets a:hover {color:#681E91;}
body#extras {background:#9F9F9F;}
body#extras a:hover {color:#9F9F9F;}
body#faceoff {background:#333;}
body#faceoff a:hover {color:#333;}
body#account {background:#dbdbdb;}



/* login form */
#login {background: url(../images/backgrounds/login-form-bg.png) no-repeat;}
#login a {color:#000;}
#login a:hover {color:#fff;}
#login-form {margin-left:20px; padding-top:130px; height:203px;}
.login-form-error {font-weight:bold; color:#FF0000; margin-top:10px;}


/* header & logo */
#obo-logo {background:url(../images/logos/obo-logo.png) no-repeat; width:151px; height:79px; display:block; float:left;}
.header {margin-bottom:40px;}


/* navigation */

/** range navigation **/
#range-nav {margin-left:20px; margin-top:14px;}
#range-nav li {float:left;}
#range-nav li a {height:24px; display:block; background-position:bottom;}
#range-nav li a:hover {background-position:top;}
#nav-robo {background:url(../images/nav/nav-robo.png) no-repeat; width:66px;}
#nav-cloud {background:url(../images/nav/nav-cloud.png) no-repeat; width:67px;}
#nav-yahoo {background:url(../images/nav/nav-yahoo.png) no-repeat; width:69px;}
#nav-ogo {background:url(../images/nav/nav-ogo.png) no-repeat; width:48px;}
#nav-helmets {background:url(../images/nav/nav-helmets.png) no-repeat; width:96px;}
#nav-extras {background:url(../images/nav/nav-extras.png) no-repeat; width:89px;}
#nav-faceoff {background:url(../images/nav/nav-faceoff.png) no-repeat; width:77px; margin-left:4px;}


/** page navigation **/
#page-nav {margin-left:20px; margin-top:10px;}
#page-nav li {float:left;}
#page-nav li a {height:18px; display:block; background-position:top;}
#page-nav li a:hover {background-position:bottom;}
.nav-obo-keepers {background:url(../images/nav/nav-obo-keepers.png) no-repeat; width:104px;}
.nav-about-obo {background:url(../images/nav/nav-about-obo.png) no-repeat; width:84px;}
.nav-latest-news {background:url(../images/nav/nav-latest-news.png) no-repeat; width:96px;}
.nav-contact-us {background:url(../images/nav/nav-contact-us.png) no-repeat; width:88px;}
.nav-where-to-buy {background:url(../images/nav/nav-where-to-buy.png) no-repeat; width:105px;}
.nav-login {background:url(../images/nav/nav-login.png) no-repeat; width:53px;}
.nav-account {background:url(../images/nav/nav-account.png) no-repeat; width:73px;}
.nav-log-out {background:url(../images/nav/nav-log-out.png) no-repeat; width:72px;}
#page-nav li a#nav-basket {background:url(../images/buttons/basket.png) top no-repeat; width:64px; height:18px; margin-left:4px;}
#page-nav li a#nav-basket:hover {background-position:center; cursor:pointer;}
#page-nav li a#nav-basket:active {background-position:bottom; cursor:pointer;}


/* home content */
.home-left {float:left;}
.home-right {float:right;}
#home-intro {background:url(../images/backgrounds/home-intro.png) no-repeat; height:112px; width:400px; display:block; margin-bottom:15px;}
#home-fcintro {background:url(../images/backgrounds/home-fcintro2.png) no-repeat; height:106px; width:401px; display:block; margin-bottom:15px;}
#home-players {background:url(../images/backgrounds/home-goalkeeper2.png) no-repeat; height:400px; width:400px; display:block;}
#home-faceoff {background:url(../images/backgrounds/home-faceoff2.png) no-repeat; height:467px; width:401px; display:block;}

/** range decriptions **/
#home-range-descriptions li {margin-bottom: 10px;}
#home-range-descriptions li a strong {display:none;}
#home-range-descriptions li a {background-position:top left; padding-left:147px; width:321px; height:54px; display:block; color:#fff;}
#home-range-descriptions li a:hover {background-position:bottom left; color: #FFFF00; text-decoration:none;}
#robo-range-description {background: url(../images/logos/home-robo-logo.png) no-repeat; color:#000; text-decoration:none;}
#cloud-range-description {background: url(../images/logos/home-cloud-logo.png) no-repeat; color:#000; text-decoration:none;}
#yahoo-range-description {background: url(../images/logos/home-yahoo-logo.png) no-repeat; color:#000; text-decoration:none;}
#robo-range-description {background: url(../images/logos/home-robo-logo.png) no-repeat; color:#000; text-decoration:none;}
#ogo-range-description {background: url(../images/logos/home-ogo-logo.png) no-repeat; color:#000; text-decoration:none;}
#helmets-range-description {background: url(../images/logos/home-helmets-logo.png) no-repeat; color:#000; text-decoration:none;}
#extras-range-description {background: url(../images/logos/home-extras-logo.png) no-repeat; color:#000; text-decoration:none;}
#faceoff-range-description {background: url(../images/logos/home-faceoff-logo.png) no-repeat; color:#000; text-decoration:none;}

/** latest news */
#home-latest-news {width:468px;}
#home-latest-news h3 {background:url(../images/titles/home-latest-news.png) no-repeat; height:23px; display:block; margin-top:40px;}
.latest-news {padding:10px; display:block; color:#fff; text-decoration:none; height:90px; overflow:hidden;}
.latest-news strong {display:block; font-weight:bold; margin-bottom:4px; font-size:14px;}
.latest-news:hover {color:#FFFF00;}
.news-title {display:block; font-weight:bold; margin-bottom:10px;}
.other-news-item {padding-bottom:10px; margin-bottom:10px; display:block; text-decoration:none; background:url(../images/backgrounds/h-line.png) bottom repeat-x;}

/* about content */
.about-left {float:left; width:440px; background:url(../images/backgrounds/v-line.png) right repeat-y; padding-right:30px;}
.about-left h3{margin-bottom:10px;}
.about-right {background:url(../images/backgrounds/about-right.png) right no-repeat; width:400px; height:610px; float:right; display:block;}
#title-about-obo {background:url(../images/titles/about-obo.png) no-repeat; width:178px; height:22px;}
#title-our-products {background:url(../images/titles/our-products.png) no-repeat; width:129px; height:11px;}
#title-our-approach {background:url(../images/titles/our-approach.png) no-repeat; width:131px; height:11px;}
#title-our-design {background:url(../images/titles/our-design.png) no-repeat; width:210px; height:11px;}
#title-why-unique {background:url(../images/titles/why-unique.png) no-repeat; width:170px; height:15px;}


/* contact content */
.contact-left { background:url(../images/backgrounds/v-line.png) right repeat-y; padding-right:22px; float:left; width:440px;}
.contact-right {width:410px; float:right; display:block;}
#contact-title {background:url(../images/titles/title-contact.png) no-repeat; width:352px; height:15px;}
#contact-intro {background:url(../images/backgrounds/contact-intro.png) no-repeat; width:391px; height:55px;}
#contact-form textarea {height:80px;}
#address-phone-no {background:url(../images/backgrounds/post-address.png) no-repeat; width:235px; height:175px;}
#sales-email {background:url(../images/backgrounds/sales-email.png) bottom no-repeat; width:223px; height:11px; display:block; margin-top:26px;}
#sales-email:hover {background-position:top;}
#service-email {background:url(../images/backgrounds/service-email.png) bottom no-repeat; width:346px; height:11px; display:block; margin-top:16px;}
#service-email:hover {background-position:top;}
#enquiries-email {background:url(../images/backgrounds/enquiries-email.png) bottom no-repeat; width:261px; height:15px; display:block; margin-top:16px;}
#enquiries-email:hover {background-position:top;}


/* product list view */

/** global **/
.product-left {float:left; width:280px; color:#fff;}
.product-left p {margin-bottom: 10px;}
.product-right {background:url(../images/backgrounds/v-line.png) repeat-y; float:right; width:590px;}
.product-list li {float:left; margin-bottom:20px; margin-left:20px;}
.product-list a {background:url(../images/backgrounds/product-thumb.png) no-repeat; width:255px; height:110px; display:block; text-decoration:none; padding-left:10px; padding-right:10px; color:#000;}
.product-list a:hover {color:#E8D700;}
.product-list a span {display:block;}
.product-list a img {float:right;}
.product-name {text-transform:uppercase; font-weight:bold; width:120px; font-size:14px; margin-top:10px; line-height:14px; height:59px; overflow:hidden; margin-bottom:4px;}
.product-code {text-transform:uppercase; font-size:9px; width:120px; color:#666;}
.product-price {font-weight:bold; font-size:14px;}

/** robo range **/
#product-desc-title-robo {background:url(../images/titles/product-desc-robo.png) no-repeat; width:137px; height:40px;}
#product-list-desc-robo {background:url(../images/titles/product-list-desc-robo.png) no-repeat; width:136px; height:39px; margin-bottom:20px; margin-left:20px;}

/** cloud range **/
#product-desc-title-cloud {background:url(../images/titles/product-desc-cloud.png) no-repeat; width:165px; height:39px;}
#product-list-desc-cloud {background:url(../images/titles/product-list-desc-cloud.png) no-repeat; width:136px; height:39px; margin-bottom:20px; margin-left:20px;}

/** yahoo range **/
#product-desc-title-yahoo {background:url(../images/titles/product-desc-yahoo.png) no-repeat; width:165px; height:39px;}
#product-list-desc-yahoo {background:url(../images/titles/product-list-desc-yahoo.png) no-repeat; width:136px; height:39px; margin-bottom:20px; margin-left:20px;}

/** ogo range **/
#product-desc-title-ogo {background:url(../images/titles/product-desc-ogo.png) no-repeat; width:109px; height:39px;}
#product-list-desc-ogo {background:url(../images/titles/product-list-desc-ogo.png) no-repeat; width:136px; height:39px; margin-bottom:20px; margin-left:20px;}

/** helmets range **/
#product-desc-title-helmets {background:url(../images/titles/product-desc-helmets.png) no-repeat; width:253px; height:40px;}
#product-list-desc-helmets {background:url(../images/titles/product-list-desc-helmets.png) no-repeat; width:114px; height:39px; margin-bottom:20px; margin-left:20px;}

/** extras range **/
#product-desc-title-extras {background:url(../images/titles/product-desc-extras.png) no-repeat; width:213px; height:40px;}
#product-list-desc-extras {background:url(../images/titles/product-list-desc-extras.png) no-repeat; width:95px; height:39px; margin-bottom:20px; margin-left:20px;}

/** faceoff range **/
#product-desc-title-faceoff {background:url(../images/titles/product-desc-faceoff.png) no-repeat; width:161px; height:40px;}
#product-list-desc-faceoff {background:url(../images/titles/product-list-desc-faceoff.png) no-repeat; width:72px; height:38px; margin-bottom:20px; margin-left:20px;}


/* product view */
.product-view-wrap {background:url(../images/backgrounds/product-view-wrap.png) repeat-y;}
.product-view-left {float:left; width:300px; color:#fff;}
.product-view-right {float:right; width:590px;}
.prod-view-details-wrap {background:url(../images/backgrounds/h-line.png) bottom repeat-x; display:block; margin-bottom:14px; padding-bottom:10px;}
.prod-view-details {float:left; width:210px; color:#fff; text-transform:uppercase;}
.prod-view-name {font-weight:bold; font-size:16px; margin-bottom:10px;}
p.prod-view-code {margin-bottom:0; font-size:9px;}
.prod-view-price {font-weight:bold; font-size:16px;}
#prod-view-wheretobuy {background:url(../images/buttons/where-to-buy.png) top no-repeat; width:82px; height:82px; float:right; display:block;}
#prod-view-wheretobuy:hover {background-position:bottom;}
.prod-view-image-left {background:url(../images/backgrounds/prod-view-image-left.png) top left no-repeat; padding-left:10px; float:right; width:560px;}
.prod-view-image-right {background:url(../images/backgrounds/prod-view-image-right.png) top right no-repeat; padding-right:10px;}
.prod-view-image {margin-bottom:30px; background:#fff; padding-left:75px; padding-right:75px;}
.prod-view-image-large {padding:20px; float:left; width:520px; background-color:#fff; text-align:center; margin-left:20px; margin-bottom:20px; -moz-border-radius:10px; border-radius:10px;}
.prod-view-image-small {padding:6px; float:left; background-color:#fff; text-align:center; margin-left:20px; margin-bottom:20px; -moz-border-radius:6px; border-radius:6px;}



/* category view */
.cat-thumb {background:url(../images/backgrounds/cat-thumb.png) no-repeat; width:570px; height:110px; display:block; overflow:hidden; margin-bottom:20px; margin-left:20px;}
.cat-thumb:hover {cursor:pointer;}
.cat-name {margin-left:10px; font-size:20px; line-height:20px; text-transform:uppercase; font-weight:bold; margin-top:10px; margin-bottom:6px;}
.cat-thumb:hover .cat-name {color:#9f9f9f;}
.cat-desc {font-size:9px; color:#666; line-height:normal; margin-left:10px;}
.cat-thumb img {float:right; margin-right:10px;}
.cat-thumb span {width:240px; display:block;}


/* keepers  view */
#title-keepers {background: url(../images/titles/keepers.png) no-repeat; width:568px; height:22px;}
#amazing-keepers-intro {background:url(../images/backgrounds/amazing-keepers-intro.png) no-repeat; width:575px; height:115px;}
.keepers-left {width:600px; float:left;}
.keepers-right {background:url(../images/backgrounds/v-line.png) left repeat-y; width:180px; float:right; padding-left:60px;}
#title-amazing-keepers {background:url(../images/titles/amazing-keepers.png) no-repeat; width:150px; height:11px; margin-bottom:20px;}
#title-keepers-personal {background:url(../images/titles/keepers-form-personal.png) no-repeat; width:282px; height:19px; margin-bottom:10px;;}
#title-keepers-address {background:url(../images/titles/keepers-form-address.png) no-repeat; width:282px; height:19px; margin-bottom:10px;;}
#title-keepers-club {background:url(../images/titles/keepers-form-club.png) no-repeat; width:282px; height:19px; margin-bottom:10px; margin-top:10px;}
#title-keepers-club-rep {background:url(../images/titles/keepers-form-club-rep.png) no-repeat; width:282px; height:19px; margin-bottom:10px; margin-top:10px;}
#SponsorshipForm label {display:block; margin-bottom:2px; color:#fff;}
#SponsorshipForm label.show {display:none;}
#SponsorshipForm select {padding:6px; margin-bottom:6px; border:0;}
#SponsorshipForm input, textarea {padding:6px; width:270px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:6px; border:0;}
#SponsorshipForm input {background:url(../images/backgrounds/keepers-form-text-field.png) no-repeat;}
#SponsorshipForm textarea {background:url(../images/backgrounds/keepers-form-textarea.png) no-repeat; width:270px; height:151px;}
#send-application {background:url(../images/buttons/send-app-button.png) top no-repeat; width:140px; height:32px; border:0; margin-top:20px;}
#send-application:hover {background-position:center; cursor:pointer;}
#send-application:active {background-position:bottom;}
.keeper-profile {text-align:center; color:#fff; font-weight:bold; width:150px; margin-top:6px;}
.keeper-profile a{ text-decoration:none;}
#button-apply-now {background:url(../images/buttons/apply-now.png) top no-repeat; display:block; width:100px; height:100px; float:right; margin-top:-20px;}
#button-apply-now:hover {background-position:bottom;}

/** profiles **/
.profile-left {width:600px; float:left;}
.profile-right {background:url(../images/backgrounds/v-line.png) left repeat-y; width:180px; float:right; padding-left:60px;}
#profile-title {display:block; margin-bottom:20px;}
.profile-product-thumb {background:url(../images/backgrounds/profile-image-thumb.png) top no-repeat; padding:5px; margin-right:10px; margin-bottom:10px;}
h2#title-amazing-gear {background:url(../images/titles/amazing-gear-i-use.png) no-repeat; width:212px; height:15px; margin-bottom:10px; margin-top:20px;}
.profile-questions {float:left; width:430px;}
.profile-questions p {margin:0;}
.profile-questions p.profile-answer {margin-bottom:10px;}
.profile-image {margin-right:20px; float:left;}

/** sponsorship **/
#title-apply-for-sponsorship {background:url(../images/titles/apply-for-sponsorship.png) no-repeat; width:398px; height:22px;}
.sponsorship-left {width:600px; float:left; background:url(../images/backgrounds/v-line.png) right repeat-y; padding-right:60px;}
.sponsorship-right {width:180px; float:right;}


/* latest news view */
#title-latest-news {background: url(../images/titles/latest-news.png) no-repeat; width:205px; height:22px;}
#title-other-news {background: url(../images/titles/other-news.png) no-repeat; width:183px; height:18px; margin-bottom:20px;}
.news-left {float:left; width:570px;}
.news-left p {margin-bottom:6px;}
.news-right {float:right; width:270px; background:url(../images/backgrounds/v-line.png) left repeat-y; padding-left:30px;}
.news-title a{text-decoration:none;}
.news-title-header a{text-decoration:none; font-weight:bold;}


/* where to buy view */
#title-where-to-buy {background: url(../images/titles/where-to-buy.png) no-repeat; width:655px; height:22px;}
#where-to-buy-list li {float:left; height:160px; width:250px; margin:5px; background: url(../images/backgrounds/where-to-buy.png) no-repeat; padding:20px;}
#where-to-buy-list p {color:#000;}
#where-to-buy-list a {color: #666;}
#where-to-buy-list a:hover {color:#000;}


/* footer */
#footer-left {float:right; position:relative; left:-20%; margin-bottom:40px;}
#footer-left li {float:left;}
#footer-obo-logo {background:url(../images/logos/footer-obo-logo.png) no-repeat; width:39px; height:20px; display:block; margin-top:40px;}
#footer-copyright {background:url(../images/backgrounds/footer-copyright-hp.png) no-repeat; width:559px; height:9px; display:block; margin-top:45px; margin-left:5px;}
#footer-page-nav {float:right; margin-top:40px;}
#footer-page-nav li {float:left;}
#footer-page-nav li a {height:18px; display:block; background-position:top;}
#footer-page-nav li a:hover {background-position:bottom;}