@font-face {
    font-family: "Play";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Play-Regular.eot');
    src: local("trwgadfs"), url('fonts/Play-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "Play Bold";
    font-style: normal;
    font-weight: bold;
    src: url('fonts/Play-Bold.eot');
    src: local("trwgadfs"), url('fonts/Play-Bold.ttf') format("truetype");
}

body {
    background: #ccc url(images/bg-center-grey-grey.jpg?1345111455) repeat-y center top;
    color: #666;
}
#wrapper {
    margin: 20px auto;
}
a {
    color: #0066cc;
}
a.button,
a.button:hover {
    font-family: "Play", Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    background: url(images/icon_arrow_right.gif?1345111455) no-repeat left center;
    padding-left: 20px;
    padding-top: 2px;
}
a.button:hover {
    text-decoration: underline;
}
.hide {
    background-image: url(images/icon_arrow_up.gif?1345111455);
    color: #666;
}

.show {
    background-image: url(images/icon_arrow_down.gif?1345111455);
}
#globalWrapper,
#identityWrapper,
#topNav,
#breadcrumbWrapper,
#topGraphicWrapper,
#adLeaderboardWrapper,
#contentWrapperWrapper,
#footer {
    width: 956px;
}

/* WRAPPER */
#wrapper {
    background: #fff;
}
#globalWrapper {
    padding: 0 28px;
    width: 900px;
}
#globalLanguage {
    padding: 9px 0 0 0;
}
#globalLanguage li {
    margin-left: 15px;
}
#globalLanguage a {
    color: #999;
    font-size: 11px;
    text-transform: none;
}
#globalLanguage a.active {
    color: #333;
    font-weight: normal;
}
#globalSearch {
    padding-top: 3px;
}
#globalSearch .field {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #999;
    height: 20px;
    padding: 1px 5px 0px 5px;
    width: 183px;
}
#globalSearch .button {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #666;
    font-size: 12px;
    height: 23px;
    margin: 0 0 0 4px;
    padding: 2px 10px 4px 10px;
    text-align: center;
}

/* IDENTITY TOP */
#identityContact {
    border-bottom: 0;
    padding: 20px 28px;
}
#identity {
    padding-left: 28px;
}
#contact {
    right: 28px;
}
#companyName {
    font-family: "Play", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 3px;
    color: #999;
}
#companyTagline {
    font-family: "Play", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #999;
}

#actionLine {
    font-family: "Play", Arial, sans-serif;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 3px;
}
#phoneNumber {
    font-family: "Play", Arial, sans-serif;
    font-size: 14px;
    color: #999;
}

/* TOP NAVIGATION */
#topNav {
    border-bottom: 0;
}
#topNav ul {
    margin: 0 28px;
    width: 900px;
}


#topNav ul li a {
    font-family: "Play", Arial, sans-serif;
    background: none;
    border-bottom: 10px solid #fff;
    border-right: 1px solid #fff;
    border-top: 17px solid #fff;
    color: #666;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    margin: 0 15px 0 0;
    padding: 0 !important;
}

#topNav ul li a.active, #topNav ul li a.active:hover {
    background: #333;
    font-style: normal  !important;
    font-weight: normal !important;
    color: #cc0000;
}
#topNav ul li a:hover {
    color: #000;
}
#topNav ul li a.hasChildren {
    margin-bottom: 28px; /* Same margin as the submenu height*/
}
#topNav ul ul {
    margin: 0;
    top: 44px /* Same top as the topmenu height */
}
#topNav ul ul li a {
    border-bottom: 9px solid #fff;
    border-top: 0;
    font-size: 16px;
    height: 19px;
    line-height: 19px;
}
#topNav ul li a.active, #topNav ul li a.active:hover {
    background: none;
    color: #333;
    cursor: default;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

/* BREADCRUMB BAR */
#breadcrumbContainer {
    border: none;
    height: 26px;
    line-height: 26px;
    margin: 0 28px;
    padding: 0;
}
#breadcrumb {
    font-size: 10px;
}
#breadcrumb a {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    padding-right: 7px;
    margin-right: 0px;
}
#breadcrumb a:active, #breadcrumb li, #globalLanguage a   {
    font-family: Arial, Helvetica, sans-serif;
}

/* TOP GRAPHICS */

/* AD LEADERBOARD CONTAINER */
#adLeaderboard{
    background: #ccc;
}

/* CONTENT WRAPPER */

.contentArea .h1 {
    color: #333;
    font-family: "Play", Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
}

.contentArea .h2 {
    font-family: "Play", Arial, sans-serif;
    font-size: 20px;
    color: #333;
    font-weight: normal;
}
.contentArea .h1 a,
.contentArea .h2 a {
    color: #333;
}
.contentArea .h4 {
    font-family: "Play Bold", Arial, sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    bline-height: 17px;
}
.feeds dd strong {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    bline-height: 17px;
}

/* MODULE */
.module {
    color: #666;
    font-size: 13px;
    line-height: 16px;
}
.divider,
.border hr,
.linklist ul,
.linklist li,
.comments .h4,
.feeds .h2,
.formbuilder .h2,
.focus .h2,
.feeds .h2,
.feeds dd,
.comments dd {
    border-color: #666;
    border-width: 1px;
}



.focus .h2,
.feeds .h2 {
    padding-bottom: 7px;
}
.focus {
    border-bottom: 1px dotted #666;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}
.focus .h2 {
    margin-bottom: 1px;
}
.focus .h4 {
    margin-bottom: 7px;
}
.focus p {
    margin-bottom: 10px;
}
.feeds dd,
.comments dd,
.linklist li {
    border-bottom-style: dotted;
}

.feeds dl,
.comments dl {
    border: none;
}
.dotted {
    background-image: url(images/bg_dotted.gif?1345111455);
}
.border hr {
    padding-top: 8px;
}
.linklist li a {
    background-image: url(images/icon_arrow_right.gif?1345111455);
    color: #666;
    padding-left: 20px;
}
.comments .h4 {
    font-family: "Play", Arial, sans-serif;
    background: url(images/icon_comment.gif?1345111455) no-repeat left 3px;
    padding-left: 20px;
    padding-bottom: 2px;
}

.comments .h4 a,
.module h4.h4,
.module h2.h4 {
    color: #333;
}

.comments .right {
    color: #666;
}

.comments dt a,
.comments .small a {
    color: #333;
}
.comments dd a {
    color: #333;
}



.formbuilder.normal form {
    background: #fff;
    padding-left: 0px;
}

.formbuilder.simple {
    bpadding-left: 0px;
}
.formbuilder.simple .h2 {
    border: none;
    padding-bottom: 0;
}
.formbuilder.simple label {
    color: #666;
    font-size: 13px;
}


.formbuilder .text-container,
.formbuilder .textarea-container {
    border: 1px solid #d0d0d0;
}
.formbuilder .button {
    font-family: "Play", Arial, sans-serif;
    font-weight: bold;
    background: transparent url(images/icon_submit.png?1345111455) no-repeat right center;
    border: none;
    color: #333;
    font-size: 16px;
    height: 26px;
    padding: 0 15px 4px 0;
}



.gallery .pics li em {
    font-style: normal;
}
.gallery .pics li span.pic {
    background: #eee;
}
.gallery ul.nav {
    border-top: 1px dotted #999;
    font-size: 11px;
}
.gallery .nav .info {
    color: #666;
}
.gallery .nav a.previous {
    background-image: url(images/icon_arrow_left.png?1345111455);
    height: 10px;
    width: 12px;
}
.gallery .nav a.next {
    background-image: url(images/icon_arrow_right.png?1345111455);
    height: 10px;
    width: 12px;
}
/*
.gallery .nav a.previous {
    background: url(images/icon_arrow_left.gif?1345111455) no-repeat scroll 0 0 transparent;
}
.gallery .nav a.next {
    background: url(images/icon_arrow_right.gif?1345111455) no-repeat scroll 0 0 transparent;
}
*/
.map {
    border: none;
    padding: 0;
}
.map .mapcontainer {
    background: #fff;
    border: 1px solid #ccc;
    padding: 9px 9px 5px 9px;
}
.hours {
    padding: 0 0 5px 0;
}

.hours .content {
    background: #fff;
    color: #666;
    margin: 15px 15px 5px 15px;
    padding: 10px 15px 1px 15px
}
.hours p.small {
    margin-left: 15px;
}
.hours .h2 {
    background: #fff;
    padding-bottom: 8px;
}
.contact {
    background: none;
    border-bottom: 1px dotted #666;
    padding: 0;
}
.contact .h2 {
    border-bottom: 1px solid #666;
    padding-bottom: 8px;
}
.contact ul li strong {
    font-weight: normal;
}
.logos ul {
    background: none;
    border: none;
    padding: 0;
}
.external a {
    font-family: "Play", Arial, sans-serif;
    background: #333 !important;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    padding: 20px 15px !important;
}

/* SUB NAVIGATION */
.subnav a {
    font-family: "Play", Arial, sans-serif;
    font-size: 14px;
    color: #666;
    border: none;
}
.subnav a:hover {
    color: #000;
    text-decoration: none;
}
.subnav li {
    margin-bottom: 2px;
}
.subnav li li {
    margin: 0;
}
.subnav a.active, .subnav a.active:hover {
    color: #000;
    font-style: normal;
    font-weight: normal;
}
.subnav li li a {
    font-family: "Play", Arial, sans-serif;
    font-size: 12px !important;
    color: #666;
    padding-left: 12px;
}
.subnav li li li a {
    padding-left: 24px;
}
.subnav li li li li a {
    padding-left: 34px;
}
.subnav li li li li li a {
    padding-left: 44px;
}

/* ADDRESSBAR */
div.address {
    border: none;
    color: #333;
    font-size: 12px;
    height: 38px;
    letter-spacing: 0;
    line-height: 38px;
    margin: 0 28px 0 28px;
    text-transform: none;
}

/* POWERED BY BAR */
#poweredByContainer {
    border: none;
    padding-bottom: 15px;
}
#poweredBy {
    color: #333;
    margin-left: 28px;
}
#poweredByRight {
    margin-right: 28px;
}

/* GALLERY */
.gallery .pics em {
    color: #999;
    font-size: 11px;
    font-weight: normal;
}
.pics li a{
    color: #999;
}
.gallery .nav .info {
    color: #666;
}

.gallery .nav a.next {
    background: url(images/icon_arrow_right.gif?1345111455) no-repeat scroll 0 0 transparent;

}
.gallery .nav a.previous {
    background: url(images/icon_arrow_left.gif?1345111455) no-repeat scroll 0 0 transparent;

}

/* BUTTONS */
.shopButtonWrapper {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.shopButton,
.checkoutArea form .shopButton,
.formbuilder .button {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #333;
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.formbuilder .button {
    padding: 0 20px;
}