/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */


/* @group Navigation */

#navigation {
	margin-bottom: 10px;
	clear: both;
}

#navigation ul,
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

#footer {
	clear: both;
	padding: 20px 0 40px;
}

#credits {

}

/* #Page Styles
================================================== */

/* Layout Shortcodes */
.full-width {width:960px; height:auto; overflow:hidden}

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}


.last {margin-right:0 !important;}


/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#navigation ul {border-radius:0px;}
	#navigation ul li a {font-size: .9em;padding: 10px 15px;}
	#navigation ul {min-width: 700px;}
	#sidebar .widget-container {margin-left: 0px;}
	.resize {display: none;}
	#respond textarea {width:auto;}	
	
	/* jigoshop styles */
	#header .site-desc.text {font-size: 1.25em;}
	
	}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	
	body{ background-color: #FFFFFF; }
	
	#header #site-title.graphic a{ margin: 0 0 0 70px; }
	.search-box p{ margin: 10px 60px 20px 0; }
	#searchform input[type="text"] { margin: 0 50px 0 0; width: 200px}
	
	#wrap{
		padding: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#navigation ul {
    		background-color: #856F61;
    		border-width: 1px;
    		position: relative;
    		width: 100%;
		}
	#navigation ul, #navigation ul li, #navigation ul ul { text-align: center; }
	#navigation ul { background-color: #856F61; border-width: 1px; position: relative; width: 100%; }
	#navigation ul li{ height: 40px; border-bottom: 1px solid #FFFFFF; }
	#navigation ul li a, #navigation ul li.active a, #navigation ul li a:hover, #navigation ul li:hover a { padding: 12px 20px; }
    #navigation ul li:hover a, #navigation ul li a:hover{ background-color: #CC6373; border-bottom: 1px solid #FFFFFF; position: relative; color: #FFFFFF; }

    #navigation ul li:active a{ background-color: #873141; border-bottom: 1px solid #FFFFFF; }
	
	img.main-banner{ display: none; }
	
	#wrap {
		padding: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	#header .site-desc.text {font-size: 1.25em;}
	
	#diamond-education, #engagement-rings, #precious-metals, #perfect-gift {
			border-bottom: 1px solid #E2C7A6;
			border-top: none;
			border-right: none;
			border-left: none;
		}
		
	#diamond-education{ height: 430px; background-position: 195px 237px }
	
	#diamond-education h3{ margin: 0px 20px 0 20px; }
	
	.textwidget ul li{ display: none; }
	.one_fourth, .one_fourth last{ display: none; }
	
	#wrap #sidebar { text-align: center; }
	
	.textwidget p.head-disc{
		border-top: 2px solid #F6F2EC;
		border-bottom: 1px dashed #E6E6E6;
		padding: 10px 0;
	}
	
	#footer { border: none; }
	#footer h4{ display: none; }
	#learn-more-right{ margin: 0; }
	#footer #credits img.bbb { margin-top: 20px; }
	
	#sidebar ul li.widget-container ul.menu li.menu-item { padding: 0 0 10px 0; }
	
	#navigation ul,
	#navigation ul li,
	#navigation ul li a {
	float: none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	behavior:none;
	}
	
	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a {
	border: none;
	line-height: 150%;
	}
	
	/* Initial reset and hide sublevels in mobile view */
	
	#navigation ul.sub-menu,
	#navigation ul.sub-menu li,
	#navigation ul.sub-menu li:hover,
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover
	 {

	}
	
	/* Declare new padding for submenu items */

	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover {
		padding: 4px 0px 4px 10px;
	}
	
	/* Show on hover */
	
	#navigation li:hover ul.sub-menu,
	#navigation li:hover ul.sub-menu li,
	#navigation li:hover ul.sub-menu li a {
		display: inline-block;
	}
	#respond textarea {width:300px;}	


	
	#wrap .products li,.products li.first,.products li.last {
 	float: left;
 	clear: both;
	margin: 20px 0px 20px 0px;
	width: 100%;
	}
	#breadcrumb {display: none;}

	#sidebar .widget-container {margin-left: 0px;}
	.full-width,
	.one_half,
	.one_third,
	.two_thirds,
	.three_fourths,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {width: 100%;}
	.resize {display: none;}

	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.search-box p {
			float: right;
			margin: 0 0 10px 0;
		}
		#header #site-title.graphic a{ margin: 0 0 0 0; }
		#searchform input[type="text"]{ margin: 10px 0 0 0; width: 150px; }
		body{ background-color: #FFFFFF; }
		#wrap{
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
		#navigation ul {
    		background-color: #856F61;
    		border-width: 1px;
    		position: relative;
    		width: 100%;
		}
		
		#navigation ul { background-color: #856F61; border-width: 1px; position: relative; width: 100%; }
		#navigation ul li{ height: 40px; border-bottom: 1px solid #FFFFFF; }
		#navigation ul li a, #navigation ul li.active a, #navigation ul li a:hover, #navigation ul li:hover a { padding: 12px 20px; }
    	#navigation ul li:hover a, #navigation ul li a:hover{ background-color: #CC6373; border-bottom: 1px solid #FFF; position: relative; color: #FFFFFF; }
    	#navigation ul li:active a{ background-color: #873141; border-bottom: 1px solid #FFFFFF; }
    	
    	img.main-banner{ display: none; }
    	
    	#footer{ border: none; }
    	#footer h4{ display: none; }
    	
    	.textwidget ul li{ display: none; }
    	.one_fourth, .one_fourth last{ display: none; }
    	
    	#wrap #sidebar { text-align: center; }
    	
		.textwidget p.head-disc{
			border-top: 2px solid #F6F2EC;
			border-bottom: 1px dashed #E6E6E6;
    		padding: 10px 0;
		}
		
		#footer #credits img.bbb { margin-top: 20px; }
		#wrap #sidebar .widget-container{ margin: 0; }
		#sidebar ul li.widget-container ul.menu li.menu-item { padding: 0 0 10px 0; }
		#navigation ul, #navigation ul li, #navigation ul ul { text-align: center; }
		#learn-more-right{ margin: 0; }
		#diamond-education, #engagement-rings, #precious-metals, #perfect-gift {
			border-bottom: 1px solid #E2C7A6;
			border-top: none;
			border-right: none;
			border-left: none;
		}
		
		#diamond-education{ height: 380px; background-position: 230px 160px; }
		#engagement-rings{ background-position: 140px 210px; }
		#precious-metals{ background-position: 126px 240px; }
		#perfect-gift{ background-position: 208px 200px; }
	}
	
	/* Anything smaller than standard 960 - original - @media only screen and (max-width: 959px) { */
	/* Anything smaller than standard 480 - original - @media only screen and (max-width: 959px) { */
	@media only screen and (max-width: 959) {
		body{ background-color: #FFFFFF; }
		#wrap{
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
		#navigation ul { background-color: #856F61; border-width: 1px; position: relative; width: 100%; }
		#navigation ul li{ height: 40px; border-bottom: 1px solid #FFFFFF; }
		#navigation ul li a, #navigation ul li.active a, #navigation ul li a:hover, #navigation ul li:hover a { padding: 12px 0; }
    	#navigation ul li:hover a, #navigation ul li a:hover{ background-color: #CC6373; border-bottom: 1px solid #FFF; position: relative; color: #FFFFFF; }
    	#navigation ul li:active a{ background-color: #873141; border-bottom: 1px solid #FFFFFF; }
    	#navigation ul ul{ display: none; }
    	
    	img.main-banner{ display: none; }

		#footer{ border: none; }
		#footer h4{ display: none; }
		
		#footer #credits img.bbb { margin-top: 20px; }
		#wrap #sidebar .widget-container{ margin: 0; }
		#sidebar ul li.widget-container ul.menu li.menu-item { padding: 0 0 10px 0; }
		#navigation ul, #navigation ul li, #navigation ul ul { text-align: center; }
		#learn-more-right{ margin: 0; }
		
		#diamond-education, #engagement-rings, #precious-metals, #perfect-gift {
			border-bottom: 1px solid #E2C7A6;
			border-top: none;
			border-right: none;
			border-left: none;
		}
		
		#diamond-education{ height: 430px; background-position: 110px 237px; }
		
		#diamond-education h3{ margin: 0px 20px 0 20px; }
		
		.textwidget ul li{ display: none; }
    	.one_fourth, .one_fourth last{ display: none; }
    	
    	#wrap #sidebar { text-align: center; }
    	
    	.textwidget p.head-disc{
			border-top: 2px solid #F6F2EC;
			border-bottom: 1px dashed #E6E6E6;
    		padding: 10px 0;
		}
	}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
		body{ background-color: #FFFFFF; }
		#wrap{
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
		body{ background-color: #FFFFFF; }
		#wrap{
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
	}
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
		#header #site-title.graphic a{
			margin: 0 0 0 130px;
		}
		body{ background-color: #FFFFFF; }
		#wrap{
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
		#navigation ul { background-color: #856F61; border-width: 1px; position: relative; width: 100%; }
		#navigation ul li{ height: 40px; border-bottom: 1px solid #FFFFFF; }
		#navigation ul li a, #navigation ul li.active a, #navigation ul li a:hover, #navigation ul li:hover a { padding: 12px 0; }
    	#navigation ul li:hover a, #navigation ul li a:hover{ background-color: #CC6373; border-bottom: 1px solid #FFF; position: relative; color: #FFFFFF; }
    	#navigation ul li:active a{ background-color: #873141; border-bottom: 1px solid #FFFFFF; }
    	#navigation ul ul{ display: none; }
    	
    	img.main-banner{ display: none; }
		
		#footer{ border: none; }
		#footer h4{ display: none; }
		
		#footer #credits img.bbb { margin-top: 20px; }
		#wrap #sidebar .widget-container{ margin: 0; }
		#sidebar ul li.widget-container ul.menu li.menu-item { padding: 0 0 10px 0; }
		#navigation ul, #navigation ul li, #navigation ul ul { text-align: center; }
		#learn-more-right{ margin: 0; }
		
		#diamond-education, #engagement-rings, #precious-metals, #perfect-gift {
			border-bottom: 1px solid #E2C7A6;
			border-top: none;
			border-right: none;
			border-left: none;
			height: 360px;
		}
		
		#diamond-education{
		}
		
		.textwidget ul li{ display: none; }
    	.one_fourth, .one_fourth last{ display: none; }
    	
    	#wrap #sidebar { text-align: center; }
	}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/