/*
Theme Name:		Hotsails 2013 by Dream Stage Creative
Theme URI:		http://www.hotsailsaustralia.com.au                      
Description:	Theme produced from PSD designs for Hot Sails Australia  
Author:			Praboda and Daniel from Dream Stage Creative                          
Author URI:		http://www.dreamstagecreative.com.au             
Version:		1
*/


@font-face {

    font-family: 'BebasRegular';

    src: url('inc/fonts/BEBAS___-webfont.eot');

    src: url('inc/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),

	url('inc/fonts/BEBAS___-webfont.woff') format('woff'),

	url('inc/fonts/BEBAS___-webfont.ttf') format('truetype'),

	url('inc/fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}





body{

    margin: 0px;

    background-image: url('img/background.png');

}



img{

    border: none;

}



.pageContent{

    margin-bottom: 25px !important;

}



.pageContent a{

    color:#ffffff;

    text-decoration: underline;

}

#crumbs a{text-decoration: underline !important;}

#mainWrapper{

    width: 100%;

    height: 100%;    

}



#pageWrapper{

    width: 960px;

    margin: 0px auto 0px auto;

}



#mainWrapper #theHeader{

    width: 100%;

    height: 150px;

    padding-top: 10px;

    background-image: url('img/header_background.png');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: 100% 100%;

}



#mainWrapper #theHeader #top{

    width: 960px;

    height: 72px;

    margin: 0px auto 0px auto;

}



#mainWrapper #theHeader #top #theLogo{

    width: 72px;

    height: 72px;

    float: left;

}



#mainWrapper #theHeader #top #right{

    font-family: BebasRegular;

    font-size: 35px;

    color: #ed2124;

    padding: 13px 5px 0px 15px;

    float: left;

}



#mainWrapper #theHeader #bottom{

    width: 960px;    

    height: 30px;

    padding-top: 15px;

    margin: 0px auto 0px auto;

}



#mainWrapper #theHeader #bottom #menu-topmenu{

    list-style: none;

    margin-left: -5px;

}



#mainWrapper #theHeader #bottom #menu-topmenu .menu-item{

    color: #ffffff;

    float: left;    

    margin-right: 85px;

    font-family: BebasRegular;

    font-size: 20px;

}



#mainWrapper #theHeader #bottom #menu-topmenu .menu-item:last-child{

    margin-right: 0px;

}



/*for IE7 and IE8 */





#mainWrapper #theHeader #bottom #menu-topmenu .menu-item a{

    color: #ffffff;

    text-decoration: none;

}



#mainWrapper #theHeader #bottom #menu-topmenu .menu-item a:hover{

    color: #e7eb6d;

    text-decoration: none;

}



#mainWrapper #theHeader #bottom #menu-topmenu .current-menu-item a{

    color: #e7eb6d;

}



#mainWrapper #pageWrapper #slideWrapper{

    margin-top: 75px;

    height: 370px;

}



#mainWrapper #pageWrapper #slideWrapper #theSlider{

    width: 630px;

    height: 370px;

    float: left;

    margin-right: 10px;

}



#mainWrapper #pageWrapper #slideWrapper #theGalleryPromo{

    position: relative;

    width: 315px;

    height: 180px;

    float: left;

}



#mainWrapper #pageWrapper #slideWrapper #specialPromo{

    position: relative;

    width: 315px;

    height: 180px;

    margin-top: 10px;

    float: left;

}



#mainWrapper #pageWrapper #slideWrapper .thumbFooter{

    font-family: BebasRegular;

    color: #ffffff;

    font-size: 18px;

    padding: 8px 0px 8px 15px;

    position: absolute;

    bottom: 0px;

    right: 0px;

    width: 300px;

    height: 24px;

    background-image: url('img/galleryPromoFoot.png');

    background-repeat: repeat-x;

    z-index: 9999;

}



#mainWrapper #pageWrapper #slideWrapper #theGalleryPromo:hover .thumbFooter, #mainWrapper #pageWrapper #slideWrapper #specialPromo:hover .thumbFooter{

    /*bottom: 2px;

    background-position-y: -2px !important;

    font-size: 20px;

    padding: 6px 0px 8px 15px;

    height: 26px;*/

}



#mainWrapper #pageWrapper #slideWrapper #theGalleryPromo:hover .thumbFooter .thePointer,

#mainWrapper #pageWrapper #slideWrapper #specialPromo:hover .thumbFooter .thePointer {

    right: 10px;

    top: 13px;

}



#mainWrapper #pageWrapper #slideWrapper .thumbFooter .thePointer{

    background-image: url('img/galleryPromoFootArrow.png');

    position: absolute;

    z-index: 9999;

    width: 16px;

    height: 16px;

    right: 15px;

    top: 13px;

}



#mainWrapper #pageWrapper #slideWrapper .slideRight img{

    width: 315px;

    height: 180px;

}



#mainWrapper #pageWrapper .img-for-slider{

    width: 730px;

}



#mainWrapper #pageWrapper .secHead{

    width: 305px;

    height: 47px;

    margin-top: 40px;



    background-image: url('img/secHead.png');

    background-repeat: no-repeat;

    clear: both;



    font-family: BebasRegular;

    color: #ffffff;

    font-size: 22px;

    text-align: center;

    padding-top: 15px;

}



#mainWrapper #pageWrapper #sectionLatestNews{

    margin-top: 20px;

    width: 100%;

    height: 165px;

    margin-bottom: 55px;

    clear: both;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox{

    width: 286px;

    height: 150px;

    color: #f2f772;

    font-size: 15px;

    background-color: #000000;

    margin-right: 5px;

    padding: 15px 15px 10px 15px;

    float: left;

    position: relative;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox .newsBoxReadMore{

    position: absolute;

    bottom: 10px;

    right: 15px;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox .newsBoxReadMore a{

    color: #ed2024;

    font-family: Tahoma, Arial;

    font-size: 11px;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox .newsBoxTitle{

    height: 15px;

    font-family: Tahoma, Arial;

    font-size: 14px;

    text-transform: uppercase;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox .newsBoxContent{

    color: #ffffff;

    font-family: Tahoma, Arial;

    font-size: 11px;

}



#mainWrapper #pageWrapper #sectionLatestNews .newsBox .newsBoxThumb{

    float:left;

    margin-right: 10px;

}



#mainWrapper #pageWrapper #sectionLatestNews #newsBox_3{

    margin-right: 0px !important;

}



#mainWrapper #pageWrapper #theBreadcrumb{

    margin-top: 85px;

    margin-bottom: 40px;

}



#mainWrapper #pageWrapper #theBreadcrumb, #mainWrapper #pageWrapper #theBreadcrumb a{

    color:#dfe46a;

    font-family: Tahoma, Arial;

    font-size: 14px;

    text-transform: capitalize;

    text-decoration: none;

}



#mainWrapper #pageWrapper #singleContent{

    width: 928px;

    height: auto;

    display: inline-block;    

    margin-bottom: 60px;

    padding: 1px 20px 50px 12px;

    font-family: Tahoma, Arial;

    font-size: 12px;

    color: #ffffff;

    line-height: 16px;



}



#mainWrapper #pageWrapper .blackColor{

    background-color: #000000;

}



#mainWrapper #pageWrapper #categoryContent .cat-sails{

    width: 100%;

    height: 560px;

    margin-top: 80px;

    position: relative;

    top: -5px;

    left: -12px;

    z-index: 300;

}



#mainWrapper #pageWrapper #categoryContent .cat-sails .backDiv{

    width: 1150px;

    height: 570px;

    background-image: url('img/catViewBack.png');

    background-size: 100%;

    background-repeat: no-repeat;

    position: absolute;

    left: -100px;

    z-index: -250;

}



#mainWrapper #pageWrapper #categoryContent #sails-items{

    position: absolute;

    top: 85px;

    width: 920px;

    padding: 0px 20px 0px 20px;

}



#mainWrapper #pageWrapper #categoryContent #sails-items .sail-item{

    float: left;

    width: 305px;

    text-align: center;

}



#mainWrapper #pageWrapper #categoryContent #sails-items .sail-item .sailItemThumb{



    height: 335px;

}



#mainWrapper #pageWrapper #categoryContent .sailsTitle{

    position: absolute;

    top: -2px;

    left: -15px;

    z-index: 280;

}



/* Post classes */

.alignleft{

    float:left;

    margin: 0px 15px 0px 0px;

}

.aligncenter{

    display: block;

    margin: 5px auto 5px auto;

    clear: both;

}

.alignright{

    float:right;

    margin: 0px 0px 0px 15px;

}

.redSpan{

    color:#ed2124;

}



#mainWrapper #pageWrapper #categoryContent .tinyCats{

    width: 100%;

    height: 300px;

    position: relative;

}



#mainWrapper #pageWrapper #categoryContent .tinyCat{

    width:345px;

    height:260px ;

    background-image: url('img/catViewBackSmall.png');

    background-repeat: no-repeat;

    background-size: 100%;



    padding-top: 75px;

    padding-left: 55px;

}



#mainWrapper #pageWrapper #categoryContent .tinyCat .thumb{

    width: 250px;

    /*height: 115px;*/

}



#mainWrapper #pageWrapper #categoryContent .tinyCat .masts-thumb{

    height: 115px;

}



#mainWrapper #pageWrapper #categoryContent #tiny-masts{

    position: absolute;

    left: -65px;

}



#mainWrapper #pageWrapper #categoryContent #tiny-asseccer{

    left: 275px;

    position: absolute;

}



#mainWrapper #pageWrapper #categoryContent #tiny-clothing{

    left: 615px;

    position: absolute;

}



#mainWrapper #pageWrapper #categoryContent .tinyCat .tinyTitle{

    width: 170px;

    height: 68px;

    position: absolute;

    left: 27px;

    top: 0px;

}



#mainWrapper #newsWrapper .newsItem{

    display: inline-block;

    width: 825px;

    height: 315px;

    position: relative;

    padding: 55px 90px 20px 45px;

}



#mainWrapper #newsWrapper .backDiv{

    background-image: url('img/access_back.png');

    width: 1175px;

    height: 390px;

    position: absolute;

    left: -120px;

    display: inline-block;

    z-index: -20;

    top: 0px;

}



#mainWrapper #newsWrapper .morelink{

    position: absolute;



    right: 90px;

    bottom: 116px;

}



#mainWrapper #newsWrapper .morelink a{

    font-family: Tahoma, Arial;

    font-size: 14px;

    color: red;

    text-decoration: none;

}



#mainWrapper #newsWrapper .morelink a:hover{

    text-decoration: underline;

}



#mainWrapper #newsWrapper .newsThumb{

    float: left;

    width: 175px;

    height: 175px;

    margin-right: 10px;

}

#mainWrapper #newsWrapper .newsTitle{

    color: #ffffff;

    font-family: BebasRegular;

    margin-bottom: 10px;

    font-size: 20px;

}



#mainWrapper .newsContent{

    color:#ffffff;

    font-family: Tahoma, Arial;

    font-size: 14px;

}





#mainWrapper #theFooter{

    width: 100%;

    height: 90px;

    background-image: url('img/footer_background.png');

    background-repeat: no-repeat;

    background-size: cover;



    background-position-x: center;

    -ms-behavior: url('inc/backgroundsize.min.htc');

}



#mainWrapper #theFooter #footerWrapper{

    width: 960px;

    margin: 0px auto 0px auto;

}



#mainWrapper #theFooter #footerWrapper{

    position: relative;

}



#mainWrapper #theFooter #footerWrapper #copyrightText{

    color: #AAA;

    position: absolute;

    top: 59px;

    font-family: Arial;

    font-size: 12px;

}



#mainWrapper #theFooter #footerWrapper #footerMenu{

    position: absolute;

    top:15px;

    left: 0px;

    padding: 0px;

}



#mainWrapper #theFooter #footerWrapper .connectIco{

    float: right;

    margin-top: 20px;

}



#mainWrapper #theFooter #footerWrapper #connectTwitter{

    margin-left: 10px;

}

#mainWrapper #theFooter #footerWrapper #footerMenu .menu{

    list-style: none;

    padding: 0px;

}



#mainWrapper #theFooter #footerWrapper #footerMenu .menu a{

    color: #ffffff;

    text-decoration: none;

    font-family: Arial;

    font-size: 14px;

}



#mainWrapper #theFooter #footerWrapper #footerMenu .menu a:hover{

    text-decoration: underline;

}



#mainWrapper #theFooter #footerWrapper #footerMenu .menu-item{

    float:left;

    padding-left: 12px;

    padding-right: 12px;

    border-right-color: #fff;

    border-right-style: solid;

    border-right-width: 1px;

    height: 20px;

}



#mainWrapper #theFooter #footerWrapper #footerMenu .menu-item:first-child{

    padding-left: 0px !important;

}



#mainWrapper #theFooter #footerWrapper #footerMenu .menu-item:last-child{

    border-right: none;

    padding-right: 0px !important;

}



/* order-now page styles */

#theOrderNowPage{

    position:relative;

    display: inline-block;

    height: 700px;

    width: 100%;

}



#theOrderNowPage #theForm{

    position: absolute;

    top: 160px;

    display: inline-block;

}



#theOrderNowPage #theFormTitle{

    position:absolute;

    top: 55px;

}



#theOrderNowPage #back-name{

    background-image:url('img/orderNowIco1.png');

    width:25px;

    height:20px;

    background-repeat:no-repeat;

    float:left;

}



#theOrderNowPage #back-email{

    background-image:url('img/orderNowIco2.png');

    width:25px;

    height:20px;

    background-repeat:no-repeat;

    float:left;

}



#theOrderNowPage #back-number{

    background-image:url('img/orderNow3.png');

    width:25px;

    height:20px;

    background-repeat:no-repeat;

    float:left;

}



#theOrderNowPage #back-message{

    background-image:url('img/orderNow4.png');

    width:25px;

    height:20px;

    background-repeat:no-repeat;

    float:left;

}



#theOrderNowPage .text{

    font-weight: bold;

    font-size: 12px;



}



#theOrderNowPage .theInput{

    margin-bottom: 20px;

    margin-top: -2px;

    clear: both;

}



#theOrderNowPage .theInput input{

    width: 315px;

    height: 20px;

}



#theOrderNowPage .theInput textarea{

    width: 480px;

    height: 165px;

}



#theOrderNowPage #rightSlider{

    width: 310px;

    position: absolute;

    right: 0px;

}



#theOrderNowPage #rightSlider .imgForSlide{

    width: 310px;

    height: 90px;

    margin-top: 55px;

}



#theOrderNowPage #rightSlider .textForSlide{

    font-family: Tahoma, Arial;

    font-size: 14px;

    margin-top: 13px;

}



#theOrderNowPage #back-submit img{cursor: pointer;}



#teamRiderContent .riderWrapper .thumbImage{

    height: 96px !important;

}



#teamRiderContent .riderWrapper .thumbContent img{

    height: 90px !important;

}



#teamRiderContent .riderWrapper .thumbArea{

    /*    left:0px !important;

	width:403px !important;*/

}



#teamRiderContent .riderWrapper{

    width: 900px;

    height: 450px;

    position: relative;

    padding: 80px 10px 10px 50px;

    margin-top: 80px;

    display: inline-block;

}



#teamRiderContent .riderWrapper .riderGallery{

    float:left;

    width: 410px;

}



#teamRiderContent .riderWrapper .riderBack{

    background-image: url('img/teamRiderBackg.png');

    width: 1175px;

    height: 570px;

    position: absolute;

    left: -110px;

    top: 0px;

    z-index: -10;

}



#teamRiderContent .riderWrapper .riderName{

    background-image: url('img/teamRiderNameBack.png');

    position: absolute;

    width: 305px;

    height: 50px;

    right: 10px;

    top: -8px;

    z-index: 300;

    text-align: right;

    padding: 50px 30px 0px 0px;

    font-family: BebasRegular;

    font-size: 22px;

    color:#ffffff;

}



#teamRiderContent .riderWrapper .riderDetails{

    width: 450px;

    float: right;

    z-index: 350;

    height: 290px;

    margin-right: 45px;

    top: 100px;

    position: absolute;

    right: -10px;

}



#teamRiderContent .riderWrapper .riderDetails .detailTag{

    font-family: Tahoma, Arial;

    font-size: 14px;

    text-transform: uppercase;

    color: #0becf4;

}



#teamRiderContent .riderWrapper .riderDetails .detailText{

    font-family: Tahoma, Arial;

    font-size: 13px;

    text-transform: uppercase;

    color: #ffffff;

    margin-bottom: 10px;

}



#specialsWrapper{

    display: inline-block;

}



#specialsWrapper .special{

    width: 100%;

    height: 510px;

    position: relative;

    margin-top: 80px;



}



#specialsWrapper .special .spBack{

    background-image: url('img/specialsBack.png');

    background-repeat: no-repeat;

    z-index: -10;

    width: 1175px;

    height: 575px;

    position: absolute;

    left: -115px;

}



#specialsWrapper .special .spTitle1{

    background-image: url('img/spec_1.png');

    background-repeat: no-repeat;

    position: absolute;

    width: 260px;

    height: 105px;

    left: -25px;

    top: 0px;

}



#specialsWrapper .special .spTitle2{

    background-image: url('img/spec_2.png');

    background-repeat: no-repeat;

    position: absolute;

    width: 260px;

    height: 105px;

    left: -25px;

    top: 0px;

}



#specialsWrapper .special .spContent{

    position: absolute;

    left: 30px;

    top: 110px;

}



/* accessories styles */

#accessories{

    display: inline-block;

}

#accessories .wrapper{

    position: relative;

    width: 805px;

    height: 240px;

    margin-top: 30px;

    padding-left: 40px;

    padding-top: 60px;

    margin-bottom: 95px;

}



#accessories .wrapper .back{

    position: absolute;

    background-image: url('img/access_back.png');

    width: 1175px;

    height: 390px;

    display: inline-block;

    left: -125px;

    top: -50px;

    z-index: -10;

}



#accessories .wrapper .title{

    position: absolute;

    top: -55px;

    left: -30px;

}



#accessories .wrapper .content{

    line-height: 18px;

    font-family: Tahoma, Arial;

    font-size: 14px;

}



#accessories .wrapper .price{

    position: absolute;

    right: -70px;

    bottom: 35px;

}



#pageWrapper #galleryWrapper{margin: 125px 0 50px 0; padding-bottom: 50px; position: relative;display: inline-block;}

#pageWrapper #galleryWrapper #galleryHeader{position: absolute;top: -80px;background-image: url('img/secHead.png');width: 205px;height: 52px;font-family: 'BebasRegular'; font-size: 22px;color:#fff;padding: 10px 0px 0px 100px;}

#pageWrapper #galleryWrapper .galleryThumb{width: 260px;height: 195px;float: left;margin: 35px 0px 0px 43px;display: inline-block;}

#pageWrapper #galleryWrapper .aGalleryThumb{width: 260px;height: 195px;}



#theArchive{background-image: url('img/secHead.png');width: 285px;height: 47px;font-family: 'BebasRegular'; font-size: 22px;color:#fff;padding: 15px 0px 0px 20px;}

#theArchive .theTitle{display: block;float: left;}

#theArchive select{margin-left: 15px;float:left;height: 25px;margin-top: 3px;}

#copyrightText>a {
	color:inherit;
	text-decoration:inherit;
}
#copyrightText>a:hover {
	color:#FFF;
	text-decoration:underline;
}