@charset "UTF-8";

/* RESET ALL STLYES */

 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	margin:0px;
	padding:0px;
}

/* END RESET */


/* WIREFRAME TEMPLATE AND GENERIC STYLING */
body {
	background-color:#020202;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:75%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#222;
}

body.product {
	background-color:#020202;
	background-image:none;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:75%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#222;
}

#menu_container {
	width:1000px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#glorious_logo {
	width:1000px;
	height:90px;
	background-image:url(../images/gloriouslogoh.gif);
	background-repeat:no-repeat;
}

#wrap {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:100%;
	background-image:url(../images/fadeout.png);
	background-repeat:repeat-x;
	background-position:top;
	
}

#wrapie6 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:100%;
	background-image:url(../images/fadeout.png);
	background-repeat:repeat-x;
	background-position:top;
	
}

#social_box {
	width:400px;
	height:340px;
	position:relative;	
	background-image:url(../images/socialmediabg.png);	
	background-repeat:no-repeat;
}

#content_box {
	height:auto;
	margin:-340px 0 0 400px;
	position:relative;
	width:600px;
}

#contact_box {
	width:540px;	
	height:auto;
	position:relative;
}

#left_column {
	width:540px;	
	height:auto;
	float:left;
	position:relative;
	margin-top:0px;
}

#right_column {
	width:420px;	
	height:auto;
	float:right;
	position:relative;
	margin-top:0px;
}

.right_social {
	float:right;
}

#footer {
	bottom:0;
	clear:both;
	height:96px;
	margin-bottom:-96px;
	position:relative;
	width:1000px;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
}

#footer h5 {
	text-align:center;	
}

#foot_end{
	background-color:#FFFFFF;
	bottom:0;
	height:96px;
	position:relative;
	width:100%;
	z-index:-10;
}

.footer_products {
	bottom:-315px;
	height:275px;
	position:absolute;
	width:100%;
	z-index:-10;
}

p {
	line-height:1.5em;
}

p.tweet {
	line-height:1.2em;
	padding:111px 45px 50px 25px;
	font-size:0.8em;
	position:relative;
	display:block;
	width:330px;
	height:30px;
	/*top:-30px;*/
}


h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
}

h1 {
	font-size:3em;
	letter-spacing:-0.03em;	
	margin:42px 11px 12px 11px;
	font-weight:bold;
}

h2 {
	font-size:1.75em;
	letter-spacing:-0.07em;	
	margin:10px 12px 10px 12px;	
	font-weight:bold;
}

h2 a {
	text-decoration:none;
	color:#FFF;	
}

h2 a.hover {
	text-decoration:none;
	color:#FFF;	
}

h3 {
	font-size:1.2em;
	letter-spacing:-0.015em;
	margin:10px 12px 10px 12px;
}

h4 {
	font-size:1.15em;
	padding:100px 30px 0px 0px;
}

h5 {
	font-size:1em;
	text-align:center;
	color:#929497;		
	padding:40px 0px 0px 0px;
	font-weight:bold;
}

h5 a {
	color:#929497;	
	text-decoration:none;
	font-weight:bold;
}

h5 a:hover {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

h6 {
	font-size:1.5em;
	letter-spacing:-0.015em;	
	margin:42px 11px 5px 11px;
}

h6.other {
	font-size:2em;
	
}

#five_box h6 {
	font-size:1.4em;
	margin:0 50px 0 50px;	
}

#four_box h6 {
	font-size:1.4em;
	margin:-40px 50px 10px 210px;	
}

#four_box h6.left {
	font-size:1.4em;
	margin:-40px 215px 10px 50px;
	text-align:right;	
}

.jScrollPaneContainer p {
	font-size:0.8em;
	padding:0 10px 25px;
}

.jScrollPaneContainer h6 {
	font-size:1.5em;
	margin:0 8px 10px;
}



#content_1 h6 {
	font-size:1.5em;
	margin:0 8px 10px;
}

#content_2 h6 {
	font-size:1.5em;
	margin:0 8px 10px;
}

#content_3 h6 {
	font-size:1.5em;
	margin:0 8px 10px;
}

h7 {
	font-size:1.5em;
	margin:0 8px 10px;
}

#stockist-box h5{
	padding:0px;
	margin:0px;
}
#stockist-box p{
	font-size:9px;
	padding:0px 0px 10px 50px !important;
}
#stockist-box {
	margin-left:-10px;
	margin-top:-30px;
}

/* MENU STYLES */

#menu {position:absolute; }

ul#menu{margin-top:-4px; padding:0; list-style:none; }  

#menu li{overflow:hidden; display:inline; float:left;}  

#menu li a{background:url('../images/main_nav.gif') no-repeat; width:100%; height:100%; display:block; clear:both;}  


 /* About Button */

#menu li.about{width:121px; height:96px;}  
#menu li.about a{background-position:0px 0px;}  
#menu li.about a:hover{background-position:0px -96px;}  
#menu li.about a.current{background-position:0px -192px;}   

 /* A - Z Button */

#menu li.products,#menu li.az-products{width:202px; height:96px;}  
#menu li.products a,#menu li.az-products a{background-position:-121px 0px;}  
#menu li.products a:hover,#menu li.az-products a:hover{background-position:-121px -96px;}  
#menu li.products a.current,#menu li.az-products a.current{background-position:-121px -192px;}   
 
 /* News Button */

#menu li.news{width:125px; height:96px;}  
#menu li.news a{background-position:-323px 0px;}  
#menu li.news a:hover{background-position:-323px -96px;}  
#menu li.news a.current{background-position:-323px -192px;}   

 /* Get Involved Button */

#menu li.getinvolved{width:176px; height:96px;}  
#menu li.getinvolved a{background-position:-448px 0px;}  
#menu li.getinvolved a:hover{background-position:-448px -96px;}  
#menu li.getinvolved a.current{background-position:-448px -192px;}   

 /* Contact Button */

#menu li.contact{width:163px; height:96px;}  
#menu li.contact a{background-position:-624px 0px;}  
#menu li.contact a:hover{background-position:-624px -96px;}  
#menu li.contact a.current{background-position:-624px -192px;}   

 /* World Tour Button */

#menu li.map{width:213px; height:96px;}  
#menu li.map a{background-position:-787px 0px;}  
#menu li.map a:hover{background-position:-787px -96px;}  
#menu li.map a.current{background-position:-787px -192px;}   

#blog_tools li { margin-left:3px;}

#blog_tools ri { margin-right:3px;}

#li_container #blog_tools li{overflow:hidden; display:inline; float:left;}  

#ri_container #blog_tools li{overflow:hidden; display:inline; float:right;}  

#blog_tools li a{background:url('../images/blogtoolssprite.png') no-repeat; width:100%; height:100%; display:block; clear:both; }  


 /* Comments Button */

#blog_tools li.comments{width:90px; height:26px;}  
#blog_tools li a{
	background-position:-63px 0px;
	color:#000;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	padding:8px 8px 8px 10px;
	text-decoration:none;
}  

#blog_tools li a:hover{
	background-position:-63px -33px;
	color:#000;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	padding:8px 8px 8px 10px;
	text-decoration:none;
}  
 /* Read buttons */
 
#blog_tools li.read{width:62px; height:26px;text-transform:capitalize} 
 
 /* Less Button */

#blog_tools li.less a{background-position:0px -67px;}  
#blog_tools li.less a:hover{background-position:-64px -67px;}  
 
 /* More Button */

  
#blog_tools li.more a{background-position:0px 0px;}  
#blog_tools li.more a:hover{background-position:0px -33px;}  
 
 /* Share on Facebook Button */

#blog_tools li.sharef{width:53px; height:26px;}  
#blog_tools li.sharef a{background-position:-154px 0px;}  
#blog_tools li.sharef a:hover{background-position:-154px -33px;}  


 /* Tweet this Button */

#blog_tools li.tweet{width:56px; height:26px;}  
#blog_tools li.tweet a{background-position:-213px 0px;}  
#blog_tools li.tweet a:hover{background-position:-213px -33px;}  

/*  Page Stlyes */

#column_wrap {
	margin:10px 0 0 0;	

}

.blogContent{
	/*height:150px;
	overflow:hidden;*/
	display:none;
}

#six_head {
	height:28px;
	width:600px;
	background-image:url(../images/post_topbg.png);
	background-repeat:no-repeat;
	
}

#six_box {
	width:600px;
	background-image:url(../images/post_middlebg.png);
	background-repeat:repeat-y;
	height:auto;
	
}

#six_foot {
	height:28px;
	width:600px;
	background-image:url(../images/post_bottombg.png);
	background-repeat:no-repeat;
	
}

#six_box p {
	padding:24px 50px 20px 50px;	
}

#six_box p object {
	padding:0px;	

}

#six_box img {
	margin:0px;
	padding:0px;
	border:none;	
	width:495px;
}

#four_box img {
	margin:0px;
	padding:0px;	
}


#five_head {
	height:28px;
	width:540px;
	background-image:url(../images/post_topbg540.png);
	background-repeat:no-repeat;
	
}

#five_box {
	width:540px;
	background-image:url(../images/post_middlebg540.png);
	background-repeat:repeat-y;
	height:auto;
	
}

#five_foot {
	height:28px;
	width:540px;
	background-image:url(../images/post_bottombg540.png);
	background-repeat:no-repeat;
	
}

.last {
	margin:0 0 50px 0;	 	
}

#five_box p {
	padding:18px 50px 15px 50px;	
}

#four_head {
	height:28px;
	width:420px;
	background-image:url(../images/post_topbg420.png);
	background-repeat:no-repeat;
	
}

#four_box {
	width:420px;
	background-image:url(../images/post_middlebg420.png);
	background-repeat:repeat-y;
	height:auto;
	
}

#four_foot {
	height:28px;
	width:420px;
	background-image:url(../images/post_bottombg420.png);
	background-repeat:no-repeat;
	
}

#four_box p {
	padding:24px 50px 20px 50px;	
}

#four_box img.right {
	padding:24px 50px 20px 225px;	
}

img.suggest {
	padding:25px 50px 25px 25px;	
}

/*  Product Page Stlyes */

#gone-away{
	width:166px;
	height:167px;
	position:absolute;
	top:45px;
	margin-left:-10px;
}

#product_info_wrap {
	width:1000px;
	height:700px;
	position:relative;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
}

#mask {
	width:500%;
	height:100%;
}

.item {
	width:20%;
	height:100%;
	float:left;
}

.content {
	width:1000px;
	height:700px;
	top:0px;
	margin:0 auto;
	position:relative;
}

.selected {
	background:#fff;
	font-weight:700;
}

.clear {
	clear:both;
}

.product_left_wrap {
	width:420px;
	height:700px;
	float:left;
	position:relative;
	z-index:3;
}

.product_right_wrap {
	width:580px;
	height:700px;
	float:right;
	position:relative;
	z-index:2;
}

.product_info {
	height:300px;
	width:420px;
}

#content_1_wrap, #content_2_wrap, #content_3_wrap , #content_4_wrap {
	height:160px;
	width:450px;
	overflow:hidden;
	margin:60px 0 20px;
}

.additional {
	height:153px;
	width:450px;
	overflow:auto;
}

.product_nav {
	height:100px;
	width:540px;;
}

.product_image {
	height:540px;
	width:580px;	
}

h6.product_title {
	margin-bottom:35px;
	font-size:2.9em;
}

p.product_sub_desc_white {
	font-size:1.2em;
	padding:20px 0 0 15px;
	color:#FFF;
}

#table_top {
	background-color:#FFFFFF;
	height:380px;
	position:absolute;
	top:622px;
	width:100%;
	z-index:-10;
}

#back_next {width:340px; height:100px; margin:0 100px 0 162px; }

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

#back_next li{overflow:hidden; display:inline; float:left; width:190px; height:100px}  

#back_next li a{background:url('../images/product_nav_sprite.gif') no-repeat; width:100%; height:100%; display:block; clear:both; }  



#back_next li.back {width:145px; height:100px;}  
#back_next li.back a{background-position:0px 0px;}  
#back_next li.back a:hover{background-position:0px -100px;}  
 


#back_next li.next {width:145x; height:100px;} 
#back_next li.next a{background-position:-145px 0px;}  
#back_next li.next a:hover{background-position:-145px -100px;}  
 


/*  Additional Information Menu Styling */

#add_info {	width:460px; height:60px; margin:20px 0 20px 0; }

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

#add_info li{overflow:hidden; display:inline; float:left;}  

#add_info li a{background:url('../images/additional_info.png') no-repeat; width:100%; height:100%; display:block; clear:both; }  

 /* Serving Suggstion */

#add_info li.serving {width:115px; height:59px;}  
#add_info li.serving a{background-position:-3px 0px;}  
#add_info li.serving a:hover{background-position:-3px -59px;}  
#add_info li.serving a.active{background-position:-3px -119px;} 
 
 /* Nutritional Information */

#add_info li.nutrition {width:115px; height:59px;} 
#add_info li.nutrition a{background-position:-123px 0px;}  
#add_info li.nutrition a:hover{background-position:-123px -60px;}  
#add_info li.nutrition a.active{background-position:-123px -119px;} 
 
 /* Allergy Information */

#add_info li.allergy {width:115px; height:59px;} 
#add_info li.allergy a{background-position:-243px 0px;}  
#add_info li.allergy a:hover{background-position:-243px -60px;}  
#add_info li.allergy a.active{background-position:-243px -119px;}  

 /* Allergy Information */

#add_info li.stockist {width:115px; height:59px;} 
#add_info li.stockist a{background-position:-363px 0px;}  
#add_info li.stockist a:hover{background-position:-363px -60px;}  
#add_info li.stockist a.active{background-position:-363px -119px;}  



/*  Additional Information Styling  */

table {
	font-size:0.8em;
	border-collapse: collapse;
	width: 400px;
	font-family:Verdana, Geneva, sans-serif;
	}

th {
	text-align: left;
	}

tr.info td {
	border-bottom: 1px solid #222;
	background: #fff;
	text-align:left;
	padding:0 0 10px 5px;
	color:#000;
	font-size:1em;
	font-weight:bold;
}

td {
	border-bottom: 1px solid #CCC;
	padding:0.8em;
}

td.width {
	width: 190px;
}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
}






/*  Blog Tools */

#tools_wrap {
	width:600px;
	height:40px;	
}

#li_container {
	float:left;
	height:40px;
	width:170px;
	margin-left:10px;	
}

#ri_container {
	float:right;
	height:40px;
	width:150px;
	margin-right:12px;
}

#older_posts {
	height:80px;
	margin:35px 0 0;
	width:600px;	
}


/* Comments Styling */

#comments_wrap {
	width:600px;
	height:300px;
}

/* Left Comment Styling */

#comment_head, #comment_body, #comment_footer {
	margin-left:100px;
	width:600px;
	float:right;
}

#comment_head {
	background-image:url(../images/comment_head_bg.png);
	background-repeat:no-repeat;
	height:28px;	
	
}

#comment_body {
	background-image:url(../images/comment_body_bg.png);
	background-repeat:repeat-y;
	height:auto;
	
}

#comment_footer {
	width:600px;
	background-image:url(../images/comment_footer_bg.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:100px;
	
}

/* Right Comment Styling */

#rcomment_head, #rcomment_body, #rcomment_footer {
	margin-right:100px;
	width:600px;
	float:left;
}

#rcomment_head {
	background-image:url(../images/rcomment_head_bg.png);
	background-repeat:no-repeat;
	height:28px;	
	
}

#rcomment_body {
	background-image:url(../images/rcomment_body_bg.png);
	background-repeat:repeat-y;
	height:auto;
	
}

#rcomment_footer {
	width:600px;
	background-image:url(../images/rcomment_footer_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:100px;
	
}

#comment_body p {
	padding:15px 50px 0px 145px;
}

#rcomment_body p {
	padding:15px 145px 0px 50px;
}

#post_comment_wrap {
	margin:10px 0 40px 0;	
	float:left;
}

#comment_footer p {
	font-size:0.85em;
	padding:38px 50px 0 145px;
	font-family:Verdana, Geneva, sans-serif;
}

#rcomment_footer p {
	font-size:0.85em;
	padding:38px 145px 0 50px;
	font-family:Verdana, Geneva, sans-serif;
}

.comment_author {
	font-weight:bold;	
}


/* Post a Comment Styling */


#post_comment_form {
	float:left;	
	margin:10px 25px 20px 25px;
	width:600px;
}

.row .input_txt {
	background:#020202 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:left;
	font-family:"Trebuchet MS",Arial;
	margin-left:14px;
	padding:8px;
	width:150px;
}

.input_textarea {
	height:165px;
	margin:15px;
	width:520px;	
}

#post_comment_wrap #six_box {
	background-image:url(../images/post_middlebg.png);
	background-repeat:repeat-y;
	height:278px;
	
}

.post_comment_submit {
	background:#020202 none repeat scroll 0 0;
	border:1px solid #fff;
	color:#fff;
	float:right;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial;
	margin-right:62px;
	padding:7px 2px;
	width:100px;
	cursor:pointer;
}

.facebook_connect{
	background:#417fc2 none repeat scroll 0 0;
	background-image:url(../images/facebook_connect_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:right;
	font-family:"Trebuchet MS",Arial;
	margin-right:62px;
	padding:7px 2px;
	width:160px;
	cursor:pointer;
	
}


/* Contact Styling */

.contact_row {
	width:540px;
	height:32px;
	padding:5px 50px 5px 0px;
	font-family:"Trebuchet MS",Arial;
}

.contact_row label {
	float:left;
	text-align:right;
	width:138px;	
	padding:8px;
}

.contact_input, textarea, {
	font-family:"Trebuchet MS",Arial;
	font-size:0.9em;
}


.contact_input {
	background:#fff none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#333;
	float:left;
	margin-left:14px;
	padding:8px;
	width:295px;
}

.contact_row_textarea {
	width:540px;
	height:260px;
	padding:5px 50px 5px 0px;
	font-family:"Trebuchet MS",Arial;
}

.contact_row_textarea label {
	float:left;
	text-align:right;
	width:138px;	
	padding:8px
}

.contact_row_textarea textarea {
	background:#fff none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#333;
	margin-left:14px;
	padding:8px;
	float:left;
	width:295px;
	height:242px;
	font-family:"Trebuchet MS",Arial;
	font-size:0.95em;
}

.submit_button {
	width:130px;
	height:53px;
	float:right;
	background-image:url(../images/submit_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	border:none;
	margin:0 170px 0 0;
	background-color:transparent;
	cursor:pointer;
	
}

.contact_submit_button {
	width:540px;
	height:53px;
	padding:20px 50px 5px 0px;
}



html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0;
background-image:url(../images/fadeout.png);
background-repeat:repeat-x;
background-position:top;
}

.footer {
	background-color:#FFF;
	height: 96px;
	width:100%;

}

.footer, push{
	clear:both;
}

.push {
	height:auto;
}

#suggestioninfo {
	padding:24px 50px 20px;
	color:#F00;
}


#contactinfo {
	padding:24px 50px 20px;
	color:#F00;
}

#tandc p {
	margin:10px 12px 20px 12px;
	color:#CCC;
	font-size:0.88em;	
}

#tandc ul {
	margin:30px;
	color:#CCC;	
	font-size:0.88em;	
}

#social_box a {
	text-decoration:none;
	color:#333;	
}



#fb a:link {color:#FFF; text-decoration:none;}      
#fb a:visited {color:#FFF; text-decoration:none;}  
#fb a:hover {color:#FFF; text-decoration:none;}  
#fb a:active {color:#FFF; text-decoration:none;} 

#footer h5 {padding:20px 0 0; }

#footer { 
height:115px;
background-image:url('../images/gloriousawards.gif'); 
}

.footer {
height:115px;
}

#site_credit { margin-top:5px; }
