/*
** woof_fonts.css
** WOOF Style Conventions LESS file
** By David Li & James Pessato 2013
** Last Updated - 03/03/2013
*/

@import "fonts/font_face.css";

/* Generic Site Styling */

p,
.ui-autocomplete.ui-menu {
	font-size: 13px;
	line-height: 16px;
	padding: 0px;
	margin: 5px 0px;
}

p big {
	font-size: 15px;
	line-height: 22px;
	padding: 0px;
	margin: 5px 0px;
}

.paragraph-1 ul {
	margin-left: 20px;
}

h1.heading-1
{
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
	margin: 0px 0px 10px 0px;
}

h2.heading-2
{

}

h3.heading-3
{
	font-size: 30px;
	line-height: 30px;
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
	margin: 0px 0px 10px 0px;
	padding: 0px;
	padding-bottom: 20px;
}

h3.heading-3.margin-bottom {
	margin: 0px 0px 30px 0px;
}
.productContainer h3.heading-3
{
	position: absolute;
	font-size: 30px;
	line-height: 10px;
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 1%;
	margin-left: 5%;
}

h4.subheading-1
{
	font-size: 22px;
	line-height: 26px;
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h5.subheading-2
{
	font-size: 19px;
	line-height: 20px;
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
	margin: 10px 0px;
	padding: 0px;
}

span.expo,
span.video-text {
	display: block;
	font-size: 22px;
	line-height: 23px;
	font-family: "Helvetica Neue", "Helvetica", "Helvetica Neue", "sans-serif";
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	color: #d50014;
}

span.video-text {
	color: #ffffff;
}

span.expo small,
span.video-text small {
	font-size: 18px;
	line-height: 19px;
}

span.expo big,
span.video-text big {
	font-size: 24px;
	line-height: 25px;
}

span.expo.edit {
	font-size: 18px;
	line-height: 20px;
	font-style: italic;
	font-family: "Helvetica Neue", "Helvetica", "Helvetica Neue", "sans-serif";
	color: #00358B;
}
.productRow .heading
{
	color: #676767;
}
.details .heading {
    color: #676767;
}
.paragraph-1
{
	font-family: "Helvetica", "Helvetica Neue", "sans-serif";
	font-size: 13px;
	line-height: 17px;
	padding: 0px;
	margin: 10px 0px;
}

.grid ul {
	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	font-family: "Helvetica", "Helvetica Neue", "sans-serif";
	font-size: 13px;
	line-height: 17px;
}

.grid li {
	padding: 5px 0px;
}

/* Transforms */

.uppercase,
.productContent .details .heading,
.productContent .heading,
.productContent .details th,
#quote-list-popup .heading,
#quote-list-popup th,
.quotes .heading,
.quotes th,
#popupMessageContainer.popup
{
	text-transform: uppercase;
}

/* Font Familys */

.FG3,
.header .productsDropdown .productWrap li,
.header .servicesDropdown .serviceWrap li 
{
	font-family: "nimbus_sans_becker_lconRg", "Helvetica Neue", "sans-serif";
}

.FG4,
.header nav ul li,
.footer nav ul li,
.randomLinkHeading,
.randomLinkSubHeading,
.homeSectionMiddle .heading,
.homeSlider .flex-control-nav h6,
.homeSlider .flexslider .heading,
.header .productsDropdown .productWrap .heading,
.header .servicesDropdown .serviceWrap .heading,
.topContent .subMenu1,
.topContent .subMenu2,
.contactBlock .heading,
.accord-header .heading,
.locationContainer .heading,
.promotions .heading,
#popupMainNavAllItems .heading,
.serviceContainer .heading,
.serviceContainer .subheading,
.contactContainer .heading,
.termsConditionsContainer .heading,
#successContainer .text,
.accessClubContainer .heading,
.accessClubContainer .subHeading,
.accessClubContainer .listContainer .text,
.productContent .heading .text,
.productContent .details .heading,
.productContent .heading,
#quote-list-popup .heading,
#quote-list-popup .emptyMessage.wrapper .text,
.bulletinContainer .headline,
.timeline .timelineNewYear,
.adviceContainer .heading,
.quotes .heading,
#popupMessageContainer.popup,
.header .productsDropdown .dropdownRow3,
.careersForm .label,
.timelineBornEntryBorderText .timelineEntryFirstYear,
.tradeAccountContainer .heading,
.tradeAccountContainer .subheading,
.productContent .details th,
.tradeAccountContainer .features .subheading,
.tradeAccountContainer .accountPreview h6,
.tradeAccountContainer .step h4,
#video-title
{
	font-family: "HelveticaNeue-CondensedBold", "nimbus_sans_becker_tblaconRg", "Helvetica Neue", "sans-serif";
}

.FG5,
html,
.randomLinkText,
.buttonYellow .text,
.homeSectionMiddle .subheading,
.homeSectionMiddle .copy,
.accountNavElement,
.quoteNavElement,
.homeSlider .flexslider .text,
.contactBlock .shortDescription,
.accord-content li,
.locationContainer .contentField .text,
.serviceContainer .copy,
.eventWrap .monthYear,
.eventWrap .date,
.eventWrap .infoContainer,
.eventWrap .topBar .next,
.eventWrap .topBar .prev,
.promotions .subHeading,
.promotions .description,
.promotions .adjust,
.contactContainer input[type=text],
.contactContainer select,
.contactContainer textarea,
.accessClubContainer input[type=text],
.accessClubContainer select,
.accessClubContainer textarea,
.careersForm input[type=text],
.careersForm select,
.careersForm textarea,
.footyTippingContainer input[type=text],
.footyTippingContainer select,
.footyTippingContainer textarea,
#expoRegistration input[type=text],
#expoRegistration select,
#expoRegistration textarea,
#expoRegistration label,
#expoRegistration .label,
#expoGiftRegister input[type=text],
#expoGiftRegister select,
#expoGiftRegister textarea,
#expoGiftRegister label,
#expoGiftRegister .label,
.form-generic input[type=text],
.form-generic select,
.form-generic textarea,
.form-generic label,
.form-generic .label,
.accessClubContainer .label,
.accessClubContainer .labelText,
.requiredFieldlocationContainer,
.contactDetailsWrap .contentField .text,
.termsConditionsContainer .subHeading,
.termsConditionsContainer .description,
.productContent .copy .text,
.productContent .details .description,
.productContent .details td,
.productRow .options .expand-trigger,
.productRow.no-image .options .expand-trigger,
.productRow .download.button,
#quote-list-popup .categoryTree,
#quote-list-popup th,
#quote-list-popup td,
.quotes .categoryTree,
.quotes th,
.quotes td,
.adviceContainer .copy .text,
.adviceContainer .download.button,
.productRow .options .error.message,
.noProducts,
.tradeAccountContainer .copy .text,
.productRow .download-icon-hover,
.tradeAccountContainer .features p,
.accountPreview .buttonGrey .inner,
.tradeAccountContainer .step p,
.locationContent .contentField .text,
.locationContent .contentField .text a,
.locationContent .contentField .text p
{
	font-family: "Helvetica", "Helvetica Neue", "sans-serif";
}

.FG6 {
	font-family: "nimbus_sans_becker_lconRg", "Helvetica Neue", "sans-serif";
}

.FGW,
.footerWoof {
	font-family: "SketchetikLight", "Arial", "sans-serif";
}

/* Font Sizes */

.WF11,
.requiredField
{
	font-size: 11px;
}

.WF12,
.randomLinkText,
.accountNavElement,
.quoteNav .element1,
.footerWoof,
.promotions .adjust,
.serviceContainer .copy,
.productRow .options .error.message,
.productRow .download-icon-hover,
.productContent .details td
{
	font-size: 12px;
}

.WF13,
.servicesDropdown .listing,
.footerSmallNav nav ul li,
.homeSectionMiddle .copy,
.homeSectionMiddle .subheading,
.contactBlock .shortDescription,
.accord-content li,
.eventWrap .topBar .next,
.eventWrap .topBar .prev,
.promotions .description,
.termsConditionsContainer .description,
.productContent .copy .text,
.productContent .details .description,
.productRow .options .expand-trigger,
.productRow.no-image .options .expand-trigger,
.productRow .download.button,
.adviceContainer .download.button,
.bulletinContainer .download.button,
#quote-list-popup .categoryTree,
#quote-list-popup td,
.quotes th,
.quotes td,
.adviceContainer .copy .text,
.tradeAccountContainer .copy .text,
.product-comment,
.homeSlider .flexslider .text,
.tradeAccountContainer .features p,
.accountPreview .buttonGrey .inner,
.tradeAccountContainer .accountPreview p,
.tradeAccountContainer .redirect p,
.tradeAccountContainer .step .text
{
	font-size: 13px;
}

.WF14,
.quoteNav .element2,
.quoteNav .element3,
.header .productsDropdown .productWrap li,
.header .servicesDropdown .serviceWrap li,
.contactContainer input[type=text],
.contactContainer select,
.contactContainer textarea,
.careersForm input[type=text],
.careersForm select,
.careersForm textarea,
.accessClubContainer input[type=text],
.accessClubContainer select,
.accessClubContainer textarea,
.footyTippingContainer input[type=text],
.footyTippingContainer select,
.footyTippingContainer textarea,
#expoRegistration input[type=text],
#expoRegistration select,
#expoRegistration textarea,
#expoRegistration label,
#expoRegistration .label,
#expoGiftRegister input[type=text],
#expoGiftRegister select,
#expoGiftRegister textarea,
#expoGiftRegister label,
#expoGiftRegister .label,
.form-generic input[type=text],
.form-generic select,
.form-generic textarea,
.form-generic label,
.form-generic .label,
.accessClubContainer .label,
.accessClubContainer .labelText,
.noProducts,
.productContent .details th,
#availability-field label,
.accessClubContainer .clubContent ul li,
.checklist p,
.footyTippingContainer p,
.buttonYellow .text,
.buttonGrey .text,
.button-remove,
.locationContent .contentField .text,
.locationContent .contentField .text a,
.locationContent .contentField .text p
{
	font-size: 14px;
}

.WF15,
.header nav ul li,
.footerNav nav ul li,
.locationContainer .contentField .text,
.eventWrap .monthYear,
.eventWrap .topBar .heading,
.promotions .subHeading,
.contactDetailsWrap .contentField .text,
.contactContainer .copy,
.contactContainer .subHeading,
.termsConditionsContainer .subHeading
{
	font-size: 15px;
}

.WF16,
.accord-header .heading,
#quote-list-popup .emptyMessage.wrapper .text,
.quotes .emptyMessage.wrapper .text,
.homeSlider .flex-control-nav h6
{
	font-size: 16px;
}

.WF17,
.accord-header .heading
{
	font-size: 17px;
}

.WF18,
.contactBlock .heading,
.termsConditionsContainer .subHeading,
#quote-list-popup .productRow .heading,
.quotes .productRow .heading,
.adviceContainer .download .heading
{
	font-size: 18px;
}

.WF20,
.header .productsDropdown .productWrap .heading,
.header .servicesDropdown .serviceWrap .heading,
#popupMainNavAllItems .heading,
.accessClubContainer .listContainer .text,
.productRow .remove.button,
#quote-list-popup .remove.button,
.quotes .remove.button,
.tradeAccountContainer .features .subheading,
.tradeAccountContainer .step h4,
.tradeAccountContainer .subheading
{
	font-size: 20px;
}

.WF21,
.randomLinkHeading,
.randomLinkSubHeading,
.productContent .details .heading,
.productContent .heading,
.quotes .contact.wrapper .heading,
#video-title
{
	font-size: 21px;
}

.WF24,
.promotions .heading,
#successContainer .text,
#popupMessageContainer.popup,
.header .productsDropdown .dropdownRow3
{
	font-size: 24px;
}

.WF26,
.homeSectionMiddle 
{
	font-size: 21px;
}

.WF27,
.homeSlider .flexslider .heading,
.accessClubContainer .subHeading
{
	font-size: 27px;
}

.WF30,
.topContent .subMenu1,
.topContent .subMenu2,
.locationContainer .heading,
.serviceContainer .heading,
.serviceContainer .subheading,
.contactContainer .heading,
.termsConditionsContainer .heading,
.productContent .heading .text,
#quote-list-popup .heading,
.quotes .heading,
.bulletinContainer .headline,
.adviceContainer .heading,
.tradeAccountContainer .heading,
.tradeAccountContainer .accountPreview h6
{
	font-size: 30px;
}

.WF34,
.accessClubContainer .heading
{
	font-size: 34px;
}

.WF38,
.adviceContainer .download .icon
{
	font-size: 38px;
}

.WF50,
.eventWrap .date
{
	font-size: 50px;
}

.WF55,
.timeline .timelineNewYear,
.timelineBornEntryBorderText .timelineEntryFirstYear
{
	font-size: 55px;
}
/***********************************************************************/
/* Line Height */

.WLH13,
.footerSmallNav nav ul li,
.contactBlock .shortDescription,
.productContent .details th
{
	line-height: 13px;
}

.WLH14,
.contactBlock .shortDescription,
.accord-content li,
.productContent .details td,
{
	line-height: 14px;
}

.WLH15,
.footerNav nav ul li
{
	line-height: 15px;
}

.WLH16,
.randomLinkText,
.homeSlider .flexslider .text,
.promotions .subHeading,
.promotions .description,
.promotions .adjust,
.termsConditionsContainer .description,
.productContent .details .description,
.productRow .options .expand-trigger,
.productRow.no-image .options .expand-trigger,
.product-comment,
.homeSlider .flex-control-nav h6,
.tradeAccountContainer .features p,
.adviceContainer .download .heading
{
	line-height: 16px;
}

.WLH18,
.contactBlock .heading,
.locationContainer .contentField .text,
.contactDetailsWrap .contentField .text,
.contactContainer .copy,
.contactContainer .subHeading,
.termsConditionsContainer .subHeading,
.header .productsDropdown .productWrap .heading,
.header .servicesDropdown .serviceWrap .heading,
.accessClubContainer .clubContent ul li
{
	line-height: 18px;
}

.WLH20,
.randomLinkHeading,
.randomLinkSubHeading,
.header .productsDropdown .productWrap li,
.header .servicesDropdown .serviceWrap li,
.tradeAccountContainer .features .subheading,
.tradeAccountContainer .step h4,
.locationContent .contentField .text,
.locationContent .contentField .text a,
.locationContent .contentField .text p
{
	line-height: 20px;
}

.WLH21,
.productContent .details .heading,
.productContent .heading,
#video-title
{
	line-height: 21px;
}

.WLH22,
.eventWrap .topBar .next,
.eventWrap .topBar .prev
{
	line-height: 22px;
}

.WLH24,
.promotions .heading,
.productRow .download.button,
.adviceContainer .download.button,
#popupMessageContainer.popup
{
	line-height: 24px;
}

.WLH25,
.bulletinContainer .download.button,
.accountPreview .buttonGrey .inner,
.button-remove
{
	line-height: 25px;
}

.WLH26,
.circleButton
{
	line-height: 26px;
}

.WF27,
.accord-header .circleButton,
.locationContainer .heading,
.homeSlider .flexslider .heading
{
	line-height: 27px;
}

.WLH30,
.topContent .subMenu1,
.topContent .subMenu2,
.contactContainer .heading,
.termsConditionsContainer .heading
{
	line-height: 30px;
}

.WLH31,
.quoteNavElement
{
	line-height: 31px;
}

.WLH32,
.eventWrap .topBar .heading,
.tradeAccountContainer .accountPreview h6
{
	line-height: 32px;
}

.WLH35,
.buttonYellow .text,
.buttonGrey .text,
.accountPreview .buttonYellow .inner,
.tradeAccountContainer .redirect .buttonYellow .inner,
.tradeAccountContainer .step .inner,
#expo .buttonYellow a,
#expo .buttonGrey a
{
	line-height: 35px;
}

.WLH38,
.accessClubContainer .heading
{
	line-height: 38px;
}

.WLH40,
.header nav ul li  
{
	line-height: 40px;
}

.WLH70,
.timeline .timelineNewYear
{
	line-height: 70px;
}

/* Paragraph Height */

.WPH10 {
	line-height: 10px;
}

/* Text Decoration */

.header .productsDropdown .productWrap li:hover {
	text-decoration: underline;
}

.accessClubContainer .clubContent ul li {
	font-style: italic;
}

.productContent .details .heading,
.productContent .heading{
    width: 380px;
}