@charset "utf-8";
/* ======================================================================================= */
/********** < Fonts */
@font-face {
	font-family: 'OFLSortsMillGoudyTTRegular';
	src: url('../fonts/oflgoudystmtt-webfont.eot');
	src: local('?'), url('../fonts/oflgoudystmtt-webfont.woff') format('woff'), url('../fonts/oflgoudystmtt-webfont.ttf') format('truetype'), url('../fonts/oflgoudystmtt-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AmperzandRegular';
	src: url('../fonts/amperzand-webfont.eot');
	src: local('?'), url('../fonts/amperzand-webfont.woff') format('woff'), url('../fonts/amperzand-webfont.ttf') format('truetype'), url('../fonts/amperzand-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.slider-texts span,
.logo {
	font-family: 'AmperzandRegular'; font-size:36px;
	font-weight: normal;
	font-style: normal;
}

.slider-texts h1,
.featured h2,
.page-title h1,
.page-title h2,
.block .block-title,
.block-layered-nav dt,
.static-block h2,
.product-view .box-reviews h2, 
.product-view #reviewWriteDiv h2,
.box-collateral > h2,
.product-name h1,
.cart-collaterals h2,
.my-account .box-head h2,
.my-account .box-head h3,
h2.legend,
.box-collateral h2 {
	font-family: Varela Round;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
/********** < Fonts */
/* ======================================================================================= */

/* ======================================================================================= */
/********** < Colors */
.top-cart .product-name a, 
.top-cart-tab, 
.slider-texts span,
.breadcrumbs li strong,
.cart-table button.btn-continue span, .cart-table button.btn-update span,
.sidebar .block-account li.current,
.regular-price .price{ color:#999; }

#logo a { color:#333;}

/********** < Colors */
/* ======================================================================================= */

/* ======================================================================================= */
/********** < Navigation */
/* All Levels */
#nav-container { padding-left: 180px; padding-top:35px;}
#nav { text-align: right; padding-top:30px;}
#nav a { color:#777;}
#nav li { position:relative; text-align:left;}
#nav ul { background: #fff; position:absolute; padding: 10px 15px; border: solid 1px #ccc; white-space:nowrap; display:none; width: 12em; box-shadow: 1px 1px 3px rgba(0,0,0,0.3);-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius: 12px;z-index:999; }
/* 1st Level */
#nav > li { display: inline;
font-size: 1.0em;
font-family: varela round;
text-transform: uppercase;} 
#nav > li > a { display: inline-block; padding: 5px 15px; text-decoration:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;border: solid 1px #fff; box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff;  -webkit-box-shadow: inset 0 1px 0 #fff;  }
#nav > li > a:hover,
#nav > li.over > a,
#nav > li:hover > a,
#nav > li.active > a { border: solid 1px #e4e4e4; background-color:#fff;  }
#nav > li.active > a { box-shadow: inset 1px 1px 0 #d4d4d4; -moz-box-shadow: inset 0 1px 1px #d4d4d4;  -webkit-box-shadow: inset 1px 1px 0 #d4d4d4;}

/* 2nd Level */
#nav > li > ul { border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; top:25px; left: 0;  }
#nav > li li a { display: block;}
#nav > li li a:hover,
#nav > li li:hover > a { color:#333; text-decoration:none;}
/* 3rd+ leven */
#nav ul ul { position: absolute; left: 2.5%; top:21px; display: none;}
#nav ul li { padding: 5px 0;}
/* Show Menu */
#nav li.over > ul,
#nav li:hover > ul{ display: block; }
/********** Navigation > */
/* ======================================================================================= */



/********** < Slideshow */
.minimal-slider { width: 960px; position: relative; overflow: hidden; margin: 0 auto;}
.minimal-slider ul, .minimal ul li  { float:left;}
.minimal-slider ul li { width:960px; overflow:hidden; position:relative; min-height:445px; }
.slider-img { float:right; height:445px; overflow:hidden;}
.slider-texts { position: absolute; bottom: 10px; left:0; width:345px;font-family: Georgia, "Times New Roman", Times, serif; 
 font-size: 18px;}
.slider-texts h1, .slider-texts h1 a { font-size:54px; color:#333; text-transform: uppercase; text-decoration:none;}
.slider-texts p  { margin-bottom: 10px; }
.slider-texts .view-item { background: url(../images/btn-view.png) no-repeat left top; line-height: 42px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#333; display: inline-block; width:130px; padding-right:25px; text-align: center; margin-top: 5px;}
#controls { text-align:center; clear:both; padding-bottom:50px; margin-top:5px;}
#controls li { display: inline; margin: 0 3px;}
#controls li a { display: inline-block; width: 20px; height:20px; background-color:#e5e5e5; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; text-indent: -10em; overflow:hidden;}
#controls li a:hover,
#controls li.current a { background-color:#51c2fc;}

.featured-categories { padding: 50px 0; background: url(../images/shadow.png) no-repeat center top;}
.featured  { width: 960px; position:relative; overflow:hidden;}
.featured li { width: 960px; float:left;}
.featured .item { width: 220px; margin: 0 10px; float:left; text-align:center; min-height:200px;}
.featured h2, .featured h2 a  { color:#000; text-decoration:none; text-transform: uppercase; font-size: 18px;}
.featured h2 { background: url(../images/divider-s.png) no-repeat center bottom; padding-bottom:10px; margin-bottom:30px;}
#prevBtn,
#nextBtn { width:42px; height:42px; position:relative; top: -100px; background-image: url(../images/sliderBtn.png);}
#prevBtn { float:left; background-position: left top; margin-left: -42px;}
#nextBtn  { float: right; background-position: left -43px; margin-right:-42px;}
#prevBtn a,
#nextBtn a { display: block; padding-top: 42px; height:0; overflow:hidden;}


/* Structure ================================================================================ */
.center { width: 960px; margin: 0 auto; }
#container { background:#fff; margin: 42px 0 0; }
#container,
#top, 
#header,
#footer,
#main,
#legality,
.featured-categories { width:100%; float:left;}
#top { padding-bottom: 5px; position: absolute; top:0; z-index:1; background: #fff; margin: 0 auto; width: 1000px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; padding-top:80px;}
#header { padding: 0 0 30px; border-bottom: 1px solid #dddddd; border-bottom-width: 2px; border-top: 1px solid #dddddd; border-top-width: 3px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;margin-top:80px;}

#search_mini_form { float:right; padding: 7px 0 0 10px;}
#search_mini_form .form-search .search-autocomplete { z-index:999; }
#search_mini_form .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; }
#search_mini_form .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
#search_mini_form .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
#search_mini_form .form-search .search-autocomplete li.selected {}
#search_mini_form .form-language { clear:both; text-align:right; }

#search_mini_form #search { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; padding-left:12px;} 
#search_mini_form #search + button { margin-left: -5px;} 
#search_mini_form #search + button span span { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; }

#main { padding: 10px 0 50px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;}

/* Footer ================================================================================ */
#footer { padding:40px 0; color:#666; background: white;   border-top: 1px solid #dddddd;  border-top-width: 2px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;}
#footer .col { float: left; width:225px; font-size:13px; padding-bottom:20px;}
#footer .col + .col { padding-left: 20px;}
#footer .col p { margin-bottom:5px;}
#footer .col a { text-decoration: underline;}
#footer .col a:hover { text-decoration: none;}
#footer .col h3 { font-size: 18px; font-weight:normal; padding-bottom:8px; margin-bottom:8px; background: url(../images/divider-m.png) repeat-x center bottom;}
#footer ul { float:right;}
#footer ul li { display: inline; margin-right:10px;}
#legality { margin-top:15px;font-family: varela round;}
#legality .left { padding-left: 10px; font-family: varela round;margin-top: -23px;}
/* ======================================================================================= */

.cms-home #main > .center { width: auto; float: none; margin:0; padding:0;}
.page-title h1,
.page-title h2 { font-size:24px; color:#000; }


.breadcrumbs,
.breadcrumbs ul,
.page-title,
.page-title h1,
.page-title h2,
.box-head,
.box-head h1,
.box-head h2{ background-image: url(../images/divider-l.png); background-repeat:no-repeat; }

.box-collateral { background-position: left top; margin-top: 35px;}
.box-collateral > div { background-position: right top; padding: 35px 0 0;}

.breadcrumbs,
.page-title,
.box-head { background-position: left bottom; margin: 0 0 25px;}

.breadcrumbs ul,
.page-title h1,
.page-title h2,
.box-head h1,
.box-head h2 { background-position: right bottom; padding: 0 0 10px;}

.box-reviews li + li { background: url(../images/divider-480.png) no-repeat center top;}

.block .block-title { background: url(../images/divider-m.png) no-repeat center bottom; padding-bottom: 8px;}
.col-left .block-title { background-image:url(../images/divider-160.png);}
.col-left #newsletter-validate-detail { clear: both; display: block;}
.col-left #newsletter-validate-detail input { margin-bottom: 5px; min-width: 120px;}

.col-main .static-block .left { margin-right: 80px;}
.col-main .static-block .right { margin-left: 80px;}
.static-block { clear: both; margin: 20px 0;}
.static-block h2 { margin-right: 80px; font-size:28px; text-transform: uppercase; }
.static-block p { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; margin-top:5px; line-height: 1.5em;}


.account-login h2 { background: url(../images/divider-285.png) no-repeat left bottom; }

.toolbar,
.product-view .add-to-box, 
.cart-collaterals,
.opc .step-title,
.block-account li.current{
	padding: 15px 20px;
    border: solid 1px #cfcfcf; 
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1), inset 0 0 1px 1px #fff;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1), inset 0 0 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1), inset 0 0 1px 1px #fff;
	background: #f3f3f3;
}

.toolbar,
.opc .step-title{ 
	padding: 10px;
	background: #eee;
	background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ededed));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#ededed)";
}
.block-account li.current { background-color:#f3f3f3; padding: 8px; }


.block-layered-nav dd { background: url(../images/divider-160.png) no-repeat center bottom;}
.legend { border-bottom:1px solid #999; padding-bottom:5px;}

.cart .page-title, .cart .page-title h1, .cart .page-title h2 { background: none; padding-bottom:0;}

.can {margin:0 auto;width:1000px;}

.customc3 {
width: 30.3%;
display: inline-block;
padding-left: 25px;
padding-right: 10px;
padding-top: 20px;
}

.customc32 {
width: 29.3%;
display: inline-block;
padding-left: 11px;
padding-right: 10px;
padding-top: 20px;
}

.customc33 {
width: 29.3%;
display: inline-block;
padding-left: 11px;
padding-right: 10px;
padding-top: 20px;
}

.customc31 {
width: 30%;
display: inline-block;
padding-left: 11px;
padding-right: 10px;
padding-top: 20px;
}

.customc311 {
width: 30%;
display: inline-block;
padding-left: 25px;
padding-right: 10px;
padding-top: 20px;
}
.customc3 h3 {font-weight:normal;}
.customc32 h3 {font-weight:normal;}
.customc33 h3 {font-weight:normal;}