@charset "utf-8";
/* CSS Document */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { text-decoration: none; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
::selection {
background-color: #B71319;
color: #FFF;
}
.clear { clear:both; }
/*fonts import*/
@font-face {
font-family: 'Conv_B52 Regular';
src: url('../fonts/B52 Regular.eot');
src: local('☺'), url('../fonts/B52 Regular.woff') format('woff'), url('../fonts/B52 Regular.ttf') format('truetype'), url('../fonts/B52 Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Capture it';
src: url('../fonts/Capture it.eot');
src: local('☺'), url('../fonts/Capture it.woff') format('woff'), url('../fonts/Capture it.ttf') format('truetype'), url('../fonts/Capture it.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*main containers*/
body { background: url('../images/pattern_bg.jpg') repeat top left }
.wrapper {
width: 772px;
margin: 0 auto;
}
/*styles for the index page*/
#index #mainHeader {
background-color: #000;
width: 100%;
height: 183px;
padding: 25px 0 0;
margin: 116px 0 0;
}
#index #mainHeader h1 {
display: block;
margin: 0 auto;
}
#index #mainHeader h1 a {
display: block;
background: url("../images/logo_index.jpg") no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 602px;
height: 171px;
margin: 0 auto;
}
#index #content h2 {
color: #b71319;
font: normal 46px/56px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
}
#index #content header { border: none; }
/*secondary pages styles*/
/*header part*/
.header {
background-color: #000;
width: 100%;
height: 155px;
padding: 25px 0 0;
margin: 0;
}
.header h1 {
display: block;
margin: 18px 0 0 15px;
width: 446px;
float: left;
}
.header h1 a {
display: block;
background: url("../images/logo.jpg") no-repeat top left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 446px;
height: 125px;
}
.header ul {
display: block;
float: right;
}
.header ul li {
background-color: #0069b4;
color: #FFF;
font: bold 16px Arial, Helvetica, sans-serif;
width: 220px;
height: 40px;
margin: 0 0 5px;
padding: 5px 0 0 5px;
}
.header ul li.greenBG { background-color: #749719 }
.header ul li.redBG { background-color: #b71319 }
.header ul li.greenBG a, .header ul li.redBG a {
color: #FFF;
font: normal 26px/32px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
}
/*secondary menu*/
.secNav {
background-color: #000;
display: block;
overflow: auto;
text-transform: uppercase;
width: 100%;
}
.secNav ul {
display: block;
float: left;
}
.secNav ul li {
display: block;
float: left;
margin: 0 0 0 15px;
padding: 7px 0 0;
}
.secNav ul li a {
color: #FFF;
font: bold 14px Arial, Helvetica, sans-serif;
}
.secNav span {
background-color: #b71319;
color: #FFF;
display: block;
float: right;
font: normal 22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
padding: 2px 5px;
}
.secNav span a {
background: url('../images/arrow_right.jpg') no-repeat 0px 7px;
color: #FFF;
display: block;
font: bold 18px Arial, Helvetica, sans-serif;
float: right;
padding: 3px 0 0 15px;
margin: 0 0 0 15px;
}
/*secondary pages slider with one photo*/

#slliderPage div { float:left; }
#slliderPage div div {
position: relative;
width:772px;
float:left;
}
#slliderPage div div span {
color: #000;
font: normal 36px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
display: block;
position: absolute;
bottom: 5px;
left: 15px;
width:772px;
float:left;
}
/*header style for contents*/
#content header {
color: #b71319;
font-family: 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
margin: 0 0 15px;
text-transform: uppercase;
width:100%;
}
#content h1 {
font-size: 46px;
border-bottom: 2px solid #b71319;
}
#content h2 { font-size: 22px; }
/*grid styles*/
.row {
/*width: 100%;*/
clear: both;
overflow: auto;
}
.row:before, .row:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.col1, .col2, .col3, .col4 {
float: left;
position: relative;
margin: 0 6px 6px 0;
}

.col2 { width: 382px; }
.col3 { width: 750px; }
.col4 { width: 772px; }
.col1.last, .col2.last, .col3.last { margin-right: 0px; }
.col1 span.itemName, .col2 span.itemName, .col3 span.itemName, .col4 span.itemName {
color: #b71319;
font: normal 24px/22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
position: absolute;
top: 5px;
left: 5px;
text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}
.col1 img, .col2 img, .col3 img, .col4 img {
display: block;
margin: 5px auto;
}

.col1 { 
	float: left;
	font-size: 0;
	text-align: center;
	width: 186px;
	height: 190px;
}

.col1 span {
	text-align:left;
}
.col1 img{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	font-size: 0;
	text-align: center;
	margin:0 auto;
}

.col1:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.col1 span.itemPrice, .col2 span.itemPrice, .col3 span.itemPrice {
background-color: #b71319;
color: #FFF;
font: bold 20px Arial, Helvetica, sans-serif;
position: absolute;
bottom: 5px;
right: 5px;
padding: 0px 5px;
}
.col1 span.itemPrice small, .col2 span.itemPrice small, .col3 span.itemPrice small, .col4 span.itemPrice small { font: bold 12px Arial, Helvetica, sans-serif; }
.col4 span.itemName { font:normal 38px/48px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif; }
.col4 p {
font: normal 24px/32px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
/*position: absolute;
top: 65px;
left: 5px;
width:320px;
float:left;*/
padding:15px;
}
.col4 img { 
display: block;
margin: 10px;
border: 5px solid #b71319;
border-radius:5px;
float:left;
}
.itemPhotos {
width:100%;
float:left;
text-align:center;
}
.itemPhotos img {
border:1px solid #B71319;
cursor:pointer;
float:none;
display:inline;
max-width:180px;
margin:0px;
}
.col4 span.itemPrice {
background-color: #b71319;
color: #FFF;
float:right;
margin:10px 15px 0 0;
font: bold 45px Arial, Helvetica, sans-serif;
padding: 2px 5px;
}
.col4 span.itemPrice small { font-size:20px; }
.whiteBG { background: #FFF; }
.semiWhiteBG { background: rgba(255, 255, 255, 0.8); padding:10px;}
p { font: normal 16px/22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif; }
.dropShadow {
-webkit-box-shadow: 2px 2px 5px 0px rgba(46, 46, 46, 1);
-moz-box-shadow: 2px 2px 5px 0px rgba(46, 46, 46, 1);
box-shadow: 2px 2px 5px 0px rgba(46, 46, 46, 1);
text-transform: uppercase;
}
/*lightbox*/
#lightbox {
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption {
float: left;
font: normal 16px/22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
}
#keyboardMsg { float: right; }
#closeButton {
top: 5px;
right: 5px;
}
#lightbox img {
border: none;
clear: both;
}
#overlay img { border: none; }
#overlay { background-image: url('../images/overlay.png'); }
* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
/*contact form styles*/
#contactForm {
display: block;
padding: 20px;
}
#contactForm legend {
color: #b71319;
font: normal 32px/24px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
margin: 0 0 35px;
}
#contactForm label {
color: #b71319;
display: block;
margin: 25px 0 0;
font-family: 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
text-align: left;
font-size: 18px;
/*height: 20px;*/
padding: 0;
}
#contactForm input, #contactForm select, #contactForm textarea {
border: 1px solid #CCC;
padding: 7px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
width: 320px;
margin: 0;
outline: none;
}
#contactForm select { width: 330px; }
#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus {
outline: 5px #b71319;
border: 1px solid #b71319;
}
#contactForm br {
display: block;
clear: both;
}
#contactForm button {
background-color: #EFEFEF;
border: 1px solid #CCC;
color: #b71319;
cursor: pointer;
font: normal 32px/24px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
width: 200px;
margin: 15px 0 0 0;
padding: 7px 10px 7px 10px;
outline: none;
}
/*footer styles*/
footer {
background-color: #000;
width: 100%;
padding: 5px 0 5px;
margin: 35px 0 0;
overflow: auto;
}
footer nav ul {
display: block;
float: left;
width: 160px;
margin: 0 10px 0 0;
}
footer nav ul li a {
background-color: #749719;
color: #FFF;
display: block;
font: bold 14px/16px Arial, Helvetica, sans-serif;
width: 160px;
padding: 5px 0 5px 5px;
margin: 0 0 2px;
text-transform: uppercase;
}
footer nav ul li a.whiteBG { background-color: #FFF; }
footer nav ul li a.redBG { background-color: #b71319; }
footer nav ul li a.blueBG { background-color: #0069b4; }
footer nav ul li a.white { color: #FFF; }
footer nav ul li a.red { color: #b71319; }
footer nav ul li a.blue { color: #0069b4; }
footer a.logo {
display: block;
float: right;
margin: 5px 30px 0 0;
}
/* Smartphones (portrait) */
@media screen and (min-width: 0px) and (max-width: 480px) {
#index #content h2 {
font: normal 32px/56px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
text-align: center;
}
.wrapper {
width: 320px;
margin: 0 auto;
}
.header, #index #mainHeader {
padding: 5px 0 0;
height: 105px;
margin: 0;
}
#index #mainHeader {
height: 85px;
}
.header h1, #index #mainHeader h1 {
display: block;
margin: 0 auto 5px;
width: 210px;
float: none;
}
#index #mainHeader h1 {
margin: 20px auto;
}
.header h1 a, #index #mainHeader h1 a {
background: url("../images/logo_small.jpg") no-repeat top left;
width: 210px;
height: 61px;
}
.header ul {
width: 100%
}
.header ul li {
background-color: #0069B4;
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
width: 100px;
height: 30px;
margin: 0 0 5px;
padding: 5px 0 0 5px;
float: left;
text-align: center;
}
.header ul li.greenBG a, .header ul li.redBG a {
color: #FFF;
font: normal 16px/22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
}
#content {
margin-top:40px;
}
.col1, .col2, .col3, .col4 {
width: 100%
}
.col4 span.itemPrice {
	float:none;
	display:block;
	width:100%;
text-align:center;
}
.col4 > img{width:100%;}
#contactForm input, #contactForm select, #contactForm textarea {
width: 70%
}
footer nav ul, footer nav ul li a {
width: 100%;
text-align: center;
padding: 5px 0;
}
footer nav ul {
margin: 0 0 10px 0;
}
footer a.logo {
text-align: center;
float: none;
margin: 0;
}
}
/* Smartphones (landscape) */
@media screen and (min-width: 481px) and (max-width: 800px) {
#index #content h2 {
font: normal 32px/56px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
text-align: center;
}
.wrapper {
width: 480px;
}
.header, #index #mainHeader {
padding: 5px 0 0;
height: 105px;
margin: 0;
}
#index #mainHeader {
height: 85px;
}
.header h1, #index #mainHeader h1 {
display: block;
margin: 0 auto 5px;
width: 210px;
float: none;
}
#index #mainHeader h1 {
margin: 10px auto;
}
.header h1 a, #index #mainHeader h1 a {
background: url("../images/logo_small.jpg") no-repeat top left;
width: 210px;
height: 61px;
}
.header ul {
width: 100%
}
.header ul li {
background-color: #0069B4;
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
width: 155px;
height: 30px;
margin: 0 0 5px;
padding: 5px 0 0 5px;
float: left;
text-align: center;
}
.header ul li.greenBG a, .header ul li.redBG a {
color: #FFF;
font: normal 16px/22px 'Conv_B52 Regular', Georgia, "Times New Roman", Times, serif;
}
.secNav span {
width: 100%;
padding:0;
margin:5px 0 0;
}
.secNav span a {
display:inline-block;
float:none;
}
#slliderPage div {
width:480px;
}
#slliderPage div div {
width:480px;
}
#slliderPage div div span {
width:480px;
}
.col1, .col2, .col3, .col4 {
width: 100%
}
.col4 span.itemPrice {
margin: 0px 55px 0 0;
}
.col4 > img{width:100%;}
#contactForm input, #contactForm select, #contactForm textarea {
width: 70%
}
footer nav ul, footer nav ul li a {
width: 100%;
text-align: center;
padding: 5px 0;
}
footer nav ul {
width: 230px;
margin: 0 10px 10px 0;
}
footer nav ul:nth-child(even) {
margin-right:0px;
float:right;
}
footer a.logo {
text-align: center;
float: right;
margin: 30px 10px 0 0;
}
}

.socialIcon{
float:left;
margin-left:3px;
}

.locationSelect{
float:left;
width:250px;
text-align:center;
}

.selectedLocation {
padding:10px;
}

.orderPlace{
	float:left;
}

.orderPlace img{
	width:187px;
}

.blink_me {
	color:#749719;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

.radioButton{
	width:250px;
	display:block;
}

.radioName{
  color: #fff;
  text-align: center;
  display: block;
  font-weight: bold;
}