/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 1024px) {
/* Styles */
	body {
		width:980px;
	}
	.navigation>li>a {
		font-size:12px!important;
		padding: 17px 6px!important;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
	body {
		width:1200px;
	}
	.navigation>li>a {
		font-size:14px!important;
		padding: 16px 10px!important;
	}
}
.santa {
	width:20vw;
	min-width:175px;
	z-index: 600;
	cursor: pointer;
	-webkit-animation: FlyingSanta 38s infinite linear;
	-moz-animation: FlyingSanta 38s infinite linear;
	-ms-animation: FlyingSanta 38s infinite linear;
	-o-animation: FlyingSanta 38s infinite linear;
	animation: FlyingSanta 38s infinite linear;
	bottom: 0%;
	left: 0%;
	position: absolute;
}
@keyframes FlyingSanta {
	25% {
		bottom: 60%;
		left: 75%;
		transform: rotateY(0deg);
	}
	26% {
		transform: rotateY(180deg);
	}
	50% {
		bottom: 60%;
		left: 0%;
		transform: rotateY(180deg);
	}
	51% {
		transform: rotateY(0deg);
	}
	75% {
		bottom: 40%;
		left: 85%;
		transform: rotateY(0deg);
	}
	76% {
		bottom: 40%;
		left: 85%;
		transform: rotateY(180deg);
	}
	99% {
		transform: rotateY(180deg);
	}
}
body {
	margin: 0;
	font-family:'Open Sans' ,Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #C0C0C0;
	background-image: url(/img/pattern.png);
	background-repeat: repeat;
	margin:0 auto;
}

#header2 {
	background-color: #003366;
	padding: 0;
	color: #FFF;
	height: auto;
	border-bottom: 2px solid #042f66;
	text-align:right;
	font-size:12px;
	box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
	margin:10px auto;
}

#header3 {
	padding: 10px;
	color: #FFF;
	height: auto;
	text-align:right;
	font-size:12px;
	box-shadow: 0px 0px 20px #000;
	background-color: #1485bf;
	border-radius:10px;
	margin:10px auto;
}

#main {
	background-color: #FFF;
	margin:auto;
	padding: 0% 0% 0% 0%;
	color: #000;
	height: auto;
	box-shadow: 0px 10px 20px #888;
	border-radius:10px 10px 0 0;
}

#footer {
	background-color: #003366;
	color: #FFF;
	padding:20px;
	height: auto;
	border-top: 1px solid #6699CC;
	box-shadow: 0px 0px 20px #000;
	font-size: 12px;
	text-align:center;
    border-radius:0px 0px 10px 10px;
    margin-bottom:20px;
    letter-spacing: 1px;
    margin:0px auto 20px auto;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
	color: #EAE8A5;
}

#content {
    padding: 10px;
    border-radius:10px;
    min-height: 500px;
}

#index-content {
	border-left:1px solid lightgray;
	padding-left:1%;
	padding-right:1%;
	width:73%;
	float:right;
}

#left-column {
	width: 26%;
	float:left;
	padding-left:1%;
	padding-right:1%;
}

.box-left {
	border: solid 1px #003366;
	background:none repeat scroll 0 0 #E6E9EE;
	margin-top: 10%;
	padding:0;
	border-radius: 5px;
	box-shadow: 5px 5px 10px #888888;
	margin-bottom:10px;
}

.box-header-left {
	background-color: #003366;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: auto;
}

.box-content-left {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 20px;
	vertical-align: top;
	width: auto;
}

.box-content-left div {
	margin-bottom:10px;
}

.box-content-left a {
	color:#025A8D;
	text-decoration: none;
	font-weight:bold;
}

.box-content-left a:visited {
	color:#025A8D;
	text-decoration: none;
}

.box-content-left a:hover {
	color: #000;
	text-decoration: none;
}

.box {
	border: 1px solid lightgrey;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 10px;
	margin-top: 20px;
}
.box-header {
	background-color: #003366;
	width: auto;
	color: #FFF;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}

.box-content {
	padding: 5px;
	vertical-align: top;        
}

.box-content a {
	color: #025A8D;
	text-decoration: none;
}

.box-content a:hover {
	color: #000;
	text-decoration: none;
}

.logo img {
	text-align: center;
}

.clr {
	clear:both;
}
.center {
	text-align: center;
}
.left {
	text-align:left;
}

a:link, a:visited {
    color: #025A8D;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a, img {
    margin: 0;
    padding: 0;
}
.ui-widget-overlay {
	background:#000 !important;
	opacity:0.8!important;
}

.form-group .required {
	color:red;
	font-size:12px;
}

#cartModal th {
	text-align:center;
}

.table th, .table td {
    border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    vertical-align: top;
}
.last td {
	font-weight:bold;
}
#empty {
	position:relative;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	top:50%;
	color: #025A8D;
}
#cartbuttons {
	text-align: right;
}
.single-item h4 {
    border-bottom: 1px solid #EEEEEE;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.product_img:hover {
	opacity:0.7;
}
.product_img {
	position:relative;
}
.product_img i {
	display:none;
}
.product_img:hover i {
	position:absolute;
	left:50%;
	display:block;
	opacity:2;
	top:50%;
	z-index: 1;
}
div.product_cell {
	border-bottom: 1px solid #357EBD;
	padding-bottom:10px;
}
div.product_cell:last-child {
	padding-bottom:10px;
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	color:#025A8D;
}
h3 a:hover {
	text-decoration:none;
}
.help {
	color:#003366;
}
input.quantity-input {
    font-weight: 700;
    height: 32px;
    padding: 2px;
    text-align: center;
    width: 25px;
}
span.quantity-controls input.quantity-controls {
    border: medium none;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: -3px !important;
    padding: 0;
    width: 30px;
}
span.quantity-controls {
    margin: 0 0 0 5px;
    padding-top: 1px;
    width: 24px;
}
.pointer {
	cursor: pointer;
}
.fancybackground {
	border:5px solid #FFF!important;
}
.inconsolata {
    font-family: Inconsolata;    
}