body {background: #f8f8f8; color: #888;}
.wrap {width: 980px; margin: 0 auto; padding: 0 0 62px; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 447px; position: relative; z-index: 4;}
#header h1 {background: url(../images/logo-home.png) no-repeat; width: 980px; height: 122px; position: relative; z-index: 3;}
#header ul#headerNav {width: 688px; height: 37px; top: 30px; left: 267px; position: absolute; z-index: 4;}
#header ul#headerNav li {background-image: url(../images/headerNav-lnk.png); height: 37px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li a {background: transparent; height: 37px; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ps {background-position: -8px 0; width: 89px; left: 8px;}
.products #header ul#headerNav li#ps,#header ul#headerNav li#ps:hover {background-position: -8px -54px;}
#header ul#headerNav li#ps a#pslnk {width: 89px;}
#header ul#headerNav li#cs {background-position: -97px 0; width: 99px; left: 97px;}
.customers #header ul#headerNav li#cs,#header ul#headerNav li#cs:hover {background-position: -97px -108px;}
#header ul#headerNav li#cs a#cslnk {width: 99px;}
#header ul#headerNav li#uy {background-position: -197px 0; width: 141px; left: 197px;}
.usercommunity #header ul#headerNav li#uy,#header ul#headerNav li#uy:hover {background-position: -197px -162px;}
#header ul#headerNav li#uy a#uylnk {width: 141px;}
#header ul#headerNav li#st {background-position: -340px 0; width: 79px; left: 340px;}
.support #header ul#headerNav li#st,#header ul#headerNav li#st:hover {background-position: -340px -216px;}
#header ul#headerNav li#st a#stlnk {width: 79px;}
#header ul#headerNav li#ns {background-position: -420px 0; width: 132px; left: 420px;}
.newsevents #header ul#headerNav li#ns,#header ul#headerNav li#ns:hover {background-position: -420px -270px;}
#header ul#headerNav li#ns a#nslnk {width: 132px;}
#header ul#headerNav li#ar {background-position: -553px 0; width: 129px; left: 553px;}
.abouticlicker #header ul#headerNav li#ar,#header ul#headerNav li#ar:hover {background-position: -553px -324px;}
#header ul#headerNav li#ar a#arlnk {width: 129px;}
/*1st level dropdown*/
#header ul#headerNav li div {width: 162px; height: auto; margin: 37px 0 0 0; padding: 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li div span {background-image: url(../images/headerNav-lnk.png); background-repeat: no-repeat; width: 178px; height: 17px; display: block;}
#header ul#headerNav li#ps div span {background-position: 0 -91px;}
#header ul#headerNav li#cs div span {background-position: -89px -145px;}
#header ul#headerNav li#uy div span {background-position: -189px -199px;}
#header ul#headerNav li#st div span {background-position: -332px -253px;}
#header ul#headerNav li#ns div span {background-position: -412px -307px;}
#header ul#headerNav li#ar div span {background-position: -512px -361px;}
#header ul#headerNav li ul {background: url(../images/headerNav-bottom.png) no-repeat 0 100%; color: #fcc; width: 178px; padding: 0 0 15px 0;}
#header ul#headerNav li ul li {background: none; height: auto; top: auto; position: relative;}
#header ul#headerNav li ul li a {color: #555; height: auto; padding: 5px 10px 5px 24px; left: auto; font-size: 1.2em; font-weight: bold; display: block; position: relative; text-indent: 0; overflow: visible;}
#header ul#headerNav li ul li a:hover {text-decoration: underline;}
#header ul#headerNav li:hover div {left: -8px;}
#header ul#headerNav li#ar:hover div {left: auto; right: 8px;}

#header ul#utilityNav {top: 5px; right: 28px; position: absolute; z-index: 4;}
#header ul#utilityNav li {list-style: none; display: inline;}
#header ul#utilityNav li a {color: #aef; margin: 0 0 0 15px; padding: 2px 0; font-weight: bold; font-size: 1.1em; display: block; float: left;}
#header ul#utilityNav li.cart a {background: url(../images/icon-cart.png) no-repeat 100% 0; padding: 2px 34px 2px 0;}
#header ul#utilityNav li a:hover {}

#header #bannerRotation {top: 67px; left: 0; position: absolute; z-index: 1;}
#header #bannerRotation ul#bannerImages {width: 980px; height: 380px; overflow: hidden; position: relative; z-index: 1;}
#header #bannerRotation ul#bannerNav {width: 960px; bottom: 5px; left: 10px; position: absolute; z-index: 9;}
#header #bannerRotation ul.banners1 {display: none;}
#header #bannerRotation ul#bannerNav li {list-style: none; display: inline;}
#header #bannerRotation ul#bannerNav li a {background: url(../images/css3/bg-bannerNav-a.png); color: #91e3f8; padding: 8px 0; text-align: center; font-weight: bold; font-size: 1.4em; text-decoration: none; display: block; float: left;}
.rgba #header #bannerRotation ul#bannerNav li a {background: rgba(0,0,0,0.55);}
#header #bannerRotation ul#bannerNav li a:hover,#header #bannerRotation ul#bannerNav li.selected a {background: url(../images/css3/bg-bannerNav-a-hover.png) repeat-x; color: #fff; /* approximately a 33% opacity on blue */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#550f2b54, endColorstr=#554291a8); /* IE8 uses -ms-filter for whatever reason... */-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#550f2b54, endColorstr=#554291a8);}
.cssgradients #header #bannerRotation ul#bannerNav li a:hover,.cssgradients #header #bannerRotation ul#bannerNav li.selected a {/* mozilla example - FF3.6+ */background: -moz-linear-gradient(rgba(15,43,84,.55) 0%, rgba(66,145,168,.55) 100%);/* webkit example */background: -webkit-gradient(linear, left top, left bottom, from(rgba(15,43,84,.55)),to(rgba(66,145,168,.55)));}
#header #bannerRotation ul#bannerNav li:first-child a {border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}
#header #bannerRotation ul#bannerNav li:last-child a {border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;}
#header #bannerRotation ul.banners2 li a {width: 50%;}
#header #bannerRotation ul.banners3 li a {width: 33.33%;}
#header #bannerRotation ul.banners4 li a {width: 25%;}
#header #bannerRotation ul.banners5 li a {width: 20%;}

/**************************************************content area********************************************/
#content {position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {position: relative;}

#main #calloutCarousel {background: url(../images/bg-calloutCarousel.jpg) no-repeat; width: 980px; height: 258px; position: relative;}
#main #calloutCarousel button {background-image: url(../images/arrow-calloutCarousel.png); width: 17px; height: 20px; top: 87px; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#main #calloutCarousel button.prev {background-position: 0 0; left: 22px;}
#main #calloutCarousel button.next {background-position: -17px 0; left: 942px;}
#main #calloutCarousel .callouts {width: 870px !important; top: 25px; left: 54px !important; position: absolute !important;}
#main #calloutCarousel .callouts ul {}
#main #calloutCarousel .callouts ul li {background-repeat: no-repeat; width: 219px; height: 150px; position: relative;}
#main #calloutCarousel .callouts ul li .contentContainer {margin: 60px 20px 0; font-size: 1em;}
#main #calloutCarousel .callouts ul li.callout1 {background-image: url(../images/callout-1.png);}
#main #calloutCarousel .callouts ul li.callout1 a {width: 219px; height: 157px; top: 0; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#main #calloutCarousel .callouts ul li.callout2 {background-image: url(../images/callout-2.png);}
#main #calloutCarousel .callouts ul li.callout2 a {width: 219px; height: 157px; top: 0; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#main #calloutCarousel .callouts ul li.callout3 {background-image: url(../images/callout-3.png);}
#main #calloutCarousel .callouts ul li.callout3 p.subscribe a {width: 146px; height: 22px; top: 21px; left: 36px; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#main #calloutCarousel .callouts ul li.callout3 h2 a {width: 186px; height: 23px; top: 51px; left: 14px; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}
#main #calloutCarousel .callouts ul li.callout3 h3 {font-size: 1.1em; padding: 20px 0 0;}
#main #calloutCarousel .callouts ul li.callout4 {background-image: url(../images/callout-4.png);}
#main #calloutCarousel .callouts ul li.callout4 a {width: 219px; height: 157px; top: 0; left: 0; position: absolute; display: block; text-indent: -9999em; overflow: hidden;}

/**************************************************footer**************************************************/
#footer {padding: 0 0 40px; position: relative; clear: both;}
#footer ul#footerNav {margin: 0 60px 40px;}
#footer ul#footerNav:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer ul#footerNav li {width: 15%; margin: 0 .75%; list-style: none; float: left;}
#footer ul#footerNav li a {color: #888; margin: 0 0 4px; font-size: 1.2em; font-weight: bold; display: block;}
#footer ul#footerNav li ul {margin: 0 0 0 12px;}
#footer ul#footerNav li ul li {width: auto; margin: 0; float: none; list-style: disc outside;}
#footer ul#footerNav li ul li a {margin: 0 0 5px; font-size: 1em; font-weight: normal;}
#footer p {clear: both; text-align: center; font-size: 1.2em;}

/**************************************************fixed footer**************************************************/
#fixedFooter {background: url(../images/bg-fixedFooter-repeater.jpg) repeat-x; color: #a49d64; width: 100%; height: 59px; bottom: 0; position: fixed; clear: both; z-index: 5;}
#fixedFooter div {background: url(../images/bg-fixedFooter.jpg) no-repeat 50% 0;}
#fixedFooter ul {width: 880px; padding: 24px 0 0 100px;}
#fixedFooter ul:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#fixedFooter ul li {list-style: none; display: block; float: left; position: relative;}
#fixedFooter ul li a {color: #fff; padding: 0 14px; font-size: 1.2em; line-height: 2.08; font-weight: bold;}
/***************
#fixedFooter ul li a.icon {background-image: url(../images/icons-social.png); background-repeat: no-repeat; width: 41px; height: 41px; margin: -6px 14px 0 0; padding: 0; float: left; display: none; text-indent: -9999em; overflow: hidden; cursor: default;}
**********/
#fixedFooter ul li a.icon {background-image: url(../images/icons-social.png); background-repeat: no-repeat; width: 41px; height: 41px; margin: -6px 14px 0 0; padding: 0; float: left; display: block; text-indent: -9999em; overflow: hidden; cursor: default;}

#fixedFooter ul li#email a.icon {background-position: 0 0;}
#fixedFooter ul li#facebook a.icon {background-position: -55px 0; width: 42px;}
#fixedFooter ul li#twitter a.icon {background-position: -110px 0;}
#fixedFooter ul li#rss a.icon {background-position: -165px 0; margin-right: 115px;}
#fixedFooter ul li .dropUpMenu {bottom: 40px; position: absolute; display: none;}
#fixedFooter ul li:hover .dropUpMenu {display: block;}
#fixedFooter ul li#email .dropUpMenu {background: url(../images/bg-drop_up_menu-email.png) no-repeat; width: 297px; height: 98px; padding: 0; left: -82px;}
#fixedFooter ul li#facebook .dropUpMenu {background: url(../images/bg-drop_up_menu-facebook.png) no-repeat; width: 194px; height: 142px; padding: 20px; left: -96px;}
#fixedFooter ul li#twitter .dropUpMenu {background: url(../images/bg-drop_up_menu-twitter.png) no-repeat; width: 245px; height: 95px; left: -117px; padding: 16px;}
#fixedFooter ul li#rss .dropUpMenu {background: url(../images/bg-drop_up_menu-rss.png) no-repeat; width: 237px; height: 74px; left: -100px;}
#fixedFooter ul li .dropUpMenu a {padding: 0;}
#fixedFooter ul li#email form {position: relative;}
/***************
#fixedFooter ul li#email form input#txtSignUpEmail {background: transparent; color: #888; width: 155px; padding: 0; top: 45px; left: 25px; position: absolute; font-size: 1.1em; line-height: 1.17em; border-top: solid #f3f3f3; border-bottom: solid #f3f2f2; border-width: 1px 0;}
#fixedFooter ul li#email form button {width: 100px; height: 38px; top: 35px; left: 185px; position: absolute;}
******************/
#fixedFooter ul li#email input#txtSignUpEmail {background: transparent; color: #888; width: 155px; padding: 0; top: 45px; left: 25px; position: absolute; font-size: 1.1em; line-height: 1.17em; border-top: solid #f3f3f3; border-bottom: solid #f3f2f2; border-width: 1px 0;}
#fixedFooter ul li#email button {width: 100px; height: 38px; top: 35px; left: 185px; position: absolute;}

#fixedFooter ul li#facebook p.joinUsOnFacebook a {background: url(../images/button-join_us_on_facebook.gif) no-repeat; width: 150px; height: 22px; margin: 20px 0 0 25px; display: block; clear: both; text-indent: -9999em; overflow: hidden;}
#fixedFooter ul li#twitter img {margin: 0 5px 10px 0; float: left;}
#fixedFooter ul li#twitter h3 {color: #555; font-size: 1.2em;}
#fixedFooter ul li#twitter p.twitterLink a {color: #00a6d4; margin: 0 0 5px; font-size: 1.4em; line-height: 1em; display: block;}
#fixedFooter ul li#twitter p.followUsOnTwitter a {background: url(../images/button-follow_us_on_twitter.gif) no-repeat; width: 160px; height: 27px; margin: 0 0 0 44px; display: block; clear: both; text-indent: -9999em; overflow: hidden;}
#fixedFooter ul li#twitter p {color: #999;}
#fixedFooter ul li#twitter a.buttonFollow {background: url(../images/button-follow.gif) no-repeat; width: 58px; height: 22px; display: block; float: right; text-indent: -9999em; overflow: hidden;}
#fixedFooter ul li#rss .dropUpMenu a {width: 221px; height: 48px; top: 8px; left: 8px; position: absolute; display: block;}

#fixedFooter ul li#stayConnected {margin: -30px 0 0; padding: 0 100px 0 0;}
#fixedFooter ul li#stayConnected span {background: url(../images/bg-footer-stay_connected.jpg); width: 194px; height: 59px; display: block; text-indent: -9999em; overflow: hidden; cursor: pointer;}
#fixedFooter ul li#stayConnected {}
#fixedFooter ul li#stayConnected {}
/****************
#fixedFooter ul li#footerSearch form {background: url(../images/bg-search.jpg) no-repeat; width: 173px; height: 21px; margin: 0 0 0 9px; position: relative;}
#fixedFooter ul li#footerSearch form input#txtSearch {background: transparent; color: #888; width: 135px; padding: 0; top: 3px; left: 3px; position: absolute; font-size: 1.1em; line-height: 1.17em; border-top: solid #f3f3f3; border-bottom: solid #f3f2f2; border-width: 1px 0;}
#fixedFooter ul li#footerSearch form button {width: 30px; height: 21px; top: 0; right: 0; position: absolute;}
****************/
#fixedFooter ul li#footerSearch div {background: url(../images/bg-search.jpg) no-repeat; width: 173px; height: 21px; margin: 0 0 0 9px; position: relative;}
#fixedFooter ul li#footerSearch div input#txtSearch {background: transparent; color: #888; width: 135px; padding: 0; top: 3px; left: 3px; position: absolute; font-size: 1.1em; line-height: 1.17em; border-top: solid #f3f3f3; border-bottom: solid #f3f2f2; border-width: 1px 0;}
#fixedFooter ul li#footerSearch div button {width: 30px; height: 21px; top: 0; right: 0; position: absolute;}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 994px) {
  .wrap {padding: 0 0 20px;}
  #footer {padding: 0;}
  #fixedFooter {width: 980px; bottom: auto; position: relative;}
}