/* ----------------------------- */
/* SHOP HOME PAGE SPECIFIC STYLING -- */
/* ----------------------------- */

#storefront-content {
padding: 0px 0px 0px 0px;
vertical-align:top;
}

#slider {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
height: 400px;
}

#boxes {
/*background-color: #FF0000;*/
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
/*height: 340px;*/
}

/* ----------------------------- */
/* HOME PAGE PROMO THIRD BOXES - */
/* ----------------------------- */
ul {
list-style: none outside none;
}

.sf3Boxes ul {
height: 158px;
margin: 10px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
}

.sf3Boxes ul li {
border-radius: 9px 9px 9px 9px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
display: inline;
float: left;
height: 156px;
margin-left: 0px;
margin-right: 12px;
width: 325px; /* actual image size is 319px x 150px */
}

.sf3Boxes ul li:nth-child(3) {
margin-right: 0px;
}

.sf3Boxes ul li a {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EEEEEE'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EEEEEE)); /* for webkit browsers */
background: -moz-linear-gradient(center top, #FAFAFA, #EEEEEE) repeat scroll 0 0 transparent;
border-color: #E5E5E5 #DBDBDB #D2D2D2;
border-radius: 9px 9px 9px 9px;
border-style: solid;
border-width: 1px;
display: block;
}

.sf3Boxes ul li a:nth-child(n) {
border-color: #FFFFFF;
}

.sf3Boxes ul li a:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#FAFAFA'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#FAFAFA)); /* for webkit browsers */
background: -moz-linear-gradient(center top, #FDFDFD, #FAFAFA) repeat scroll 0 0 transparent;
}

.sf3Boxes ul li a img {
border: 2px solid #FFFFFF;
border-radius: 9px 9px 9px 9px;
display: block; /* actual image size is 319px x 150px */
}

/* ----------------------------- */
/* HOME PAGE PROMO QUARTER BOXES */
/* ----------------------------- */
ul {
list-style: none outside none;
}

.sf4Boxes ul {
height: 158px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
}

.sf4Boxes ul li {
border-radius: 9px 9px 9px 9px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
display: inline;
float: left;
height: 156px;
margin-left: 0px;
margin-right: 12px;
width: 241px; /* actual image size is 235px x 150px */
}

.sf4Boxes ul li:nth-child(4) {
margin-right: 0px;
}

.sf4Boxes ul li a {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EEEEEE'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EEEEEE)); /* for webkit browsers */
background: -moz-linear-gradient(center top, #FAFAFA, #EEEEEE) repeat scroll 0 0 transparent;
border-color: #E5E5E5 #DBDBDB #D2D2D2;
border-radius: 9px 9px 9px 9px;
border-style: solid;
border-width: 1px;
display: block;
}

.sf4Boxes ul li a:nth-child(n) {
border-color: #FFFFFF;
}

.sf4Boxes ul li a:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#FAFAFA'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#FAFAFA)); /* for webkit browsers */
background: -moz-linear-gradient(center top, #FDFDFD, #FAFAFA) repeat scroll 0 0 transparent;
}

.sf4Boxes ul li a img {
border: 2px solid #FFFFFF;
border-radius: 9px 9px 9px 9px;
display: block;
}