@import url(http://fonts.googleapis.com/css?family=Lato:300|Open+Sans:400,300);

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.eot');
    src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousines-webfont.ttf') format('truetype'),
         url('champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.3.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* GENERAL 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body  {background-color: #FFFFFF; color: #555; font-family:	Arial, Helvetica, sans-serif; font-size: 0.75em; padding: 0px; text-align: left; margin:0;}

/* HEADER
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
.site_header {background: #333333; margin-bottom:5px; height:28px;}
#header_nav {text-align: left; float: left;}
#header_nav a, #header_nav .active {
    font-family: 'champagne__limousinesregular', arial;
    padding: 7px 25px ;
    font-size: 13px;    
    text-decoration: none;
    color:#fff;
    letter-spacing: 1px;
    line-height: 28px;
    }
#header_nav a:hover, #header_login a:hover {color:#fff; background: #141414;}
#header_nav .active, #header_nav .active:hover {color:#fff; background: #141414 url(/images/caret_wht_up.png) bottom  center no-repeat; }
#header_links { text-align: right; float: right; margin: 6px 0;}
#header_links a {color: #fff; text-decoration: none; padding: 0px 10px;  border-right: #616161 solid 1px; color:#fff; font-family: 'open sans', arial;  font-size: 13px;}
#header_links a:hover {color:#777;}
#header_links a:last-child {border-right: 0px;}

#header_cart {float:right;  margin: 10px 0px 0px 0; width: 86px; height: 57px;}

.clear {clear: both;}

.container {max-width: 1000px; margin: 0 auto;}
.container {
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

/* MAIN
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, .h1 {font-size: 2.7em; margin-top:2px; margin-bottom:20px; letter-spacing: -0.5px; }
h2, .h2 {font-size: 2.3em; margin-top:2px;}
h3, .h3 {font-size: 2em; margin-top:2px; margin-bottom:4px; line-height: 1.3em; }
h4, .h4 {font-size: 1.6em; margin-top:2px; margin-bottom:3px;}
h5, .h5 {font-size: 1.3em; margin-top:2px; margin-bottom:2px;}
h6, .h6 {font-size: 1.05em; margin-top:2px; margin-bottom:2px;}
h7, .h7 {font-size: 0.8em; margin-top:0px; margin-bottom:0px;}

h1, h2, h3, h4, h5, h6, h7,
.h1, .h2, .h3, .h4, .h5, .h6, .h7 {
  color: #000;
  font-family: 'Open Sans', sans-serif;
}
h1, h2, .h1, .h2 {
  font-weight: 300;
}
h3, h4, h5, h6, h7, .h3, .h4, .h5, .h6, .h7 {
  font-weight: 400;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h7 strong {
    font-weight: 400;
}

h1 img {float: left; padding: 5px 10px 5px 0;}

.label {font-family: 'Open Sans'; font-weight:400; font-size: 1.2em; text-align: right; vertical-align:top; line-height: 20px; text-align:right; padding-right:5px; margin:0;}


.italic {font-style: italic;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding: 5px 7px;
    }
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666666666666%;}
.col-md-10 {width: 83.33333333333334%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666666666666%;}
.col-md-7 {width: 58.333333333333336%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666666666667%;}
.col-md-4 {width: 33.33333333333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.666666666666664%;}
.col-md-1 {width: 8.333333333333332%;}

.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.img-responsive,
.img-responsive img
 {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .content_bg {background: url(/images/content_bg.png) repeat-y;  background-position: right 30px top; }
}
@media (min-width: 992px) {
    .content_bg {background: url(/images/content_bg.png) repeat-y;  background-position: right 25px top; }
}
@media (min-width: 1030px) {
  .content_bg {background: url(/images/content_bg.png) repeat-y;  background-position: right 30px top; }
}

.caret_up, .caret_down, .caret_right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
}
.caret_up {border-bottom: 8px solid #222; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.caret_down {border-top: 8px solid  #222; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.caret_right {border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid; padding-left: 6px;}

.watermark, .textbox {
    font-family: inherit;
    padding:5px 10px; 
    font-size:12px;
    min-height:18px;
    display:block;
    outline: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    float:left;
}
.watermark {
    color: #999;
    border:1px solid #ccc;
}
.textbox {
    color: #000;
    border:1px solid #0094C6;
}


.gallery_box {
  margin-bottom: 5px; 
  padding: 0px; 
  min-height: 315px; 
  background-color: #ffffff;
  border: 1px solid #dddddd;
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;  
}
.gallery_box:hover {opacity:0.8; filter: alpha(opacity=80);}
.gallery_box .info {color: #666; line-height: 20px; margin: 7px 10px 5px 10px;}
.gallery_box a:hover {text-decoration: none;}
.gallery_box h5 {color: #0388C0;}
.gallery_box h5:hover {color: #0E6B93;}


.column_title {
    border-bottom: 5px solid #222;
    color: #000;
    font-weight: 900;
    margin: 18px 0 0;
    padding-bottom: 7px;
    text-transform: uppercase;
}


.search_box_container { margin: 0 auto; padding: 25px 10px; border-top: 0px dotted #D7D7D7; background: #eeeeee;}
.search_box {margin: 0 auto; width: 960px;}


.newreleases_flag {width: 30px; background: url(/images/icon_newreleases.png) no-repeat ; height: 150px; margin-left: -30px; margin-top:10px; position: relative; float: left;}
.featured_flag {width: 30px; background: url(/images/icon_featured.png) no-repeat ; height: 130px; margin-left: -30px; margin-top:10px; position: relative; float: left;}
.special_flag {width: 90px; background: url(/images/icon_special.png) no-repeat ; height: 90px; margin-left: -30px; margin-top:20px; position: absolute; float: left; z-index: 0;}
.featured_pnl { background: #F0FAE2 ; padding:0px; border: 0px dotted #BAD526 !important;  }
.featuredbox_img, .featuredbox_imgtext {
  margin: 8px; 
  padding: 0px; 
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: block; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;  
  float: left;
}
.featuredbox_img {
  position: relative;
  max-width: 175px;
  max-height: 175px;
  z-index: -9999px;
  
}
.featuredbox_imgtext {
  width: 368px;
  height: 130px;
}
.featuredbox_imgtext img {float: left; margin-right: 10px; padding: 0;}


.featuredbox_img:hover, .featuredbox_imgtext:hover {opacity:0.8; filter: alpha(opacity=80);}
.featuredbox_imgtext .info {padding: 7px 10px 7px 10px; overflow: hidden;}
.featuredbox_img a:hover, .featuredbox_imgtext a:hover {text-decoration: none;}

.featuredbox_img .title {
    color: #ffffff; 
    font-weight: bold;
    background-color: #222; 
    padding: 6px 10px 6px 10px;
    font-size: 13px;
    position: absolute; 
    bottom: 0; 
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
    }

.featuredbox_img .title .small {}

.billboard:hover {opacity:0.8; filter: alpha(opacity=80);}
#billboard:hover {opacity:0.8; filter: alpha(opacity=80);}

.billboard_title {
    color: #444;
    background-color: #e9e9e9; 
    padding: 8px 35px 8px 24px;
    font-size: 14px;
    }
.billboard_title a, .billboard_title a:visited, .billboard_title a:hover
 {color: #444; text-decoration: none;}

#btn_PRV, #btn_NXT {
    color : #fff;
    background-color:#111;
    padding: 9px 20px;
    font-size: 14px;
}

#pagination {margin: 10px 0 25px 0; text-align: center; color: #A2A2A2; font-size:18px; height: 30px;  }
#btn_PRV:hover, #btn_NXT:hover {background-color: #444; text-decoration: none;}


.button_shop, .button_checkout, .button_enquiry {
	text-decoration: none;
	padding:  10px 17px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
    background: #333;
    color: #fff;
	min-width:190px;
	border:0;
	cursor: pointer;
	font-size: 16px;
	margin:10px;
}
.button_checkout {
	border:1px #ffffff solid;
    background: #CC0000;
}

.button_shop:hover {
    background: #555;
}
.button_checkout:hover {
    background: #FF3333;
}
.button_enquiry {
    background: #ACC523;
    margin: 0;
    font-family: "Open Sans";
    font-weight: 300;
    text-transform: uppercase;
	font-size: 16px;
}
.button_enquiry:hover {
    background: #B3CC24;
}


.addthis_counter .addthis_bubble_style .addthis_button_expanded {
    display: block !important;
}


.tooltip, .tooltip-list, .tooltip-error {
   	display: inline;
    position: relative;
    z-index: 1000;
    text-transform: none;
}
.tooltip:hover:after
{
    opacity:0.8;
    background: #444;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    bottom: 34px;
    color: #e5e5e5;
    content: attr(tooltiptext);
    position:absolute;
    padding: 5px 10px;
    z-index: 1000;
    width: auto;
    left: 0px;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    text-align:left;
    white-space: pre-wrap;
    }
.tooltip-list:hover:after
{
    opacity:0.8;
    background: #444;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    bottom: 18px !important;
    color: #e5e5e5;
    content: attr(tooltiptext);
    position:absolute;
    padding: 5px 10px;
    z-index: 1000;
    min-width: 160px;
    left: 0px;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    text-align:left;
    white-space: pre-wrap;
}

.tooltip-error:hover:after
{
    opacity:0.8;
    background: #D64A3A;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    bottom: 0px;
    color: #e5e5e5;
    content: attr(tooltiptext);
    position:absolute;
    padding: 5px 10px;
    z-index: 1000;
    width: auto;
    right: 25px;
    text-decoration:none;
    text-transform:none;
    text-align: right;
    white-space:nowrap;
    font-weight: bold;
    }


.rounded_corners {
    border: 1px solid #dddddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }


/* SPOTLIGHT WIDGETS */
.widget {
    width: 100%;
    margin: 0px auto 5px auto;
    border-top: dotted #B2B2B2 1px;
    padding: 20px 0 20px 0;   
}
.widget .heading { margin: 4px 0 6px 0; font-family: 'rockwellregular'; font-size: 31px; text-transform: capitalize; color: #414141;}
.section .heading  {font-family: 'rockwellregular'; font-size: 28px; line-height: 30px; padding-top: -5px;  text-transform: capitalize; color: #414141;}
.widget a.heading:hover { text-decoration:none; }
.widget .title { font-size:14px; padding-bottom:5px; font-weight:bold; color: #000;}
.widget .featuredbox_img .title { color: #fff; font-size:13px; }
.widget .subtitle { font-size:12px; color: #1E95BF; padding-bottom:6px; }
.widget .intro { font-size:12px; color: #333; line-height: 14px; }
.widget .link-list { font-size:13px; color: #333;  padding: 5px 10px 5px 20px; background: url(/spotlight/images/arrow_listitem.png) top left no-repeat; }
.widget .link-list a, .widget .link-list a:hover
    { color: #333;}
.widget .link {padding: 5px 10px 5px 20px; background: #efefef url(/spotlight/images/arrow_listitem_white.png) center left no-repeat; font-size:13px; color: #333; border-bottom: solid #fff 4px; line-height: 20px; display:block; } 
.widget .footer { font-size:12px; color: #777; padding-top:6px; }
.widget .tag {padding: 10px 18px;}

.widget .featuredbox_img {
  margin: 0px 1px; 
  padding: 0px; 
  border: 1px solid #dddddd;
  cursor: pointer;  
  max-width: 180px;
  max-height: 180px;
}
.widget .featuredbox_img img {
  height: 162px !important;
}

        #goto_top {
            position: fixed;
            right:20px;
            bottom:20px;
        }
    
        @media (max-width: 991px) {
            .spot_right_col, .spot_left_col {clear: both; width: 100% !important;}
            .section 
            {
                padding:10px 0 25px 0;
                background-color:#fff;
            }
        }

        @media (min-width: 992px) {
            .section 
            {
                padding:0px 0 30px 25px;
                background-color:#fff;
                margin: 0;
            }
            .spot_right_col {border-left: dotted #A2A2A2 0px;}
        }
 
        .fb-like-box,
        .fb_iframe_widget span,
        .fb_iframe_widget iframe {
            width:100% !important;
        }

.twitter-timeline {width: 100% !important; min-height: 200px;}
 
.title_overlay_br {
    color: #ffffff; 
    background-color: #222; 
    padding: 8px 20px;
    font-size: 15px;
    margin-top: -32px;
    margin-right: 20px;
    float:right;
    font-family: 'champagne__limousinesregular';
    text-transform: uppercase;
    letter-spacing: 1px;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;

    cursor: pointer;
    }


/* Icons */

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.icon {
    padding-right: 20px;
}
.icon::before {
	z-index: 10;
	margin: 0 0.4em 0 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.icon_time::before {content: "\f017"; }
.icon_email::before {content: "\f0e0"; }
.icon_reads::before {content: "\f06e"; }
.icon_comments::before {content: "\f075"; }
.icon_phone::before {content: "\f095"; }
.icon_mobile::before {content: "\f10b"; }
.icon_fax::before {content: "\f1ac"; }
.icon_url::before {content: "\f015"; }
.icon_map::before {content: "\f041"; }

.pointer {cursor: pointer;}
#PageStats {width: 0; height: 0; float: left;}



.shoutbox {
    background: #b552aa;
    color: #DEB4DA;
    font-family: 'Open Sans';
    font-weight: 300;
    text-decoration: none;
    padding: 15px 25px;
    margin-bottom: 17px;
    font-size: 8px;
    text-align: left;
    line-height: 18px;
}
.shoutbox h2 {
    font-size: 29px;
    color: #fff;
    margin: 0;
}

 .shoutbox a { color: #fff; text-decoration: none;}
 .shoutbox a:hover, .shoutbox a:active { color: #fff; text-decoration: none; }
 .shoutbox a:visited { color: #fff; text-decoration: none; }

/*.shoutbox .button {
	text-decoration: none;
	padding:  10px 17px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
    background: #333;
    color: #fff;
	width:190px;
	border:0;
	cursor: pointer;
	font-size: 16px;
	margin: 10px 0;
}*/

.rightbar .shoutbox {
    font-size: 14px;
    padding: 15px 15px 25px 15px;
    margin-bottom: 15px;
}
.rightbar .shoutbox h2 {
    color: #000;
    font-size: 28px;
    line-height: 25px;
    font-weight: 400;
}
.rightbar .shoutbox h3 {
    color: #fff;
    font-size: 17px;
    line-height: 19px;
    font-weight: 500;
}
.rightbar .shoutbox .button {
	width:130px;
	font-size: 13px;
}