@import "normalize.css";

@import "other.css";

@import "prettyPhoto.css";
/*----------------------------------------------------
*      normalise, classes, fonts and colours
*----------------------------------------------------*/
/*class definitions. some stolen from LESS Elements 0.6 by Dmitry Fadeyev: http://lesselements.com*/
/*----------------------------------------------------
*            		fonts
*----------------------------------------------------*/
/*----------------------------------------------------
*            		colours
*----------------------------------------------------*/
/*----------------------------------------------------
*               main styles
*----------------------------------------------------*/
body {
  font: 12px 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
header#top {
  background: url(../img/header-bg.png) top left repeat-x;
}
#headerInner {
  background: #fff;
  position: relative;
  height: 215px;
  width: 1000px;
  margin: 0 auto;
}
#twitterlink,
#facebooklink {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 32px;
  height: 32px;
  background-color: transparent;
  background-image: url('../img/facebook.png');
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  right: 20px;
}
#twitterlink {
  background-image: url(../img/twitter.png);
  right: 58px;
}
#logo {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 124px;
  height: 132px;
  background-color: transparent;
  background-image: url('../img/logo.png');
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  top: 24px;
  left: 34px;
}
#strapline {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 478px;
  height: 51px;
  background-color: transparent;
  background-image: url('../img/strapline.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  top: 84px;
  right: 50px;
}
nav#baseNav {
  background: url(../img/menu-bg.png) top left repeat-x;
  position: absolute;
  top: 174px;
  width: 1000px;
  margin: 0 auto;
  height: 41px;
}
nav#baseNav ul {
  margin: 0 34px;
  padding: 0;
}
nav#baseNav ul li {
  float: left;
  margin: 0 30px 0 0;
  padding: 12px 0 0 0;
  height: 21px;
}
nav#baseNav ul li a {
  display: block;
  color: #0060aa;
  text-decoration: none;
}
nav#baseNav ul li a:hover {
  text-decoration: underline;
}
nav#productsNav {
  background-image: url(../img/menu-inner-bg.png), url(../img/menu-shadow.png);
  background-repeat: repeat-x, no-repeat;
  background-position: top left, bottom center;
  width: 1000px;
  height: 73px;
  clear: both;
  margin: 0 auto 360px auto;
  z-index: 2000;
  position: relative;
}
nav#productsNav ul {
  margin: 0;
  padding: 0;
  height: 68px;
  position: relative;
}
nav#productsNav ul li {
  float: left;
  border-right: 1px solid #000;
  position: relative;
}
nav#productsNav ul li:last-child {
  border-right: 0;
}
nav#productsNav ul li:last-child a {
  border-right: 0;
}
nav#productsNav ul li a {
  display: block;
  height: 28px;
  padding: 20px 10px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  border-right: 1px solid #4da4c8;
  min-width: 41px;
  -webkit-transition: 0.6s all ease-in-out;
  -moz-transition: 0.6s all ease-in-out;
  -ms-transition: 0.6s all ease-in-out;
  -o-transition: 0.6s all ease-in-out;
  transition: 0.6s all ease-in-out;
}
nav#productsNav ul li a:hover {
  background: rgba(0, 0, 0, 0.3);
}
nav#productsNav ul li ul {
  display: none;
  width: 240px;
  background: #0060aa;
  height: auto;
  position: absolute;
  left: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  z-index: 6000;
}
nav#productsNav ul li ul li {
  float: none;
  clear: both;
  border: 0;
}
nav#productsNav ul li ul li a {
  height: auto;
  padding: 5px 10px;
  border: 0;
  width: auto;
  text-align: left;
}
nav#productsNav ul li:hover ul {
  display: block;
}
#main {
  background: #0595e6 url(../img/main-bg.png) top left repeat-x;
  position: relative;
}
.mainInner {
  background: #ffffff url(../img/golf-top.jpg) top center no-repeat;
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 0 0;
  position: relative;
}
.mainInner.about,
.mainInner.contact,
.mainInner.external {
  background-image: url(../img/slides/about.jpg);
}
.mainInner.about nav#productsNav,
.mainInner.contact nav#productsNav,
.mainInner.external nav#productsNav {
  margin-bottom: 170px;
}
.mainInner.contact {
  background-image: url(../img/slides/contact.jpg);
}
.mainInner.external {
  background-image: none;
}
.mainInner.external nav#productsNav {
  margin-bottom: 0;
  background-color: #4C86AA;
}
.mainInner.external article {
  padding: 20px 0 0 0;
  width: 100%;
  z-index: 1;
}
.mainInner.external article h1 {
  margin: 0 20px 20px 20px;
}
.mainInner #slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 575px;
  overflow: hidden;
  z-index: 1;
}
.mainInner ul#darthPhader {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 575px;
}
.mainInner ul#darthPhader li {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 575px;
}
.mainInner ul#darthPhader li img {
  vertical-align: bottom;
}
.mainInner article {
  padding: 10px 25px 20px;
  margin: 0 auto;
  color: #fff;
  width: 904px;
  position: relative;
  z-index: 3000;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMC4wMSIgc3RvcC1jb2xvcj0iIzAwNDc3NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0icmdiYSgwLCA4MiwgMTM0LCAwLjcpIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
  background: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #004774), color-stop(100px, rgba(0, 82, 134, 0.7)));
  background: -webkit-linear-gradient(bottom, #004774 0%, rgba(0, 82, 134, 0.7) 100px);
  background: -moz-linear-gradient(bottom, #004774 0%, rgba(0, 82, 134, 0.7) 100px);
  background: -ms-linear-gradient(bottom, #004774 0%, rgba(0, 82, 134, 0.7) 100px);
  background: -o-linear-gradient(bottom, #004774 0%, rgba(0, 82, 134, 0.7) 100px);
  background: linear-gradient(to top, #004774 0%, rgba(0, 82, 134, 0.7) 100px);
}
.mainInner article a {
  color: #fff;
  text-decoration: underline;
}
.mainInner article a:hover {
  text-decoration: none;
}
#contactform {
  margin: 20px 0;
  padding: 0;
}
#contactform div {
  clear: both;
  margin: 0 0 10px 0;
}
#contactform div span {
  color: yellow;
}
#contactform label {
  display: block;
  font-size: 14px;
}
#contactform input,
#contactform textarea {
  background: #fff;
  color: #0060aa;
  font-family: 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  border: 2px solid #0060aa;
  padding: 5px 5px;
  width: 300px;
}
#contactform textarea {
  height: 60px;
}
#contactform button {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-family: 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  background: #0060aa;
}
#ajaxLoading {
  position: absolute;
  z-index: 5000;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 30px;
}
#externalLink {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  height: 1000px;
  background: #fff;
}
.hideme {
  display: none;
}
.gallerybox {
  float: left;
  margin: 0 25px 20px 25px;
}
.clear {
  clear: both;
}
#desktopcals img {
  float: left;
  margin: 0 25px 20px 25px;
}
footer {
  background: #0595e6 url(../img/footer-bg.png) bottom left repeat-x;
}
#footerInner {
  background: #ffffff url(../img/footer-inner-bg.png) bottom left repeat-x;
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 36px 0;
}
#footerInner > div {
  background: url(../img/footer-inner-inner-bg.png) top center repeat-y;
  padding: 135px 25px 20px 25px;
  width: 904px;
  margin: 0 auto;
  position: relative;
}
#footerInner > div p {
  margin: 0 0 10px 0;
  color: #fff;
  font-size: 14px;
}
#footerInner > div a {
  color: #fff;
  text-decoration: none;
}
#footerInner > div a:hover {
  text-decoration: underline;
}
#footerInner > div img {
  position: absolute;
  bottom: 20px;
  right: 15px;
}
#logoFooter {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 74px;
  height: 70px;
  background-color: transparent;
  background-image: url('../img/logo-footer.png');
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 20px;
  right: 145px;
}
section#squares {
  margin: 0 auto 10px;
  width: 954px;
}
section#squares img {
  vertical-align: bottom;
}
section#squares ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
section#squares ul li {
  display: block;
  margin: 0;
  float: left;
}
section#squares ul li a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 159px;
  height: 159px;
  background-color: transparent;
  background-image: url('../img/homeboxes-sprite.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}
section#squares ul li #promotionalProducts {
  background-position: 0 0;
}
section#squares ul li #promotionalProducts:hover {
  background-position: 0 -318px;
}
section#squares ul li #calendars {
  background-position: -159px 0;
}
section#squares ul li #calendars:hover {
  background-position: -159px -318px;
}
section#squares ul li #diaries {
  background-position: -318px 0;
}
section#squares ul li #diaries:hover {
  background-position: -318px -318px;
}
section#squares ul li #conferenceMerchandise {
  background-position: ;
}
section#squares ul li #conferenceMerchandise:hover {
  background-position: ;
}
section#squares ul li #golfProducts {
  background-position: -477px 0;
}
section#squares ul li #golfProducts:hover {
  background-position: -477px -318px;
}
section#squares ul li #umbrellas {
  background-position: -636px 0;
}
section#squares ul li #umbrellas:hover {
  background-position: -636px -318px;
}
section#squares ul li #leatherGoods {
  background-position: -795px 0;
}
section#squares ul li #leatherGoods:hover {
  background-position: -795px -318px;
}
section#squares ul li #promotionalClothing {
  background-position: 0 -159px;
}
section#squares ul li #promotionalClothing:hover {
  background-position: 0 -477px;
}
section#squares ul li #crystalAwards {
  background-position: -159px -159px;
}
section#squares ul li #crystalAwards:hover {
  background-position: -159px -477px;
}
section#squares ul li #promotionalProducts2 {
  background-position: -318px -159px;
}
section#squares ul li #promotionalProducts2:hover {
  background-position: -318px -477px;
}
section#squares ul li #mugs {
  background-position: -477px -159px;
}
section#squares ul li #mugs:hover {
  background-position: -477px -477px;
}
section#squares ul li #pensPencils {
  background-position: -636px -159px;
}
section#squares ul li #pensPencils:hover {
  background-position: -636px -477px;
}
section#squares ul li #usbDrives {
  background-position: -795px -159px;
}
section#squares ul li #usbDrives:hover {
  background-position: -795px -477px;
}