/* CSS Document */

/*
--------------------------------------------------
We Got Nuts
February 2015
Global CSS file

-------------------------------------------------- */



/* General
-----------------------------------------------*/

/*** fonts ***/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(https://fonts.googleapis.com/css?family=Neuton:400,700);
@import url(https://fonts.googleapis.com/css?family=Allura);

body { font: normal normal 16px/1 'Lato', sans-serif !important; background :url(../images/main-bgd.jpg) repeat-x top center;}

.internal {/*background-image:url(../images/back_internal.jpg);*/ background: url(../images/main-bgd.jpg) repeat-x top center; }

/*.category {background-image:url(../images/back_category.jpg);}*/

.wrapper {max-width:1000px; margin:0 auto;}
.wrapper.rsp { max-width: none; margin:0 auto; }

a {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.button {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}



/*** header ***/

header { width: 100%; }
header:after { content: ''; display: block; clear: both; }
header .header-top { width: 100%; background: #fff; }
header .header-top:after { content: ''; display: block; clear: both; }
header .header-top p { font-family: 'Lato'; float: left; color: #242a0c; font-size: 0.8em; padding: 1em 0; }
header .header-top ul { float: right; }
header .header-top ul li { float: left; font-size: 0.8em; }
header .header-top ul li:nth-child(2) { padding: 0 1em; }
header .header-top ul li a { font-family: 'Lato'; display: inline-block; padding: 1em 0; color: #242a0c; text-transform: uppercase; }
header .header-top ul li a:hover { text-decoration: underline; }

header .header-central { width: 100%; position: relative; z-index: 100; background: url(../images/header-bgd.png) repeat-x top center; border-bottom: 5px solid #425612; }
header .header-central:after { content: ''; display: block; clear: both; }
header .header-central .logo { float: left; padding: 1.25em 0; }
header .header-central .logo img { width: 100%; height: auto; }
header .header-central .search { float: left; margin-top: 2em; margin-left: 10%; }
header .header-central .search input { box-sizing: border-box; font-size: 0.8125em; color: #242a0c; width: 21em; padding: 0.9em 0 0.9em 0.7em; border: none; }
header .header-central .search button { font-size: 1em; color: #fdb813; background: #151515; border: none; padding: 0.5875em; position: relative; top:1px; -webkit-border-top-right-radius: 0.1875em; -webkit-border-bottom-right-radius: 0.1875em; -moz-border-radius-topright: 0.1875em; -moz-border-radius-bottomright: 0.1875em; border-top-right-radius: 0.1875em; border-bottom-right-radius: 0.1875em; }
header .header-central .search button:hover { cursor: pointer; background: #fdb813; color: #000; }
header .header-central .cart { float: right; font-size: 0.7em; color: #fff; text-align: center; background: rgba(36, 45, 11, 0.44); padding: 2.35em; border-left: 1px solid #7e8d43; border-right: 1px solid #7e8d43; }
header .header-central .cart:hover { text-decoration: underline; }
header .header-central .cart img { display: block; margin:0 auto; margin-bottom: 1em; }
header .header-central .cart span { display: block; margin:0 auto; margin-bottom: 0.4em; }
header .header-central .cart em { display: inline-block; margin-bottom: 1.2em; }

header .mobile-nav { display: none; position: relative; z-index: 999; }
header nav { clear: both; width: 100%; position: relative; z-index: 999; }
header nav ul { width: 100%; display: inline-block; position: relative; top: -2.1em; margin-bottom: -2.1em; }
header nav ul li { box-sizing: border-box; float: left; border-right: 1px solid #d69d20; background: #fdb813; padding: 1.4em 0; width: 16.666%; text-align: center; }
header nav ul li:first-child { border-top-left-radius: 0.1875em; border-bottom-left-radius: 0.1875em; }
header nav ul li:last-child { border-top-right-radius: 0.1875em; border-bottom-right-radius: 0.1875em; }
header nav ul li.active { padding: 1.4em 0 1.0875em 0; border-bottom: 0.3125em solid #425612; }
header nav ul li:last-child { border-right: none; }
header nav ul li:hover { cursor: pointer; }
header nav ul li a { font-family: 'Playfair Display'; font-size: 1.0625em; color: #3d6200; text-transform: uppercase; }


/*** home page ***/

main { display:block; position: relative; top:-2.15em; margin-bottom: -2.15em; padding-top: 3.5em; /*background: url(../images/main-bgd.jpg) repeat-x top center*/; }

.box-container { min-width: 100%; overflow: hidden; clear: both; position: relative; top: -2.1em;  }
.navigation-box { padding: 2em 0 0 0; background-color: #fff; clear: both; overflow: hidden; background: url(../images/dropdown-bgd.png) repeat top center; -webkit-box-shadow: inset 0px -4px 17px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: inset 0px -4px 17px 0px rgba(50, 50, 50, 0.5);
box-shadow: inset 0px -4px 17px 0px rgba(50, 50, 50, 0.5); }
.navigation-box { font-size: 90%; }
.navigation-box ul { float: left; width: 60%; padding: 1.3em 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; }
.navigation-box ul li { padding: 0.3em 0; }
.navigation-box ul li.first a { color: #c10000; }
.navigation-box ul li.first a:hover { color: #FDB813; }
.navigation-box ul li a { display: inline-block; vertical-align: middle; font-size: 0.85em; text-transform: uppercase; font-family: 'Gotham Rounded'; line-height: 1.3; color: #425612; padding: 0 0; }
.navigation-box ul li a:hover { text-decoration: underline; }
.box-container.first .navigation-box .wrapper { background: url(../images/first-bgd.png) no-repeat right center; }
.box-container.second .navigation-box .wrapper { background: url(../images/second-bgd.png) no-repeat right center; }
.box-container.thrd .navigation-box .wrapper { background: url(../images/thrd-bgd.png) no-repeat right center; }
.box-container.fourth .navigation-box .wrapper { background: url(../images/fourth-bgd.png) no-repeat right center; }
.box-container.fifth .navigation-box .wrapper { background: url(../images/fifth-bgd.png) no-repeat right center; }
.box-container.sixth .navigation-box .wrapper { background: url(../images/sixth-bgd.png) no-repeat right center; }

.fluid_container {}

.description { width: 100%; }
.description:after { content:''; display: block; clear: both; }
.description h3 { float: left; text-transform: uppercase; font-size: 1.7em; font-family: 'Gotham Rounded'; color: #5f711c; line-height: 1.2; }
.description p { float: left; font-family: 'Neuton'; font-size: 1.3em; color: #595959; padding: 0.3em 0; line-height: 1.2; }
.description img { float: right; margin-top: -1.6em; }

.tab-holder { margin-top: 3.3em; }
#container1 .content ul { width: 100%; margin-top: 2em; }
#container1 .content ul:after { content: ''; display: block; clear: both; }
#container1 .content ul li { box-sizing: border-box; float: left; background: #fff; width: 23.5%; padding: 0.5em; text-align: center; margin-right: 2%; }
#container1 .content ul li:last-child { margin-right: 0; }
#container1 .content ul li img { width: 100%; height: auto; }
#container1 .content ul li h4 { padding: 1em 1.5em 0.5em 1.5em; line-height: 1.35; }
#container1 .content ul li h4 a { font-family: 'Gotham Rounded'; color: #5f711c; }
#container1 .content ul li h4 a:hover { color: #FDB813 }
#container1 .content ul li span { display: inline-block; font-family: 'Gotham Rounded Book'; font-size: 0.8em; color: #595959; padding-bottom: 0.8em; }

.cut { width: 100%; padding: 3em 0; }
.cut:after { content: ''; display: block; clear: both; }
.cut .holder { width: 100%; border-top: 1px dashed #a3a3a2; margin-top:-1.6em; padding-top: 2em; }
.cut .holder p { float: left; width: 43.5%; font-family: 'Neuton'; font-size: 1.3em; line-height: 1.45; color: #595959; }
.cut .holder .banner { float: right; width: 43.5%; height: 9.25em; background: url(../images/banner-bgd.jpg) no-repeat center center; }
.cut .holder .banner p { width: auto; font-family: 'Allura'; line-height: 1.1; color: #fff; font-size: 1.75em; padding: 0.5em 6.4em 0.2em 0.5em; }
.cut .holder .banner h5 { font-family: 'Neuton'; font-size: 1.0625em; color: #ffb912; padding-left: 0.8em; }




/* Content
-----------------------------------------------*/

.content .breadcrumbs {padding:26px 0 15px 0;}

.content3 .breadcrumbs {padding:0 0 15px 0;}

.content .breadcrumbs a {color:#5c811e;} 

.content .breadcrumbs a:hover {text-decoration:underline;}

.content h1 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:24px; margin:10px 0 -10px 0; color:#6b0000;}

.content h2 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:10px 0  0; color:#5c811e;}

.content p {padding:20px 0 0 0; font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; color:#555;}

.content a {color:#8a0000;}

.content a:hover {text-decoration:underline;}

.content .top_section {padding:25px 0 5px 0; border-bottom:2px solid #d8d8d8; margin:0 0 25px 0;}

.content .top_section h2 {float:left; font-size:26px; text-transform:uppercase; color:#777; font-family: 'RobotoBoldCondensed', Arial, sans-serif; padding:0; margin:0; border:0;}

.content .top_section h3 {float:right; font-size:27px; text-transform:none; color:#5c811e; font-weight:bold; padding:0; margin:0 0 -4px 0; border:0; font-family: 'alluraregular', Arial, sans-serif;}

.content .top_section .social_links {float:right; margin:4px 0 0 0;}


/* Category and subcategory  pages
-----------------------------------------------*/

.content .list1 {margin:15px 0 40px 1px; clear:both;}

.content .list1 li {width:158px; float:left; display:block; margin:10px 24px 0 0; padding:10px; background-color:#fff; border:1px solid #e6e6e6;}

.content .list1 li.last {margin:10px 0 0 0;}

.content .list1 li .pic {border:1px solid #e0dcdc; width:158px; height:91px;}

.content .list1 li .sample {border:1px solid #e0dcdc; width:296px; height:177px;}

.content .list1 li h3 {font-size:14px; text-transform:uppercase; color:#660000; padding:10px 0 0 0;  height:30px; font-family: 'RobotoBoldCondensed', Arial, sans-serif; text-align:center; }

.content .list1 li a {color:#660000;}

.content .list1 li a:hover {text-decoration:underline;}

.content .list1 li p {padding:4px 0 0 0; line-height:18px;}

.content .list1 li p.price {font-weight:bold;}

.content .list1 li p.number {font-weight:bold;}

/*

.content .list2 li {float:left; width:470px; margin:0 60px 0 0; border-bottom:1px solid #e0dcdc; padding:20px 0;}

.content .list2 li.last {float:left; width:470px; margin:0;}

.content .list2 li h3 {font-size:13px; text-transform:uppercase; color:#660000; font-family: 'RobotoBoldCondensed', Arial, sans-serif; padding:0 0 5px 0;}

.content .list2 .photo {float:left; border:1px solid #e0dcdc; margin:0 18px 0 0; height:101px; width:168px;}

.content .list2 li a {color:#660000;}

.content .list2 li a:hover {text-decoration:underline;}

.content .list2 li p {padding:6px 0 0 0; line-height:18px; height:60px;}

.content .list2 li p.price {font-family: 'RobotoBold', Arial, sans-serif; height:auto; font-size:11px;}

.content .list2 li .more {font-family: 'RobotoBold', Arial, sans-serif; color:#660000; background-image:url(../images/pointer.png); background-repeat:no-repeat; background-position:188px 14px; font-family:Arial, Helvetica, sans-serif; padding:7px 0 0 201px; height:auto; font-size:11px;}

.content .list2 li .more a {color:#660000;}

.content .list2 li .more a:hover {text-decoration:underline;}

*/

.content .list2 li {float:left; width:300px; margin:40px 50px 0 0; text-align:center; min-height:320px;}

.content .list2 li:nth-child(3n+3) {margin:40px 0 0 0;}

.content .list2 li .photo {width:298px; height:223px; border: 1px solid #e4e4e4;}

.content .list2 li .outer:hover .photo {opacity: 0.5;}

.content .list2 li .quick {position: absolute; left:117px; right:0; margin-top:-53%; display:none; text-indent:-9999px;}

.content .list2 li .quick a {background-image:url(../images/icon-zoom.png); background-repeat:no-repeat;
background-position:0 0; width:64px; height:64px; display:block;}

.content .list2 li .outer:hover img {-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;}

.content .list2 li .outer:hover .quick {display:block; width:64px; height:64px;}

.content .list2 li .outer {position: relative; width:298px; background-color:#000;}

.content .list2 li h3 {font-size:15px; text-transform:uppercase; padding:15px 0 0 0; font-family: 'RobotoBoldCondensed', Arial, sans-serif; min-height:35px;}

.content .list2 li h3 a {color:#8a0000;}

.content .list2 li h3 a:hover {color:#333; text-decoration:none;}

.content .list2 li .price {font-family: 'RobotoBoldCondensed', Arial, sans-serif; color:#555; font-size:16px; line-height:22px; padding:8px 0 0 0;}

.content .list2 li .price em {display:block; color:#5c811e; font-size:13px; font-style:normal; font-family: 'RobotoCondensed', Arial, sans-serif; text-transform:uppercase;}















.content .sorting {background-image:url(../images/back_sorting.png); background-repeat:no-repeat; border-bottom:1px solid #dedede; padding:7px 10px; margin:20px 0 0 0; height:46px;}

.content .sorting p {padding:5px 8px 0 0; font-size:11px; display:inline;}

.content .sorting .drop_list {font-size:11px; color:#333; padding:2px; height:22px; background-color:#fff; border:1px solid #d5d0d0; margin:2px 25px 0 0; min-width:70px;}


.content .sorting .pager {color:#666; font-weight:normal; padding:3px 0 0 0; line-height:22px; float:right;}

.content .sorting .pager a {margin:0 3px; color:#577d1a;}

.content .sorting .pager a.active {color:#333; font-weight:bold;}

.content .sorting .pager a.active:hover {text-decoration:none;}

.content .sorting .pager a:hover {text-decoration:underline;}


/* Product page
-----------------------------------------------*/

.content .column_left {float:left; width:625px;}

.content .column_left .photo_box {float:left;}

.content .column_left .photo_box .photo {border:1px solid #d7d7d7; display:block; z-index:0; position:relative;}

.content .column_left .photo_box .click {background-color:#e0e0e0; padding:6px 30px; margin:5px 0 0 0; background-image:url(../images/back_click.png); background-repeat:no-repeat; background-position:12px 8px; line-height:normal; font-size:11px;}


.content .column_left .details {border:1px solid #d7d7d7; background-color:#e9e8e8; float:right; width:200px; padding:10px 5px 10px 10px; height:250px;}

.content .column_left .details .table_info {margin:0 0 0 -5px;}

.content .column_left .details .table_info td {padding:0 0 15px 0;}

.content .column_left .details .table_info p {font-weight:bold; line-height:16px; padding:3px 0 0 0; font-size: 11px; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif;}

.content .column_left .details .qty {padding:2px; background-color:#fff; border:1px solid #bebebe; height:24px; color:#333; text-align:center; width:35px; font-weight:bold; font-size:12px;}

.content .column_left .details .button1 {margin:0 0 18px 0; display:block;}

.content .column_left .details .stock {margin:-8px 0 0 0;}

.content .column_left .details .stock li {margin:0 0 5px 0; font-weight:bold;}

.content .column_left .details .stock .in {color:#5b811d;}

.content .column_left .details .stock .out {color:#b91500;}

.content .column_left .details .list_info {border-top:2px solid #fff; padding:6px 0 0 0; margin:10px 0 0 0;}

.content .column_left .details .list_info li {padding:8px 0 8px 20px; background-image:url(../images/check.png); background-repeat:no-repeat; background-position:0 9px; color:#111;}

.content .column_left .kosher {margin:15px 0 0 0; border-top:1px dotted #cdcdcd; padding:8px 0; background-color:#f2f2f2; border-bottom:1px dotted #cdcdcd;}

.content .column_left .kosher p {font-size:14px; padding:10px 0 10px 10px;}
 
.content .column_left .kosher p img {float:left; margin:-7px 10px 0 0;}

.content .column_left .divider {clear:both; height:1px; padding:9px 0 0 0;}

.content .column_left h3 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:15px 0 -10px 0; color:#5c811e;}

.content .column_left .description_list {background-color:none; padding:15px 0 0 0;}

.content .column_left .description_list li {font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; color:#555; float:left; width:270px; margin:0 0 8px 0; background-image:url(../images/pointer2.png); background-repeat:no-repeat; background-position:0px 6px; padding:0 0 0 15px;}


.content .column_right {float:right; width:343px;}

.content .column_right h4 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; color:#5c811e;}

.content .column_right p {line-height:18px; padding:10px 0 0 0;}

.content .column_right #nutr-facts {margin:10px 0 0 0; border:1px solid #d7d7d7; background-color:#e9e8e8; padding:10px;}

.content .column_right #nutr-facts table {width:100%;border-collapse:collapse; margin: 5px 0 0 0;}

.content .column_right #nutr-facts tr {border-bottom:1px solid #bebebe;}

.content .column_right #nutr-facts tr:last-child {border-bottom:none;}

.content .column_right #nutr-facts th,.content .column_right #nutr-facts td {padding:0.5em; text-align: left;}

.content .column_right #nutr-facts thead th {text-align:right; background-color:#d4d4d4;}

.content .column_right #nutr-facts thead+tbody th{font-weight:bold;}

.content .column_right #nutr-facts tbody tr td:last-child{width:10%;}

.content .column_right #nutr-facts tbody tr td:first-child{padding-left:10%;}


.content .column_right .box_ingredients {background-color:#5c811e; padding:5px 15px 10px 15px; margin:20px 0 0 0;}

.content .column_right .box_ingredients h3 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:13px; margin:15px 0 -10px 0; color:#fff; text-transform:uppercase;}

.content .column_right .box_ingredients p {font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; color:#fff; padding:15px 0 0 0;}

.content .similar {margin:25px 0 0 0;}

.content .similar .list1 li {background-color:#e6e6e6;}

.content .similar .list1 li h3 {font-size:12px;}

.content .list1 li p.price {font-weight:normal; text-align:center; font-family: 'RobotoBoldCondensed', Arial, sans-serif; }


/* Cart page
-----------------------------------------------*/

.content2 {min-height:420px;}

.content2 .top_section h2 {float:none;}

.content2 .column_left {width:660px;}

.content2 .column_right {width:280px; background-color:#e9e8e8; min-height:150px; border:1px solid #d7d7d7; padding:10px 10px 10px 15px; margin:0;}

.content .table_details {margin:0;}

.content .table_details td {padding:15px 10px; border-bottom:1px solid #ddd;}

.content .table_details p {padding:0;}

.content .table_details .title_row td {padding:10px 12px; border-right:1px solid #c2d1aa; border-bottom:none; background-image:url(../images/back_table_details.jpg); background-position:left top; background-repeat:repeat-x;}

.content .table_details .title_row p {color:#fff; font-family: 'RobotoBoldCondensed', Arial, sans-serif; padding:0; text-transform:uppercase; font-size:12px;}

.content .table_details .title_row td.last {border-right:none;}

.content .table_details a {color:#660000;}

.content .table_details a:hover {text-decoration:underline;}

.content .table_details .descrip {text-transform:uppercase; font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:13px;}

.content .table_details .descrip img {width:108px; height:65px; border:1px solid #ece9e9; float:left; margin:0 10px 0 -10px; background-color:#fff;}

.content .table_details .qty {padding:2px; width:38px; height:18px; font-weight:normal; border:1px solid #d5d0d0; background-color:#fff; float:left; text-align:center; color:#222; font-size:11px;}

.content2 .single_box2 .submit {margin:-5px 0 0 10px !important;}

.content .column_left .calculate {margin:20px 0 0 0;}

.content .column_left .calculate .enter_data {width:630px; background-color:#e9e8e8; border:1px solid #d7d7d7; padding:0 15px 15px 15px;}

.content .column_left .calculate .enter_data h3 {font-size:14px;}

.content .column_left .calculate .enter_data table {margin:15px 0 0 0;}

.content .column_left .calculate .enter_data p {padding:15px 0 0 0;}

.content .column_left .calculate .enter_data .drop_list {margin:10px 0 0 0; padding:2px; width:180px; border:1px solid #d5d5d5; background-color:#fff;}

.content .column_left .calculate .enter_data .field {margin:10px 0 0 0; padding:2px; width:174px; border:1px solid #d5d5d5; background-color:#fff;}

.content .column_left .calculate .enter_data .submit {margin:7px 0 0 -7px;}

.content .column_left .calculate .errors {border:1px solid #8a0000; padding:3px 8px 8px 8px; margin:12px 0 0 0; background-color:#8a0000;}

.content .column_left .calculate .errors ul {}

.content .column_left .calculate .errors ul li {color:#fff; margin:5px 0 0 0;}

.content .column_left .calculate .totals {width:660px; margin:20px 0 0 0;}

.content .column_left .calculate .totals .title_row td {border-bottom:1px dotted #999; padding:0 0 5px 0;}

.content .column_left .calculate .totals .title_row td p {font-weight:bold; padding:8px 20px 0 0;}

.content .column_left .calculate .totals .title_row td p.tot {text-align:right; padding:8px 0 0 0;}

.content .column_left .calculate .totals p.tot {text-align:right; padding:20px 0 0 0; font-weight:bold; color:#5b811d;}

.content .column_left .options {width:640px; margin:15px 0 0 0; background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px 10px 10px;}

.content .column_left .table_subtotal .button_order {position:relative; left:-8px; float:left;}

.content .column_left .table_subtotal .button_shop {position:relative; float:right; right:-6px;}

.content .column_right a {color:#660000;}

.content .column_right a:hover {text-decoration:underline;}

.content .column_right h3 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:14px; margin:15px 0 -5px 0 ; color:#5c811e;}

.content .column_right .explanation li {font-weight:normal; color:#333; background-image:url(../images/pointer2.png); background-repeat:no-repeat; background-position:0 17px; padding:10px 0 0 13px; font-family:Tahoma, Arial, sans-serif; letter-spacing:1px; line-height:18px;}


/* Checkout1 page
-----------------------------------------------*/

.content .checkout-steps {margin:40px 0 10px 0;}

.content .checkout-steps li {float:left; text-transform:uppercase; font-size:11px; font-family: "RobotoCondensed", Helvetica, sans-serif; border-top:5px solid #d4d4d4; color:#a8a8a8; margin:0 10px 0 0; padding:7px 10px 0 10px;}

.content .checkout-steps li.active {border-top:5px solid #5b811d; color:#575757;}

.content .steps {margin:28px 0 0 0;}

.content .triple_boxes {margin:30px 0;}

.content .triple_boxes .box {float:left; width:290px; min-height: 200px;}

.content .triple_boxes .middle {margin:0 33px; padding:0 30px; border-left:2px solid #d2d2d2; border-right:2px solid #d2d2d2; min-height:250px;}

.content .triple_boxes .box h2 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:10px 0 15px 0; color:#5c811e;}

.content .triple_boxes .box .form_text {font-family: 'RobotoRegular', Arial, sans-serif; font-size:11px; line-height:18px; color:#555; padding:0 0 3px 0;}

.content .triple_boxes .box .form_text .required {color:#c90505;}

.content .triple_boxes .box .field {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:25px; width:280px; margin:0 0 15px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .triple_boxes .box p {padding:0; line-height:22px;}

.content .triple_boxes .box p a {color:#660000;}

.content .triple_boxes .box p a:hover {text-decoration:underline;}

.content .triple_boxes .box .login {display:block; margin:0 0 0 -7px;}

.content .triple_boxes .box .button {margin:40px 0 0 -7px; display:block;}



/* Checkout2 page
-----------------------------------------------*/

.content .double_boxes {margin:30px 0 0 0; min-height:1px;}

.content .double_boxes .box {float:left; width:405px; padding: 0 0 0 58px;}

.content .double_boxes .left {margin:0; border-right:2px solid #d2d2d2; padding: 0 58px 0 0;}

.content .double_boxes .box h2 {padding:0 0 15px 0;}

.content .double_boxes .box .check {margin:10px 0 15px 0; display:block; font-size:11px; color:#555; font-family: 'RobotoRegular', Arial, sans-serif;}

.content .double_boxes .box .form_text {font-family: 'RobotoRegular', Arial, sans-serif; font-size:11px; line-height:18px; color:#555; padding:0 0 3px 0;}

.content .double_boxes .box .form_text .required {font-weight:normal; color:#d10101;}

.content .double_boxes .box .field {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:25px; width:390px; margin:0 0 15px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .double_boxes .box .drop_list {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:35px; width:200px; margin:0 0 15px 0; font-size:12px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .double_boxes .box .field2 {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:25px; width:180px; margin:0 0 15px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .further {text-align:left; margin:15px 0 0 0; background-color: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 12px 10px 4px 10px;}

.content .further img {margin:0 0 0 -7px; display:block;}

.content .single_box {padding:15px 0 5px 0;}

.content .single_box h2 {padding:0 0 15px 0; font-size:14px;}

.content .single_box .drop_list {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:35px; width:200px; font-size:12px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .next_step {text-align:left; margin:15px 0 0 0; background-color:#f8f8f8; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:12px 10px 4px 10px; min-height:1px;}

.content .next_step img {margin:0 0 0 -7px; display:block;}



/* Checkout3 page
-----------------------------------------------*/

.content .container {margin:30px 0 0 0;}

.content .container h2 {padding:0 0 20px 0;}

.content h5 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:20px 0 -10px 0; color:#5c811e;}

.content .single_box2 {padding:15px 0 5px 0; border-bottom:1px solid #ddd;}

.content .single_box2 p {margin:-3px 15px 0 0;}

.content .single_box2 .info1 {border:1px solid #d2d2d2; background-color:#fff; color:#666;
	padding:4px; height:25px; width:290px; margin:5px 0 20px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .single_box2 .submit {margin:10px 0 0 10px;}

.content .summary {margin:25px 0;}

.content .summary p {color:#333; padding:10px 12px; font-weight:bold;}

.content .summary .top_row td {border-right:1px solid #efefef; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-image:url(../images/back_summary.jpg); background-repeat:repeat-x; background-position:left center;}

.content .summary .top_row p {font-size:12px; text-transform:uppercase; color:#000; padding:6px 12px; font-family:Arial, Helvetica, sans-serif;}

.content .summary .bottom_row td {background-color:#f8f8f8; border-bottom:1px solid #d7d7d7;}

.content .db2 {margin:25px 0 0 0;}

.content .double_boxes .box .field3 {font-size:11px; padding:2px; height:20px; border:1px solid #d7d7d7; background-color:#f4f4f4; width:184px; margin:0 0 5px 0; font-family:Tahoma, Arial, sans-serif; color:#333; letter-spacing:1px;}

.content .double_boxes .box .what a {color:#660000;}

.content .double_boxes .box .what a:hover {text-decoration:underline;}


/* Checkout4 page
-----------------------------------------------*/

.content .tb_type2 .box {height:228px;}

.content .tb_type2 .box .data {padding:0 1px;}

.content .tb_type2 .box .value {font-weight:normal; text-align:right; padding:0 2px;}


/* Login page
-----------------------------------------------*/

.content3 {margin:26px 0 0 0; min-height:355px;}

.content3  h2 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:26px; margin:10px 0 0 0; color:#777; text-transform:uppercase;}

.content3 .column_left {border-right:2px solid #d2d2d2; width:650px; padding:0 33px 0 0; min-height:420px;}

.content .column_left .top-left {border-bottom:1px solid #ddd; padding:0 0 15px 0;}

.content .column_left .top-left .table-t1 {margin:20px 0 0 0;}

.content .column_left .top-left .table-t1 .form_text {font-family: 'RobotoRegular', Arial, sans-serif; font-size:11px; line-height:18px; color:#555; padding:0 0 3px 0;}

.content .column_left .top-left .table-t1 .field {border:1px solid #d2d2d2; background-color:#fff; color:#666; padding:4px; height:25px; width:310px; margin:0 0 15px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .column_left .top-left a {color:#800000;}

.content .column_left .top-left a:hover {text-decoration:underline;}

.content .column_left .bottom-left {margin:15px 0 0 0;}

.content .column_left .bottom-left .login {display:block; float:left; margin:0 0 0 -7px;}

.content .column_left .bottom-left p {float:right; padding:0;}

.content .column_left .bottom-left a {color:#800000;}

.content .column_left .bottom-left a:hover {text-decoration:underline;}

.content3 .column_right {width:285px; margin:8px 0 0 0;}

.content .column_right h2 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:10px 0 0 0; color:#5c811e;}

.content .column_right h2 span {text-transform:none;}

.content .column_right .links {margin:5px 0 0 0;}

.content .column_right .links li {background-image:url(../images/pointer.png); background-repeat:no-repeat; background-position:0 13px; font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; padding:8px 0 0 13px;}



/* Register page
-----------------------------------------------*/

.content .column_left .top-left .table-t1 .form_text .required {color:#c90505;}

.content .column_left .submit {margin:15px 0 0 -7px;}

.content .column_left .top-left .table-t1 .drop_list  {border:1px solid #d2d2d2; background-color:#fff; color:#666; padding:4px; height:35px; width:320px; margin:0 0 15px 0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}


.content .column_right_reg {min-height:300px;}

.content .column_right .divider1 {height:1px; padding:20px 0 0 0;}

.content .column_right .mailing_field {border:1px solid #d2d2d2; background-color:#fff; color:#666; padding:4px; height:25px; width:275px; margin:0 0 15px 0; font-size:12px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

.content .column_right .submit {margin:12px 0 0 -7px;}

.content .column_right .note {padding:0; font-size:11px;}

.content .column_right .testimonials-box {padding:13px 0 0 0; margin:15px 0 0 0; border-top:2px solid #e7e7e7;}

.content .column_right .testimonials-box p {line-height:20px;}

.content .column_right .testimonials-box .more {margin:10px 0 0 -7px;}


/* Account page
-----------------------------------------------*/

.content4 {min-height:420px;}

.content .top_section p {float:right;}

.content .account-sections {}

.content .account-sections li {width:295px; margin:20px 29px 0 0; float:left; text-align:left; border-right:1px solid #ddd; padding:0 27px 0 0;}

.content .account-sections li.last {margin:20px 0 0 0; border:0; padding:0;}

.content .account-sections h2 {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; margin:10px 0 15px 0; color:#5c811e;}

.content .account-sections p {padding:10px 0 0 0; font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; color:#555;}

.content .account-sections .icon {float:left; margin:5px 20px 0 0;}

.content .account-sections .button {margin:10px 0 0 -7px;}


/* Forgotten password page
-----------------------------------------------*/

.content .column_left .top-left .anyform {margin:20px 0 0 0;}

.content .column_left .top-left .anyform .form_text {font-family: 'RobotoRegular', Arial, sans-serif; font-size:11px; line-height:18px; color:#555; padding:0 0 3px 0;}

.content .column_left .top-left .anyform .field {border:1px solid #d2d2d2; background-color:#fff; color:#666; padding:4px; height:25px; width:285px; margin:0; font-size:13px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}

/* Text pages
-----------------------------------------------*/

.content .column_left .list-text {margin:5px 0 0 0;}

.content .column_left .list-text li {background-image:url(../images/pointer2.png); background-repeat:no-repeat; background-position:0 17px; padding:10px 0 0 18px; font-family: 'RobotoRegular', Arial, sans-serif; font-size:12px; line-height:18px; color:#555;}

.content .column_left .signature {padding:2px 0 10px 0; font-family: 'RobotoMediumItalic', Arial, sans-serif; font-size:12px}

.content .column_left .q {font-family: 'RobotoBoldCondensed', Arial, sans-serif; font-size:16px; color:#5c811e;}

.content .column_left .a {padding:2px 0 10px 0;}

.content .column_left .statement:first-letter {font-size:26px; margin:0 2px 0 0;}

.content .column_left .statement.spacer {padding:35px 0 0 0;}


/* Contact page
-----------------------------------------------*/

.content .column_left .enquiries {float:left; width:300px; min-height:70px;}

.content .column_left .enquiries p {line-height:24px;}

.content .column_left .top-left .table-t1 .text_field {border:1px solid #d2d2d2; background-color:#fff; color:#666; padding:4px; height:80px; width:640px; margin:0; font-size:12px; box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05);}


/* Order details  page
-----------------------------------------------*/

.content .tb_type_order {margin:10px 0 30px 0;}

.content .tb_type_order .box {height:228px;}

.content .tb_type_order .box .data {padding:0 1px;}

.content .tb_type_order .box .value {font-weight:normal; text-align:right; padding:0 2px;}

.content .next_step .image-holder {min-height:1px;}

.content .next_step .button-back1 {float:left; display:block;}

.content .next_step .button-back2 {float:left; margin:0 0 0 15px; display:block;}



/* Edit account  page
-----------------------------------------------*/

.content .db3 {margin:15px 0 0 0; border-bottom:1px solid #ddd; padding:0 0 15px 0;}

.content .saving .submit {margin:15px 0 -10px -7px;}


/*** footer ***/

footer  { margin-top: 26px; width: 100%; background: -webkit-linear-gradient(#4a5b18, #637621); background: -o-linear-gradient(#4a5b18, #637621); background: -moz-linear-gradient(#4a5b18, #637621); background: linear-gradient(#4a5b18, #637621); }
footer:after { content: ''; display: block; clear: both; }

footer .ft-top { width: 100%; padding: 1.875em 0; border-bottom: 1px dashed #9d9d9d; }
footer .ft-top:after { content: ''; display: block; clear: both; }
footer .ft-top .left-side { box-sizing: border-box; float: left; width: 60%; border-right: 1px dashed #9d9d9d; }
footer .ft-top .right-side { box-sizing: border-box; float: right; width: 40%; padding-left:2.7em; }
footer .ft-top .right-side .f-box { width: 100%; }
footer .ft-top .right-side .f-box h3 { text-transform: uppercase; font-size: 0.75em; color: #fff; }
footer .ft-top .right-side .f-box input { box-sizing: border-box; width: 100%; font-style: italic; color: #fff; background: rgba(255, 255, 255, 0.3); border: 1px solid #77844f; font-size: 0.7em; padding: 0.71em 0 0.71em 0.71em; }
footer .ft-top .right-side .f-box button { background: #fff; color: #1d2345; font-size: 0.9em; text-transform: uppercase; border: none; margin: 1em 0; padding: 0.25em 0.5em 0.3em 0.5em; border-radius: 0.1875em; }
footer .ft-top .right-side .f-box button:hover { cursor: pointer; color: #fff; background: #1d2345; } 
footer .ft-top .f-box { float: left; width: 33%; }
footer .ft-top .f-box:last-child { margin-right: 0; }
footer .ft-top h3 { text-transform: uppercase; font-family: 'Lato'; font-size: 0.75em; color: #d9c020; padding: 0 0 2em 0; }
footer .ft-top ul li { margin-bottom: 0.65em; }
footer .ft-top ul li a { font-family: 'Lato'; font-size: 0.75em; color: #fff; }
footer .ft-top ul li a:hover { text-decoration: underline; }
footer .ft-top ul.secure li { float: left; margin-right: 1.25em; }
footer .ft-top ul.secure li a img { width: 100%; height: auto; }
footer .ft-bottom { width: 100%; padding: 1.875em 0; }
footer .ft-bottom:after { content: ''; display: block; clear: both; }
footer .ft-bottom .social { float: left; }
footer .ft-bottom h3 { text-transform: uppercase; font-size: 0.7em; color: #fff; }
footer .ft-bottom .social ul { margin: 1.1875em 0 0 0; }
footer .ft-bottom .social ul li { float: left; margin-right: 0.625em; }
footer .ft-bottom .social ul li:last-child { margin-right: 0; }
footer .ft-bottom p { float: right; font-size: 0.7em; color: #fff; text-align:right; line-height:20px;}
footer .ft-bottom p a {color:#d9c020;}
footer .ft-bottom p a:hover {text-decoration:underline;}


/***** Global Settings 24 Nov 2016 copy from reset.css *****/
 
html, body {border:0; margin:0 0 0 0; padding:0;}
 
body {font-family:Arial, Helvetica, sans-serif; font-size:16px; box-sizing:border-box; }

article, aside, figure, figcaption, footer, header, hgroup, main, nav, section, summary { display: block; }
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal; }
 
p, ul, ol {margin:0; padding:0;}
 
ul, ol {list-style:none; padding:0;}
 
img {border:0;}
 
/***** Links *****/
 
a, a:visited {text-decoration:none;}

/***** Tables *****/
 
table {border:0; margin:0; padding:0;}
 
table tr td {padding:0;}
 
/***** Wrapper *****/
 
#wraper {width:960px; margin:0 auto;}
 
/***** Global Classes *****/
 
.clear         {clear:both;}
 
.float-left    {float:left;}
.float-right   {float:right;}
 
.text-left     {text-align:left;}
.text-right    {text-align:right;}
.text-center   {text-align:center;}
.text-justify  {text-align:justify;}
 
.bold          {font-weight:bold;}
.italic        {font-style:italic;}
.underline     {border-bottom:1px solid;}
.highlight     {background:#ffc; }
 
.wrap          {width:960px;margin:0 auto;}
 
.img-left      {float:left;margin:4px 10px 0px 0;}
.img-right     {float:right;margin:4px 0 0px 10px;}
 
.nopadding     {padding:0;}
.noindent      {margin-left:0;padding-left:0;}
.nobullet      {list-style:none;list-style-image:none;}



/***** Global Settings 24 Nov 2016 copy from my.css *****/





/* Ajax Update Progress -----------------------------------------------------*/

#updateProgressDiv
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: black;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.50;
	z-index: 500;
	height: 2000px;
}

/************************** ModalPanel Classes ***************************/

.modalBackground
{
	background-color: #cccccc;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #F7F7F7;
	border: 10px solid #618523;
	width: 50%;
	padding: 10px;
}
/************************** ModalPanel Classes ***************************/

/*
.content .column_right #nutr-facts {margin:5px 0 0 0;}
.content .column_right #nutr-facts table{width:100%;border-collapse:collapse; margin: 5px 0 0 0;}
.content .column_right #nutr-facts tr{border-bottom:1px solid #E9E3DE;}
.content .column_right #nutr-facts tr:last-child{border-bottom:none;}
.content .column_right #nutr-facts th,.content .column_right #nutr-facts td{padding:0.5em; text-align: left;}
.content .column_right #nutr-facts thead th{text-align:right;background-color:#f0f0f0;border-bottom:1px solid #EEE8E5;}
.content .column_right #nutr-facts thead+tbody th{font-weight:bold;}
.content .column_right #nutr-facts tbody tr td:last-child{width:10%;}
.content .column_right #nutr-facts tbody tr td:first-child{padding-left:10%;}
*/





/***** Global Settings 24 Nov 2016 copy from responsive.css *****/


@media (max-width: 1030px) {

.wrapper {max-width:850px;}

header .header-central .search input { width: 17em; }
.navigation-box { font-size: 90%; }
.description img { clear: left; float: left; margin-top: 0.6em;  }
.cut .holder .banner p { padding-right: 3.8em; }
footer .ft-top ul.secure li { margin-right: 0.65em; }
footer .ft-top ul.secure li a img { width: 90%; }

/* Category and subcategory  pages
-----------------------------------------------*/
.content .list1 {margin:15px 0 40px -16px; clear:both;}

.content .list1 li {width:178px; margin:10px 0 0 16px;}

.content .list1 li.last {margin:10px 0 0 16px;}

.content .list1 li .pic {width:178px; height:103px;}

.content .list1 li h3 {font-size:13px; padding:10px 0 0 0;  height:26px;}

/*.content .list2 li {float:left; width:400px; margin:0 50px 0 0;}

.content .list2 li.last {width:400px;}

.content .list2 li h3 {height:30px;}

.content .list2 .photo {margin:0 18px 20px 0; }*/

.content .list2 li {width:270px; margin:40px 20px 0 0; min-height:305px;}

.content .list2 li .photo {width:268px; height:201px;}

.content .list2 li .quick {left:102px; margin-top:-58%;}

.content .list2 li .outer {width:268px;}



/* Product page
-----------------------------------------------*/
.content .column_left {width:530px;}

.content .column_left .photo_box {width:530px;}

.content .column_left .photo_box .photo {width:528px;}

.content .column_left .details {float:left; width:488px; padding:15px 20px; height:auto; margin:15px 0 0 0;}

.content .column_left .details .table_info {margin:0;}

.content .column_left .details .table_info td {padding:0 0 15px 0;}

.content .column_left .details .button1 {margin:0 0 18px 5px;}

.content .column_left .details .stock {margin:5px 0 0 0;}

.content .column_right {width:300px;}

.content .similar {margin:25px 0 0 0;}

.content .similar .list1 {margin:20px 0 0 -5px;}

.content .similar .list1 li {width:144px; margin:0 0 0 5px;}

.content .similar .list1 li img {width:142px;}

.content .similar .list1 li h3 {font-size:12px;}

.content .list1 li p.price {font-weight:normal; text-align:center; font-family: 'RobotoBoldCondensed', Arial, sans-serif; }

/* Cart page
-----------------------------------------------*/
.content2 .column_left {width:530px;}

.content2 .column_right {width:260px;}

.content .column_left .calculate .enter_data {width:510px; padding:0 9px 15px 9px;}

.content .column_left .calculate .enter_data table {width:510px !important;}

.content .column_left .calculate .enter_data .drop_list {width:150px;}

.content .column_left .calculate .enter_data .field {width:130px;}

.content .column_left .calculate .totals {width:530px;}

.content .column_left .options {width:510px;}

/* Checkout1 page
-----------------------------------------------*/
.content .triple_boxes .box {width:240px;}

.content .triple_boxes .middle {min-height:240px;}

.content .triple_boxes .box .field {width:230px;}

/* Checkout2 page
-----------------------------------------------*/
.content .double_boxes {margin:30px 0 0 0; min-height:1px;}

.content .double_boxes .box {float:right; width:390px; padding:0;}

.content .double_boxes .left {float:left; margin:0; padding: 0 34px 0 0;}

.content .double_boxes .box .field {width:380px;}

.content .double_boxes .box .drop_list {width:180px;}

.content .double_boxes .box .field2 {width:180px;}

/* Checkout4 page
-----------------------------------------------*/
.content .tb_type2 .box {height:auto;}

/* Login page
-----------------------------------------------*/
.content3 {min-height:5px;}

.content3 .column_left {width:500px; padding:0 28px 0 0; min-height:5px;}

.content .column_left .top-left .table-t1 .field {width:235px;}

.content3 .column_right {width:285px;}

/* Register page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .form_text .required {color:#c90505;}

.content .column_left .submit {margin:15px 0 0 -7px;}

.content .column_left .top-left .table-t1 .drop_list  {width:245px;}

/* Account page
-----------------------------------------------*/
.content4 {min-height:420px;}

.content .top_section p {float:right;}

.content .account-sections li {width:240px;}

/* Contact page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .text_field {width:490px;}

/* Order details  page
-----------------------------------------------*/

.content .tb_type_order .box {height:auto;}

/* Edit account  page
-----------------------------------------------*/
.content .db3 {margin:15px 0 0 0; border-bottom:1px solid #ddd; padding:0 0 15px 0;}

.content .saving .submit {margin:15px 0 -10px -7px;}

/* Footer
-----------------------------------------------*/
#footer {height:auto;}

#footer .list_box {width:130px; margin:0 30px 0 0;}

#footer .box_follow {width:auto;}

#footer .box_secure {width:230px;}

#footer .newsletter {width:250px; padding:0 0 0 20px;}

#footer .newsletter .mailing_field {width:240px;}

/* Navigation
-----------------------------------------------*/
.mgmenu .col_2 {width:61%;}
.mgmenu .col_4 {width:29%; padding:1.5% 2.5% 0 0;}
.mgmenu .col_4 img {width:100%;} 
.mgmenu > li ul, .mgmenu > li ol {padding:0 0 0 10px;}
.mgmenu a {font-family: 'RobotoRegular', Arial, sans-serif;}
.col_2 ul li {width:29% !important;}
.col_2.trial ul li {width:40% !important;}
}


@media (max-width: 870px) {

.wrapper {max-width:780px;}

header .header-central .search { margin-left: 5%; }
header .header-central .search input { width: 16.3em; }
.nav.center.col5 { font-size: 80%; }
footer .ft-top ul.secure li { margin-right: 0.1em; }
footer .ft-top ul.secure li a img { width: 80%; }


/* Category and subcategory  pages
-----------------------------------------------*/
.content .list1 {margin:15px 0 40px -20px;}

.content .list1 li {width:158px; margin:10px 0 0 20px;}

.content .list1 li.last {margin:10px 0 0 20px;}

.content .list1 li .pic {width:158px; height:91px;}

/*.content .list2 li {float:left; width:365px; margin:0;}

.content .list2 li.last {width:365px; float:right;}*/

.content .list2 li {width:240px; margin:40px 30px 0 0; min-height:290px;}

.content .list2 li .photo {width:238px; height:179px;}

.content .list2 li .quick {left:87px; margin-top:-59%;}

.content .list2 li .outer {width:238px;}

/* Product page
-----------------------------------------------*/
.content .column_left {width:460px;}

.content .column_left .photo_box {width:460px;}

.content .column_left .photo_box .photo {width:458px;}

.content .column_left .details {width:430px; padding:15px;}

.content .similar .list1 {margin:20px 0 0 -20px;}

.content .similar .list1 li {width:120px; margin:0 0 0 18px;}

.content .similar .list1 li img {width:118px;}

/* Cart page
-----------------------------------------------*/
.content2 .column_left {width:500px;}

.content2 .column_right {width:220px;}

.content .column_left .calculate .enter_data {width:480px;}

.content .column_left .calculate .enter_data table {width:510px !important;}

.content .column_left .calculate .enter_data .drop_list {width:145px;}

.content .column_left .calculate .enter_data .field {width:125px;}

.content .column_left .calculate .totals {width:500px;}

.content .column_left .options {width:490px;}


/* Checkout1 page
-----------------------------------------------*/
.content .triple_boxes .box {width:230px;}

.content .triple_boxes .middle {min-height:230px; margin:0 23px; padding:0 20px; min-height:0;}

.content .triple_boxes .box .field {width:220px;}

/* Checkout2 page
-----------------------------------------------*/
.content .double_boxes .box { width:370px;}

.content .double_boxes .left {padding: 0 19px 0 0;}

.content .double_boxes .box .field {width:360px;}

.content .double_boxes .box .drop_list {width:170px;}

.content .double_boxes .box .field2 {width:100px;}

/* Login page
-----------------------------------------------*/
.content3 .column_left {width:500px; padding:0 28px 0 0; min-height:270px;}

.content .column_left .top-left .table-t1 .field {width:235px;}

.content3 .column_right {width:230px; float:left; padding:0 0 0 20px;}

/* Register page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .drop_list  {width:245px;}

.content .column_right .mailing_field {width:220px;}


/* Account page
-----------------------------------------------*/
.content4 {min-height:290px;}

.content .account-sections li {width:220px;}


/* Footer
-----------------------------------------------*/
#footer .list_box {width:120px; margin:0 20px 0 0;}

#footer .box_secure {width:200px;}

}

@media (max-width: 799px) {

.wrapper {max-width:650px;}

header { background: url(../images/main-bgd-pattern.png) repeat center center; }
.wrapper { max-width: 650px; }
.wrapper.rsp { max-width: 650px; margin: 0 auto; position: relative; }
header .header-top { font-size: 95%; }
header .header-central { text-align: center; background-repeat: repeat; }
header .header-central .logo { float: none; display: inline-block; }
header .header-central .search { float: none; margin: 0; }
header .header-central .search input { width: 60%; }
header .header-central .cart { float: none; display: inline-block; }
header .header-central .logo img { width: 70%; }
_::-moz-svg-foreign-content, :root header .header-central .logo img { width: 100%; }
header .header-central .search input { padding: 0.65em 0 0.7em 0.7em; }
header .header-central .search button { padding: 0.36em; }
header .header-central .cart { background: transparent; float: left; padding: 2.35em 2.35em 1.15em 0; }
header .header-central .cart img { float: left; }
header .header-central .cart span { float: left; padding: 0.2em 0.7em 0 0.7em; border-right: 1px solid #fff; }
header .header-central .cart em { float: left; display: inline-block; padding: 0.2em 0 0 0.7em; }

header nav ul { top:0; margin-bottom: 0; }
header nav ul li { width: 100%; padding: 0.85em 0; border-right: none; border-bottom: 1px solid #d69d20; }
header nav ul li.active { padding: 0.85em 0 0.6em 0; }

header .mobile-nav { float: right; display: inline-block; margin-top: 0.7em; width: 3.6em; background: #FDB813; border-radius: 0.1875em; }
header .mobile-nav:after { content: ''; display: block; clear: both; }
header .mobile-nav .menu { float: right; margin: 0.8em 0.8em 0.6em 0.8em; width: 32px; height: 32px; background: url(../images/menu-button.png) no-repeat top center; border: none; }
header .mobile-nav .menu:hover { cursor: pointer; background: url(../images/menu-button.png) no-repeat bottom center; }

main { top: 0; margin-bottom: 0; padding-top: 1.5em; }

.camera_caption { font-size: 85%; }
.camera_wrap { margin-bottom: 20px !important; }
.box-container { position: absolute; z-index: 999; min-width: 100%; }
.navigation-box { background: none; padding: 0; text-align: center; }
.box-container.first { top: -227px; bottom: -23px; }
.box-container.second { top: -182px; bottom: -345px;}
.box-container.thrd { top: -137px; bottom: -59px; }
.box-container.fourth { top: -92px; bottom: -325px; }
.box-container.fifth { top: -47px; bottom: -94px; }
.box-container.sixth { top: 0px; bottom: -112px; }

_::-moz-progress-bar, body:last-child .box-container.first { top: -230px; bottom: auto; }
_::-moz-progress-bar, body:last-child .box-container.second { top: -185px; bottom: auto; }
_::-moz-progress-bar, body:last-child .box-container.thrd { top: -139px; bottom: auto; }
_::-moz-progress-bar, body:last-child .box-container.fourth { top: -93px; bottom: auto; }
_::-moz-progress-bar, body:last-child .box-container.fifth { top: -48px; bottom: auto; }
_::-moz-progress-bar, body:last-child .box-container.sixth { top: 0; bottom: auto; }

_::-moz-svg-foreign-content, :root .box-container.first { top: -221px !important; bottom: auto; }
_::-moz-svg-foreign-content, :root .box-container.second { top: -177px !important; bottom: auto; }
_::-moz-svg-foreign-content, :root .box-container.thrd { top: -133px !important; bottom: auto; }
_::-moz-svg-foreign-content, :root .box-container.fourth { top: -89px !important; bottom: auto; }
_::-moz-svg-foreign-content, :root .box-container.fifth { top: -45px !important; bottom: auto; }

.box-container.first .navigation-box .wrapper { padding: 0; background: url(../images/dropdown-bgd.png) repeat top center; }
.box-container .navigation-box .wrapper { padding: 0; background: url(../images/dropdown-bgd.png) repeat top center !important; }
.navigation-box ul { float: none; display: inline-block; text-align: left; width: auto; padding: 1.3em 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
_::-moz-svg-foreign-content, :root .navigation-box ul { width: 80%; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }

#container1 .content ul li h4 { padding: 1em 0.5em 0.5em; }
#container1 .content ul li h4 a { font-size: 0.9em; }

.cut .holder p { font-size: 1.15em; }
.cut .holder .banner p { font-size: 1.55em; padding-right: 3em; }

footer .ft-top .f-box { width: 50%; margin-bottom: 1em; }
footer .ft-top .f-box .secure li { margin-right: 1em; margin-bottom: 0; }
footer .ft-top ul.secure li a img { width: 100%; }

/* Category and subcategory  pages
-----------------------------------------------*/
.content .list1 {margin:15px 0 40px -17px;}

.content .list1 li {width:188px; margin:10px 0 0 12px;}

.content .list1 li.last {margin:10px 0 0 12px;}

.content .list1 li .pic {width:188px; height:108px;}

.content .sorting .drop_list {margin:2px 15px 0 0; min-width:50px;}

/*.content .list2 li {float:left; width:100%; margin:0; height:auto;}

.content .list2 li.last {width:100%; float:left;}

.content .list2 li h3, .content .list2 li p {height:auto;}*/

.content .list2 li {width:200px; margin:40px 25px 0 0; min-height:270px;}

.content .list2 li .photo {width:198px; height:149px;}

.content .list2 li .quick {left:67px; margin-top:-62%;}

.content .list2 li .outer {width:198px;}



/* Product page
-----------------------------------------------*/
.content .column_left {width:650px;}

.content .column_left .photo_box {width:650px;}

.content .column_left .photo_box .photo {width:648px;}

.content .column_left .details {width:620px; padding:15px;}

.content .similar h2 {text-align:center;}

.content .similar .list1 li img {width:118px;}

.content .column_right {float:left; width:650px; margin:25px 0 0 0;}

.content .similar .list1 {text-align:center; margin:15px 0 0 0;}

.content .similar .list1 li {float:none; display:inline-block; margin:10px 10px 5px 0;}


/* Cart page
-----------------------------------------------*/
.content2 .column_left {width:650px;}

.content2 .column_right {width:620px;}

.content .column_left .calculate .enter_data {width:630px;}

.content .column_left .calculate .enter_data table {width:550px !important;}

.content .column_left .calculate .totals {width:650px;}

.content .column_left .options {width:630px;}


/* Checkout1 page
-----------------------------------------------*/
.content .triple_boxes .box {width:100%; min-height:5px;}

.content .triple_boxes .middle {border-left:none; border-right:none;  border-top:2px solid #d2d2d2;  border-bottom:2px solid #d2d2d2; min-height:10px; margin:15px 0; padding:15px 0;}

.content .triple_boxes .box .field {width:350px;}

.content .triple_boxes .box .button {margin:15px 0 0 -7px;}

/* Checkout2 page
-----------------------------------------------*/
.content .double_boxes .box { width:300px;}

.content .double_boxes .left {padding: 0 23px 0 0;}

.content .double_boxes .box .field {width:290px;}

.content .double_boxes .box .drop_list {width:120px;}

.content .double_boxes .box .field2 {width:100px;}

/* Login page
-----------------------------------------------*/
.content3 .column_left {width:650px; padding:0 0 10px 0; min-height:5px; border-right:none}

.content .column_left .top-left .table-t1 .field {width:310px;}

.content .summary .top_row p {font-size:11px; text-transform:none; padding:6px 8px; font-weight:normal;}

.content .summary .bottom_row p {font-weight:normal; font-size:11px;}

.content3 .column_right {width:650px; float:left; padding:0; border-top:2px solid #d2d2d2;}

/* Register page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .drop_list  {width:240px;}

.content .column_right_reg {display:none;}

/* Account page
-----------------------------------------------*/
.content4 {min-height:5px;}

.content .account-sections li {width:100%; margin:0 0 10px 0; float:left; text-align:left; border-bottom:1px solid #ddd; padding:0 0 10px 0; border-right:none;}

.content .account-sections li.last {margin:0;}

/* Contact page
-----------------------------------------------*/

.content .column_left .top-left .table-t1 .text_field {width:640px;}

}

@media (max-width: 670px) {

.wrapper {max-width:500px;}

.wrapper.rsp { max-width: 500px; margin: 0 auto; position: relative; }
.camera_caption { font-size: 60%; }
.navigation-box { font-size: 80%; }

.description h3 { font-size: 1.2em; }
.description p { font-size: 1.1em; }
.description img { margin-top: 0.5em; }


#container1 .content ul li h4 { padding: 1em 0.2em 0.5em; line-height: 1.15; }
#container1 .content ul li h4 a { font-size: 0.7em; }

.cut .holder p { width: 100%; margin-bottom: 1em; }
.cut .holder .banner { width: 100%; }
.cut .holder .banner p { font-size: 1.75em; padding-right: 7.4em; } 

footer .ft-top .left-side { width: 100%; border: none; }
footer .ft-top .right-side { width: 100%; padding-left: 0; }
footer .ft-top .f-box { width: 33%; }
footer .ft-top .right-side .f-box input { width: 71%; }
footer .ft-top .f-box .secure li { margin-right: 0.4em; }
footer .ft-top ul.secure li a img { width: 88%; }


/* Content
-----------------------------------------------*/

.content .top_section h3 {float:left; font-size:20px; margin:5px 0 0 0;}

.content .top_section .social_links {float:left; margin:15px 0 5px 0;}

/* Category and subcategory  pages
-----------------------------------------------*/
.content .list1 {text-align:center; margin:0 0 25px 5px;}

.content .list1 li {width:42%; float:none; display:inline-block; margin:10px 5px 0 0;}

.content .list1 li.last {margin:10px 5px 0 0;}

.content .list1 li .pic {width:100%; height:auto;}

.content .sorting .drop_list {margin:2px 10px 0 0; min-width:80px;}

.content .sorting {background-image:none; height:auto; background-color:#e2e2e2; border:1px solid #d6d6d6;}

.content .sorting .pager {float:left; padding:15px 0 0 0;}

.content .sorting .pager a {margin:0 1px;}

.content .list2 li {width:240px; margin:30px 20px 0 0; min-height:290px;}

.content .list2 li:nth-child(3n+3) {margin:30px 20px 0 0;}

.content .list2 li:nth-child(even) {margin:30px 0 0 0; float:right;}

.content .list2 li .photo {width:238px; height:179px;}

.content .list2 li .quick {left:87px; margin-top:-59%;}

.content .list2 li .outer {width:238px;}




/* Product page
-----------------------------------------------*/
.content .column_left {width:500px;}

.content .column_left .photo_box {width:500px;}

.content .column_left .photo_box .photo {width:498px;}

.content .column_left .details {width:470px;}

.content .column_right {width:500px;}


/* Cart page
-----------------------------------------------*/
.content2 .column_left {width:500px;}

.content2 .column_right {width:470px;}

.content .column_left .calculate .enter_data {width:480px;}

.content .column_left .calculate .enter_data table {width:40px !important;}

.content .column_left .calculate .enter_data .drop_list {width:145px; margin:10px 10px 0 5px;}

.content .column_left .calculate .enter_data .field {width:95px; margin:10px 5px 0 5px;}

.content .column_left .calculate .totals {width:500px;}

.content .column_left .options {width:480px;}

/* Checkout1 page
-----------------------------------------------*/
.content .checkout-steps li {text-transform:none;}


/* Checkout2 page
-----------------------------------------------*/
.content .double_boxes .box { width:500px;}

.content .double_boxes .left {padding:0; border-right:none;}

.content .double_boxes .box .field {width:490px;}

.content .double_boxes .box .drop_list {width:250px;}

.content .double_boxes .box .field2 {width:150px;}

/* Checkout3 page
-----------------------------------------------*/
.content .single_box2 .info1 {width:90px;}

.content .summary .top_row td {background-color:#e6e6e6; background-image:none;}


/* Login page
-----------------------------------------------*/
.content3 .column_left {width:500px;}

.content .column_left .top-left .table-t1 .field {width:235px;}

.content3 .column_right {width:500px;}

/* Account page
-----------------------------------------------*/

.content .top_section h2 {float:left; width:100%;}

.content .top_section p {float:left; padding:10px 0 0 0; font-size:11px;}

/* Contact page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .text_field {width:490px;}


@media (max-width: 520px) {

.wrapper {max-width:310px;}
.wrapper.rsp { max-width: 310px; margin: 0 auto; position: relative; }
header { text-align: center; }
header .header-top p { float: none; padding: 0.9em 0 0.45em 0; }
header .header-top ul { display: inline-block; float: none; }
header .header-top ul li a { padding: 0.45em 0 0.9em 0; }
.navigation-box { font-size: 72%; }
.navigation-box ul { padding: 1.3em 1em; }
.camera_caption { font-size: 40%; }
.cut .holder .banner p { font-size: 1.55em; padding-right: 4.1em; margin-bottom: 0.2em; }

#container1 .content ul li { width: 49%; margin-bottom: 0.4em; }
#container1 .content ul li:nth-child(even) { margin-right: 0; }

footer .ft-top .f-box:last-child { float: none; display: block; margin: 0 auto; margin-top: 1em; }
footer .ft-top .f-box { text-align: center; width: 50%; }
footer .ft-top h3 { padding-bottom: 1.2em; }
footer .ft-top .f-box .secure { text-align: center; }
footer .ft-top .f-box .secure li { margin-right: 0.1em; float: none; display: inline-block; }
footer .ft-top ul.secure li a img { width: 80%; }
footer .ft-top .right-side .f-box input { width: 100%; }
footer .ft-top .right-side .f-box button { margin-bottom: 0; }
footer .ft-bottom { text-align: center; }
footer .ft-bottom .social { float: none; display: inline-block; }
footer .ft-bottom .social ul { display: inline-block; }
footer .ft-bottom p { margin-top: 1.1em; float: none; }

/* Content
-----------------------------------------------*/

.content h1 {font-size:18px;}

.content h2 {font-size:15px;}

.content .top_section h2 {font-size:15px;}

.content .top_section h3 {float:left; font-size:20px; margin:5px 0 0 0;}

.content .top_section .social_links {float:left; margin:15px 0 5px 0;}


/* Category and subcategory  pages
-----------------------------------------------*/
.content .list1 {margin:0 0 25px 0;}

.content .list1 li {width:290px; margin:10px auto 0 auto;}

.content .list1 li.last {margin:10px auto 0 auto;}

.content .list1 li .pic {width:100%; height:auto;}

/*.content .list2 .photo {float:none; margin:0 auto 15px auto; height:auto; width:308px;}

.content .list2 li .more {padding:7px 0 0 15px; background-position:0 12px;}*/

.content .list2 li {width:310px; margin:30px 0 0 0; min-height:auto;}

.content .list2 li:nth-child(3n+3) {margin:30px 0 0 0;}

.content .list2 li:nth-child(even) {float:left;}

.content .list2 li .photo {width:308px; height:232px;}

.content .list2 li .quick {left:122px; margin-top:-55%;}

.content .list2 li .outer {width:308px;}




.content .sorting .drop_list {margin:2px 10px 0 0; min-width:250px;}

.content .sorting p {display:block;}

/* Product page
-----------------------------------------------*/
.content .column_left {width:310px;}

.content .column_left .photo_box {width:310px;}

.content .column_left .photo_box .photo {width:308px;}

.content .column_left .details {width:278px;}

.content .column_right {width:310px;}

.content .similar {position:relative; left:5px;}


/* Cart page
-----------------------------------------------*/
.content2 .column_left {width:310px;}

.content2 .column_right {width:280px;}

.content .table_details {margin:0;}

.content .table_details td {padding:15px 5px; }

.content .table_details p {padding:0; font-size:11px;}

.content .table_details .title_row td {padding:10px 4px; background-color:#6b912a;}

.content .table_details .title_row p {font-family: 'RobotoCondensed', Arial, sans-serif; text-transform:none; font-size:11px;}

.content .table_details .descrip {text-transform:none; font-family: 'RobotoCondensed', Arial, sans-serif; font-size:11px;}

.content .table_details .descrip img {display:none;}

.content .table_details .update, .content .table_details .remove, .content .table_details .price {margin:0; padding:0; font-size:11px;}

.content .table_details .qty {padding:2px; width:28px;}

.content .column_left .calculate .enter_data {width:280px;}

.content .column_left .calculate .enter_data table {width:40px !important;}

.content .column_left .calculate .enter_data .drop_list {width:65px !important; margin:10px 5px 0 5px;}

.content .column_left .calculate .enter_data .field {width:40px; margin:10px 5px 0 5px;}

.content .column_left .calculate .totals {width:310px;}

.content .column_left .options {width:290px;}

/* Checkout1 page
-----------------------------------------------*/
.content .checkout-steps li {text-transform:uppercase; display:block; float:none; margin:0 0 8px 0;}

.content .triple_boxes .box .form_text {font-family: 'RobotoCondensed', Arial, sans-serif;}

.content .triple_boxes .box .field {width:300px;}


/* Checkout2 page
-----------------------------------------------*/
.content .double_boxes .box { width:310px;}

.content .double_boxes .left {padding:0; border-right:none;}

.content .double_boxes .box .form_text {font-family: 'RobotoCondensed', Arial, sans-serif;}

.content .double_boxes .box .field {width:300px;}

.content .double_boxes .box .drop_list {width:140px;}

.content .double_boxes .box .field2 {width:120px;}

/* Checkout3 page
-----------------------------------------------*/
.content .single_box2 .info1 {width:90px;}

.content .summary .top_row td {background-color:#e6e6e6; background-image:none;}

.content .summary td p {padding:6px 1px; font-size:9px !important;}

/* Login page
-----------------------------------------------*/
.content3 .column_left {width:310px;}

.content .column_left .top-left .table-t1 .field {width:140px;}

.content .column_left .top-left .table-t1 .form_text {font-family: 'RobotoCondensed', Arial, sans-serif;}

.content3 .column_right {width:310px;}

/* Register page
-----------------------------------------------*/

.content .column_left .top-left .table-t1 .drop_list {width:150px;}

/* Contact page
-----------------------------------------------*/
.content .column_left .top-left .table-t1 .text_field {width:300px;}

/* Order details  page
-----------------------------------------------*/

.content .next_step .button-back2 {margin:0 0 0 -7px;}

}




/***** Global Settings 24 Nov 2016 copy from fonts.css *****/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('../fonts/CartoGothicStd-Book-webfont.eot');
    src: url('../fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('../fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('../fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoItalic';
    src: url('../fonts/Roboto-Italic-webfont.eot');
    src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('../fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/Roboto-Condensed-webfont.eot');
    src: url('../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('../fonts/Roboto-CondensedItalic-webfont.eot');
    src: url('../fonts/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('../fonts/Roboto-BoldCondensed-webfont.eot');
    src: url('../fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('../fonts/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/Roboto-Thin-webfont.eot');
    src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('../fonts/Roboto-ThinItalic-webfont.eot');
    src: url('../fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('../fonts/Roboto-LightItalic-webfont.eot');
    src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('../fonts/Roboto-MediumItalic-webfont.eot');
    src: url('../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/Roboto-Black-webfont.eot');
    src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlackItalic';
    src: url('../fonts/Roboto-BlackItalic-webfont.eot');
    src: url('../fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'droid_serifregular';
    src: url('../fonts/DroidSerif-webfont.eot');
    src: url('../fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/DroidSerif-Italic-webfont.eot');
    src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_serifbold_italic';
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_serifbold';
    src: url('../fonts/DroidSerif-Bold-webfont.eot');
    src: url('../fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'alluraregular';
    src: url('../fonts/allura-regular-webfont.eot');
    src: url('../fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allura-regular-webfont.woff2') format('woff2'),
         url('../fonts/allura-regular-webfont.woff') format('woff'),
         url('../fonts/allura-regular-webfont.ttf') format('truetype'),
         url('../fonts/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}