html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;outline: none;
}
body {
	/*background: url('../images/banner.jpg') 0% 137px no-repeat;*/
	margin: 0;
	padding: 0;
}
div#container {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
div#container div#header {
	background: url('../images/header-bg.jpg')	50% 0% repeat-x;
	height: 136px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
div#header div#header_block {
	width: 988px;
	height: 137px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	position: relative;
}
div#header_block a#logo {
	width: 225px;
	height: 98px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
}
div#header_block div#header_quote {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 20px;
	left: 240px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri",Arial,Helvetica,sans-serif;
}
div#header_block div#header_social {
	background: url('../images/social.jpg') 50% 0% no-repeat;
	width: 97px;
	height: 28px;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
}
div#header_block div#header_contact {
	background: url('../images/contact_bg.jpg') 50% 0% no-repeat;
	width: 191px;
	height: 22px;
	margin: 0;
	padding: 6px 0 0 10px;
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
	color: #FFF;
	font:Arial, Helvetica, sans-serif;
	font-size: 18px;	
	font-style:italic;
	text-align: center;
}
div#header_social a {
	width: 24px;
	height: 22px;
	margin: 0 9px 0 0;
	padding: 0;
	display: block;
	float: left;
}
div#header_block div#navigation {
	height: 36px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: solid 2px #f1d243;
}
div#header_block div#navigation a {
	background: none;
	height: 26px;
	margin: 0;
	padding: 13px 20px 13px 20px;
	display: inline-block;
	position: relative;
	color: #f1d243;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
div#navigation a span {
	background: url('../images/nav_right.jpg') 50% 0% no-repeat;
	width: 3px;
	height: 36px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;	
}
div#navigation a:hover, .nav_selected {color: #fff !important;}
div#navigation a:hover span, div#navigation a.nav_selected span {background: url('../images/nav_right_hover.jpg') 0% 0% no-repeat;}


/* Banner */
div#banner, div#slides {
	/*width: 988px;*/
	height: 430px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	position: relative;
        z-index: 90
}
/*#banner_wrap {
        width: 988px;
        height: 430px;
        margin: 0 auto;
        background:red;
        position: relative;
        z-index:998
}*/
div#banner_navigation {
	margin: 0;
	padding: 5px 0 5px 0;
	display: block;
	position: absolute;
	bottom: 10px;
	/*right: 30%;*/
        left: 45%;
        z-index: 999;
        margin: 0 auto
}
div#banner_navigation a {
	background: url('../images/banner_nav.png') 50% 50% no-repeat;
	width: 15px;
	height: 19px;
	margin: 0 5px 0 0;
	padding: 3px 0 0 7px;
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#banner_navigation a:hover, .activeSlide {
	background: url('../images/banner_nav_hover.png') 50% 50% no-repeat !important;
}
div#slides a.banner_img {
	margin: 0;
	padding: 0;
	display: block;
        height: 430px;
        width: 100%;
        position: absolute;
        z-index: 100;
	/*position: absolute;
	top: 70px;
	left: -50px;	*/
}
/*div#slides a.banner_img.banner1 {
	background: url('../images/banners/welcome.jpg') center no-repeat;
}
div#slides a.banner_img.banner2 {
	background: url('../images/banners/honey.jpg') center no-repeat;
}
div#slides a.banner_img.banner3 {
	background: url('../images/banners/masala-bassar.jpg') center no-repeat;
}
div#slides a.banner_img.banner4 {
	background: url('../images/banners/masala-boxes.jpg') center no-repeat;
}
div#slides a.banner_img.banner5 {
	background: url('../images/banners/mustard-oil.jpg') center no-repeat;
}
div#slides a.banner_img.banner6 {
	background: url('../images/banners/pastes.jpg') center no-repeat;
}
div#slides a.banner_img.banner7 {
	background: url('../images/banners/videos.jpg') center no-repeat;
}*/ 
/* replaced with inline styles, data pulled from db*/


/*div#banner div#banner_info {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 120px;
	left: 570px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px #a47e17;
}*/
/*div#banner_info a#banner_title {
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
	color: #fff;
	font-size: 44px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px #a47e17;
}*/
/*div#banner_info div#banner_title_sub {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	clear: both;
	color: #fff;
	font-size: 20px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px #a47e17;
}*/
/*div#banner_info a.view {
	background: url('../images/banner_view.png') 50% 0% no-repeat;
	width: 128px;
	height: 33px;
	margin: 15px 0 0 0;
	padding: 0;
	display: block;
	clear: both;
}*/

/* Content */
div#content {
	/*background: #fff;*/
	width: 988px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	display: block;
	clear: both;
	position: relative;
	z-index: 990;
}
div#content div#breadcrumb {
	margin: 0 0 0 0;
	padding: 0 0 7px 0;
	display: block;
	clear: both;
	border-bottom: 1px #cccccc solid;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div#breadcrumb span.here  {color: #13562d;font-weight: bold;}
div#breadcrumb a {
        color: #000;
        text-decoration: none
}
div#breadcrumb a:hover {color: #13562d}
div#content div#main_heading {
	margin: 0 0 20px 0;
	padding: 10px 0 20px 0;
	display: block;
	clear: both;
	color: #999999;
	font-size: 32px;
	line-height: 30px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px #cccccc solid;
	position: relative;
}
#site-heading {
        width:643px;
        display:block;
}
div#main_heading.top, div#sub_heading.top {
	padding-top: 15px !important;
	border-top: 1px #cccccc solid;
}
div#main_heading div#search.top {top: 6px !important;}
div#main_heading div#search {
	background: url('../images/start_search.jpg') 50% 0% no-repeat;
	width: 284px;
	height: 44px;
	margin: 0;
	padding: 39px 0 0 18px;
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
}
div#search a#products_link {
	background: #f2f2f2;
	width: 258px;
	height: 28px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
div#content div#sub_heading {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 32px;
	line-height: 30px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px #cccccc solid;
	position: relative;
}
div#sub_heading a#quicklinks {
	width: 295px;
	height: 28px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
}
div#content div#products {
	background: #f2f2f2;
	width: 958px;
	min-height: 312px;
        height: auto;
	margin: 0;
	padding: 12px 0 12px 30px;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
        border-bottom: 3px solid #999999
}
a#products-close {
        display: block;
        position: absolute;
        position: absolute;
	top: -14px;
	right: -14px;
        z-index: 1000;
}
div#products div#products_heading {
	margin: 0;
	padding: 10px 0 20px 0;
	display: block;
	clear: both;
	color: #808080;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;	
	border-bottom: 1px #cccccc solid;	
}
div#products div#products_list {
	width: 590px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
div#products_list a {
	width: 191px;
	height: 45px;
	line-height: 20px;
	overflow: hidden;
	margin: 0;
	padding: 5px 0 0 5px;
	display: block;
	float: left;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px #cccccc solid;	
}
div#products div#featured {
	background: #fff;
	width: 300px;
	height: 278px;
	margin: 0 0 0 54px;
	padding: 22px 0 0 0;
	display: block;
	float: left;
	text-align: center;
	position: relative;
}
div#featured a.viewall {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	color: #4d4d4d;
	font-size: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	
}
a#viewall span {color: #666 !important;}
div#featured a.featured_img {
    width: 198px;
    height: 165px;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    display: block;
    clear: both;
    border-bottom: 1px #cccccc solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#featured a.featured_title {
	width: 198px;
        height: 18px;
        overflow: hidden;
	margin: 0 auto;
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	color: #808080;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#featured a.view {
	background: url('../images/view.jpg') 50% 0% no-repeat;
	width: 113px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;	
}
div#featured a.left {
	background: url('../images/featured_left.jpg') 50% 0% no-repeat;
	width: 30px;
	height: 29px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 115px;
	left: 10px;	
}
div#featured a.right {
	background: url('../images/featured_right.jpg') 50% 0% no-repeat;
	width: 30px;
	height: 29px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 115px;
	right: 10px;	
}

/* Left Column - Right Img */
div#rightcolumn_img {
	width: 367px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0px;
	right: -367px;
	z-index: 990;
}
div#rightcolumn_img.testimonial {
	width: 408px !important;
	top: -30px !important;
	right: -408px !important;
}
div#rightcolumn_img.recipe {
	width: 529px !important;
        height: 342px !important;
	top: -30px !important;
	right: -408px !important;
        background: url('../images/recipe_main_background.png') 0% 0% no-repeat;
}
#recipe-middle {
        position: absolute;
        top: 38px;
        left: 110px;
        z-index: 999;
        transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9998476951563913, M12=0.01745240643728307, M21=-0.01745240643728307, M22=0.9998476951563913, SizingMethod='auto expand')";
        border: 3px solid #fff;
	-moz-box-shadow: 4px 4px 5px #c5c5c5;
	-webkit-box-shadow: 4px 4px 5px #c5c5c5;
	box-shadow: 4px 4px 5px #c5c5c5;
}


/* Left Column */
div#leftcolumn {
	width: 625px;
	margin: 0;
	padding: 25px 0 15px 0;
	display: block;
	float: left;
	position: relative;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
div#leftcolumn.internal {
	width: 580px !important;
	min-height: 173px;
	height: auto !important;
	height: 173px;
}
div#leftcolumn div.left_heading {
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	color: #10532a;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#leftcolumn div.left_quote {
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	display: block;
	clear: both;
	color: #10532a;
	font-size: 24px;
	line-height: 24px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	position: relative;
}
div#leftcolumn div#signature {
	width: 620px;
	height: 132px;
	margin: 10px auto;
	padding: 0;
	display: block;
	clear: both;
	text-align: center;
}
div#leftcolumn div#bottom_help {
	background: #10532a;
	width: 604px;
	margin: 20px 0 0 0;
	padding: 10px 0 10px 10px;
	display: block;
	clear: both;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
div#leftcolumn div#ingredients {
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	clear: both;
        min-height: 190px;
        width: 430px
}
div.recipe_heading {
	margin: 0;
	padding: 0 0 15px 0;
	display: block;
	clear: both;
	color: #666666;
	font-size: 24px;
	line-height: 24px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;	
}
div#ingredients ul {
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	clear: both;	
}
div#ingredients ul li {
	margin: 5px 0 3px 5px;
	padding: 0 0 0 5px;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
div#bottom_help a {
	margin: 0;
	padding: 0;
	color: #fff;
}
div#press_releases {
	width: 675px;
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	float: left;
}
div#press_releases div#press_heading {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #4d4a45;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
div#press_releases div.press_block {
	margin: 0;
	padding: 10px 0 10px 0;
	display: block;
	clear: both;
	color: #666666;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div.press_block a {color: #666;text-decoration: none;}
div.press_block div.date {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;	
}
div.date a {
	color: #fb4800;
	text-decoration: none;
}
.text-image {
        padding: 3px;
        background-color: #fff;
        border: 1px solid #cccccc;
        clear: both;
        float: left;
        margin: 8px 0
}
.link-document {
        color: #10532a;
        font-size: 24px;
        text-decoration: none;
        clear: both;
        float: left;
        margin: 8px 0;
        font-weight: bold;
	font-style: italic;
	font-family: "Calibri",Arial,Helvetica,sans-serif
}
div#recipe_detail {
	width: 575px;
	margin: 0;
	padding: 20px 0 15px 0;
	display: block;
	float: left;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div#product_detail_img {
	width: 464px;
	height: 247px;
	margin: 20px 0 20px 0;
	padding: 20px 0 0 0;
	display: block;
	clear: both;
	text-align: center;
	border: 1px #ccc solid;
        line-height: 247px;
        background-position: center;
        background-repeat: no-repeat
}
div#product_detail {
	width: 565px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
div#detail_img {
	width: 503px;
	height: 346px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	right: -428px;;
        /*background-color:yellow*/
}
#product_bottom_left {
        position: absolute;
        bottom: 0;
        left: 0
}
#product_top_right {
        position: absolute;
        top: 12px;
        right: 20px;
        transform: rotate(7deg);
        -moz-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=-0.12186934340514811, M21=0.12186934340514811, M22=0.992546151641322, SizingMethod='auto expand')";
}
#product_top_left {
        position: absolute;
        top: 15px;
        left: 88px;
        transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9945218953682734, M12=0.10452846326765293, M21=-0.10452846326765293, M22=0.9945218953682734, SizingMethod='auto expand')";
}
#product_middle {
        position: absolute;
        top: 80px;
        left: 181px;
        transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9998476951563913, M12=0.01745240643728307, M21=-0.01745240643728307, M22=0.9998476951563913, SizingMethod='auto expand')";
}
#product_bottom_right {
        position: absolute;
        bottom: 28px;
        right: 13px;
        transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        -ms-transform: matrix(0.995,-0.103,0.103,0.995,0,0);
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9945218953682734, M12=0.10452846326765293, M21=-0.10452846326765293, M22=0.9945218953682734, SizingMethod='auto expand')";*/
        z-index: 200
}
.detail_tilt {
        border: 3px solid #fff;
	-moz-box-shadow: 3px 3px 4px #c5c5c5;
	-webkit-box-shadow: 3px 3px 4px #c5c5c5;
	box-shadow: 3px 3px 4px #c5c5c5;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c5c5c5')";
        zoom:1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#c5c5c5', Direction=135, Strength=3);*/
}
div#product_detail div#product_title {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;	
}
div#product_detail div#product_size {
	margin: 0;
	padding: 0 0 5px 0;
	display: block;
	clear: both;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;	
}
div#product_detail div#product_interested {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;	
}
div#product_interested div.contact_details {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	font-size: 18px;
}
div#similar_products {
	width: 356px;
	margin: 365px 0 0 65px;
	padding: 0;
	display: block;
	float: left;
}
div#similar_products div.similar_heading {
	margin: 0 0 8px 0;
	padding: 0 0 2px 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	border-bottom: 1px #ccc solid;
}
div#similar_products div.similar_block {
	width: 175px;
	margin: 0 0 8px 0;
	padding: 5px 0 15px 0;
	display: block;
	float: left;
	border-bottom: 1px #ccc solid;
}
div#similar_products div.similar_block a.similar_img {
	width: 175px;
	height: 95px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
}
div#similar_products div.similar_block a.similar_title {
	width: 175px;
        height: 40px;
	margin: 0;
	padding: 0 0 0 21px;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#similar_products div.similar_block a.view {
	margin: 0;
	padding: 0 0 0 21px;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

div#right_enquire {
	background: url('../images/enquire_online.jpg') #F2F2F2 50% 0% no-repeat;
	width: 302px;
	min-height: 264px;
	margin: 10px 0 10px 11px;
	padding: 43px 0 0 0;
	display: block;
	float: left;
}
div#right_enquire input[type="text"] {
	background: none;
	width: 242px;
	height: 26px;
	margin: 0 auto;
	margin-bottom: 6px;
	padding: 0 7px 0 7px;
	display: block;
	clear: both;
	color: #545454;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #999999 solid;
}
div#right_enquire textarea {
	background: none;
	width: 242px;
	height: 78px;
	margin: 0 auto;
	margin-bottom: 6px;
	padding: 3px 7px 3px 7px;
	display: block;
	clear: both;
	color: #545454;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #999999 solid;
}
div#right_enquire input[type="submit"] {
	background: url('../images/submit.jpg') 50% 0% no-repeat;
	width: 73px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	border: 0;
	cursor: pointer;
}
div#other_recipes {
	width: 350px;
	margin: 0 0 15px 63px;
	padding: 0;
	display: block;
	float: left;
}
div#other_recipes div.other_heading {
	margin: 0 0 8px 0;
	padding: 0 0 2px 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	border-bottom: 1px #ccc solid;
}
div#other_recipes div.recipe_block {
	width: 350px;
	margin: 0 0 8px 0;
	padding: 0;
	display: block;
	float: left;
}
div#other_recipes div.recipe_block a.recipe_img {
	width: 79px;
	height: 52px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border: 1px #cccccc solid;
}
div#other_recipes div.recipe_block div.recipe_info {
	width: 240px;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	float: left;	
}
div#other_recipes div.recipe_block div.recipe_info a.recipe_title {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#other_recipes div.recipe_block div.recipe_info div.cooking_time {
	background: url('../images/cooking_time.jpg') 0% 0% no-repeat;
	margin: 2px 0 3px 0;
	padding: 0 0 0 20px;
	display: block;
	clear: both;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div#other_recipes div.recipe_block div.recipe_info a.view {
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#other_recipes a#viewall {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px #ccc solid;
}


/* Listing Pages */
div#main_listing {
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	clear: both;	
}
div#main_listing div.text-paragraph {
     color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
        margin: 8px
}
a#back {
	margin: 25px 0 0 0;
	padding: 0;
	display: block;
	clear: both;	
}
div#main_listing div.recipe_block {
	width: 300px;
	min-height: 265px;
	margin: 20px 44px 0 0;
	padding: 0;
	display: block;
	float: left;
}
div#main_listing div.recipe_block a.recipe_img {
	width: 298px;
    height: 196px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    /*display: block;*/
    clear: both;
    border: 1px #cccccc solid;
    text-align: center;
    line-height: 196px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#main_listing div.recipe_block a.recipe_img img {
	margin: 0 auto;
	max-width: 100%;
    max-height: 100%;
}
div#main_listing div.recipe_block a.recipe_title {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#main_listing div.recipe_block div.cooking_time {
	background: url('../images/cooking_time.jpg') 0% 0% no-repeat;
	margin: 4px 0 0 0;
	padding: 0 0 4px 20px;
	display: block;
	clear: both;
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div#main_listing div.recipe_block a.view {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#main_listing div.prod_block {
	width: 244px;
	margin: 20px 0 0 0;
	padding: 0;
	display: block;
	float: left;
	border-right: 1px #ccc solid;
        
}
div.prod_block a.product_img {
	width: 244px;
	height: 207px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	text-align: center;
        line-height: 207px;
        background-position: center;
        background-repeat: no-repeat
}
div.prod_block a.product_img img {
	margin:0 auto
}
div.prod_block a.product_title {
	width: 188px;
        height: 50px;
	margin: 0;
	padding: 10px 0 0 55px;
	display: block;
	clear: both;
	color: #13562d;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div.prod_block a.view {
	width: 188px;
	margin: 0;
	padding: 5px 0 0 55px;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#testimonials, div#faqs {
	width: 675px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
div#testimonials div.testimonial_block {
	background: url('../images/testimonial_bg.jpg') 0% 20px no-repeat;
	margin: 0;
	padding: 20px 0 20px 127px;
	display: block;
	clear: both;
	color: #808080;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#faqs div.faq_block {
	/*background: url('../images/testimonial_bg.jpg') 0% 20px no-repeat;*/
	margin: 0;
	/*padding: 20px 0 20px 127px;*/
	display: block;
	clear: both;
	color: #808080;
	font-size: 18px;
	line-height: 20px;
        font-weight: bold;
	/*font-weight: bold;
	font-style: italic;*/
	font-family: "Calibri", Arial, Helvetica, sans-serif;
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #cccccc
}
.faq_question {
        width: 572px;
        height: auto;
        /*background-color: #cccccc;*/
        padding: 4px;
        color: #10532a;
        font-style: italic
}
.faq_answer {
        padding: 4px
}
ul#sitemap-list {
        list-style: none;
        clear: both;
        float: left;
        margin: 8px 0 0 8px;
        padding: 8px 0 0 8px
}
ul li.sitemap-category a {
        text-decoration: none;
        color: #10532a;
        font-weight: bold;
        font-size: 16px;
        display: block;
        margin: 4px 0 0 0;
        padding: 4px 0;
        border-top: 1px solid #cccccc
}
ul li.sitemap-product a {
        margin: 4px 0 4px 4px;
        padding: 4px 0 4px 4px;
        font-style: italic;
        text-decoration: none;
        font-size: 14px;
        color: #666666;
}
div.testimonial_block div.testimonial_name {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
div#navigate {
	margin: 0;
	padding: 6px 0 5px 540px;
	display: block;
	clear: both;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px #ccc solid;	
}
div#navigate a {
	margin: 0 2px 0 2px;
	padding: 0;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div#navigate a:hover {
	color:#10532a;
}
div#navigate a.page_selected {
	color:#10532a;
        font-weight: bold
}

/* Contact Columns */
div#contact_left {
	width: 627px;
	margin: 15px 29px 15px 0;
	padding: 0;
	display: block;
	float: left;
	border-right: 1px #cccccc solid;
}
div#contact_left div.left_heading {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	color: #10532a;
	font-size: 32px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#contact_left div.left_quote {
	margin: 0 0 20px 0;
	padding: 5px 0 10px 0;
	display: block;
	clear: both;
	color: #999999;
	font-size: 22px;
	line-height: 20px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	position: relative;
}
div#contact_left div.contact_details {
	width: 320px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	color: #10532a;
	font-size: 24px;
	line-height: 26px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
div.contact_details a {
	color: #10532a;
	font-size: 24px;
	line-height: 26px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
div.contact_address {
	width: 260px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
div.contact_address div.address_heading {
	margin: 0;
	padding: 0 0 8px 0;
	display: block;
	clear: both;
	color: #10532a;
	font-size: 24px;
	line-height: 24px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
div#contact_enquire {
	background: url('../images/contact_enquire.jpg') #F2F2F2 50% 0% no-repeat;
	width: 547px;
	min-height: 141px;
	margin: 20px 0 0 0;
	padding: 43px 0 0 18px;
	display: block;
	clear: both;
}
div#contact_enquire div.form_left {
	width: 258px;
	margin: 0 11px 0 0;
	padding: 0;
	display: block;
	float: left;	
}
div#contact_enquire div.form_right {
	width: 258px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;	
}
div#contact_enquire input[type="text"] {
	width: 246px;
	height: 26px;
	margin: 0 0 6px 0;
	padding: 0 5px 0 5px;
	display: block;
	clear: both;
	color: #515151;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #ccc solid;
}
div#contact_enquire textarea {
	width: 246px;
	height: 49px;
	margin: 0 0 6px 0;
	padding: 5px 5px 5px 5px;
	display: block;
	clear: both;
	color: #515151;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #ccc solid;
}
div#contact_enquire input[type="submit"] {
	background: url('../images/submit.jpg') 50% 0% no-repeat;
	width: 73px;
	height: 27px;
	margin: 0 0 0 185px;
	padding: 0;
	display: block;
	clear: both;
	border: 0;
	cursor: pointer;
}
div#contact_right {
	width: 331px;
	margin: 15px 0 0 0;
	padding: 40px 0 0 0;
	display: block;
	float: left;
}
div#contact_right div.right_heading {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	clear: both;
	color: #10532a;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
}
div#contact_right div#contact_map {
	width: 329px;
	height: 318px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	border: 1px #ccc solid;
	position: relative;
        overflow: hidden
}
div#contact_map div#get_directions {
	background: url('../images/get_directions.jpg') 50% 0% no-repeat;
	width: 330px;
	height: 46px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;	
}
div#get_directions input[type="text"] {
	background: none;
	width: 185px;
	height: 26px;
	margin: 0;
	padding: 0 5px 0 5px;
	display: block;
	position: absolute;
	top: 10px;
	left: 14px;
	border: 0;
	color: #515151;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
div#get_directions input[type="submit"] {
	background: none;
	width: 113px;
	height: 28px;
	margin: 0;
	padding: 0 5px 0 5px;
	display: block;
	position: absolute;
	top: 9px;
	right: 8px;
	border: 0;
	cursor: pointer;
}
div.spacer {
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	clear: both;
	border-top: 1px #ccc solid;
}

/* Bottom */
div#useful {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
div#useful div.useful_block {
	width: 300px;
	margin: 0 44px 0 0;
	padding: 0;
	display: block;
	float: left;
}
div.useful_block a.useful_title {
	margin: 0;
	padding: 0 0 3px 0;
	display: block;
	clear: both;
	color: #4d4a45;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
div.useful_block a.useful_img {
	width: 298px;
	height: 116px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	border: 1px #cccccc solid;
}
div.useful_block a.click_here {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div.useful_block a.view {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	clear: both;
	color: #fb4800;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

/* Bottom Associates */
div#bottom_associates {
	background: url('../images/bottom_associates.png') 50% 0% no-repeat;
	width: 988px;
	height: 243px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	position: relative;	
}
div#bottom_associates a.create_account {
	width: 183px;
	height: 27px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 60px;
	right: 345px;
}
div#bottom_associates div#associates {
	width: 620px;
	height: 90px;
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	position: absolute;
	top: 100px;
	left: 10px;
}
div#associates a {
	margin: 0 50px 0 0;
	padding: 0;
	display: block;
	float: left;
}
div#bottom_associates div#signup {
	width: 256px;
	height: 107px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 114px;
	right: 32px;
}
div#signup a.signup {
	height: 24px;
	margin: 0 0 16px 0;
	padding: 0;
	display: block;
	clear: both;	
}
div#signup input[type="text"] {
	background: none;
	width: 246px;
	height: 26px;
	margin: 0 0 15px 0;
	padding: 0 5px 0 5px;
	display: block;
	clear: both;
	color: #4d4d4d;
	font-size: 12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
}
div#signup input[type="submit"] {
	background: none;
	width: 73px;
	height: 27px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	border: 0;
	cursor: pointer;
}

/* Footer */
div#footer div#left_element {
	width: 734px;
	height: 245px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: -245px;
	left: 0;
}
div#footer div#right_element {
	width: 734px;
	height: 245px;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: -245px;
	right: 0;
}
div#footer {
	background: #24201d url('../images/footer.jpg')	top left repeat-x;
	min-height: 260px;
        height: auto;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	position: relative;
}
div#footer div#footer_block {
	width: 988px;
	min-height: 220px;
        height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	display: block;
	clear: both;
	position: relative;
}
div#footer_block div#footer_social {
	background: url('../images/footer_social.jpg') 50% 0% no-repeat;
	width: 146px;
	height: 29px;
	margin: 0;
	padding: 5px 0 0 160px;
	display: block;
	position: absolute;
	top: 27px;
	right: 15px;
}
div#footer_social a {
	width: 24px;
	height: 23px;
	margin: 0 12px 0 0;
	padding: 0;
	display: block;
	float: left;
}
div#footer_block div.footer_heading {
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	clear: both;
	color: #fff;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
div#footer_block div.other_links {
	width: 222px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
div.other_links a {
	margin: 0 0 12px 0;
	padding: 0;
	display: block;
	clear: both;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
}
div#footer_block div.our_products {
	width: 740px;
	max-height: 175px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
div.our_products a {
	width: 180px;
	margin: 0 0 12px 0;
	padding: 0;
	display: block;
	float: left;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
}
div#footer_block div#footer_bottom {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	display: block;
	clear: both;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
        border-top: 1px solid #4d4946
}
div#footer_bottom a {
	margin: 0 3px 12px 3px;
	padding: 0;
	display: inline-block;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
}
.honeycol {color: #19a14d !important;}
.nomargin {margin: 0 !important;}
.noright {margin-right: 0 !important;border-right: 0 !important;}
.clearfix {clear: both;}

.pagebreak {
    clear: both;
    float: left;
    width: 100%;
    height: 20px;
    padding: 10px 0;
    margin: 18px 0 0 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    display: block;
}
div.error {
    background-color: #FFC4BB;
    background-image: url('../images/error.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    min-height: 17px;
    height: auto !important;
    padding: 8px 6px 8px 46px;
    margin: 6px 0px 0px;
    font: 13px/15px Tahoma,Geneva,sans-serif;
    display: block;
    clear: both;
    z-index: 10;
    cursor: default;
    border: 1px solid #FF6F59;
    border-radius: 3px;
}
div.success {
	background-color: #b6d857;
	background-image: url('../images/success_big.png');
	background-position: 5px 50%;
	background-repeat: no-repeat;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding: 8px 6px 8px 46px;
	margin: 0 auto;
	margin-top: 6px;
	font: 13px/17px Tahoma,Geneva,sans-serif;
	line-height: 15px;
	display: block;
	clear: both;
	z-index: 10;
	cursor: default;
	border: 1px #4a8b00 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	display: none;
}
.required {
	background: #FF6161 !important;	
}
p#pot { display: none }
/*--- jcarousel ---*/
#associates .jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 90px;
    width: 600px;;
    margin-left:20px
}

#associates .jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

#associates .jcarousel li {
    float: left;
    width: 150px;
    text-align:center
}
#associates .jcarousel li img {
    margin-left:auto;
    margin-right:auto
}
/*--- featured categories scroller ---*/
#featcats .jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 260px;
    width: 197px;
    margin-left: 50px
}

#featcats .jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

#featcats .jcarousel li {
    float: left;
    width: 197px;
    text-align:center
}
#featcats .jcarousel li img {
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
    max-height: 100%;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
