@charset "utf-8";
/*********COBRA***********/
/*** General CSS ***/

body {
background-color:#f5a52b;
font-family:Arial;
height:100%
}

a:link{
 color:#fff;
 text-decoration:none;
}

a:visited {
   color:#fff;
 text-decoration:none;
}

a:hover {
color:#fff;
 text-decoration:none; 
}

a:active {
  color:#fff;
 text-decoration:none;
}

a img{
 border:0;
}

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

form {
  margin:0px;
  padding:0px;
  width:100%;
}

img {
  margin:0px;
  padding:0px;
  border:0;
}

.clearall {
  clear:both;
  line-height:1px;
}

div.clearing-div {
  font-size:0px;
  clear:both;
  height:1px;
  width:100%;
  line-height:1px;
  overflow:hidden;
}

.no-margin-and-padding {
  margin:0px;
  padding:0px;
}

/*** End General CSS ***/

/*** Reg form styling ***/

div.user-details-form-holder {
  width:100%;
}

div.user-details-form-holder div.user-details-form-errors {
}

div.user-details-form-holder form#user_details_form {
}

div.user-details-form-holder div.user-details-form-col {
  float:left;
  clear:none;
}

div.user-details-form-holder #col-1 {
}

div.user-details-form-holder div.user-details-form-header-text {
  clear:both;
}

div.user-details-form-holder div.user-details-form-row {
  margin-bottom:5px;
  clear:both;
}

div.user-details-form-holder div.user-details-form-row div.user-details-form-row-subitem {
  float:left;
}

div.user-details-form-holder #user_reg_submit_row {
  margin-top:10px;
  text-align:left;
}

div.user-details-form-holder #user_reg_submit_row input.submitbutton {
}

/*** End Reg Form Styling ***/

/*** Date of birth check Page ***/

.logo {
height:135px;
text-align:center;
background-image:url('/media/holding-logo.jpg');
background-repeat:no-repeat;
background-position:top center;
}

.dob_container {
width:480px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.dob_content {
color:#ffffff;
height:229px;
font-size:11px;
font-family:Arial;
background-image:url('/media/dob-backing.jpg');
}

.dob_content p{
margin:0 0 5px 0;
}

.dob_content h1 {
padding-top:7px;
font-size:23px;
text-align:center;
vertical-align:middle;
background-color:#ea911b;
margin-bottom:0;
}

.drinkaware {
margin-top:70px;
float:right;
text-align:right;
}

.drinkaware p{
color:#fff;
font-size:11px;
padding:0;
}

.dob_content #checkage {
  width:243px;
margin-left:auto;
margin-right:auto;
}

#dob-submit {
  width: 119px;
  height: 42px;
  padding: 42px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(/media/dob-enter.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#dob-submit { /* For non-IE browsers*/
  height: 0px;
}

/*** End date of birth check page ***/

/*** Holding page ***/

.holding_container {
width:870px;
height:185px;
margin-left:auto;
margin-right:auto;
text-align:center;

position:relative;
}

.holding_splash {
height:185px;
background-image:url('/media/holding-sorry-blank.jpg');
}

.holding_splash h1 {
padding-top: 25px;
}

.holding_content_left {
width:240px;
height:390px;
float:left;
}

.holding_content_right {
width:450px;
height:390px;
float:right;
color:#ffffff;
/*text-align:left;*/
}

.holding_content_right h1 {
font-family:Arial;
font-size:20px;
}

#holding-submit {
  width: 118px;
  height: 42px;
  padding: 42px 7px 0 0;
  margin-right: -95px;
  border: 0;
  /*text-align:right;*/
  background: transparent url(/media/holding-submit.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>#holding-submit { /* For non-IE browsers*/
  height: 0px;
}

.holding_content_right .inputBox {
  width:232px;
  background: transparent url('/media/holding-input.jpg') top left no-repeat;
  border:none;
  padding-top:7px;
  padding-left:5px;
  font-size:15px;
  vertical-align:middle;

  overflow:hidden;
  height:30px;
  line-height:20px;
  margin:0 0 0 -11px;  
}

.holding_content_right .dateinputBox {
  width:70px;
  background: transparent url('/media/holding-dateinput.jpg') top left no-repeat;
  border:none;
  padding-top:7px;
  padding-left:11px;
  font-size:15px;
  vertical-align:middle;

  overflow:hidden;
  height:30px;
  line-height:20px;
  margin:0px;  
}

.holding_content_right #form_left {
float:left;
width:150px;
text-align:left;
}

.holding_content_right #form_right {
float:right;
width:250px;
font-family:Arial;
}

/*** End holding page ***/

/*** JQuery Stylish Select ***/

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

remove default focus style

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

:focus {outline:none;}



.js ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; font-size:14px; color:#000; width:84px; background:#ea911b; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:80px; color:#000; height:30px; font-size:14px; padding:6px 0 0 0; float:left; background:url(/media/holding-dateinput.jpg) no-repeat;}
.newListSelected span {width:61px; display:block;}
ul.newList li {padding:3px 8px;}
.selectedTxt {overflow:hidden; height:16px; padding:0 14px 0 2px;}
.hiLite {background:#fff!important; color:#000!important;}
.newListHover {background:#fff!important; color:#000!important; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*** End JQuery Stylish Select **/

/*** General Template ***/
#contentleft {
width:580px;
height:auto;
margin:-30px 0 0 0;
padding:0 0 0 20px;
float:left;
}

#contentright {
width:340px;
height:auto;
margin:-30px 20px 0 0;
float:right;
}

#contentright #curryfinder {
background:url('/media/curryfinder-box.png');
width:336px;
height:194px;
}

#contentright #curryfinder img{
/*position:relative;
top:126px;
left:178px;*/
margin-top:126px;
margin-left:178px;
}

#contentright #twindaloo {
height:80px;
margin:10px 20px 0 0;
}

#contentright #facebook {
height:80px;
margin:15px 20px 0 0;
}

#contentright #facebookfeed {
height:auto;
}

#facebookfeed #bubbleleft {
background:url('/media/feedbubble-left.gif') no-repeat;
height:95px;
margin:10px 0 0 0 ;
}
#facebookfeed #bubbleleft, #bubbleright p {
padding:10px;
font-family:Arial;
font-size:13px;
}

#facebookfeed #bubbleright {
background:url('/media/feedbubble-right.gif') no-repeat;
height:95px;
margin:10px 0 0 0 ;
}

#wrap {
width:1280px;
background:url('/media/wrapper-bg.jpg')repeat-y top left;
/*background-image:url('/media/wrapper-bg.jpg');*/
}

#main-wrapper { 
background:url('/media/main-bg.png') top left repeat-y; 
width:1280px;
z-index:0;
}

#header-wrapper {
background:url('/media/header2.png') no-repeat;
width:1280px;
height:300px;
z-index:-1;

/*--new--*/
float:left;
z-index:-100;
height:250px;
/*padding-top:80px;*/

}


.main_holder {
   width:1280px;
   min-height:100%;
   height:auto;
   z-index:2;
   
   
   /*--new--*/
   float:left;
   margin-top:-30px;
}


#main {
width:980px; 
padding-left:150px;
margin-top:-80px;

/*--new--*/
margin-top:0;
z-index:1000;
}

#logo {
width:950px; 
height:100px; 
padding-left:180px; 
padding-top:10px;
}

#leftcol {
background-image:url('/media/leftcol-pattern2.jpg');
float:left; 
width:150px;
height:400px;
}

#rightcol {
position: absolute; 
top: 0;
right: 0;
width:150px;
height:400px;
background-image:url('/media/rightcol-pattern.jpg');
}

#nav {
height:auto;
width:1280px;
margin:5px 250px 0 0;
_margin:0 250px 0 0;
}

#nav ul {
font-family:Arial; 
font-size:12px; 
color:#fff; 
list-style-type: none;
padding:20px 175px 0 0;
text-align:right;
}

#nav li {
margin-right:12px;
display:inline;
}

/*  
Sticky Footer Solution
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body/*, #wrap*/ {height: 100%;}

body > #wrap {
  /*   height: auto;*/ 
     min-height: 100%;
}

#footer {
        background-image:url('/media/footer-bg.png');
	clear:both;
        width:1280px;
        height:350px;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/********************
 * Image Scroller
********************/

.container { 
   width:580px; 
   height:300px; 
   overflow:hidden; 
   position:relative; 
   cursor:pointer; 
}

div.slides { 
   position:absolute; 
   top:0; 
   left:0; 
}

ul.slides { 
   position:absolute; 
   top:0; 
   left:0; 
   list-style:none; 
   padding:0; 
   margin:0; 
}

div.slides div,ul.slides li { 
   position:absolute; 
   top:0; 
   width:580px; 
   display:none; 
   padding:0; 
   margin:0; 
}

#loopedSlider { 
   margin:0 auto; 
   width:580px; 
   position:relative; 
   clear:both; 
}

ul.pagination { 
   list-style:none; 
   padding:0; 
   margin:0; 
   position:relative; 
   left:530px; 
   bottom:70px; 
}

ul.pagination li  { 
   float:left; 
}

ul.pagination li a { 
   padding:2px 4px; 
   color:#fff; 
   height:80px; 
   float:left;
   font-size:13px; 
   font-family:Arial; 
   text-decoration:none; 
   line-height:80px;
}

ul.pagination li.active a { 
   background-image:url('/media/slide-nav1.gif'); 
   line-height:80px; 
   height:80px;
   background-position:-3px -0px;
   background-repeat:no-repeat; 
   color:#fff; 
   overflow:visible;
}

/* HOME PAGE */

.blog {
  margin-top:10px; 
  width:580px; 
  height:auto; 
  background:url('/media/blog-header.gif') no-repeat;
} 

.blog #header {
  padding:0 0 0 28px; 
  color:#fff;
}

.blog .post {
  background:url('/media/blog-divider.gif') no-repeat;
  padding:0 25px 0 25px;
  margin-bottom:15px;
  font-size:11px;
  font-weight:normal;
  line-height:150%;
}

.blog .comments {
  background:url('/media/comment-bubble.gif') no-repeat;
  padding: 7px 0;
}


.blog .post img {
  border: 1px solid #fff;
  float:left;
  margin: 0 10px 10px 0;
}

.blog .post h2 {
  color:#fff;
}

/*END HOME PAGE */

/* RECIPE PAGE */
    .recipe { margin-top:10px; padding:3px 10px; overflow:hidden; height:21px; cursor:pointer; width:290px; background:url('/media/bg_recipe.jpg') top left no-repeat; }
    .recipe span { font-size:12px; }
    .recipe span strong { font-size:11px; }
    .active { background:url('/media/bg_recipe_active.jpg') top left no-repeat; height:314px; cursor: default; color:white; }
    .recipe a { display:block; padding-top:5px; text-decoration:underline; }
    .innerboxcurvetop { display:inline; padding:0px; }
    .innerboxcurvebottom { display:inline; padding:0px;}
    .innerbox { padding:13px; background:#ff9e07;}
    .innerbox p { font-size: 12px; }
    .innerbox a { text-decoration:underline; }
    .recipe-icon { padding-right:25px; }
/* END RECIPE PAGE */