/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


.breadcrumbs {
color: #ffffff;
font-size: 12px;
}



#the_body {
	background: url(../images/general/bodyBackground.gif) repeat-x top;
	background-color:#ececec;
	font-family: Arial, Helvetica, sans-serif;
	color: #555454;
}


ul {margin: 0; padding: 0; list-style: none;}

#container {
	width: 969px;
	margin: auto;
	background: #fff;
	}

/* HEADER */
#header{
	height: 117px;
	margin:0;
	padding: 0;
	}

/* HEADER TOP LEVEL NAVIGATION */

#topNav {
	width: 708px;
	height: 57px;
	padding: 0;
	margin: 0;
	float: right;
	}

#topNav ul {margin: 0; padding: 0;}

#topNav li {list-style-type: none; float: right;}

#topNav ul li a {
	height: 57px;
	display: block;
	text-indent: -9999px;
	outline: none;
	list-style-type: none;
	}

#topNav ul li a.contactUs {width: 103px; background: url(../images/nav/contactUs.gif) no-repeat;}
#topNav ul li a.contactUs:hover {width: 103px; background: url(../images/nav/contactUs_r.gif) no-repeat;}
#topNav ul li a.contactUs_selected {width: 103px; background: url(../images/nav/contactUs_a.gif) no-repeat;}

#topNav ul li a.trading {width: 86px; background: url(../images/nav/trading.gif) no-repeat;}
#topNav ul li a.trading:hover {width: 86px; background: url(../images/nav/trading_r.gif) no-repeat;}
#topNav ul li a.trading_selected {width: 86px; background: url(../images/nav/trading_a.gif) no-repeat;}

#topNav ul li a.storeLocator {width: 125px; background: url(../images/nav/storeLocator.gif) no-repeat;}
#topNav ul li a.storeLocator:hover {width: 125px; background: url(../images/nav/storeLocator_r.gif) no-repeat;}
#topNav ul li a.storeLocator_selected {width: 125px; background: url(../images/nav/storeLocator_a.gif) no-repeat;}

#topNav ul li a.crystalBayClub {width: 146px; background: url(../images/nav/crystalBayClub.gif) no-repeat;}
#topNav ul li a.crystalBayClub:hover {width: 146px; background: url(../images/nav/crystalBayClub_r.gif) no-repeat;}
#topNav ul li a.crystalBayClub_selected {width: 146px; background: url(../images/nav/crystalBayClub_a.gif) no-repeat;}

#topNav ul li a.recipes {width: 79px; background: url(../images/nav/recipes.gif) no-repeat;}
#topNav ul li a.recipes:hover {width: 79px; background: url(../images/nav/recipes_r.gif) no-repeat;}
#topNav ul li a.recipes_selected {width: 79px; background: url(../images/nav/recipes_a.gif) no-repeat;}

#topNav ul li a.products {width: 95px; background: url(../images/nav/products.gif) no-repeat;}
#topNav ul li a.products:hover {width: 95px; background: url(../images/nav/products_r.gif) no-repeat;}
#topNav ul li a.products_selected {width: 95px; background: url(../images/nav/products_a.gif) no-repeat;}

#topNav ul li a.aboutUs {width: 95px; background: url(../images/nav/aboutUs.gif) no-repeat;}
#topNav ul li a.aboutUs:hover {width: 95px; background: url(../images/nav/aboutUs_r.gif) no-repeat;}
#topNav ul li a.aboutUs_selected {width: 95px; background: url(../images/nav/aboutUs_a.gif) no-repeat;}

#topNav ul li a.home {width: 63px; background: url(../images/nav/home.gif) no-repeat;}
#topNav ul li a.home:hover {width: 63px; background: url(../images/nav/home_r.gif) no-repeat;}
#topNav ul li a.home_selected {width: 63px; background: url(../images/nav/home_a.gif) no-repeat;}

/* HEADER SEC LEVEL NAVIGATION */


#secondaryNav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#secondaryNav li {
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 63%;

}

#secondaryNav li a {
	display:inline;
	padding: 3px 0 2px 0;
}
#secondaryNav {
	display: block;
	height: 40px;
	width: 665px;
	float:right;
	padding-top: 8px;
	padding-right: 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e9e9e9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e9e9;
	margin-top: 7px;
}
#secondaryNav a {
	color: #1481d3;
	text-decoration: none;
}

#secondaryNav a:hover {
	color: #f4821e;
}
#secondaryNav .selected {
	color: #f4821e;
}

/* BREADCRUMB INTRO - LEFT */
#bread_left {
	font-size: 12px;
	padding: 0 0 16px 0;
	overflow: hidden;
	}

#bread_left ul, #bread ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#bread_left ul li {
	float: left;
	padding: 0 10px;
	background: url(../images/content/bulletBreadCrumb.gif) 0 5px no-repeat;
	}

#bread_left ul li.firstItem {background: none;}
#bread_left ul li a {color: #fff; text-decoration: none;}
#bread_left ul li a:hover {color: #fff; text-decoration: underline;}
#bread_left span.breadTitle {float: left; color: #fff; font-weight: bold;}

/* BREADCRUMB INTRO - RIGHT */
#bread_right {
	font-size: 12px;
	padding: 0 0 16px 0;
	overflow: hidden;
color: #ffffff;
	}

#bread_right ul, #bread ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#bread_right ul li {
	float: right;
	padding: 0 10px;
	background: url(../images/content/bulletBreadCrumb.gif) 0 5px no-repeat;
	}

#bread_right ul li.firstItem {background: none;}
#bread_right ul li a {color: #fff; text-decoration: none;}
#bread_right ul li a:hover {color: #fff; text-decoration: underline;}
#bread_right span.breadTitle {float: right; color: #fff; font-weight: bold;}

/* FOOTER */
#footer {
	width: 921px;
	padding: 10px 24px 20px 24px;
	float: left;
	background: url(../images/general/footerCurve.gif) no-repeat bottom #fff;
	color: #717b79;
	font-size: 63%;
	}

#footer ul { margin: 0; padding: 0; vertical-align: baseline;}
#footer li { list-style-type: none; float: left;}
#footer ul li a { color: #717b79; text-decoration: none;}
#footer ul li a:hover { color: #f3790e; text-decoration: none;}
#footerKomosion {background: #ececec; height: 41px;}

.printerIcon { vertical-align:middle; }

/* ----- TEMPLATE LAYOUT - END----- */





/* ----- index.html MAIN CONTENT AREA - START ----- */

/* MAIN CONTENT AREA + MAIN FEATURE BACKGROUND */
#mainContentArea {
	background: transparent url(../images/content/mainImageFeature.jpg) no-repeat top;
	min-height: 644px;
	/* overflow: auto;*/
	/*font-size: 75%;*/
	}

/* HOMEPAGE INTRO */
#homepageIntro {
	width: 434px;
	float: right;
	padding: 110px 0 0 0;
	color: #fff;
	}
	
#homepageIntro table {
	margin-right:30px;
}

#homepageIntro table table {
	margin-right:0;
}

/* HOMEPAGE HEADING STYLES */
/*
#homepageIntro h1 {font-size: 230%; line-height: 50px; margin: 0 0 210px 0;}
#homepageIntro h2 {font-size: 150%;}
#homepageIntro h3 {font-size: 120%;}*/

#homepageIntro h3 {display:block;}

/* HOMEPAGE PANELS (A,B,C,D) */
#homepagePanels {width: 969px; margin-top: -4px;}
.panelsHeading {color: #f98e43; font-weight: bold; font-size: 82%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.panelImg {padding: 0 0 10px 0;}
#homepagePanels h4 {display:block;}


/* HOMEPAGE PANELS (A) */
#homepagePanel_a {width: 235px; float: left; margin: 0 0 0 14px; }
.aTop {background: url(../images/content/homePanel/1/homePanel1_top.png) no-repeat; padding: 0px 17px 10px 20px; min-height: 138px;}

/* HOMEPAGE PANELS (B) */
#homepagePanel_b {width: 236px; float: left; margin: 0;}
.bTop {background: url(../images/content/homePanel/2/homePanel2_top.png) no-repeat; padding: 0px 19px 10px 19px; min-height: 138px;}

/* HOMEPAGE PANELS (C) */
#homepagePanel_c {width: 235px;float: left;}
.cTop {background: url(../images/content/homePanel/3/homePanel3_top.png) no-repeat; padding: 0px 20px 10px 18px; min-height: 138px;}

/* HOMEPAGE PANELS (D) */
#homepagePanel_d {width: 235px; float: left; margin: 0 14px 0 0;}
.dTop {background: url(../images/content/homePanel/4/homePanel4_top.png) no-repeat; padding: 0px 19px 10px 18px; min-height: 138px;}

/* ----- index.html MAIN CONTENT AREA - END ----- */





/* product_category.html MAIN CONTENT AREA - START */

/* MAIN CONTENT AREA + MAIN FEATURE BACKGROUND */
#productCategoryContentArea {
	background: url(../images/content/mainImageFeatureCategory1.jpg) no-repeat top;
	min-height: 471px;
	overflow: auto;
	}

/* PRODUCT CATEGORY INTRO */
#productCategoryIntro {
	width: 449px;
	float: right;
	padding: 110px 35px 0 485px;
	color: #fff;
	height: 100%x;
	
	}

/* PRODUCT CATEGORY HEADING STYLES */
#productCategoryIntro h1 {font-size: 230%; line-height: 50px; margin: 0 0 20px 0;}
#productCategoryIntro h2 {font-size: 150%;}
#productCategoryIntro h3 {font-size: 120%;}

/* PRODUCT CATEGORY PANELS + MAIN ORANGE HEADING (A,B,C) */
#productCategoryPanels {width: 969px;clear:both;}
#productCategoryPanels h2 {color: #f98e43; font-weight: bold; font-size:88%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.orangeHeading_pCategory {color: #f98e43; font-weight: bold; font-size:88%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.panelImg_pCategory {padding: 0 0 15px 0;}

/* PRODUCT CATEGORY PANELS (A) */
#productCategoryPanel_a {width: 294px; float: left; margin: 0 0 0 53px;}
.aTop_productCategory {background: url(../images/content/pCategoryPanel/1/pCategoryPanel1_top.png) no-repeat; padding: 13px 23px 10px 22px; margin: 30px 0 0 0; min-height: 170px;}

/* PRODUCT CATEGORY PANELS (B) */
#productCategoryPanel_b {width: 294px; float: left; margin: 0;}
.bTop_productCategory {background: url(../images/content/pCategoryPanel/2/pCategoryPanel2_top.png) no-repeat; padding: 13px 21px 10px 24px; margin: 30px 0 0 0; min-height: 170px;}

/* PRODUCT CATEGORY PANELS (C) */
#productCategoryPanel_c {width: 293px; float: left; margin: 0 35px 0 0;}
.cTop_productCategory { background: url(../images/content/pCategoryPanel/3/pCategoryPanel3_top.png) no-repeat; padding: 13px 21px 10px 23px; margin: 30px 0 0 0; min-height: 170px;}

/* PRODUCT CATEGORY TEXT AREA (under panels) */
#productCategoryTextArea {width: 861px; float: left; padding: 20px 45px 20px 63px; background:#fff;}

#productCategoryTextArea h1 {font-size: 150%; color: #f98e43; margin: 0 0 20px 0;}

.textAreaColumnRight {
	width: 400px;
	float: right;
	padding: 0 0 0 50px;
	}

/*#productCategoryTextArea a {color: #f3790e;}*/

/* product_category.html MAIN CONTENT AREA - END */





/* product_list.html MAIN CONTENT AREA - START */

/* MAIN CONTENT AREA + MAIN FEATURE BACKGROUND */
#productListContentArea {
	background: url(../images/content/mainImageFeatureList1.jpg) no-repeat top;
	min-height: 471px;
	overflow: auto;
	}

/* PRODUCT CATEGORY INTRO */
#productListIntro {
	width: 523px;
	float: right;
	text-align: right;
	padding: 76px 46px 0 400px;
	color: #fff;
	height: 100%;
	}

/* PRODUCT CATEGORY HEADING STYLES */
#productListIntro h1 {font-size: 230%; line-height: 50px; margin: 0 0 20px 0;}
#productListIntro h2 {font-size: 150%;}
#productListIntro h3 {font-size: 120%;}

/* PRODUCT LIST PANELS + MAIN ORANGE HEADING (A,B,C,D,E,F) */
#productListPanels {width: 930px; clear:both; }
#productListPanels h2 {color: #f98e43; font-weight: bold; font-size:82%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.orangeHeading_lCategory {color: #f98e43; font-weight: bold; font-size:82%; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* PRODUCT LIST PANELS (A) */
#productListPanel_a {width: 221px; float: left; margin: 0 0 0 273px;}
.aTop_productList {background: url(../images/content/lCategoryPanel/1/lCategoryPanel1_top.png) no-repeat; padding: 11px 17px 10px 19px; margin: 30px 0 0 0; min-height: 230px;}

/* PRODUCT LIST PANELS (B) */
#productListPanel_b {width: 219px; float: left; margin: 0;}
.bTop_productList {background: url(../images/content/lCategoryPanel/2/lCategoryPanel2_top.png) no-repeat; padding: 11px 16px 10px 18px; margin: 30px 0 0 0; min-height: 230px;}

/* PRODUCT LIST PANELS (C) */
#productListPanel_c {width: 220px; float: left; margin: 0 36px 0 0;}
.cTop_productList {background: url(../images/content/lCategoryPanel/3/lCategoryPanel3_top.png) no-repeat; padding: 11px 18px 10px 17px; margin: 30px 0 0 0; min-height: 230px;}

/* PRODUCT LIST PANELS (D) */
#productListPanel_d {width: 221px; float: left; margin: 0 0 0 273px;}
.dTop_productList {background: url(../images/content/lCategoryPanel/4/lCategoryPanel4_top.png) no-repeat; padding: 11px 17px 10px 19px; margin: 0; min-height: 230px;}

/* PRODUCT LIST PANELS (E) */
#productListPanel_e {width: 219px; float: left; margin: 0;}
.eTop_productList {background: url(../images/content/lCategoryPanel/5/lCategoryPanel5_top.png) no-repeat; padding: 11px 16px 10px 18px; margin: 0; min-height: 230px;}

/* PRODUCT LIST PANELS (F) */
#productListPanel_f {width: 220px; float: left; margin: 0 36px 0 0;}
.fTop_productList {background: url(../images/content/lCategoryPanel/6/lCategoryPanel6_top.png) no-repeat; padding: 11px 18px 10px 17px; margin: 0; min-height: 230px;}

/* product_list.html MAIN CONTENT AREA - END */





/* CONTENT AREA HEADING STYLES - product_detail.html + content_page.html */
#contentArea {width: 688px; margin: 0 36px 0 245px; float:left;}
.top_contentArea {background:url(../images/content/transparentWhiteBkgnd.png) no-repeat; padding: 20px 27px 20px 30px;  min-height: 500px;}
/*#contentArea a {color: #f3790e; text-decoration: none;}
#contentArea h1 {font-size: 175%; line-height: 45px; color: #f4821e;}
#contentArea h2 {font-size: 145%; line-height: 45px; color: #f4821e; margin: 0;}
#contentArea h3 {font-size: 120%;}*/
#contentArea hr {border: none; background-color: #b7bcc0; height: 1px; width: 616px; color: #b7bcc0; margin: 10px 0 0 0;} 


/*hr.hr_prod_detail{border: none; background-color: #b7bcc0; height: 1px; width: 616px; color: #b7bcc0; margin: 10px 0 0 0;} */



/* product_detail.html MAIN CONTENT AREA - START */
#productDetailContentArea {
	background: url(../images/content/mainImageFeatureDetail1.jpg) no-repeat top;
	min-height: 471px;
	overflow: auto;
	/*font-size: 75%;*/
	}

/* PRODUCT DETAIL INTRO */
#productDetailIntro {
	width: 623px;
	float: right;
	text-align: right;
	padding: 76px 46px 0 300px;
	color: #fff;
	height: 100%;
	}

/* PRODUCT LIST PANEL */
#productListPanel {width: 969px;}

/* PRODUCT CATEGORY HEADING STYLES */
#productDetailIntro h1 {font-size: 230%; line-height: 50px; margin: 0 0 20px 0;}
#productDetailIntro h2 {font-size: 150%;}
#productDetailIntro h3 {font-size: 120%;}

/* PRODUCT DETAIL SECTION */
#productDetail {padding: 0 0 10px 12px;}

.rhsColumn_pDetail {
	float: right;
	text-align: right;
	color: #f3790e;
	font-size: 102%;
	font-weight: bold;
	width: 292px;
	}

.image_pDetail {
	background: url(../images/content/pDetail/pDetail_imageBkgnd.png) no-repeat;
	width: 255px;
	height: 173px;
	margin: 0 0 10px 15px;
	padding: 17px 18px 27px 19px;
	}

.orangeHeading_pDeatil {color: #f98e43; font-weight: bold; font-size:82%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.arrow_pDetail {margin: 0 10px 0 10px;}

/* PRODUCT DETAIL - RECIPE + TIPS SECTION */
#recipeTips {overflow: auto; padding: 5px 0 0 0;}

/* RECIPE */
#recipe {padding: 5px 0 0 6px;}
#recipe ul {margin: 0 0 0 245px;}
#recipe li {list-style-image: url(../images/content/pDetail/recipe/prawnBullet.png); margin: 0 0 10px 0;}

.lhsColumn_recipe {
	float: left;
	}

li.lhsColumn_recipe {
	float: left;
	}

/* TIPS */
#tips {float: right; width: 195px; min-height: 100px;}
.tipsTop {background: url(../images/content/pDetail/tips/tips_top.png) no-repeat; padding: 57px 72px 10px 17px; margin: 10px 0 0 0; font-size: 95%;}
.tipsBottom {padding: 0px 72px 10px 0px; margin: 0;}

/* PRODUCT DETAIL - TESTIMONIALS SECTION */
#testimonials {padding: 0 12px;}

/* product_detail.html MAIN CONTENT AREA - END */




/* content_page.html MAIN CONTENT AREA - START */
#contentPage_contentArea {
	background: url(../images/content/mainImageFeature1.jpg) no-repeat top;
	min-height: 471px;
	overflow: auto;
	}

/* CONTENT PAGE INTRO */
#contentPageIntro {
	width: 623px;
	float: right;
	text-align: right;
	padding: 76px 46px 0 300px;
	color: #fff;
	height: 100%;
	}
	
/* PRODUCT CATEGORY HEADING STYLES */
#contentPageIntro h1 {font-size: 28px; line-height: 50px; margin: 0 0 20px 0;}
#contentPageIntro h2 {font-size: 150%;}
#contentPageIntro h3 {font-size: 120%;}

/* CONTENT PAGE PANEL */
#contentPagePanel {width: 969px;}

#lhs {width: 325px; padding: 0 0 10px 14px;}
#rhs {width: 292px; float: right;}
.rhs_image {
	background: url(../images/content/rhsContent_background.png) no-repeat;
	width: 255px;
	height: 172px;
	margin: 0 0 0 15px;
	padding: 8px 18px 33px 19px;
	}


/* PRINTER FRIENDLY TEMPLATES */

#printerFriendly { padding:20px;}


.datestamp {
	width: 100%; height: 20px; background-color: #000000; font-size:63%; color: #ffffff; padding-top:6px;
}

#printerFriendly h1 {font-size:140%; font-weight:bold; margin:1em 0 0 0; display:block;}
#printerFriendly p {font-size:63%;}
	
#printerFriendly #bread_left ul li { background: none;}
#printerFriendly #bread_left ul li a {color: #000; text-decoration: underline;}
#printerFriendly #bread_left ul li a:hover {color: #000;}
#printerFriendly #bread_left span.breadTitle {color: #000;}