template.css

@font-face {
    font-family: 'SalarymanRegular';
    src: url('../fonts/SALARYMA-webfont.eot');
    src: url('../fonts/SALARYMA-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SALARYMA-webfont.woff') format('woff'),
         url('../fonts/SALARYMA-webfont.ttf') format('truetype'),
         url('../fonts/SALARYMA-webfont.svg#SalarymanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.helvetica-light {
  font-family: "Neue Helvetica W01",Helvetica,Arial,sans-serif!important;
  font-style: normal!important;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  font-weight: 300!important;
  -webkit-font-smoothing: antialiased;
}
.product-img {
   /* max-width:100%; */
   max-height:100%; 
   position: relative;
    margin-left: auto;
    margin-right: auto;
   /**top: 50%;
    left: 50%;
    margin-right: -50%;**/
    /**transform: translate(-50%, -50%);**/
}

.logo > h1{
	font: 22px "SalarymanRegular", Arial, sans-serif;
	letter-spacing: 0;
	padding:0;
	margin-top:0px;
	color:#a2a1a1;
}

.page-header {
	border-bottom: none !important;
}

.sub-header {
	font: 15px "SalarymanRegular", Arial, sans-serif;
	letter-spacing: 0;
	padding:3;
	margin-top:30px;
	color:#a2a1a1;
}

.header-caption {
	font: 15px "SalarymanRegular", Arial, sans-serif;
	letter-spacing: 0;
	padding: 20px 0;
	margin-left: 8px;
}
.caption .header-white {
    /**color:#fff; **/
    color:#666666;
}

.sub-header-white {
    /**color:#fff; **/
    color:#666666; 
}

.row-exoticamobilia {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.uppercase {
	text-transform: uppercase;
}

.currentSelectedLink {
	color: #e84c3d !important;
    transition: all 0.2s ease-in-out 0s;
}

.store-name { 
	font: 22px "SalarymanRegular",Arial,sans-serif;
    letter-spacing: -1px;
}
	
a.grey:hover, a.grey:visited, a.grey:link, a.grey:active {
    text-decoration: none !important;
    color:#666666 !important;
}

a.white:hover, a.white:visited, a.white:link, a.white:active {
	text-decoration: none !important;
	color:#ffffff !important;
}

a.overlay {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.specialPrice {
	color:#FF0000;
}

@media (min-width: 701px) {
    .header-white {
        font-size: 42px;
    }
    .sub-header {
    	margin-top:0px;
        font-size: 34px;
    }
    .sub-sub-header {
    	margin-top:0px;
        font-size: 24px;
    }
    
    #rightText {
		text-align:right;
	}
	
	.twitter-typeahead {
		margin-top:-6px;
	}
	
	.no-desktop {
        visibility: hidden !important;
    }
}



@media (max-width: 700px) {
    .header-white {
    	margin-top:0px;
        font-size: 18px;
    }
    .sub-header {
    	margin-top:-10px;
        font-size: 15px;
    }
    .sub-sub-header {
    	margin-top:-35px;
        font-size: 10px;
    }
    #rightText {
		text-align:left;
	}
		

}


@media (max-width: 763px) {
    .no-responsive {
        display: none;
    }
    
    .twitter-typeahead {
		margin-left:10px;
	}
	
	.no-desktop {
        visibility: visible !important;
    }
       
}



.shop-banner {
	height: 120px;
	width: 1140px;
}

.shop-banner-title {
	margin-top:-10px;
	width: 1140px;
}


.logo-text {
	background: transparent url(../img/exotikamobilia.png) center left no-repeat;
	/**padding-left: 104px;**/
	width: 400px;
    height: 55px;
    margin-bottom: 0px !important;

}

.logo-text-inner {
  display: inline-block;
  line-height: 55px;
  margin-left:55px;
  vertical-align: middle;
}

/** hero banner **/


.bannerTextTitle {
  position: absolute;
}

.bannerTextColor {
  color: #222!important;
}

.bannerTextStyle {
  font-size: 50px;
  line-height: 0.9;
  margin: 0;
  float: left;
  letter-spacing: -1.5px;
}

.bannerMarginBottom {
  margin-bottom: 5px!important;
}

.bannerTextParagraphStyle {
  font-size: 16px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding-top: 5px!important;
  padding-left: 0!important;
}

.bannerRedBtn {
    background: #e84c3d none repeat scroll 0 0;
    /**border: 1px solid #c00;**/
    border: 1px solid #222;
    color: #fff !important;
    transition: all 0.2s linear 0s;
    margin-top: 15px!important;
    font-size: 11px;
    letter-spacing: .5px;
    padding: 8px 6px 5px 11px;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/** **/

.box-style-1 {
	max-height:360px;
	height:360px;
}

.ribbon-wrapper-green {
  width: 85px;/**85**/
  height: 88px;/**88**/
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: 14px;
}

.ribbon-green {
  font: bold 14px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -10px;/**-5**/
  top: 5px;/**15**/
  width: 130px;/**120**/
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  z-index:1000;
  margin-top: 15px!important;
}

.product-image {
    content: "";
    display: block;
    height: 100%;
    height:200px;
    position: relative;
    width: 100%;
    text-align:center;
    margin-left: auto ;
    margin-right: auto ;
}

#footer {
   margin-top:20px;
}

#footer .store-name {
	color: #999999 !important;
}

.footerLiks a {
   color:#999999 !important;
}

#map_canvas { height: 400px; }

#map_container {
        height:400px;
}

.site-slogan {
	margin-left:55px;	
	margin-top:-20px;
}


/** typeahead search **/
.tt-dropdown-menu,
.gist {
  text-align: left;
}

#searchFieldGroup .typeahead,
#searchFieldGroup .tt-query,
#searchFieldGroup .tt-hint {
  width: 250px;
  padding: 8px 12px;
  margin-top:4px;
  font-size: 14px;
  line-height: 35px;
  outline: none;
}

#responsiveSearchFieldGroup .typeahead,
#responsiveSearchFieldGroup .tt-query,
#responsiveSearchFieldGroup .tt-hint {
  width: 160px;
}

.twitter-typeahead {
	vertical-align:top;
}

.typeahead {
  background-color: #fff;
}

.tt-hint {
  color: #999
}

#searchFieldGroup .tt-dropdown-menu {
  width: 250px;
  margin-top: 4px;
  padding: 2px 0;
  background-color: #fff;
  color:#ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index:10000 !important;
}

#responsiveSearchFieldGroup .tt-dropdown-menu {
  width: 160px;
  margin-top: 4px;
  padding: 2px 0;
  background-color: #fff;
  color:#ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index:10000 !important;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 24px;
  
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #fbfbfb;

}

.tt-suggestion p {
  margin: 0;
}


/** end twitter typeahead search **/

button.close:hover {
	color: #cd3c2e !important;
}

.cartImage {
	height:100% !important;
}

.imageContainer {
	display:block;
    margin:auto;
}


#searchField {
    background-color: #ffffff !important;
}

.tabs-style-2 .nav-tabs {
    color: #f0f0f0 !important;
    /**border-bottom: 1px solid #f0f0f0 !important;**/
}

.slide-body {
	color:#333 !important;
}



.productItem .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#f0f0f0 !important;
}

.productItem .nav-tabs > li > a:hover {
    color:#f0f0f0 !important;
}

.comment-content {
    margin-left: 0px !important;;
}


.no-left-padding {
	padding-left:0px !important;
}

.no-right-padding {
	padding-right:0px !important;
}


/** checkout **/


.common-row {
    margin-left: -15px;
    margin-right: -15px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.no-padding-left {
	padding-left: 0px;
}

.no-padding-right {
	padding-right: 0px;
}

.checkout-box {
	margin-top:15px;
}


.checkout-title {
    margin-left: -15px;
    margin-right: -15px;
}

.contact-title {
    margin-left: -15px;
    margin-right: -15px;
}

/** overwrite dark_gray **/
.table > thead > tr > th {
    color: #fff !important;
}

fieldset {
    background-color: #fff;
}

#map_canvas {
	margin-left:30px;
}

#useAddress {
	margin-left:20px;
}

#shippingOptions {
	margin-left:20px;
}

.p-title {
	font-size:15px;
}

.total-box {
	margin-bottom:40px;
	margin-right:15px;
}

.total-box-grand-total {
	float:right;
	
}

.total-box-price {
	font-weight: bold;
}

.paymentTab > h4 {
	font-size: 15px !important;
    font-weight: 100 !important;
}

.checkout-box .tabbable .tab-content::after  {
	background-color: #fafafa !important;
}

.checkout-box .nav-tabs > li.active > a::after {
    background-color: #fafafa !important;
}

.checkout-box .nav-tabs > li.active > a::after {
	width:0px !important;
}

.checkout-box .tab-content {
	background-color: #fff;
}

.checkout-box .tab-content::after {
	width: 0px;
}

.checkout-box .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #fff !important;
}

.productItem .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #666666 !important;
}

#mainCartTable > thead > tr > th {
    color: #000 !important;
}


#customerAgreement {
    margin-left: 20px;
}