/* 
    Document   : Style
    Created on : Apr 17, 2012, 1:42:56 AM
    Author     : J.B.Market
    Description:
        J.B.Market Main Style
*/

@font-face { 
    font-family: "Fontin-Italic";
    src: url(http://www.jbmarket.net/demos/joomla/templates/joomlademos/css/fonts/Fontin-Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Fontin-Regular";
    src: url(http://www.jbmarket.net/demos/joomla/templates/joomlademos/css/fonts/Fontin-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Lobster";
    src: url("http://www.jbmarket.net/demos/joomla/templates/joomlademos/css/fonts/Lobster.otf") format("truetype");
}
@font-face {
    font-family: "Fontin-Bold";
    src: url("http://www.jbmarket.net/demos/joomla/templates/joomlademos/css/fonts/Fontin_Sans_B_45b.otf") format("truetype");
}

root { 
    display: block;
}


.header {
    background-color: #FFFFFF;
    background-image: url("img/header_bg.png");
    background-repeat: repeat-x;
    height: 68px;
    width: 100%;
}

.header a.logo {
    position: relative;
    background-image: url("img/demo_logo.png");
    float: left;
    height: 48px;
    margin-left: 20px;
    margin-top: 13px;
    width: 195px;
    z-index:2;
}

.header a.buy {
    position: relative;
    background-image: url("img/demo_page_buy_button.png");
    float: right;
    height: 47px;
    margin-right: 10px;
    margin-top: 10px;
    width: 130px;
    z-index:2;
}

.header a.buy:hover {
    background-position: -130px;
}

.header .demoname {
    position: absolute;
    width:100%;
    height: 68px;
    position: 0;
    left:0;
    top:0;
    z-index:1;
}

.header .demoname h1 {
    width:600px;
    height:inherit;
    text-align: center;
    margin:0 auto;
    font-family: Lobster;
    font-size:30px;
    color:#FFF;
    line-height:60px;
    font-weight: normal;
    text-shadow:1px 1px 1px #000;
}

.demo {
    margin:0 auto;
    margin-top:150px;
}

.customize {
    width:345px;
    height:47px;
    float:left;
    padding:15px;
}

.customize a{
    background-image: url('img/demo_page_custom_feature_button.png');
    width:345px;
    height:47px;
    float:left;
}

.customize a:hover {
    background-position: -345px;
}

.doc {
    float: left;
    height: 47px;
    margin-left: 94px;
    padding: 15px;
    width: 163px;
}

.doc a{
    background-image: url('img/doc.png');
    width:163px;
    height:47px;
    float:left;
}

.doc a:hover {
    background-position: -163px;
}

.JBSlider {
    /* margin-bottom:30px !important; */
}

.JBNews {
    margin:30px auto !important;
}

.JBWeather {
    padding: 0 !important;
    margin:30px auto !important;
}

span.price {
    float: right;
    margin-right: 30px;
    position: relative;
    z-index: 2;
    line-height:62px;
    font-family: Lobster;
    font-size:20px;
    color:#FFF;
}