@import 'reset.css';

body 
{
	background: #300 url(/images/BG_Fade.jpg) no-repeat;
	color: #431254;
	font: .75em/1.4em tahoma, arial, helvetica,sans-serif;
	padding-bottom : 0px;
	position : relative;
}

strong
{
    font-weight : bold;
}

em
{
	font-style: italic;
}

a
{
    color : #ab105a;
    text-decoration : none;	
}

a:hover 
{
    text-decoration : underline;	
}

.clear
{
    clear: both;
}

h1.red
{
    margin : 15px;
}	

p
{
    margin-bottom : 15px;
}

ul.disc
{
    margin-left : 15px;
    margin-bottom : 15px;
    font-size : 1.167em;
}

ul.disc li
{
    margin-bottom : 5px;
    list-style-type : disc;
}
	
p, q, h3, div#leftNav li, div.pagination li.full, ol li
{
    font-size : 1.167em;
}

a.morewh, a.morebl
{
    font-size : 1.286em;
    color : #fff;
    display : block;
    text-align : right;
    margin-right : 0px;
    font-weight : bold;
    font-style :italic;
    margin-top : -10px;
}

a.morebl
{
    color : #000;
}
a.coupon 
{
    color: #fff;
    font-family: Times New Roman, arial, helvetica,sans-serif;
}	
/*sitewide template CSS*/

div.container 
{
    width : 980px;
    margin :0 auto;
    position: relative;
}


div.container img.logo
{
    position : absolute;
    z-index : 10;
}
	
	
div.topNav 
{
    float : right;
    width : 763px;
    background: url(/images/bg_sitenav.png) no-repeat;	
    min-height : 68px;
    margin-bottom : -20px;
    position : relative;
    z-index : 9;
    font-size : 1.334em;
}

div.formcontainer 
{
    float : right;
    display : block;
    margin-top : 10px;
    margin-right : 10px;
    padding : 0px;
}

div.topNav div.formcontainer
{
    margin-right : 0px;
    position : absolute;
    top : 5px;
    right : 5px;
}

div.topNav .searchsite input
{
    border : solid 1px #fff;
    width : 87px;
    margin-right : 5px;
}

div.formcontainer input.search
{
    border : none;
    width : 80px;
}
	
div.formcontainer input.submit
{
    width : 30px;
    border : none;
    background : none;
    font-size : 1em;
    color : #fff !important;
}

div.topNav
{
    position: relative;
}

div.topNav div.formcontainer label 
{
    visibility : hidden;
    position : absolute;
}
	
div.topNav ul
{
    float : left;
    width : 572px;
    margin-left : 18px;
}	

div.topNav ul li
{
    display : inline;
}

div.topNav ul li a
{
    padding : 10px 13px 15px 14px;
    color : #fff;
    display : block;
    float : left;
    font-weight : bold;
}
	
div.topNav ul li a.last
{
    padding : 10px 0px 15px 14px;
}
	
div.topNav ul li a.double
{
    padding : 10px 13px 15px 14px;
    line-height : 1.2em;
    text-align : center;
}
	
div.signup
{
    position: absolute;
    top: 60px;
    right: 0;
    background: url(/images/bg_login.png) top right repeat-x;	
    clear :  both;
    z-index : 9;
    width: 150px;
}

div.loggedin
{
    width: 365px;
}

div.signup ul, div.loggedin ul
{
    margin: 0;
    padding: 0;
    display: block;
    width: 150px;
}

div.loggedin ul
{
    width: 365px;
}
	
div.signup ul li
{
    display : inline;
}
	
div.signup ul li a
{
    padding : 5px 15px 5px 15px;
    color : #fff;
    display : block;
    float : right;
    font-weight : bold;
    font-size: 0.8em;
}


div.notepad
{
    background: url(/images/t_top.gif) bottom right repeat-y;
    position : relative;
    z-index : 2;
    min-height :900px;
    width : 980px;
    padding-bottom : 20px;
}

.withNav div.notepad
{
    min-height :1300px;
}

div.notepadbottom
{
    height : 118px;
    background: url(/images/t_bottom.gif) bottom right no-repeat;
    position : relative;
    margin-top : 0px;
    width : 982px;
}


div.footer 
{
    clear: both;
    background-color : #fff;
    width : 620px;
    margin :0 auto;
    font-size : 0.9em;
}

div.footer ul
{
    padding : 5px;
    margin-left : 10px;	
}

div.footer ul li
{
    display : inline;	
}
	
div.footer ul li a
{
    padding : 2px 8px 5px 2px;
    color : #441354;
}

/*sitewide template CSS ends*/

/*Homepage styles*/

div.intro 
{
    background: url(/images/bg_home_block_left.png) bottom left no-repeat;
    height : 600px;
    width : 215px;
    position : absolute;
    padding: 20px;
    z-index :11;
    margin-top : 220px;
    color :#fff;
}

div.intro p, div.intro h1 
{
    margin-top : 15px;
    color : #fff;
    width : 200px;
}
/* ----------------------------------------- */

div.karahi-label
{
    background: transparent url(/images/bg_label_karahi.png) 80px 0 no-repeat;
    height : 325px;
    width : 685px;
    float : right;
    position : relative;
    margin-right : 79px;
    padding-top : 45px;
    padding-left : 50px;
    z-index :8;
}

div.karahi-label-sticker {
    position: absolute;
    bottom: 40px;
    width: 145px;
    height: 94px;
}

#sticker-info {  right: 230px; }

#sticker-form { right: 68px; }
#sticker-info p { padding-right: 5px; }


#karahi-lids {
    width: 349px;
    height: 1022px;
    background: transparent url(/images/bg_karahi_lids2.png) 0 0 no-repeat;
    position: absolute;
    right: 100px;
    top: 360px;
}

#karahi-form {
    background:url("/images/bg_karahi_form.png") no-repeat scroll 0 0 transparent;
    width: 294px;
    height: 930px;
    position: absolute;
    top: 330px;
    left: 160px;
    padding: 60px 25px 10px 25px;
}

#karahi-form div.form-row {
    margin-bottom: 5px;
}

#karahi-form div.form-label {
    float: left;
    text-align: right;
    width: 110px;
    padding-right: 5px;
}

#karahi-form div.form-element {
    float: left;
    width: 170px;
}
#karahi-form div.form-element input { width: 170px; }

#karahi-form ul {
    list-style-type: disc;
    font-size: 12px;
    font-weight: bold;
    margin-left: 18px;
}

#karahi-form p { 
    font-size: 11px; 
    vertical-align: middle;
    margin-bottom: 5px;
    padding: 0;
}

#karahi-form p.check input { vertical-align: middle; }

#karahi-form-intro {
    font-size: 12px !important;
    font-weight: bold;
    padding-right: 10px;
}
span.mandatory { color: #cb2047; }

#karahi-form #ctl00_ContentPlaceHolder1_btnSubmit {
    top: 0 !important;
    padding: 0 0 0 45px;
}

#karahi-landing {
    background: transparent url(/images/bg_karahi_landing.png) no-repeat top left;
    width: 798px;
    height: 880px;
    position: absolute;
    top: 190px;
    left: -150px;
}

#karahi-landing-text {
    width: 540px;
    height: 300px;
    position: absolute;
    top: 190px;
    left: 95px;
}

#karahi-landing-text p { width: auto !important; }

#karahi-history {
    background: transparent url(/images/bg_karahi_history.png) no-repeat top right;
    width: 720px;
    height: 730px;
    position: absolute;
    top: 370px;
    left: -76px;
}

#karahi-claim {
    background: transparent url(/images/bg_karahi_claim.png) no-repeat top right;
    width: 760px;
    height: 790px;
    position: absolute;
    top: 380px;
    left: -106px;
}


#karahi-claim-text {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 322px;
    height: 146px;
}

#karahi-claim-text p {
    color: #fff;
    line-height: 24px;
    width: auto !important;
}

#karahi-claim-lids {
    position: absolute;
    top: 80px;
    left: 440px;
    width: 251px;
    height: 280px;
}

#karahi-claim-lids p { width: auto !important; }

#karahi-claim-bookmarks {
    position: absolute;
    top: 830px;
    left: 40px;
}

#karahi-claim-title {
    position: absolute;
    top: 0px;
    left: 20px;
}

#karahi-carousel-blanker {
    position: absolute;
    bottom: -36px;
    left: 0;
    z-index: 10;
    background-color: transparent;
}

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

#karahi-order-form {
    position: absolute;
    top: 960px;
    left: 26px;
    z-index: 10;
}

#karahi-the-karahi {
    position: absolute;
    top: 380px;
    right: 95px;
    z-index: 10;
}
#karahi-how-to-claim {
    position: absolute;
    top: 380px;
    right: 95px;
     z-index: 10;
}
#karahi-history-of {
    position: absolute;
    top: 550px;
    right: 95px;
     z-index: 10;
}
#karahi-video-link {
    position: absolute;
    top: 380px;
    left: -90px;
}

#karahi-so-simple {
    position: absolute;
    top: 438px;
    right: 130px;
    width: 352px;
}
#karahi-so-simple p { width: auto !important; }

#karahi-enjoyment {
    position: absolute;
    width: 322px;
    top: 675px;
    left: -75px;
}
#karahi-enjoyment p { width: auto !important; }

#karahi-zoom {
    position: absolute;
    top: 630px;
    right: 120px;
    width: 360px;
    height: 263px;
    background: transparent url(/images/bg_karahi_zoom.png) top left no-repeat;  
}

#karahi-zoom-image {
    background-color: Red;
    width: 304px;
    height: 204px;
    position: absolute;
    top: 27px;
    left: 30px;
}

#karahi-zoom-text {
background: transparent url(/images/btn_karahi_zoom.png) -42px 0 no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
position: absolute;
width: 44px;
height: 21px;
top: 40px;
right: 65px;
}

#karahi-care {
    position: absolute;
    top: 920px;
    right: 100px;
    height: 364px;
    width: 254px;
    padding: 65px 48px 0 40px;
    background: transparent url(/images/bg_heart_note.png) top left no-repeat;  
}
#karahi-care p {
    width: auto !important;
}
#karahi-carousel {
    position: absolute;
    top: 1130px;
    left: -60px;
    width: 360px;
    height: 298px;
    background: transparent url(/images/bg_karahi_carousel.png) top left no-repeat;  
    z-index: 10;
}
#karahi-carousel-title {
    position: absolute;
    top: 1070px;
    left: -80px;
    width: 273px;
    height: 83px;
    z-index: 20;
}



/* ----------------------------------------- */
div.thisweek
{
    background: url(/images/bg_homeblock01.png) top left no-repeat;
    height : 316px;
    width : 685px;
    float : right;
    position : relative;
    margin-right : 79px;
    padding-top : 45px;
    padding-left : 50px;
    z-index :8;
}

div.thisweek h1 
{
    margin-left : 40px;
    margin-top : -25px;
    margin-bottom : -5px;
    color : #fff;
}
	
div.thisweek img 
{
    margin-right : 15px;
    color : #fff;
}
		
div.thisweek p 
{
    margin-top : 15px;
    padding-right : 15px;
    color : #fff;
}
	
div.thisweek h2 
{
    margin-top : 0px;
    color : #fff;
    font-weight : bold;
    font-style :italic;
    font-size : 2em;
    line-height : 1em;
}
	
div.thisweek a 
{
    color : #fff;
}

div.featured
{
    background: url(/images/bg_homeblock02.png) top left no-repeat;
    height : 236px;
    width : 389px;
    float : left;
    position : relative;
    margin-top : -55px;
    left : 244px;
    padding-top : 20px;
    z-index :9;
}

div.featured p, div.featured h2 
{
    margin-left : 160px;
    color : #fff;
    width : 190px;
    margin-bottom : 0px;
    position : relative;
    left : 5px;
}
	
div.featured p a 
{
    margin-top : 10px;
    margin-right : 15px;
}

div.bestloved
{
    background: #971e34;
    height : 270px;
    width : 403px;
    float : right;
    position : relative;
    margin-top : -65px;
    margin-right : 20px;
    padding-top : 10px;
    z-index :7;
}

div.bestloved div.imagecol, div.bestloved h2
{
    margin-left : 90px;
    margin-top : 5px;
    color : #fff;
    width : 302px;
}
	
div.bestloved a 
{
    color : #fff;
}
	
div.bestloved p 
{
    color : #fff;
    padding-right : 10px;
}

div.imagecol img, div.items div img
{
    float : left;
    clear : both;
}

div.home div.currylover p, div.home div.currylover h2 
{
    margin-left : 160px;
    margin-top : 5px;
    color : #000;
    width : 220px;
}
	
div.home div.currylover a 
{
    margin-top : -15px;
}

/*#pataks-sampling
{
    height : 201px;
    width : 425px;
    float : left;
    position : absolute;
    margin-top : -15px;
    left : 235px;
    top: 470px;
    padding-top : 150px;
    z-index :8;
}

div.home div.currylover, div.home div.curryloverLoggedin01, div.home div.curryloverLoggedin02,
div.home div.curryloverLoggedin03, div.home div.curryloverLoggedin04
{
    background: url(/images/bg_homeblock04.png) top left no-repeat;
    height : 201px;
    width : 425px;
    float : left;
    position : relative;
    margin-top : -15px;
    left : 600px;
    top: 280px;
    padding-top : 150px;
    z-index :8;
}
*/
		
div.home div.currylover, div.home div.curryloverLoggedin01, div.home div.curryloverLoggedin02,
div.home div.curryloverLoggedin03, div.home div.curryloverLoggedin04
{
    background: url(/images/bg_homeblock04.png) top left no-repeat;
    height : 201px;
    width : 425px;
    float : left;
    position : relative;
    margin-top : -15px;
    left : 235px;
    padding-top : 150px;
    z-index :8;
}
	
div.home div.currylover h2, div.home div.curryloverLoggedin01 h2, div.home div.curryloverLoggedin02 h2,
div.home div.curryloverLoggedin03 h2, div.home div.curryloverLoggedin04 h2
{
    visibility : hidden;	
}

div.home div.curryloverLoggedin01
{
    background: url(/images/bg_curryloverLoggedin01.png) top left no-repeat;
}

div.home div.curryloverLoggedin02
{
    background: url(/images/bg_curryloverLoggedin02.png) top left no-repeat;
}

div.home div.curryloverLoggedin03
{
    background: url(/images/bg_curryloverLoggedin03.png) top left no-repeat;
}

div.home div.curryloverLoggedin04
{
    background: url(/images/bg_curryloverLoggedin04.png) top left no-repeat;
}

div.patakstory
{
    /*background: url(/images/bg_homeblock05.png) top left no-repeat;*/
    background: url(/images/bg_homeblock_coupon.png) top left no-repeat;
    height : 260px;
    width : 372px;
    float : right;
    position : relative;
    margin-top : -15px;
    padding-top : 130px;
    z-index :9;
}
#patakstory-link 
{
    position: absolute;
    top: 30px;
    left: 25px;
    width: 310px;
    height: 100px;
    z-index: 100;
}
    
div.patakstory h2, div.patakstory h3
{
    margin-left : 50px;
    margin-top : 51px;
    color : #000;
    width : 265px;
}

#coupon-link 
{
    position: absolute;
    width : 265px;
    bottom: 125px;
    left: 50px;
    z-index: 999;
}	
div.patakstory h2 
{
    visibility : hidden;	
}

div.social 
{
    float : right;
    background: url(/images/bg_social.png) top left no-repeat;
    height : 130px;
    width : 320px;
    position : relative;
    padding-top : 75px;
    margin-top : -35px;
    left: 90px;
}

div.social h2 
{
    visibility : hidden;	
}
	
div.social ul 
{
    padding : 5px;
    margin-left : 15px;	
}

div.social ul li
{
    display : inline;	
    padding : 2px;
}
	
/*social sub pages

div.social 
{
    float : right;
    background: url(/images/bg_social.png) top left no-repeat;
    height : 130px;
    width : 275px;
    position : relative;
    padding-top : 75px;
    margin-top : -35px;
}

div.social h2 
{
    visibility : hidden;	
}
	
div.social ul 
{
    padding : 0px;
    margin-left : 10px;	
}

div.social ul li
{
    display : inline;	
    padding : 1px;
}
*/
	
/*Homepage styles ends*/


/* mouseover state 
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
{
	background-position:0px -18px;		
}*/

/* disabled navigational button */
a.disabled
{
	visibility:hidden !important;		
}

/*Scroll*/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/

div.flowcontainer
{
    height:220px;
    margin-left:40px;
    position:relative;
    width:590px;
}

div.flowpanes 
{
	overflow: hidden;
	clear: both;
	position: absolute;
    top: 0;
    left: 44px;
    width: 480px;
    height: 200px;
    margin: 0;
}

div.flowpanes h2 
{
    margin-top :0px;
    padding-top :0px;
    font-size: 1.6em;
}

div.flowpanes p
{
    font-size: 0.9em;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/

div.flowpanes div
{	
	display:block;
	width:480px;
	cursor:pointer;
	font-size:14px;
}

/* single scrollable item */
div.flowpanes div.items
{
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

div.flowpanes div.items div
{
	float:left;
}

/* prev, next buttons */
a.prev
{
    
	display:block;
	width:44px;
	height:81px;
	cursor:pointer;
	font-size:1px;
	position: absolute;
	top: 60px;
	left: 0;	
	background:url(/images/previous.png) no-repeat;
	z-index: 30;
}

a.next
{
	display:block;
	width:44px;
	height:81px;
	cursor:pointer;
	font-size:1px;
    position: absolute;
    top: 60px;
    left: 524px;
	background:url(/images/next.png) no-repeat;
	z-index: 30;
}

#karahi-carousel div.flowcontainer
{
    height:220px;
    margin: 15px 0 0 15px;
    position:relative;
    width:304px;
}
#karahi-carousel div.flowpanes {
    left: 0;
    width: 310px;
    height: 254px;
}
#karahi-carousel a.prev {
    height: 58px;
    top: 204px;
}

#karahi-carousel a.next {
    height: 58px;
    left: 262px;
    top: 204px;
}


/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi
{
    position: relative;
    top: -140px;
    left: 190px;
	width:200px;
	height:20px;
	z-index: 100;
}

/* items inside navigator */
div.navi a
{
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover 
{
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active
{
	background-position:0 -16px;     
}

/*End Scroll*/
/*leftNav*/
div#leftNav 
{
    background: url(/images/bg_leftnav.png) 0px 130px repeat-y;
    width : 205px;
    position : absolute;
    padding: 20px 20px 20px 15px;
    z-index :11;
    margin-top : 230px;
    color :#fff;
    margin-left : 3px;
}

div.leftNavTop 
{
    background: url(/images/bg_leftnavtop.png) top left no-repeat;
    width : 205px;
    position : relative;
    padding: 20px 20px 20px 15px;
    margin-left : -15px;
    top : -32px;
}

div.leftNavBottom 
{
    background: url(/images/bg_leftnavbottom.png) top left no-repeat;
    height : 258px;
    width : 230px;
    position : absolute;
    z-index :11;
    margin-left : -15px;
    margin-top : 20px;
}

/*div.leftNavTop div.formcontainer
{
    float : left;
    display : block;
    margin-top : 10px;
    margin-right : 0px;
    padding : 0px;
}*/
	
div.leftNavTop div.formcontainer input.search 
{
    position : relative;
    margin-top : 5px;
    width : 160px;
}

div.leftNavTop fieldset select, div.contact fieldset select
{
    color : #fff;
    border : none;
    background-color : #461454;
    width : 190px;
    font-weight : bold;
}

div.leftNavTop fieldset.generalform input.search
{
    border : none;
    background-color : #fff;
    width : 190px;
    font-weight : bold;
}

div.leftNavTop fieldset.generalform span, div.leftNavTop fieldset.generalform label
{
    font-size : 1.167em;
    font-weight : bold;
    padding-top : 5px;
    padding-bottom : 5px;
    display : block;
}

div#leftNav a
{
    color : #fff;
}

div#leftNav p.first
{
    margin-top : -20px;
    padding-bottom : 20px;
}

div#leftNav div.clear
{
    margin-bottom : -40px
}

div#leftNav ul
{
    width : 175px;
}

div#leftNav .formcontainer
{
    margin-top : 20px;
    margin-bottom  : 20px;
}

div#leftNav strong 
{
    display : block;
    background: #461454;
    padding : 3px 3px 3px 20px;
    width : 170px;
    margin-top : -15px;
    position : relative;
    color : #fff;
}

div#leftNav li strong 
{
    background: #461454 url(/images/im_arrow_down.gif) 5px 8px no-repeat;
}

div#leftNav .submitbutton 
{
    margin-top : 0px;
    float : right;
    position : relative;
}

div#leftNav li a
{
    display : block;
    padding : 4px 3px 4px 20px;
    font-size : 0.857em;
}

div#leftNav li.selected a
{
    display : block;
    background: url(/images/bg_leftnav_selected.png) top right no-repeat;
}

/*End leftNav*/
/*Main content Area*/
div#content
{
    position : relative;
    margin-left : 250px;
    padding-top : 60px;
}

div.recipeblock01, div.productblock01
{
    background: url(/images/bg_recipe_heart.png) 5px 8px no-repeat;
    width : 650px;
    height : 250px;
    padding-top : 40px
}

div.recipeblock01
{
    padding-top : 60px
}

img.sig
{
    margin-left : 20px;
}

div.recipeblock01 img.sig, div.productblock01 img.sig 
{
    margin-left : 200px;
    position : relative;
    top : -10px;
}

div.recipeblock01 q, div.productblock01 q
{
    display : block;
    width : 320px;
    padding-left : 35px;
    font-weight : bold;
}

q .quoteOpen
{
    position : relative;
    margin-right : 5px;
}

q .quoteClosed 
{
    margin-left : 5px;
    position : absolute;
}

div.bestlovedfull
{
    background: url(/images/bg_bestlovedfull.png) top left no-repeat;
    height : 340px;
    width : 670px;
    float : right;
    position : relative;
    margin-right : 55px;
    padding-top : 20px;
    padding-left : 40px;
    margin-top : -60px;
    z-index :7;
    color : #fff;
}

div.bestlovedfull  ul, div.bestloved  ul 
{
    padding : 5px;
    margin-left : 15px;	
}
	
div.bestloved  ul 
{
    padding : 5px;
    margin-left : 70px;
}

div.bestlovedfull ul li, div.bestloved ul li
{
    float : left;
    width : 140px;
    padding : 2px;
}
	
div.bestloved  ul li
{
    margin-right : 10px;
}

div.bestlovedfull ul li a, div.bestloved ul li a
{
    color: #fff;
}
	
div.bestlovedfull ul li h3, div.bestloved ul li h3
{
    height : 50px;
}

/*End Main Content Area*/
/*Start Login page*/
div.curryLover
{
    background: url(/images/bg_repeatTiledChalk.png) 0px 130px repeat-y;
    width : 391px;
    padding: 20px;
    color :#fff;
    margin-right : 60px;
    float : right;
    position: relative;
}

#currylover-link 
{
    position: absolute;
    top: 20px;
    left: 110px;
    width: 260px;
    height: 150px;
    z-index: 100;
}

div.curryLoverTop 
{
    background: url(/images/bg_topTiledChalk.png) top left no-repeat;
    width : 391px;
    position : relative;
    padding: 20px 20px 0px 20px;
    margin-top : -50px;
    margin-left : -20px;
    top : -10px;
    min-height : 600px;
}

div.curryLoverTop p.once
{
    margin-bottom : 70px;
    width : 340px;
    color : #fff;
}

div.curryLoverTop h1
{
    background: url(/images/hd_how_much.png) 50px top no-repeat;
    padding-bottom: 120px;
    text-indent : -9999px;
    margin-top : -70px;
}

div.curryLoverBottom 
{
    background: url(/images/bg_bottomTiledChalk.png) top left no-repeat;
    height : 40px;
    width : 391px;
    position : absolute;
    z-index :11;
    margin-top : 10px;
    margin-left : -20px;
}

div.historysubmit
{
    background: url(/images/curryLoverSubmit.png) top left no-repeat;
    height : 58px;
    width : 391px;
    padding: 30px 30px 0px 20px;
    margin-top : 30px;
    color :#461454;
    margin-right : 60px;
    float : right;
    /*font-size : 1.334em;*/
    display: inline-block;
}

div.curryLoverSubmit
{
    background: url(/images/curryLoverSubmit.png) top left no-repeat;
    height : 58px;
    width : 391px;
    padding: 10px 0 20px 20px;
    margin: 20px 60px 0 0;
    color :#461454;
    float : right;
    /*font-size : 1.334em;*/
    display: block;
}

div.historysubmit 
{
    margin-top : 60px;
}

div.curryLoverSubmit span
{
    margin-right : 40px;
    position :relative;
    top : -20px;
}

div.curryLover fieldset.slidelist01, div.curryLover fieldset.slidelist02,
div.curryLover fieldset.slidelist03, div.curryLover fieldset.slidelist04,
div.curryLover fieldset.slidelist05
{
    width : 360px;
    padding-top : 60px;
    padding-left : 20px;
    clear : both;
    margin-top : 0px;
}

div.curryLover fieldset.slidelist01
{
    background : url(/images/drag_background.png) 0px 0px no-repeat;
}

div.curryLover fieldset.slidelist02
{
    background : url(/images/drag_background02.png) 0px 0px no-repeat;
}

div.curryLover fieldset.slidelist03
{
    background : url(/images/drag_background02.png) 0px 0px no-repeat;
}

div.curryLover fieldset.slidelist04
{
    background : url(/images/drag_background03.png) 0px 0px no-repeat;
}

div.curryLover fieldset.slidelist05
{
    padding-top : 0px
}

div.curryLover fieldset div
{
    position : relative;
    top : -60px;
    font-size : 1.334em;
}

div.curryLover fieldset.slidelist01 label, div.curryLover fieldset.slidelist02 label,
div.curryLover fieldset.slidelist03 label, div.curryLover fieldset.slidelist04 label,
div.curryLover fieldset.slidelist05 label
{
    color : #000;
    background : #fff;
    padding : 10px 14px 10px 14px;
    margin-left : -20px;
    position : relative;
    top : -25px;
}

div.curryLover fieldset.slidelist05 label
{
    color : #000;
    background : #fff;
    padding : 10px 14px 10px 14px;
    margin-left : -20px;
    position : relative;
    top : 35px;
}

div.curryLover .slidelist05 textarea
{
    width : 300px;
    height : 80px;
    border  : 0px;
    margin-right : 15px;
    margin-left : -20px;
    margin-top : -5px;
}

div.curryLover fieldset.generalform
{
    margin-top : 20px;
    margin-left : -30px;
    width : 300px;
}

div.curryLover fieldset.generalform label
{
    color : #fff;
}

div.curryLover fieldset.generalform select
{
    color : #fff;
    border : none;
    background-color : #461454;
    width : 190px;
    font-weight : bold;
}

div.contact div.signupDetails, div.signupDetails, div.editDetails, div.loginBox
{
    background: url(/images/bg_loginbox.png) top left no-repeat;
    height : 476px;
    width : 346px;
    float : left;
    position : relative;
    margin-top : 65px;
    margin-left : -115px;
    padding-top : 45px;
    padding-left : 8px;
    z-index : 10;
}

div.signupDetails
{
    margin-top : 25px;
}

div.editDetails
{
    margin-left : 80px;
}

div.editDetails .submitbutton
{
    margin-left : 80px;
}

div.loginBox
{
    margin-left : 80px;
    padding-left : 20px;
}

div.loginBox p 
{
    width : 320px !important;
    margin-left : 0px !important
}

div.loginBox p.forgot 
{
    margin-top : 20px;
}

fieldset.generalform p
{
    clear : both;
    display: inline-block; 
    width: 325px;
    margin-bottom : 7px;
    text-align : right;
}

fieldset.generalform p.checkbox
{
    margin-bottom: 2px;
}

fieldset.generalform p label
{
    float : left;
    border  : 0px;
    margin-left : 8px;
    display : block;
    font-weight : bold;
    color :#461454;
    width : 126px;
}

fieldset.generalform p input, fieldset.generalform p textarea, div.signupDetails fieldset.generalform p select, div.editDetails fieldset.generalform p select
{
    float : left;
    width : 155px;
    border  : 0px;
    margin-left : 8px;
    margin-right : 5px;
}

fieldset.generalform p.checkbox
{
    width : 300px;
}

fieldset.generalform p.checkbox input
{
    width : 20px;
    margin-left : 20px;
}

fieldset.generalform p.checkbox label, fieldset.generalform p.checkbox span
{
    float : right;
    width : 240px;
    text-align : left;
    font-weight : normal;
    font-size : 0.7859em;
}

fieldset.generalform p.checkbox span 
{
    display : block;
    position : relative;
    left : -24px;
}

#ctl00_ContentPlaceHolder1_btnSubmit 
{
    position : relative;
    top : 20px;
}

div.signupDetails span 
{
    color : #cb2047;
}

p.signupIntro 
{
    width : 220px;
}
 
div.signupDetails p.checkbox input
{
    float : right;
    width : 20px;
    margin-right : 0px
}

/*End Login page*/

/* Interaction states
----------------------------------*/

/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{
    background: url(/images/drag_heart.png) top left;
}

.ui-slider
{
    margin-top : 30px;
    width : 280px;
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle
{
    top: 15px;
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range
{
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

/*Recipe / Products section including search, results and description */

div.results h1 
{
    margin : 20px 20px 40px 20px;
}

div.results h2 
{
    margin-left : 200px;
}

div.results p.searchResults 
{
    width : 500px;
}

div.results h3, div.resultblock h3 
{
    margin-top : 10px;
    color : #000;
    font-weight : bold;
    font-style : italic;
}

div.resultblock, div.results table 
{
    float : left;
    width : 150px;
    min-height : 170px;
    margin-right : 8px;
    position: relative;
}

div.resultblock h3 
{
    padding-right : 20px;
}

div.resultblock h3.spaced 
{
    min-height : 70px;
}

div.results div.resultcontainer 
{
    clear : both;
}

a.back, div.pagination a.previousPage, div.pagination a.nextPage,
a.print, a.send, a.button, a.buttonRight
{
    color : #fff;
    margin-top : 5px;
    background : #411254 url(/images/bt_show_recipe.gif) no-repeat;
    padding-left : 38px;
    padding-top : 5px;
    padding-right : 5px;
    height : 22px;
    display : block;
    font-style: italic;
    font-size : 1.167em;
    width : 90px;
}

div.resultblock input 
{
    display : none;
}

a.button, .productDescription a.back 
{
    width : 120px;
}

div.general a.button, a.buttonRight 
{
    float : right;
    margin-right : 80px;
    margin-top : -15px;
}

a.buttonRight 
{
    float : right;
    margin-right : 80px;
    position : relative;
    top : -35px;
}

a.buttonRight 
{
    float : right;
    width : 110px;
    margin-right : 80px;
    margin-top : -40px;
}

div.pagination a.previousPage 
{
    margin-top : 0px;
    margin-right : 60px;
    background : #ba115d url(/images/bt_previous.gif) no-repeat;
    padding-top : 3px;
    height : 20px;
}

div.pagination li.linkDisabled 
{
    width : 150px;
    display : block !important;
    border : solid 1px #fff;
}

div.pagination li.linkDisabled a 
{
    display : none;
}

div.pagination a.nextPage 
{
    margin-top : 0px;
    margin-left : 60px;
    background : #ba115d url(/images/bt_next.gif) no-repeat;
    padding-right : 0px !important;
    padding-top : 3px;
    height : 20px;
}

a.print, a.send 
{
    margin-top : 0px;
    margin-right : 60px;
    background : url(/images/bt_util.png) no-repeat;
    padding-top : 3px;
    height : 20px;
    width : 190px;
}

div.pagination li.full
{
    width : 180px;
    text-align : center;
    padding-top : 3px;
}

div.pagination a
{
    color : #451454;
}

img.thumb
{
    border : solid 4px #fff;
}

img.sticky1, img.sticky2, img.sticky3, img.sticky4
{
    position : absolute !important;
    z-index : 10;
}

img.sticky1
{
    margin-top : -20px;
    margin-left : -10px;
}

img.sticky2
{
    margin-top : -10px;
    margin-left : -20px;
}

img.sticky3
{
    margin-top : -20px !important;
    margin-left : -10px;
}

img.sticky4
{
    margin-top : 70px;
    margin-left : -10px;
}

div.recipeDesc 
{
    padding-left :15px;
    width: 720px;
}

div.recipeDesc a.back 
{
    margin-top :20px;
    width : 120px;
}

.recipeDesc div.ifyoulike div.suggestions a
{
    color : #fff;
    display : block;
    margin-top : 0px;
    margin-bottom : 5px;
}

div.recipeDesc div.columns 
{
    margin-top : 20px;
    width : 400px !important; 
    min-height : 200px
}

div.recipeDesc div.columns div.left 
{
    width : 48%;
    float : left;
    background : url(/images/divider-vertical.gif) right top repeat-y;
    padding-right :10px;
    margin-right :10px;
}

div.recipeDesc div.columns div.right 
{
    width : 45%;
    float : right;
    font-style: italic;
    font-weight : bold;
    line-height : 1.6em;
}

div.recipeDesc div.columns02 
{
    margin : 20px 10px 0px 15px;
    width : 670px !important;
    display: inline-block; 
}

div.recipeDesc div.columns02 div.left 
{
    width :205px;
    float : left;
    padding-right :10px;
    margin-right :10px;
}

div.recipeDesc div.columns02 div.right 
{
    width : 420px;
    float : left;
}

div.columns03 
{
    width : 100%;
    display: inline-block; 
}

div.columns03 div.left 
{
    width :50%;
    float : left;
}

div.columns03 div.right 
{
    width : 49%;
    float : left;
}

div.recipeIntro
{
    float: left;
    margin: 0 10px 20px 0;
    width: 56%;
}

div.recipeDetail 
{
    background: url(/images/bg_recipeDetail.png) 0px 0px repeat-y;
    width : 709px;
    padding-bottom : 20px;
    padding-top : 1px;
    display: block;
}

div.recipeDetail h1
{
    background: url(/images/hd_thisrecipe.gif) no-repeat;
    width : 100px;
    padding-bottom : 50px;
    text-indent : -9999px;
    margin : 15px;
}

div.recipeDetail p.productTitle
{
    position : absolute;
    margin-top : -70px;
    margin-left : 315px;
    width : 120px;
}

div.recipeDetail div.productContainer
{
    background: url(/images/bg_productContainer-mid.png) no-repeat;
    padding : 12px 15px 10px 25px;
    position : absolute;
    margin-top : -140px;
    margin-left : 140px;
}

div.productContainerSmall 
{
    background: url(/images/bg_productContainer-small.png) no-repeat;
    width : 106px;
    height : 114px;
    text-align : center;
}

div.productContainerSmall img
{
    position : relative;
    margin-top : 5px;
}

div.productContainerLarge
{
    background: url(/images/bg_productContainer-Large.png) no-repeat;
    padding : 10px 8px 8px 15px;
    float : left;
    clear : left;
    margin-left : 230px;
    text-align : center;
}

div.home div.productContainerLarge 
{
    background: url(/images/bg_productContainer-Large.png) no-repeat;
    padding : 10px 8px 8px 15px;
    float : left;
    clear : left;
    margin-left : -20px;
    text-align : center;
}

div.recipeDetail ol
{
    list-style-type : decimal;
    margin-left : 20px;
}

div.recipeDetail ul
{
    list-style-type : disc;
    margin-left : 20px;
}

div.recipeDetail ol li, div.recipeDetail ul li
{
    margin-bottom : 8px;
}

div.lom
{
    background: url(/images/bg_lom.png) no-repeat;
    width : 180px;
    height : 96px;
    position : absolute;
    margin-top : -135px;
    margin-left : 440px;
    padding-top : 80px;
    padding-left : 55px;
}

div.recipeDetailBottom 
{
    background: url(/images/bg_recipeDetailBottom.png) no-repeat;
    width : 709px;
    height : 10px;
}

div.ifyoulike
{
    background: url(/images/bg_ifyoulike.png) no-repeat;
    width : 260px;
    height : 500px;
    padding: 120px 20px 20px 20px;
    color :#fff;
    float : right;
    margin: 60px 0 20px 0;
    /*margin-left : 400px;*/
}

div.ifyoulike h1 
{
    display: none;
}

div.ifyoulike div.suggestions img
{
    float : left;
    margin-right : 10px;
}

div.ifyoulike div.suggestions
{
    clear  :both;
    margin-bottom : 10px;
}

div.ifyoulike h3
{
    width: 270px;
}

div.ifyoulike ul.linklist li
{
    clear  :both;
    padding : 5px;
    background : url(/images/divider-horizontal.gif) repeat-x;
}

div.ifyoulike ul.linklist li.empty
{
    font-size : 1.167em;
    font-style : italic;
}

div.ifyoulike div.social
{
    float : none;
    background: url(/images/bg_social02.png) top left no-repeat;
    height : 60px;
    width : 270px;
    /*position : relative;*/
    padding-top : 20px;
    margin-top : 0px;
}

div.pagination 
{
    background :#fff;
    margin-bottom : 30px;
    margin-top : 10px;
    width : 600px;
    padding : 4px;
}

div.pagination ul
{
    display : inline;
}

div.pagination ul li
{
    float : left
}

div.pagination ul li.right
{
    float : right
}

div.comments
{
    width : 937px;
    margin-top : 25px;
    margin : 0 auto;
    padding-top : 20px;
    background: url(/images/bg_commentstop.png) top left no-repeat;
}

div.commentstop
{
    background: url(/images/bg_commentrepeat.png) left 50px repeat-y;
    position : relative;
    padding-left : 130px;
    padding-bottom : 25px;
}

div.commentsBottom
{
    background: url(/images/bg_commentsBottom.png) 30px 0px no-repeat;
    position : relative;
    margin : 0 auto;
    padding-left : 130px;
    padding-bottom : 25px;
    height : 80px;
}

div.commentstop div.post
{
    color : #411254;
    width : 680px;
    clear  :both;
    padding : 5px 5px 15px 5px;
    background : url(/images/divider-horizontal.gif) left bottom repeat-x;
}

div.commentstop div.post div.comment
{
    width : 500px !important;
}

div.commentstop div.post img, div.commentstop div.post div.comment
{
    float : left;
    padding-right :10px;
}

div.comments h2
{
    margin-bottom : 0px;
}

div.comments textarea
{
    width : 500px;
    height : 45px;
    border  : solid 1px #411254;
}

ul.productlist
{
    margin-top : 20px;
    display : inline-block
}

ul.productlist li
{
    display : inline
}

ul.productlist li a
{
    float : left
}

/*div.productDescription
{
    margin-top : -30px;
    padding-top : -30px;
}*/

div.productblock02
{
    background: url(/images/bg_productDescription.png) top left no-repeat;
    width : 841px;
    height : 378px;
    padding-top : 50px;
    padding-left : 50px;
    margin-left : -105px;
    position : relative;
    z-index : 5;
}

div.productblock02 h1 span, div.congratulations h1 span
{
    margin-left : 80px;
    display : block;
    float : left;
    width : 400px;
    margin-top : -15px;
}

div.productblock02 .productContent
{
    width : 230px;
    color : #fff;
    position : absolute;
    margin-top : 68px;
    margin-left : -10px;
    height : 184px;
    font-size: 0.9em;
}

div.nutritional
{
    width : 270px;
    padding: 0px;
    margin-right : 60px;
    height : 280px;
    margin-top : -45px;
    float : right;
    /*margin-top : -100px;*/
    position : relative;
    z-index :10;
}

div.nutritional img
{
    position : relative;
    right : -25px;
}

div.nutritional div.gda 
{
    margin: -38px 0 0 11px;
    position : relative;
    z-index : 15;
    background: url(/images/bg_gda.png) top left no-repeat;
    height :137px;
    width : 264px;
    padding-top : 10px;
}

div.nutritional div.gda ul
{
    padding-left: 2px;
}

div.nutritional div.gda span.guideline
{
    text-align : center;
    position : relative;
    display : block;
    font-size : 1.0em;
    height: 3em;
}

div.nutritional div.gda ul li
{
    width : 52px;
    display : inline-block;
    float: left;
}

div.nutritional div.gda ul li span
{
    display : block;
    clear: left;
    width : 49px;
    text-align : center;
    color : #000;
    font-size : 11px;
}

div.nutritional div.gda ul li span.first
{
    padding : 4px 0 0 1px;
}

div.nutritional div.gda ul li span.second
{
    padding : 0 0 0 1px;
    margin-top : -2px;
    font-size : 13px;
    color : #d30079;
}

div.nutritional div.gda ul li span.third
{
    padding : 19px 0 18px 2px;
    font-size : 19px;
    color : #fff;
}

div.allergy 
{
    background: #411254;
    width : 225px;
    padding: 20px 20px 30px 20px;
    float : right;
    margin-top : -90px;
    position : relative;
    z-index: 10;
}

div.allergy h2 
{
    color : #fff;
    background : #d30079 !important;
    padding : 2px 5px 2px 5px;
    margin : 0 -5px 10px -5px;
    font-weight : bold;
    font-size : 1.167em;
}

div.allergy ul
{
    color : #461454;
    margin-left : 15px;
}

div.allergy ul li, div.allergy p
{
    color : #fff;
    list-style-type : disc
}

div.allergy ul.icons
{
    margin-left : 33px;
    margin-bottom : 10px;
}

div.allergy ul.icons li
{
    color : #fff;
    list-style-type :none;
    display : inline-block;
    margin-bottom : 5px;
    width : 100%;
}

div.allergy ul.icons li img
{
    margin-top: -3px;
    margin-left: -33px;
    float : left;
}

div.containingProduct 
{
    display : inline-block;
    padding-top : 30px;
    margin-left : -90px;
    background: url(/images/bg_divider-top.png) top left no-repeat;
    width : 535px;
}

div.whynottry 
{
    display : inline-block;
    padding-top : 40px;
    margin-left : -90px;
    background: url(/images/bg_divider-bottom.png) top left no-repeat;
    width : 485px;
    /*position : relative;*/
    /*top : -50px;*/
    margin-bottom : -50px;
}

div.whynottry 
{
    padding-left : 50px;
}

div.whynottry h2.red
{
    margin-left : -50px;
    margin-bottom : 30px;
}

div.about, div.loc, div.history 
{
    position : relative;
    width :807px !important;
    top :60px;
    left : -140px;
    background: url(/images/bg_about.png) 200px top no-repeat;
}

div.loc 
{
    background: url(/images/bg_loc.png) 200px top no-repeat;
}

div.history 
{
    background: url(/images/bg_history.png) 200px top no-repeat;
}

div.history p
{
    padding-right : 10px;
}

div.about h1, div.loc h1
{
    visibility : hidden;
    padding-top : 120px;
}

div.about p, div.loc p 
{
    margin-left : 80px;
    width : 595px;
    color : #451454;
}

div.about ul.aboutlist, div.loc ul.loclist
{
    margin-left : 20px;
    margin-top : 20px;
    display : inline-block
}

div.about ul.aboutlist li.extra a
{
    float : left;
    margin-left : 262px;
}

div.about ul.aboutlist li, div.loc ul.loclist li
{
    display : inline
}

div.about ul.aboutlist li a, div.loc ul.loclist li a
{
    float : left
}

div.about ul.aboutlist li.extra a
{
    float : left;
    margin-left : 262px;
}

div.history div.timeline
{
    margin-top : 160px;
    height : 190px;
    background : url(/images/bg_ruler.png) no-repeat;
    padding-top : 22px;
    padding-left : 22px;
    overflow : visible;
    margin-left : -20px;
}

div.history div.timeline ul
{
    display : inline;
    overflow : visible;
}

div.history div.timeline ul li p
{

}

div.history div.timeline ul li 
{
    /*border: 1px solid Red;*/
    width: 30px;
    height: 18px;
    overflow: hidden;
    margin: 1px;
}

div.history div.timeline ul li.list1956
{
    margin-left: 0px;
}

div.history div.timeline ul li.list1958
{
    margin-left: 8px;
}

div.history div.timeline ul li.list1962
{
    margin-left: 49px;
}

div.history div.timeline ul li.list1970
{
    margin-left: 48px;
}

div.history div.timeline ul li.list1976
{
    margin-left: 6px;
}

div.history div.timeline ul li.list1978
{
    margin-left: 6px;
}

div.history div.timeline ul li.list1984
{
    margin-left: 48px;
}

div.history div.timeline ul li.list1990
{
    width: 38px;
    margin-left: 47px;
}

div.history div.timeline ul li.list2000
{
    margin-left: 43px;
    width: 32px;
}

div.history div.timeline ul li.list2002
{
    margin-left: 4px;
    width: 32px;
}

div.history div.timeline ul li.list2006
{
    margin-left: 3px;
    width: 32px;
}

div.history div.timeline ul li.list2007
{
    margin-left: 2px;
    width: 32px;
}

div.history div.timeline ul li.listToday
{
    margin-left: 44px;
    width: 34px;
}

div.history div.timeline ul li a
{
    /*padding : 8px 5px 8px 5px;
    width : 25px !important;*/
    display : block;
    position : relative;
    /*z-index : 150;
    margin-top : -12px;*/
}

div.history div.timeline ul li a span
{
    visibility : hidden;
}

div.history div.timeline ul li a:hover
{
    text-decoration : none;
/*    padding-bottom : 5px;
    border-bottom : 4px solid #fff;*/
}

div.history div.secondContent 
{
    margin-left : 100px;
    margin-right: 50px;
}

div.history div.secondContent h1
{
    width : 350px;
}

div.history div.secondContent img.right
{
    float : right;
    margin-left : 10px;
}
div.history div.secondContent img.left
{
    float : left;
    margin-left : -50px;
    padding-right : 10px;
}

div.loc ul.loclist li.one a
{
    position : relative;
    margin-left : 20px;
    margin-top : -20px;
    z-index : 10;
}

div.loc ul.loclist li.two a
{
    position : relative;
    margin-left : -120px;
    margin-top : -30px;
    z-index : 9;
}

div.loc ul.loclist li.three a
{
    position : relative;
    margin-left : 50px;
    margin-top : -110px;
    z-index : 11;
}

div.loc ul.loclist li.four a
{
    position : relative;
    margin-left : -50px;
    margin-top : -35px;
    z-index : 8;
}

div.loc ul.loclist li.five a
{
    position : relative;
    margin-left : -100px;
    top : -70px;
    z-index : 11;
}

img.heatmap
{
    margin-left : -50px;
}

div.east, div.west, div.north, div.south
{
    position : absolute;
    background: url(/images/im_map_labels.png) bottom right no-repeat;
}

div.east p, div.west p, div.north p, div.south p
{
    padding : 0px;
    margin : 10px !important;
}

div.east span, div.west span, div.north span, div.south span
{
    display : block;
    position : relative;
    z-index : 12;
}

div.north
{
    width : 300px;
    margin-top : 0px;
    right : 100px;
}

div.east
{
    width : 285px;
    margin-top : 365px;
    right : 50px;
}

div.south 
{
    width : 300px;
    margin-top : 560px;
    margin-left : 340px;
}

div.west 
{
    width : 158px;
    margin-top : 370px;
    margin-left : -70px;
}

div.sitecontent p, div.sitecontent li
{
    width : 600px;
}

div.sitecontent h2
{
    width : 600px;
    font-size : 1.5em;
}

div.sitecontent h3
{
    font-weight : bold;
}

div.sitecontent h1, div.general h1
{
    margin : 20px;
}

div.sitecontent ol
{
    margin-bottom : 20px;
}

div.general
{
    margin-right: 30px;
}

div.general h2.news
{
    margin-left : -80px;
    width : 650px
}

div.general p 
{
    margin-left : -80px;
    width : 595px;
    color : #451454;
}
div.general p.newsdate 
{
    font-size : 1.335em;
    color : #cd1a49;
    font-weight : bold;
    font-style : italic;
    margin-bottom : 0px;
}

div.general p a.button
{
    margin-left : 280px;
}

div.general2 h1
{
    margin : 20px 20px 20px 30px;
}

div.general2 li 
{
    margin-left : 30px;
    color : #451454;
    width :640px;
}

div.general2 p 
{
    margin-left : 30px;
    color : #451454;
}

div.general2 p.restricted 
{
    width : 595px;
}

div.general2 div.pullout 
{
    margin-left : -80px;
}

div.general2 div.pullout p
{
    width : 685px;
}

div.hrtop 
{
    border : 0px;
    background: url(/images/bg_pattern-top.png) top left no-repeat;
    padding : 5px;
    height : 90px;
    width : 100%/*width : 535px;*/
}

div.hrbottom 
{
    border : 0px;
    background: url(/images/bg_pattern-bottom.png) top left no-repeat;
    padding : 5px;
    height : 60px;
    width : 790px;
    margin-left : -120px;
}

div.season
{
    clear : both;
    background: url(/images/bg_season.png) top left no-repeat;
    width : 760px;
    height : 600px;
    margin-top : 80px;
    margin-left : -100px;
    padding : 5px;
}

div.season span
{
    border : 0px !important;
    text-decoration : none !important;
    background : none !important;
}

div.season div.items
{
    clear : both;
    display : inline-block;
    margin-bottom : 10px;
}

div.season div.items div
{
    float : left;
    margin-right : 10px;
}

div.season div.items h3
{
    padding-top : 0px;
    margin-top : 0px;
    margin-bottom : 10px;
    color : #411254 !important;
    font-weight : bold;
    font-size : 1.2em;
    line-height : 1em;
}

div.season img.header 
{
    margin : 15px;
}

div.season div.items
{
    display : block;
}

div.season div.items p
{
    font-size : 1.05em;
    color : #fff;
    width : 90%;
}

div.season div.items p a
{
    font-size : 1em;
    float : right;
    margin-right : -200px;
    margin-top : -26px;
}

div.contact .signupDetails 
{
    margin : 0px !important;
    background: url(/images/bg_contact.png) 20px top no-repeat !important;
    height : 400px !important;
    width : 310px;
}

div.contact .submitbutton 
{
    float : right;
    margin-right : 110px;
}

div.contact .country select 
{
    clear: both;
    float : left;
}

div.address, div.address2, div.address3 
{
    background: url(/images/bg_address.png) top left;
    width : 219px;
    float : right;
    padding : 30px;
    padding-bottom : 0px;
    margin-right : 85px;
}

div.addressBottom, div.address2Bottom, div.address3Bottom 
{
    background: url(/images/bg_address.png) bottom left;
    width : 219px;
    padding : 30px;
    padding-bottom : 0px;
    margin-right : 85px;
    float : right;
}

div.address2 
{
    margin-top : -20px;
    background: url(/images/bg_address2.png) top left;
    padding-top : 45px;
}

div.address2Bottom 
{
    padding-bottom : 5px;
    background: url(/images/bg_address2.png) bottom left;
}

div.address3
{
    clear :both;
    margin-left : -15px;
    float : left;      
}

div.address3Bottom 
{
    clear :both;
    margin-left : -15px;
    float : left;
}

div.contact .hr
{
    clear : both;
    border : 0px;
    background: url(/images/bg_pattern-bottom.png) top left no-repeat;
    padding : 5px;
    height : 60px;
    width : 790px;
    margin-bottom : 0px;
    margin-left : -130px;
}

.largeLabel 
{
    color : #411254 !important;
    font-weight : bold;
    font-size : 1.286em;
    line-height : 1em;
    margin-bottom : 5px;
    display : block;
}

div.international 
{
    color : #431354;
    margin-left: 270px !important;
    margin-right: 0 !important;
}


div.international h1
{
    margin-left: 0px !important;
}

div.international ul
{
    padding : 5px;
    margin-left : 15px;	
}
	
div.international ul.large 
{
    padding : 5px;
    margin-left : 20px;
    margin-bottom : 50px;
}
	
div.international ul.large .button
{
    position : relative;
    margin-top : 20px;
    left : 50px;
}
	
div.international ul.large h2
{
    margin-left : 40px;
}

div.international div.ukflag
{
    width: 322px;
    margin-left: 110px;
    padding: 0;
    position: relative;
    text-align: center;
}

div.international div.ukflag h2
{
    clear: both;
    margin-top: 10px;
}

div.international div.ukflag img.uk
{
    margin-left: 76px;
}
	
div.international div.ukflag a.uklink
{
    position: absolute;
    top: 80px;
    left: 275px;
}
	
div.international div.ukflag a.button
{
    float: none;
    margin: 10px auto 20px auto;
    width: 100px;
}

div.international div.ukflag a.button span
{
    display: none;
}

/* ================ */

#international-websites 
{
    position: relative;
    margin-left: -40px;
}

#international-websites div.websites 
{
    float: left;
    width: 185px;
    position: relative;
    height: 160px;
}

div.websites a.button { margin: 0; float: none; position: absolute; bottom: 0; left: 14px; }

#site-usa { margin-top: 30px; }

#site-usa h2 
{
    position: absolute;
    z-index: 10;
    top:  100px;
    left: 100px;
}

#site-usa a.visit-link 
{
    position: absolute;
    z-index: 10;
    top:  50px;
    left: -20px;
}

#site-france { width: 160px; margin: 0 20px; text-align: center; height: 190px !important; }

#site-france h2 
{
    position: absolute;
    z-index: 10;
    top:  137px;
    left: 63px;
}

#site-france a.visit-link 
{
    position: absolute;
    z-index: 10;
    top:  115px;
    left: 115px;
}

#site-canada { margin-top: 30px; }

#site-canada h2 
{
    position: absolute;
    z-index: 10;
    top:  106px;
    left: 42px;
}

#site-canada a.visit-link 
{
    position: absolute;
    z-index: 10;
    top:  50px;
    right: -20px;
}

/*
	
div.international ul.large img.usa
{
    margin-left : -105px;
    margin-bottom : -12px;
}
	
div.international ul.large a.usalink 
{
    position : relative;
    z-index : 10;
    left : -60px;
    top : -35px;
}

div.international ul.large a.francelink 
{
    position : absolute;
    z-index : 10;
    right : 48px;
    bottom : -5px;
}

div.international ul.large img.canada
{
    margin-left : 5px;
    margin-top : -28px;
}

div.international ul.large a.canadalink 
{
    position : relative;
    z-index : 10;
    right : -185px;
    top : 52px;
}
*/


	
div.international  ul 
{
    padding : 5px;
    margin-left : -80px;
    margin-bottom : 15px;
    display : inline-block;
}
	
div.international ul.small h3 
{
    margin-top : 8px;
    margin-left : 5px;
}
	
div.international ul.small h3, div.international ul.small img 
{
    float : left;
}
	
div.international ul.small .button
{
    margin-top : 20px;
    position : relative;
    left : 50px !important;
    clear : both;
}

div.international ul li
{
    float : left;
    width : 170px;
    padding : 2px;
    margin-right : 5px !important;
    height : 130px;

}
	
div.international ul li a.button
{
    width : 100px;
}
	
div.international a.button span
{
    display : block;
    width : 3px;
    float : left;
    text-indent : -9999px;
}
	
div.international p, div.international h2, div.international h3
{
    font-size : 1.5em;
}

div.international div.hrbottom
{
    clear  :both;
}
	
div.congratulations h1
{
    margin : 20px 0px 0px 0px;
    width : 180px;
}

div.congratulations div.favourite h1
{
    margin : 20px 0px 0px 0px !important;
    width : 220px;
}

div.congratulations div.success h1
{
    margin : 20px 0px 0px 0px !important;
    width : 220px;
}

div.congratulations div.medal 
{
    position : absolute;
    top: 60px;
    left: 180px;
    z-index : 10;
    width : 170px;
    /*margin : -128px 0px 0px 180px;*/
}

div.congratulations div.lover
{
    position : relative;
    float : left;
    z-index : 9;
    width :390px;
    margin-left : -40px;
}

div.congratulations div.lover p
{
margin-top : -170px;
margin-left : 40px;
margin-bottom : 50px;
width :305px;
color : #fff;
}

div.congratulations div.lover p.loveOne
{
color : #712b00;
}

div.congratulations div.lover p.loveTwo
{
color : #3e0033;
}

div.congratulations div.lover p.loveThree
{
color : #712b00;
}

div.congratulations div.lover p.loveFour
{
color : #3e0033;
}

div.success 
{
float : right;
background: url(/images/bg_loginbox.png) top left no-repeat;
height : 300px;
width : 270px;
position : relative;
margin-top : -40px;
margin-right : 25px;
padding-top : 20px;
padding-left : 40px;
padding-right : 40px;
}

div.congratulations div.success h1
{
margin-left : -100px;

}

div.congratulations div.favourite 
{
float : right;
background: url(/images/bg_loginbox.png) top left no-repeat;
height : 476px;
width : 270px;
position : relative;
margin-right : 25px;
padding-top : 20px;
padding-left : 40px;
padding-right : 40px;
}


div.congratulations div.favourite h1
{
margin-left : -100px;

}

div.congratulations div.containingProduct 
{
width : 700px;
}

div.congratulations div.hr 
{
clear : both;
border : 0px;
background: url(/images/bg_divider-bottom.png) top left no-repeat;
padding : 5px;
height : 60px;
width : 790px;
margin-bottom : 0px;
margin-top : 10px;
margin-left : -90px;
}

h2.sauce, h2.paste, h2.scratch 
{
text-indent : -9999px;
}

h2.sauce 
{
background: url(/images/hd_sauce.png) top left no-repeat;
width : 760px;
height : 180px;
margin-top : -30px;
}

h2.paste 
{
background: url(/images/hd_paste.png) top left no-repeat;
width : 790px;
height : 145px;
/*margin-top : -10px;*/
}

h2.scratch 
{
background: url(/images/hd_scratch.png) top left no-repeat;
width : 790px;
height : 130px;
/*margin-top : -10px;*/
}
/*Recipe search results ends*/


/* Rating */
.ratingStar 
{
    font-size: 0pt;
    width: 18px;
    height: 20px;
    margin: 0px 8px 0px 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar 
{
    background-image: url(/images/lom_starFull.png);
}

.halfRatingStar 
{
    background-image: url(/images/lom_starHalf.png);
}

.emptyRatingStar
{
    background-image: url(/images/lom_starEmpty.png);
}

.savedRatingStar 
{
    background-image: url(/images/lom_starFull.png);
}

.ratingSuccess
{
	padding-top:90px;
	color: #411254;
	font-weight:bold;
}

.error 
{
    color : #c00 !important;
}

/*over-riding of tabs*/
ul.tabs
{
    margin: -5px 0 0 30px;
    width: 755px;
}

ul.tabs li
{
    width: 90px;
    float: left;
    margin: 0 0 0 -30px;
    font-weight : bold;
    color : #fff;
    background : transparent;
    display : block;
}

ul.tabs li a
{
    text-decoration: none;
    width : 90px;
    height : 28px;
    text-align : center !important;
    display : block;
    padding: 16px 0 0 0;
    background : transparent;
}

ul.tabs li a.current 
{
    margin-top : -7px;
    background : url(/images/bg_tab_on.png) top left !important;
    color: #fff;
}

div.seasonPanes div
{
    margin-left: 5px;
}

ul.listCol, ul.listCol2 
{
    padding : 5px;
    margin-left : -110px;
    display : inline-block;
}

ul.listCol li, ul.listCol2 li
{
    display : inline;
    float : left;
    width : 190px;
    padding : 2px;
}
	
ul.listCol li
{
    position: relative;
    margin-bottom: 15px;
}

ul.listCol2 li
{
    width : 150px;
}

ul.listCol li h2, ul.listCol2 h2 
{
    margin-top: -5px;
    margin-left : 10px;
    width : 150px;
    height : 20px;
}

ul.listCol2 li.line2
{
    height: 180px;
}

ul.listCol li.line2 h2, ul.listCol2 li.line2 h2 
{
    margin-left : 10px;
    width : 180px;
    height : 40px;
}

ul.listCol li.line3 h2, ul.listCol2 li.line3 h2 
{
    margin-left : 10px;
    width : 180px;
    height : 70px;
}

ul.listCol2 h2 
{
    margin-left : 10px;
    width : 160px !important;
}

ul.listCol li img.heatrating
{
    position: absolute;
    /*top: 0;
    left: 15px;*/
    top: 83px;
    left: 84px;
}

div.newsImage 
{
    float : right;
    margin : 0px 80px 10px 10px;
}

.tips
{
    width : 218px;
    height : 210px;
    padding : 10px;
    background : #fff url(/images/bg_tips.gif) no-repeat;
}

.tipsL
{
    width : 218px;
    height : 240px;
    padding : 10px;
    background : #fff url(/images/bg_tips_longer.gif) no-repeat;
}
	
div.current 
{
    background : url(/images/hd_current_rating.png) no-repeat;
    width : 150px;
    margin-left : 258px;
    position : absolute;
    margin-top : 0px;
    height : 60px;
    padding-left : 40px;
    padding-top : 30px;
    float: left;
}

div.siteResults, p.searchIntro 
{
    width : 600px;
}

td.OutputTitle 
{
    font-size : 1.2em;
}

div.siteResults tr
{
    border-bottom : solid 1px #ccc;
}

div.siteResults td
{
    margin-bottom : 10px; 
    padding-bottom : 10px;
}

/*Escape CSS*/
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix 
{
	display: inline-block; 
	width: 100%;
}

* html .clearfix 
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.clear {
	clear: both;
}


/*.collapsePanel {
	width : 225px;
	height:0px;
	background-color:#411254;
	overflow:hidden;
}

.collapsePanelHeader{	
	width : 225px;		
	height:20px;
	background-color: #411254;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}*/

.accordionHeader
{
    color : #fff;
    /*background : #d30079 !important;*/
    padding : 2px 5px 2px 5px;
    margin : 5px -5px 10px -5px;
    font-weight : bold;
    font-size : 1.167em;
    height : 25px;
}

#ctl00_ContentPlaceHolder1_Accordion1
{
    overflow: hidden !important
}

.accordionContent
{
    padding-left: 29px;
    color: #fff;
}

.accordionContent p
{
    clear: both;
    font-size : 1em;
}

div.link 
{
    height : 25px;
}

.accordionLink
{
    padding-left : 30px;
    padding-top : 4px;
    margin-left : -3px;
    height : 27px;
    background : url(/images/ic_expand.png) top left no-repeat;
    color: #fff;
    display : block;
    position : absolute;
    z-index : 20;
    width : 197px;
}

#datetip { 
    display:none;
    background:transparent url(/images/boxit.png); 
    color : #fff;
    width : 227px;
    height : 67px;
    padding : 14px;
    color:#fff;   
    z-index: 100;
}
	
#spicetip { 
    display:none;
    background:transparent url(/images/boxit_large.png) top left no-repeat; 
    color : #fff;
    width : 227px;
    height : 227px;
    padding : 14px;
    color:#fff;   
    z-index: 100;
}
	
/*if no SiFR change these*/
/*h1, h2 {
margin-bottom : 10px;
}*/

h1, h2
{
    line-height: 1.0em;
}

h1.general 
{
    font-size : 34px;
    font-style :italic;
    padding-bottom: 20px;
    padding-top: 10px;
}

h1.sub 
{
    font-size : 28px;
    color : #fff;
    font-style :italic;
}

h2.dj, h1.dj 
{
    font-size : 28px;
    font-weight: bold;
    margin-bottom: 0.5em;
    color : #fff;
    font-style :italic;
}

h1.red, h2.red 
{
    font-size : 40px;
    color : #b3105a;
    font-style :italic;
    margin-bottom: 20px;
    padding-top: 10px;
}

h2.black 
{
    font-size : 28px;
    color : #000;
    font-style :italic;
}

h1.white
{
    font-size : 38px;
    color : #fff;
    font-style :italic;
    margin-bottom: 20px;
    padding-top: 10px;
    font-size:32px;
    font-weight: normal;
}

h1.purple
{
    font-size : 38px;
    color : #451454;
    font-style :italic;
    margin-bottom: 20px;
    padding-top: 10px;
}

h2.purple, h2.news 
{
    font-size : 20px;
    color : #451454;
    font-style :italic;
    margin-bottom: 15px;
}

h3.purple, h2.list 
{
    font-size : 18px;
    color : #451454;
    font-style :italic;
}

.dotcom h1
{
    margin-left: -80px !important;
}

.notepad-header
{
    position: relative;
    height: 215px;
    margin-bottom: -20px;
}

.notepad-header img
{
    position: absolute;
    top: 0;
    left: 78px;
    z-index: 100;
}

h1.djspan
{
    display: block;
	width: 450px;
}

/* overlay */ 
div.overlay, #overlay {
	padding:20px;	
	width: 520px;
	display:none;
	background-color: #21052a;	
}

div.overlay div.close, #overlay div.close {
	background:url(/images/im_close.png) no-repeat;
	position:absolute;
	top:-18px;
	right:-18px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlayContent {
	width: 100%;
	height:377px;
}

div.vid
{
    position: relative;
}

div.vid h3.videoTitle
{
    position: absolute;
    top: 75px;
    left: 0px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    width: 246px;
    display: block;
}

div.resultblock h3.videoTitle
{
    position: absolute;
    top: 20px;
    left: 0px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    width: 130px;
    display: block;
}

h3.videoTitle .sIFR-flash { cursor: pointer !important; }

div.resultblock h3.videoTitle a { text-decoration: none !important; color: #451454 !important; }

div.sitemap a img
{
	margin : 20px 10px 0 0;
}

div.dotcom p
{
    margin-left: -20px;
    text-align: center;
}

input.hiddenButton
{
    display: none;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating
{
    float:left;
    width:20px;
    height:20px;
    text-indent:-999em;
    cursor:pointer;
    display:block;
    background:transparent;
    overflow:hidden
}

div.rating-cancel, div.rating-cancel a
{
    display: none;
}

div.star-rating, div.star-rating a
{
    background:url(/images/lom-star.png) no-repeat 0 0px;
}

div.rating-cancel a, div.star-rating a
{
    display:block;
    width:20px;
    height:100%;
    background-position:0 0px;
    border:0
}

div.star-rating-on a
{
    background-position: 0 -20px!important;
}

div.star-rating-hover a
{
    background-position: 0 -40px;
}
/* Read Only CSS */
div.star-rating-readonly a
{
    cursor: default !important;
}
/* Partial Star CSS */
div.star-rating
{
    background:transparent!important;
    overflow:hidden!important;
}
/* END jQuery.Rating Plugin CSS */

#coupon-subtitle 
{
    position: relative;
    width: 372px;
    height: 93px;
    background: transparent url("/images/bg_coupon_subtitle.png") top left no-repeat;
}

#coupon-subtitle h2 
{
    position: absolute;
    bottom: 35px;
    left: 40px;
    font-style: italic;
}

#coupon-image 
{
    position: relative;
    width: 497px;
    height: 350px;
    background: transparent url("/images/bg_coupon_large.png") top left no-repeat;
    margin-bottom: 10px;
}

#coupon-image a 
{
    color: #4a2e63;
    font-size: 26px;
    font-family: Times New Roman, Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: 46px;
    left: 80px;
}


div.coupon-text p { padding-left: 40px; width: 560px; }