/*
   ___ ___ ___ __  _ ____
  / __/ __|_  )  \/ |__ /
 | (_| (__ / / () | ||_ \
  \___\___/___\__/|_|___/
                         
============================================================
Site Designed & Powered by CrystalCommerce.com
	Designer        Kevin Hawley
	Coded			Ross Dallaire, Andy Herman
	Created         1/1/2013
============================================================
Colors
	Black           #000000
	White           rbga(255,255,255,1)

	Dark Grey 1     1e1e1e                  Top header bar
	Dark Grey 2     383838                  Bottom footer bar
	Light Grey 1    e1e1e1                  Header background color
	Light Blue 1    00b0f3                  Link colors
============================================================
*/

/*
	Fonts
============================================================ */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
input:focus {
	background: #FBF397;
}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* /END CLEARFIX */

/*
	Outline
=======================================
Author Info
Colors
Reset/ Other
Global                      Anything that defines something that is reused including classes
Page Layout & Framework
Category Tree
Dynamic Displays

*/

/* ========================================================== */
/* 	                         Global                           */
/* ========================================================== */

body {
	font-family: 'Open Sans', sans-serif;
	background: #fafafa;
}
a {
	color: #76096b;
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#two-column-grid {
	width:1000px;
}
	#left-column {
		float:left;
		width:240px;
		margin:0 0 20px;
	}
	#right-column {
		float:right;
		width:730px;
		min-height:300px;
		margin-bottom:40px;
	}
	
/*** Automated Banner ***/
#leaderboard {
	width:100%;
	height:90px;
}
.banner {
	margin: 0 0 0 140px;
}
.side-banner {
	max-width:240px;
	margin-top:20px;
}
.square {
	height:240px;
}

/* ========================================================== */
/* 	                   Utility Title Bar                      */
/* ========================================================== */

/*** Utility Titlebar at top ***/
#utility{
	height: 50px;
	width: 100%;
	background: #401856;
	position: fixed;
	z-index: 600;
}
	#utility nav #account{

	}
	#utility nav #account ul{
		list-style: none;
	}
	#utility a {
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		color: #fff;
	}
		#utility a:hover {
			color:#76096b;
		}
	#utility a#sales-link {
		text-decoration: none;
		line-height: 50px;
		font-size: 15px;
		font-weight: 700;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		color: #76096b;
	}
		#utility a#sales-link:hover {
			color:#fff !important;
		}
	#utility a#phone-link {
		color: #fff;
		text-decoration: none;
		margin: 0 0 0 15px;
	}
	
	/*** User Account Styles ***/
	#user-container {
		position:absolute;
		top:0;
		right:0;
		color:#7e7e7e;
		font-size: 15px;
		font-weight: 700;
	}
		#user-container #account {
			float:left;
			padding:0 5px;
		}
		#user-container #account.visible, #user-container #account.logged-in:hover {
			background:#383838;
			cursor:pointer;
		}
		#user-container #account ul li {
			height:50px;
			line-height: 50px;
			float: left;
		}
		#account ul#account-controls li {
			float: none;
			display: block;
		}
			#account.visible li.user-welcome {
				color:#fff;
			}
			#account li.user-welcome span {
				display:inline-block;
			    border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-bottom: 1px solid transparent;
				border-top: 5px solid #7e7e7e;
				margin: 10px 0 0 0;
			}
			#user-container #account > ul li a {
				display:inline-block;
				margin-left:5px;
				color: #fff;
			}
			#user-container #account > ul li a:hover {
				color: #76096b;	
			}
		#user-container #account li.account-icon {
			background:url(../img/img_account-icons.png) 0 7px no-repeat;
			width:31px;
		}
		
		/*** Account Preview ***/
		#account-preview {
			display:none;
			position:absolute;
			top:50px;
			left:0;
			z-index:999;
			background:#383838;
			width: 250px;
			-moz-box-shadow: inset 0 4px 7px #111;
			-webkit-box-shadow: inset 0 4px 7px #111;
			-khtml-box-shadow: inset 0 4px 7px #111;
			box-shadow: inset 0 4px 7px #111;
		}
			#account-preview h4 {
				font-size:15px;
				color:#fff;
				margin:15px 0 10px 15px;
			}
			#account-preview ul#account-controls {
				margin:0 15px 0 15px;
				display:block;
			}
			#account-preview ul li {
				float:left;
				display:inline-block;
				font-size:15px;
				line-height:1.2em !important;
				height:20px !important;
			}
			#account-preview ul li a {
				font-size:13px;
				margin:0 5px 0 0;
				font-weight:normal;
				display:block;
			}
				#account-preview ul li a:hover {
					color:#76096b;
				}
			#account-preview .store-credit {
				margin:10px 0 20px 15px;
				font-size:14px;
				line-height:1.3em;
			}
		
		/*** Quick Cart ***/
		#quick_cart {
			float:left;
			margin-left:15px;
		}
			#quick_cart ul {
			
			}
			#quick_cart ul li {
				list-style-type:none;
				float:left;
				height:50px;
				line-height:50px;
			}
			#quick_cart ul li.cart-icon {
				background:url(../img/img_account-icons.png) -31px 7px no-repeat;
				width:31px;
				margin-right:2px;
			}
			
		/*** Help Button ***/
		ul#help {
			float:left;
			margin-left:15px;
		}
			ul#help li {
				list-style-type:none;
				float:left;
				height:50px;
				line-height:50px;
			}
			ul#help li.help-icon {
				background:url(../img/img_account-icons.png) -62px 7px no-repeat;
				width:31px;
				margin-right:2px;
			}

/* ========================================================== */
/* 	                         Header                           */
/* ========================================================== */

#header{
	height: 560px;
	width: 100%;
	background:url(../img/dojo-gradient.jpg) repeat-x;
	position: relative;
	border-bottom:1px solid #ff4900;
	box-shadow: 0px 1px 0 white;
}
	/*** Logo ***/
	
	#logo {
		border:5px solid #401856;
		position: relative;
		z-index: 500;
	}
	#header #brand h1{
		font-size: 50px;
		font-family: 'Open Sans Condensed', sans-serif;
		position: absolute;
		top: 46px;
		text-shadow: 1px 1px 0px #eee;
		
	}
	
	#brand {
		
	}
	
	#header .wrapper {
		background:url(../img/dojo-bg.jpg) no-repeat right top; 
		width:1000px;
		height:100%;
	}
		#header #brand h1 a{
			color: #1e1e1e;
			text-decoration: none;
			transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
		}
		#header #brand h1 a:hover{
			color: #383838;
		}
	
	/*** Header Navigation ***/
	#header nav#site-nav{
		position: absolute;
		right: 0;
		top:  150px;
	}
		#header nav#site-nav ul{
			list-style: none;
		}
			#header nav#site-nav ul li{
				display: inline-block;
				margin: 0 0 0 5px;
				font-size: 16px;
			}
			#header nav#site-nav ul li a{
				text-decoration: none;
				padding: 5px;
				color: #f9f9f9;
				font-weight: 600;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				font-weight: 600;
				text-shadow: 1px 1px 0 #513b17;
				text-shadow: 1px 1px 0 rgba(82,59,23,0.55);
			}
			#header nav#site-nav ul li a i{
				font-size: 30px;
			}
			#header nav#site-nav ul li a:hover{
				opacity: .3;
			}
			
	
/* ========================================================== */
/* 	                    Navigation Bar                        */
/* ========================================================== */

/*** Category Tree Button ***/
header #product-nav{
	height: 60px;
	background: #401856;
	position: relative;
	margin:-339px auto 20px;
}
	#product-nav a#browse-products {
		font-size: 22px;
		color: #fff;
		text-decoration: none;
		line-height: 60px;
		padding: 0 20px;
		display: block;
		width: 200px;
		transition: background 0.3s linear;
		-webkit-transition: background 0.3s linear;
		-moz-transition: background 0.3s linear;
	}
	#product-nav a#browse-products span.open-toggle {
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 1px solid transparent;
		border-top: 7px solid #fff;
		margin: 0px -3px 0 12px;
	}
	#product-nav a#browse-products:hover, a#browse-products.visible {
		background: #401856;
	}

/*** Navigation Bar Links ***/
#product-links {
	
}
	#product-links li {
		display: inline-block;
	}
	#product-links li a {
		display: inline-block;
		height: 60px;
		line-height: 60px;
		color: #fafafa;
		font-size: 14px;
		padding: 0 12px;
		text-decoration: none;
		transition: background 0.2s linear;
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		}
		#product-links li a:hover {
			background:#1e062c;
		}
		#product-links li a.home {
			padding-left:16px;
		}

/*** Search Field Styles ***/
#search-wrapper {
	position:absolute;
	top:0px;
	right:9px;
}
	#search-wrapper #search-options {
		display:inline-block;
		margin:9px 16px 0 0;
		vertical-align:top;
	}
		#search-wrapper #search-options label {
			font-size: 12px;
			color: #cccccc;
			vertical-align: middle;
			cursor: pointer;
			line-height: 1.8em;
		}
		#search-wrapper #search-options label input {
			vertical-align:top;
			margin-right:4px;
		}
		#search-wrapper form {
			position:relative;
		}
		#search-wrapper form input.search {
			height:44px;
			width:248px;
			line-height:44px;
			background:#fafafa;
			color:#cccccc;
			font-size:14px;
			margin-top:8px;
			padding:0 10px;
			border:none;
		}
			#search-wrapper form input.search:focus {
				color:#777;
				background:#fbf397;
			}
			#search-btn {
				background: #76096b;
				height: 46px;
				width: 48px;
				margin: 5px 0 0 0;
				vertical-align: bottom;
				font-weight: 600;
				font-size: 14px;
				text-transform: uppercase;
			}
	
/* ========================================================== */
/* 	                      Left Column                         */
/* ========================================================== */

/*** Stop Selling on Buylist Notification ***/
#stop_selling {
	margin-top:20px;
	width:240px;
	background-color:#e1e1e1;
	padding:10px 0 5px;
}
	#stop_selling h2 {
		margin:0 10px 8px;
		font-size:17px;
	}
	#stop_selling p {
		margin:0 10px 8px;
		font-size:13px;
		line-height: 1.2em;
	}
	#stop_selling a:hover {
		text-decoration:underline;
	}

/* ========================================================== */
/* 	                     Right Column                         */
/* ========================================================== */

#right-column p {
	
}

/*** Carousel Styles ***/
#carousel-header {
	font-size:28px;
	margin-bottom:15px;
}
	#carousel-header span {
		font-size:15px;
		color:#aaa;
	}
#carousel-wrapper {
	margin:0 0 20px;
	position:relative;
	
}
	#carousel {
		margin:0 50px;
		padding: 0;
		list-style: none;
		display: block;
	}
	#carousel li {
		font-size: 40px;
		color: #999;
		text-align: center;
		width: 135px;
		height: 155px;
		padding: 0;
		margin:0 11px;
		display: block;
		float: left;
	}
		#carousel li .carouselImage {
			
		}
			#carousel li .carouselImage a {
				display:table-cell !important;
				height:110px;
				width:135px;
				vertical-align:middle;
				text-align:center;
				text-decoration:none;
			}
			#carousel li .carouselImage img {
				max-width:120px;
				max-height:110px;
				border:none;
			}
		#carousel li .carouselInfo {
			font-size:12px;
			padding:0;
			margin:5px 0 0 0;
		}
			#carousel li .carouselInfo a {
				display:block;
				font-size:12px;
				line-height:1.2em;
				font-weight:bold;
				text-overflow:ellipsis;
				white-space:nowrap;
				overflow:hidden;
			}
			#carousel li .carouselInfo .carouselPrice {
				display:block;
				color:#111;
				font-size:12px;
				font-weight:bold;
			}
	#carousel.responsive {
		width: auto;
		margin-left: 0;
	}
	.carousel-prev {
		background:url(../img/btn_carousel-prev.png) center no-repeat;
		height:43px;
		width:42px;
		display:block;
		position:absolute;
		left:0;
		top:33px;
	}
	.carousel-next {
		background:url(../img/btn_carousel-next.png) center no-repeat;
		height:43px;
		width:42px;
		display:block;
		position:absolute;
		right:0;
		top:33px;
	}
	
/* Will display when no items are tagged */
	#carousel-empty {
		height:155px;
		text-align:center;
		margin:0 0 20px;
		background:#f1f1f1;
		overflow:hidden;
	}	
		#carousel-empty h3 {
			font-size:20px;
			color:#bbb;
			margin:50px 0 10px;
		}
		#carousel-empty p {
			font-size:16px;
			color:#bbb;
		}

/*** Dynamic Displays ***/
#showcase-header {
	font-size:28px;
	margin-bottom:15px;
}
ul#dynamic-display {
	margin:0 -22px 0 0;
	padding:0;
}
	#dynamic-display li {
		float:left;
		display:inline-block;
		background:#fff;
		margin:0 13px 13px 0;
		-webkit-transition:margin .2s ease-in-out;
		-o-transition:margin .2s ease-in-out;
		-moz-transition:margin .2s ease-in-out;
		transition:margin .2s ease-in-out;
		
	}
	#dynamic-display li.dyno-empty {
		width:229px;
		height:229px;
		text-align:center;
		background:#f1f1f1;
		overflow:hidden;
		border:solid 3px #e1e1e1;
	}
		#dynamic-display li.dyno-empty h3 {
			font-size:20px;
			color:#bbb;
			margin:75px 0 10px;
		}
		#dynamic-display li.dyno-empty p {
			font-size:16px;
			color:#bbb;
			margin:0 15px;
		}
	#dynamic-display li a.itemContainer {
		display:block;
		width:222px;
		height:229px;
		border:solid 3px #eee;
		-webkit-transition:all .2s ease-in-out;
		-moz-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}
		#dynamic-display li a.itemContainer:hover {
			border:solid 3px #76096b;
		}
	#dynamic-display li:hover {
		margin:-5px 13px 18px 0;
		/*-webkit-box-shadow:  0px 2px 3px 2px rgba(0, 0, 0, 0.1);
		box-shadow:  0px 2px 3px 2px rgba(0, 0, 0, 0.1);*/
		
	}
	#dynamic-display li:active {

	}
	a.itemContainer{
		text-decoration: none;
	}
	.itemContainer .itemImg {
		display:table-cell;
		width:235px;
		height:170px;
		text-align:center;
		vertical-align:middle;
	}
	.itemContainer .itemImg img {
		max-height: 150px;
		max-width: 174px;
	}

	.itemContainer .itemName {
		display:block;
		padding:0 10px;
		font-weight: 600;
	}
	#dynamic-display li a.itemContainer .itemName {
		color: #383838;
		text-decoration: none;
		border-bottom: none;
		text-align: center;
	}
	.itemContainer .itemPrice {
		display:block;
		padding:5px 15px;
		color: #383838;
		font-size: 14px;
		text-align: center;
	}
	
/* ========================================================== */
/* 	                         Footer                           */
/* ========================================================== */

#pre-supplementary {
	min-height:135px;
	position:relative;
	width:1000px;
	margin:0 auto;
}
	#site-info p {
		float:left;
		font-size:12px;
		color:#919191;
		line-height:1.4em;
		margin:35px 25px 10px 0;
	}
	
	/*** Newsletter Signup ***/
	#newsletter {
		position:absolute;
		top:20px;
		right:150px;
		font-size:12px;
		color:#919191;
	}
		#newsletter p {
			margin-bottom:8px;
		}
		#newsletter form input#signup_email {
			width:158px;
			height:25px;
			line-height:25px;
			background:#fff;
			border:solid 1px #ccc;
			color:#919191;
			padding:0 6px;
		}
		#newsletter form input#signup_email:focus {
			color:#777;
			background:#fbf397;
		}
		#newsletter .mimi_field_feedback {
			padding:3px 0;
			color:#d07575;
			font-size:11px;
		}
	
	/*** Wizards Logo ***/
	#wizards {
		position:absolute;
		top:0;
		right:0;
	}

/*** Footer Navigation ***/
#supplementary {
	height: 70px;
	background: #401856;
	box-shadow: 0 5px 5px black;
	width: 100%;
	position: relative;
}
	#supplementary nav {
		position: absolute;
		top: 25px;
	}
		#supplementary nav ul li {
			display: inline-block;
			margin: 0 10px 0 0;
			font-size: 16px;
			font-weight: 700;
		}
		#supplementary nav ul li a {
			text-decoration: none;
			color: #fff;
			padding: 5px;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			transition: all 0.2s linear;
		}
		#supplementary nav ul li a:hover{
			color: #a50f96;
		}

/*** Credit Card Information ***/
#payment-methods {
	float:right;
	margin-top:17px;
}
#payment-methods ul li {
	display:inline-block;
}
		
/*** Copyright Info ***/
#legal{
	width: 100%;
	background: #401856;
	height: 50px;
	position: relative;
}
	#legal p#copyright{
		color: #e8e8e8;
		display: inline-block;
		line-height: 50px;
		margin: 0 20px 0 0;
		font-size: 12px;
		font-weight: 700;
		text-shadow: 1px 1px 0 #333;
	}
    #legal ul{
	    list-style: none;
	    display: inline-block;
    }
	    #legal ul li{
			display: inline-block;
		    line-height: 50px;
		    font-size: 12px;
		    font-weight: 700;
		    margin: 0 15px 0 0;
	    }
        #legal ul li a{
	        color: #cecece;
	        text-decoration: none;
	        text-shadow: 1px 1px 0 #333;
        }
    #legal #author{
	    position: absolute;
	    right:0;
	    top: 10px;
    }
    
    
    
/*
    
    TIFFANY STYLES
*/

#right-column {
	background: #fefefe;
	padding:10px;
	box-sizing: border-box;
	box-shadow: 0 0 10px black;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.33);
	border-radius: 3px;
	padding-top:20px;
}

#dynamic-display li a.itemContainer .itemName {
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.store-info-lnks {
	position: relative;
	padding-top:150px;
}

.store-info-lnks a {
font-family: 'ONRAMPRegular', sans-serif;
	text-transform: uppercase;
	color:#0b0b0b;
	font-size: 30px;
}

a.first-part {
	border-right: 1px dotted rgb(255, 255, 255);
	letter-spacing: -.3px;
	color:white;
		text-shadow: 1px 1px 0 #513b17;
				text-shadow: 1px 1px 0 rgba(82,59,23,0.55);
}