body { 
	background:#f5f3f2;
	font-family:Arial,Helvetica,sans-serif;
	color:#111;
	font-weight: 300;
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
 body { 
	min-height:1500px;
	}
}
* { margin:0; padding:0; }
img { 
	border:none;
}
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	display:inline;
	font-weight:300;
}
.clear {
	clear:both;
}
form {
	margin:0;
	padding:0;
}
.shadow {
	text-shadow: 1px 1px 4px #000;
}
textarea:focus, input:focus{
    outline: 0;
}

.buttons {
	background:#004080;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	border:0;
	padding:8px 12px;
	margin:10px;
	cursor:pointer;
	text-transform:uppercase;
}
.page-container {
	margin-top:20px;
	padding:30px 30px 0 30px;
}
.checkout-contents a {
	color:#004080;
	text-decoration:none;
}
#inner-content {
	padding:20px;
	margin-top:20px;
	font-size:12px;
	line-height:16px;
}
#inner-content form.yarmo-forms {
	padding:20px;
	background:#eee;
	border:solid 1px #ddd;
	float:left;
}
#inner-content table td {
	padding:5px 0px;
}
#inner-content form.yarmo-forms input, #inner-content form.yarmo-forms select {
	margin-left:30px;
}
#inner-content form.yarmo-forms input[type=text] {
	height:25px;
	border:solid 1px #ddd;
}
#inner-content form.yarmo-forms input[type=submit], .yarmo-submit {
	background:#004080;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:5px 10px;
	border:0;
	cursor:pointer;
}
#image-sidebar {
	width:265px;
	height:667px;
	float:right;
	background: url('image-sidebar.jpg') no-repeat;	
}







#leadimage {
	position:absolute;
	z-index: 1;
	width:100%;
	height:600px;
	text-align:center;
	background: no-repeat top center;
	background-image: url('default.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#gradient {
	width:100%;
	height:40px;
	position:absolute;
	top:560px;
	background: url('gradient.png') repeat-x;	
}
#slide-container {
	width:1000px;
	height:385px;
}
a.slide {
	display:none;
	position:relative;
	z-index: 3;
	width:1000px;
	height:385px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
}
a.slide h2 {
	float:right;
	text-align:right;
	margin:50px 0 0 0;
	font-size:70px;
	font-weight:normal;
	color:#fff;
	font-family:Oswald, Trebuchet MS, Arial;
	text-transform:uppercase;
	text-shadow: 0px 0px 50px #000;
	text-decoration:none;
}
a.slide h3 {
	clear:both;
	float:right;
	text-align:right;
	width:400px;
	font-size:35px;
	font-weight:normal;
	color:#fff;
	font-family:Oswald, Trebuchet MS, Arial;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 #000;
	text-shadow: 0px 0px 25px #000;
	text-decoration:none;
	line-height:42px;
}
a.slide h4 {
	clear:both;
	margin-top:20px;
	float:right;
	font-size:30px;
	font-weight:normal;
	color:#fff;
	font-family:Oswald, Trebuchet MS, Arial;
	text-transform:uppercase;
	padding:8px 17px;
	background:#004080;
}
ul#slide-buttons {
	list-style-type: none;
	background:#343434;
	margin-bottom:17px;
}
ul#slide-buttons li {
	position:relative;
	float:left;
	width:250px;
	text-align: center;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	padding:27px 0;
	cursor:pointer;
}
ul#slide-buttons li:hover, ul#slide-buttons li.active {
	background:#004080;
	color:#fff;
}
ul#slide-buttons li .arrow {
	display:none;
	position:absolute;
	top:-7px;
	left:120px;
	width:13px;
	height:7px;
}
ul#slide-buttons li:hover .arrow, ul#slide-buttons li.active .arrow {
	display:block;
}

/*   ============================================================================================================   */

#container {
	position:relative;
	z-index: 2;
	width:1000px;
	margin:0 auto;
}

/*   ============================================================================================================   */

#header {
	margin:0 auto;
	background:#fff;
	-moz-box-shadow:0px 0px 12px 0px #666;
	-webkit-box-shadow:0px 0px 12px 0px #666;
	box-shadow:0px 0px 12px 0px #666;
	position:relative;
}
a#logo {
	float:left;
	display:block;
	margin:20px 0 0 20px;
	width:299px;
	height:52px;
	background:url('logo.gif') 0 0;
	overflow:hidden;
	text-indent: -999em;
}
#searcharea {
	float:right;
	margin:10px 20px 0 0;
	width:620px;
}
#searcharea ul {
	float:right;
	width:100%;
	list-style-type: none;
	margin:0 0 5px 0;
	padding:0;
}
#searcharea ul li {
	float:right;
	margin-left:10px;
}
#searcharea ul li#address {
	float:left;
	margin-left:0;
	padding-top:6px;
	font-size:10px;
	color:#343434;
	text-decoration:none;
	font-weight: bold;
}
#searcharea ul li a {
	font-size:10px;
	color:#343434;
	text-decoration:none;
	font-weight: bold;
}
#phone {
	float:left;
	margin:5px 0 0 0px;
	text-align:left;
	font-size:35px;
	letter-spacing:-2px;
	color:#004080;
	font-weight:bold;
}
#basket {
	float:right;
	margin:0 0 0 20px;
	width:46px;
	height:50px;
	background:url('basket.png') bottom right no-repeat;
	text-align:right;
}
#basket div {
	float:right;
	display:block;
	margin:0;
	padding:3px 6px;
	background:#004080;
	color:#fff;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
}
#search {
	float:right;
	margin:6px 0 0 20px;
	width:329px;
	height:42px;
	background:url('search.png') bottom right no-repeat;
}
#search input[type="text"]  {
	float:left;
	margin:2px 0 0 2px;
	padding:0 0 0 10px;
	width:275px;
	height:36px;
	border:0;
	font-size:15px;
}
#search input[type="image"] {
	float:right;
	margin:6px 7px 0 2px;
	width:30px;
	height:30px;
	border:0;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
	background:url('blank.png');
}
#header h1 {
	display:block;
	clear:both;
	margin-top:10px;
	background:#f7f7f7;
	font-size:15px;
	padding:8px 10px;
	text-align:center;
}

/*   ============================================================================================================   */

#mainbody {
	background:#fff;
}

/*   ============================================================================================================   */

.popular-categories {
	float:left;
	list-style-type: none;
	margin:0 0 20px 0;
}
.popular-categories li {
	display:block;
	width:210px;
	padding:15px 0 15px 15px;
	height:120px;
	border:solid 1px #ccc;
	float:left;
	margin:0 10px;
	position:relative;
}
.popular-categories li:first-child {
	margin-left:16px;
}
.popular-categories li:last-child {
	margin-right:0;
}
.popular-categories li img {
	float:right;
	width:100px;
	height:135px;
	border:0;
}
.popular-categories li h2 {
	display:block;
	width:120px;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
	line-height: 20px;
}
.popular-categories li:hover h2 a, .popular-categories li a.button {
	color:#3079c0 !important;
}
.popular-categories li h2 .price {
	display:block;
	font-size:28px;
	line-height: 27px;
}
.popular-categories li p {
	display:block;
	width:120px;
	margin:5px 0 0 0;
	font-size:13px;
	line-height: 14px;
}
.popular-categories li a {
	color:#343434;
	text-decoration:none;
}
.popular-categories li a.button {
	display:block;
	width:83px;
	position:absolute;
	top:120px;
	left:15px;
	background:url('bullet-blue.png') top right no-repeat;
	color:#343434;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
}

/*   ============================================================================================================   */

#homepage-message-box {
	clear:both;
	margin:20px 0;
	padding:15px;
	text-align:center;
	background:#343434;
	color:#fff;
	font-size:18px;
	text-shadow:0px 0px 6px #000;
	-moz-box-shadow:0px 0px 3px 3px #ddd;
	-webkit-box-shadow:0px 0px 3px 3px #ddd;
	box-shadow:0px 0px 3px 3px #ddd;
}

/*   ============================================================================================================   */

h2.best-sellers {
	width:100%;
	float:left;
	margin:0 0 10px 20px;
	font-size:14px;
}
.best-sellers {
	float:left;
	list-style-type: none;
	margin-top:20px;
}
.best-sellers li {
	display:block;
	width:225px;
	float:left;
	margin:0 10px;
	position:relative;
}
.best-sellers li:first-child {
	margin-left:18px !important;
}
.best-sellers li:last-child {
	margin-right:0;
}
.best-sellers li a {
	color:#343434;
	text-decoration:none;
}
.best-sellers li img {
	position:relative;
	top:0;
	left:0;
	height:150px;
	border:0;
}
.best-sellers li a.price {
	position:absolute;
	top:10px;
	right:10px;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
	color:#fff;
	background:#004080;
	padding:5px 10px;
}
.best-sellers li h3 {
	display:block;
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
.best-sellers li:hover h3 a, .best-sellers li a.button {
	color:#3079c0 !important;
}
.best-sellers li h4 {
	display:block;
	margin:5px 0 0 0;
	padding:0px 0 0 12px;
	font-size:12px;
	font-weight:normal;
	background:url('bullet-blue.png') 0 0 no-repeat;
}
.best-sellers li a.button {
	display:block;
	margin:5px 0 0 0;
	font-size:12px;
	font-weight:bold;
}

/*   ============================================================================================================   */

#homepage-textbox {
	margin-top:30px;
	padding:30px 20px 0 20px;
	border-top:solid 1px #ccc;
	font-size:11px;
	line-height: 14px;
	height:110px;
	overflow-y:scroll;
}
#homepage-textbox h2 {
	float:left;
	padding-bottom:20px;
}
#homepage-textbox a {
	color:#004080;
	font-weight:bold;
	text-decoration:none;
}

/*   ============================================================================================================   */

ul#footer {
	list-style-type: none;
	margin-top:30px;
	padding:30px 0;
	background:#eee;
	font-size:11px;
}
ul#footer li {
	float:left;
	width:210px;
	margin:0 20px 0 20px;
	font-size: 22px;
}
ul#footer li.first {
	margin:0 20px 0 35px;
}
ul#footer li.last {
	margin:0 !important;
}
ul#footer li ul {
	list-style-type: none;
	padding-top:10px;
}
ul#footer li ul li {
	width:100%;
	line-height:18px;
	border:0;
	margin:0;
}
ul#footer li ul li a {
	font-size:13px;
	text-decoration: none;
	color:#343434;
}
ul#footer li ul li a:hover {
	color:#3079c0;
}

































table {
margin:0;
padding:0;
border-collapse:collapse;
}


/* ============================================== */
/* ================ WEBFACED MENU =============== */
/* ============================================== */

#WebfacedDropMenu { /* Top Level Menu */
	float:right;
	margin:7px 20px 20px 0;
	width:960px;
	background:#343434;
	list-style-type: none;
}
#WebfacedDropMenu li { /* Top Level Menu Items */
	float:left;
	color:#fff;
}
#WebfacedDropMenu li:hover {
background:#3079C0;
}
#WebfacedDropMenu li a { 
display:block;
padding:7px 10px;
margin:0;
text-decoration:none;
font-family:arial; 
font-size:15px;
font-weight:bold; 
color:#fff;
}
#WebfacedDropMenu ul.submenu { /* Second Level Menu */
display:none;
list-style-type:none;
padding:10px 0 20px 10px;
width:950px;
background:#3079C0;
position:absolute;
top:121px;
left:20px;
z-index:9999999;
/* -webkit-box-shadow:0 4px 6px -2px #000;
-moz-box-shadow:0 4px 6px -2px #000;
box-shadow:0 4px 6px -2px #000; */
}
#WebfacedDropMenu li:hover ul.submenu {
display:block;
}
#WebfacedDropMenu li ul.submenu li { /* Second Level Menu Items */
display:block;
float:left;
width:175px;
padding:0;
margin:0 7px;
text-align:left;
}
#WebfacedDropMenu li ul.submenu li ul.subsubmenu { /* Third Level Menu */
display:block;
float:left;
padding:0;
margin:0;
}
#WebfacedDropMenu li ul.submenu li ul.subsubmenu li { /* Third Level Menu Items */
border:0;
padding:0;
margin:0;
text-align:left;
}
#WebfacedDropMenu li ul.submenu li ul.subsubmenu li a {
font-size:11px;
padding:4px 10px;
font-weight:normal;
}












#webfaced-left-menu {
padding:0;
margin: 0 0 0 0px; 
width:184px;
float:left;
FONT-WEIGHT: normal; 
FONT-SIZE: 13px; 
COLOR: #343434; 
text-align:center;
}
.webfaced-left-menu-heading {
width:184px;
display:block;
padding:8px 0px 7px 10px;
margin: 0px;
FONT-WEIGHT: bold; 
FONT-SIZE: 21px; 
COLOR: #111; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
}
#webfaced-left-menu ul {
list-style-type:none;
margin: 0 0 20px 0;
padding:5px 0 10px 0;
background:#eee;
text-align:left;
}
#webfaced-left-menu ul li {
margin:8px 12px;
}
#webfaced-left-menu ul li a {
color:#343434;
text-decoration:none;
font-size:11px;
}
#webfaced-left-menu ul li h4 {
display:block;
padding:0;
margin: 0;
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #111; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
}
#webfaced-left-menu ul li h4 a {
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #111; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
}
#webfaced-left-menu ul li h5 {
display:block;
padding:0;
margin: 10px 0 0 0;
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #111; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
}


/* ================================================== */
/* ================ END WEBFACED MENU =============== */
/* ================================================== */

.page-contents {
margin-left:20px;
padding:0px 0px 10px 0px;
width:960px;
background:#fff;
position:relative;
}
.breadcrumb {
margin:0px 0px 20px 0px;
padding:20px 0 0 20px;
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
FONT-FAMILY: Arial;
color:#343434;
clear:both;
text-align:left;
}
.breadcrumb a {
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
color:#343434;
text-decoration:none;
}
.mainpage-text {
margin:30px;
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
text-align:left;
}

.window1 {
float:left;
width:600px;
height:350px;
margin:20px 10px 0px 0px;
position:relative;
}
.window2 {
float:left;
width:170px;
height:350px;
margin:20px 10px 0px 0px;
}
.window3 {
float:left;
width:170px;
height:350px;
margin:20px 00px 0px 0px;
}
.main-window-text {
position:relative;
top:306px;
left:0px;
margin:0px 0px 5px 0px;
padding:12px 15px 12px 15px;
line-height:20px;
display:block;
white-space:nowrap;
/* background:url('text-bg.png'); */
background:#004080;
zoom:1;
filter:alpha(opacity=85);
opacity:0.85;
  
FONT-WEIGHT: bold;
FONT-SIZE: 18px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#ffffff;
}
.main-window-text a {
display:block;
FONT-WEIGHT: bold;
FONT-SIZE: 18px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#ffffff;
}
.hr {
margin:20px 0px 20px 0px;
padding-top:5px;
FONT-WEIGHT: normal;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
color:#333;
background-color: #fff;
border-top:solid 1px #bbb;
clear:both;
text-align:left;
}
.hr a:link, .hr a:visited {
FONT-WEIGHT: normal;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
color:#333;
}
.hr a:hover, .hr a:active {
FONT-WEIGHT: normal;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
color:#004080;
}
.heading {
height:29px;
margin:0px 0px 10px -10px;
padding:11px 5px 0px 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
color:#fff;
/* background:url('heading-bg.jpg'); */
background:#004180;
clear:both;
}
.smallwindows {
float:left;
width:180px;
height:230px;
margin:0px 12px 0px 0px;
overflow:hidden;
}
.window1 img, .window2 img, .window3 img, .smallwindows img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.0;
}
.window1 img:hover, .window2 img:hover, .window3 img:hover, .smallwindows img:hover {
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60; opacity:0.6;
}
.small-window-text {
position:relative;
top:0px;
left:0px;
margin:0px 0px 5px 0px;
padding:6px 7px 6px 7px;
line-height:20px;
display:block;
white-space:nowrap;
/* background:url('text-bg.png'); */
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#ffffff;
background:#004080;
zoom:1;
filter:alpha(opacity=85);
opacity:0.85;
}
.small-window-text a {
display:block;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#ffffff;
}
.homepage-text {
float:left;
width:620px;
margin-right:30px;
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
text-align:justify;
padding-left:10px;
}
.homepage-text a:link, .homepage-text a:visited {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#4c4e82;
}
.homepage-text a:hover, .homepage-text a:active {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:underline;
color:#4c4e82;
}
.homepage-text h2 {
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
text-align:left;
margin:0px;
padding:0px;
}
.homepage-text-scroll {
float:left;
width:610px;
margin-left:-20px;
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
text-align:justify;
padding:0px 10px;
height:435px;
overflow-y:scroll;
}
.homepage-best-sellers {
float:left;
width:300px;
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
text-align:justify;
margin-bottom:20px;
}
.best-seller-box {
width:300px;
height:110px;
}
.best-seller-image {
width:80px;
height:100px;
float:left;
overflow:hidden;
}
.best-seller-name {
float:right;
width:205px;
height:32px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#333;
text-align:justify;
overflow:hidden;
line-height:14px;
}
.best-seller-description {
float:right;
width:205px;
height:35px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#333;
text-align:justify;
overflow:hidden;
line-height:12px;
}
.best-seller-description-link a:link, .best-seller-description-link a:visited, .best-seller-description-link a:hover, .best-seller-description-link a:active  {
margin-top:2px;
float:right;
width:205px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#004080;
text-align:justify;
}
.best-seller-description-link {
margin-top:2px;
float:right;
width:205px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#333;
text-align:justify;
}
.best-seller-price {
float:right;
width:205px;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#333;
text-align:justify;
}
.grid {
float:left;
width:750px;
text-align:center;
margin:0px 0px 0px 20px;
}
.grid-box {
margin:0 5px 20px 5px;
width:155px;
text-align:center;
float:left;
padding:15px 10px 0px 10px;
border:solid 1px #ccc;
}
.grid-box:hover {
border:solid 1px #aaa;
}
.grid-image {
margin: 0 auto;
width:150px;
height:225px;
text-align:center;
overflow:hidden;
}
.grid-image-small {
margin: 0 auto;
width:200px;
height:140px;
text-align:center;
overflow:hidden;
}
.grid-name {
padding-top:10px;
margin: 0 auto;
width:150px;
height:50px;
overflow:hidden;
FONT-WEIGHT: normal; 
FONT-SIZE: 12px; 
COLOR: #3b3b3b; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}
.grid-name a:link, .grid-name a:visited, .grid-name a:hover, .grid-name a:active {
FONT-WEIGHT: normal; 
FONT-SIZE: 12px; 
COLOR: #3b3b3b; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}
.grid-price {
margin: 0 auto;
width:150px;
height:20px;
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #3b3b3b; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}
.grid-button {
margin:5px 0px 15px 0px;
display:block;
padding:10px;
background:#004080;
color:#fff;
text-decoration:none;
font-family:arial;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.grid-promo {
margin: 0 auto;
width:200px;
FONT-WEIGHT: bold; 
FONT-SIZE: 16px;
line-height:21px;
COLOR: #3b3b3b; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}
.grid-promo a:link, .grid-promo a:visited {
FONT-WEIGHT: bold; 
FONT-SIZE: 16px;
COLOR: #004080; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}
.grid-promo a:hover, .grid-promo a:active {
FONT-WEIGHT: bold; 
FONT-SIZE: 16px;
COLOR: #9ea0c9; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:center;
}

/* ====================================================== */
/* ================ WEBFACED PRODUCT PAGE =============== */
/* ====================================================== */

.smallwindows-bestsellers {
float:left;
width:170px;
height:217px;
margin:0px 0px 0px 0px;
overflow:hidden;
}
.small-window-text-bestsellers {
width:156px;
margin:0px 0px 5px 0px;
padding:6px 7px 6px 7px;
line-height:16px;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#004080;
}
.small-window-text-bestsellers a {
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#004080;
}




.product-page {
clear:both;
margin-top:20px;
padding:20px 0 0 20px;
}
.product-left-page {
width:250px;
float:left;
}
.product-image {
width:275px;
position:relative;
border:0px;
overflow:hidden;
text-align:center;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
FONT-FAMILY: Arial;
text-decoration:none;
color:#004080;
}
.product-image-thumbs {
margin-right:2px;
}
.product-image a {
FONT-WEIGHT:normal;
FONT-SIZE:11px;
COLOR:#55bcea;
FONT-FAMILY:Arial;
text-decoration:none;
}
.product-right-page {
width:450px;
float:right;
margin-right:15px;
text-align:left;
}
.product-page-name {
FONT-WEIGHT:bold;
FONT-SIZE:16px;
COLOR:#004080;
FONT-FAMILY:Arial;
margin-top:10px;
}
.product-page-description {
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #333;
FONT-FAMILY: Arial;
margin-top:10px;
}
.product-page-description h3 {
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
COLOR: #004080;
FONT-FAMILY: Arial;
margin:15px 0px 0px 0px;
padding:0px;
display:inline;
}
.product-page-description a:link, .product-page-description a:visited {
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #004080;
FONT-FAMILY: Arial;
text-decoration:none;
}
.product-page-description a:hover, .product-page-description a:active {
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #004080;
FONT-FAMILY: Arial;
text-decoration:underline;
}
.product-page-price {
FONT-WEIGHT:bold;
FONT-SIZE: 23px;
COLOR:#333;
FONT-FAMILY: Arial;
margin:15px 0 15px 0;
}
.product-page-options {
width:250px;
float:left;
}
.product-page-option-name {
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
COLOR: #004080;
FONT-FAMILY: Arial;
}
.product-page-option-otherinfo {
margin-top:10px;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
COLOR: #004080;
FONT-FAMILY: Arial;
}
.add-to-basket {
display:block;
float:left;
margin-top:20px;
}
.product-page-promos {
border:solid 1px #ff0000;
}
.product-page-promos-image {
width:90px;
float:left;
margin-bottom:5px;
}
.product-page-promos-text {
width:140px;
float:right;
margin-bottom:5px;
FONT-WEIGHT:normal;
FONT-SIZE: 11px;
COLOR: #111;
FONT-FAMILY:Arial;
line-height:13px;
}
.product-page-promos-text h3 {
margin:5px 0px 3px 0px;
padding:0px;
FONT-WEIGHT:bold;
FONT-SIZE: 13px;
COLOR: #004080;
FONT-FAMILY:Arial;
}
.product-page-promos-text a:link, .product-page-promos-text a:visited, .product-page-promos-text a:active, .product-page-promos-text a:hover  {
FONT-WEIGHT:normal;
FONT-SIZE: 11px;
COLOR: #004080;
FONT-FAMILY:Arial;
text-decoration:underline;
}
.related-products-box {
width:140px;
padding:20px;
text-align:left;
background:#004080;
FONT-WEIGHT:bold;
FONT-SIZE: 15px;
COLOR: #fff;
FONT-FAMILY:Arial;
float:right;
}
.related-products-text {
padding:5px 0px;
}
.related-products-text a:link, .related-products-text a:visited {
padding:5px 0px;
FONT-WEIGHT:normal;
FONT-SIZE: 11px;
COLOR: #fff;
FONT-FAMILY:Arial;
}
.related-products-text a:hover, .related-products-text a:active {
FONT-WEIGHT:normal;
FONT-SIZE: 11px;
COLOR: #fff;
FONT-FAMILY:Arial;
}

div.jqZoomTitle {
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
}
.jqZoomPup {
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}
.jqZoomPup img {
	border: 0px;
}
.preload {
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}
.jqZoomWindow {
	border: 1px solid #c4c4c4;
	background-color: #FFF;
}

/* ================================================= */
/* ================ END PRODUCT PAGE =============== */
/* ================================================= */

#contact_canvas { 
width:700px;
float:left;
}

#form_canvas { 
width:500px;
float:left;
}

/* ===================================================== */
/* ================ GOOGLE MAP & CONTACT =============== */
/* ===================================================== */

#map_canvas { 
width:500px;
height:300px;
float:left;
}
.contact-details {
margin-left:50px;
float:left;
}


#page_title	{
    color: #000000;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}


/* ===================================================== */
/* ================= FACEBOX IMAGE ZOOM ================ */
/* ===================================================== */


#facebox .b {
  background:url('b.png');
}

#facebox .tl {
  background:url('tl.png');
}

#facebox .tr {
  background:url('tr.png');
}

#facebox .bl {
  background:url('bl.png');
}

#facebox .br {
  background:url('br.png');
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
text-align: right;
color:#000;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: Arial;
text-decoration:none;
}
#facebox .footer a {
color:#000;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
FONT-FAMILY: Arial;
text-decoration:none;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}



.form_button_add_to_cart {
  display:block;
  float:left;
  margin-top:10px;
  background:#004080;
  color:#fff;
  padding:8px 10px;
  font-size:20px;
  text-transform:uppercase;
  font-weight:bold;
  border:0;
  cursor:pointer;
 }
 
 
 
 
 
 
 /* WEBFACED STYLESHEET */

#social-icons {
float:right;
margin:0px 3px 10px 0;
}
.inputs {
width:250px;
height:20px;
margin:7px 0px 0px 0px;
border:solid 1px #004080;
color:#000;
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
text-decoration:none;
padding:3px 0px 1px 4px;
}
.search-page a {
color:#000 !important;
}
.search-page .grid-button a {
color:#fff !important;
text-decoration:none !important;
}


#footer-menu {
  background:#004080;
  width:980px;
  margin:20px 0 0 -20px;
  padding:10px 10px;
}
#footer-menu a {
  margin:0 10px;
  color:#fff;
  FONT-FAMILY: Arial;
  text-decoration:none;
  FONT-WEIGHT: normal;
  FONT-SIZE: 13px;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
padding: 3px 0;
margin: 30px 0 0 0;
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #fff;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #fff;
}
.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #ccc !important;
}

.shadetabs li a:visited{
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #fff;
}

.shadetabs li a:hover{
text-decoration: none;
FONT-WEIGHT:normal;
FONT-SIZE: 15px;
COLOR: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
text-decoration:none;
color:#fff;
background:#004080;
color:#fff !important;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
font-size:11px;
line-height:14px;
}
.tabcontent a {
font-size:11px !important;
}

@media print {
.tabcontent {
display:block !important;
}
}

#contact-banner {
width:100%;
background:#004080;
}
#contact-banner #email {
margin-left:20px;
padding:10px 20px 0 80px;
background:url('email.png') no-repeat #004080;
display:block;
float:left;
height:58px;
color:#fff;
font-size:42px;
font-weight:bold;
text-decoration:none;
}
#contact-banner #call {
margin-left:40px;
background:url('call.png') no-repeat #004080;
padding:10px 20px 0 70px;
display:block;
float:left;
height:58px;
color:#fff;
font-size:42px;
font-weight:bold;
text-decoration:none;
}


.basket-container {
width:680px;
float:left;
}
.checkout-container {
width:645px;
float:left;
}
.checkout-title {
float:left;
FONT-WEIGHT:normal;
FONT-SIZE:22px;
COLOR:#004080;
FONT-FAMILY:Arial;
}
.checkout-image {
text-align:right;
float:right;
}
.checkout-grid {
float:left;
width:680px;
padding-bottom:30px;
}
.checkout td {
padding:5px;
}
.checkout-message {
clear:both;
padding:10px 0px 30px 0px;
}
.cart-additional-info {
FONT-FAMILY: Arial; 
background-image:url('webfaced-cart-row.gif');
background-repeat:repeat-x;
background-position:bottom left;
width:190px;
float:right;
margin-top:80px;
font-weight: normal;
color:#333;
text-align:left;
FONT-SIZE: 11px;
}
.cart-additional-info-heading {
padding:3px;
FONT-FAMILY: Arial; 
background-color:#999999;
font-weight: bold;
color:#fff;
text-align:center;
text-transform:capitalize;
FONT-SIZE: 14px; 
}
.cart-additional-info-image {
width:60px;
float:left;
margin:5px 0px 0px 5px;
padding-bottom:5px;
}
.cart-additional-info-text {
FONT-FAMILY: Arial; 
width:110px;
float:right;
margin:5px 5px 0px 0px;
padding-bottom:5px;
}
.cart-additional-images {
width:190px;
float:right;
margin-top:20px;
text-align:center;
}
.checkout-buttons {
margin-right:60px;
float:right;
text-align:right;
}
.checkout_back_button {
width:118px;
height:53px;
background:url("back.gif");
background-repeat:no-repeat;
border:none;
cursor:pointer;
padding-top:53px;
overflow:hidden;
FONT-SIZE: 0px; 
}
.checkout_next_button {
width:118px;
height:53px;
background:url("next.gif");
background-repeat:no-repeat;
border:none;
cursor:pointer;
padding-top:53px;
overflow:hidden;
FONT-SIZE: 0px; 
}


.cart-row {
background-image:url('webfaced-cart-row.gif');
background-repeat:repeat-x;
background-position:bottom left;
}
.cart {
FONT-FAMILY: Arial; 
font-weight: normal;
color:#333;
text-align:center;
FONT-SIZE: 12px;
background-image:url('webfaced-cart-row.gif');
background-repeat:repeat-x;
background-position:bottom left;
padding:10px 10px 15px 10px;
}
.cart-product-description {
FONT-FAMILY: Arial; 
font-weight: normal;
color:#333;
text-align:left;
FONT-SIZE: 12px;
}
.cart-product-description a {
FONT-FAMILY: Arial; 
font-weight: normal;
color:#333;
text-align:left;
FONT-SIZE: 12px; 
}
.cart.right {
FONT-FAMILY: Arial; 
background-color:#fff;
font-weight: normal;
color:#333;
text-align:right;
FONT-SIZE: 12px; 
}
.cart-total-captions {
FONT-FAMILY: Arial; 
background-color:#fff;
font-weight:bold;
color:#333;
text-align:right;
FONT-SIZE: 13px; 
}
.cart-subtotal {
FONT-FAMILY: Arial; 
background-color:#fff;
font-weight:normal;
color:#333;
text-align:right;
FONT-SIZE: 12px; 
}
.cart-total {
FONT-FAMILY: Arial; 
background-color:#fff;
font-weight:bold;
color:#333;
text-align:right;
FONT-SIZE: 13px; 
}
.cartheading {
FONT-FAMILY: Arial; 
background-color:#999999;
font-weight: bold;
color:#fff;
text-align:center;
text-transform:capitalize;
FONT-SIZE: 14px; 
}
.cartheading.left {
text-align:left;
}
.coupon-code {
FONT-FAMILY: Arial; 
font-weight:normal;
color:#333;
text-align:left;
FONT-SIZE: 11px; 
}

/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #de0031;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #de0031;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #de0031;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #de0031;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}






#embroidery-container {
  width:750px;
  float:right;
  margin-right:20px;
  background:#ddd;
  border:solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#embroidery-options {
  width:255px;
  margin:20px 0 0 20px;
  padding:15px;
  background:#f5f5f5;
  border:solid 1px #ccc;
  float:left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#preview { 
  float:right;
  margin:20px 20px 20px 0;
  padding:10px;
  width:380px;
  height:380px;
  background-image:url('fabric-black.jpg');
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#preview a.change-garment {
  display:block;
  float:right;
  margin:2px;
  width:30px;
  height:30px;
  border:solid 1px #fff;
  overflow:hidden;
  text-indent:-333em;
}
#preview a#grey {
  background-image:url('fabric-grey.jpg');
}
#preview a#white {
  background-image:url('fabric-white.jpg');
}
#preview a#pink {
  background-image:url('fabric-pink.jpg');
}
#preview a#navy {
  background-image:url('fabric-navy.jpg');
}
#preview a#royalblue {
  background-image:url('fabric-royalblue.jpg');
}
#preview a#purple {
  background-image:url('fabric-purple.jpg');
}
#preview a#red {
  background-image:url('fabric-red.jpg');
}
#preview a#black {
  background-image:url('fabric-black.jpg');
}
#preview p { 
  white-space:pre-wrap;
  font-family:times new roman;
  color:#fff;
  font-size:28px;
  line-height:1.2em;
  text-align:center;
  position:relative;
  width:330px;
  height:200px;
  top:130px;
  left:20px;
  text-shadow: 1px 1px 3px #333;
}
.field {
  width:100%;
  font-family:Arial,Sans-serif;
  font-size:13px;
  display:inline-block;
  padding-bottom:15px;
}
input#embroidery-quantity {
  width:37px;
  height:17px;
  margin:5px 0 0 0;
  padding-left:3px;
}
input.embroidery-text {
  width:247px;
  height:17px;
  margin:5px 0 2px 0;
  padding-left:3px;
}
select {
  margin:5px 0 0 0;
}
#cost {
  FONT-WEIGHT:bold;
  FONT-SIZE: 23px;
  COLOR:#333;
  FONT-FAMILY: Arial;
}
input[type=submit] {
  display:block;
  float:left;
  margin-top:10px;
  background:#004080;
  color:#fff;
  padding:8px 10px;
  font-size:20px;
  text-transform:uppercase;
  font-weight:bold;
  border:0;
  cursor:pointer;
}
.smallprint {
  font-size:10px;
 }