/*
Theme Name: Indaez Default
Theme URI: http://wordpress.org/
Description: The default Indaez theme.
Version: 1.0
Author: DeGray Systems
Author URI: http://degraysystems.com/
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:"Century Gothic";vertical-align:baseline;}
body {line-height:1.5;}
a {outline:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */

body {font-size:75%;color:#fff;background:#000; font-family:"Century Gothic"; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#999999;}
h1 {font-size:1.6em;line-height:1;margin-bottom:1em; padding:0px;}
h2 {font-size:2em; color: #ff7f00; margin: 5px 0 0 10px;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.8em 0; font-size:13px; line-height:18px;padding:0;}

p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#ff7f00;}
a {color:#fff;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;line-height:18px;}
/*ul, ol {margin:0 1.5em 1.5em 1.5em; }*/
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
table {margin:0; padding:0;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:0px; color:#afafaf;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0; float:left; width:300px; text-align:left;}
.last {margin-right:0;padding-right:0; float:right; width:300px; text-align:right;}
.top {margin-top:0;padding-top:0; }
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container{width:800px; height:auto; margin:40px auto 0 auto; padding:0; background:url(images/bg.jpg);}
.header{width:800px; height:125px; margin:0 ; padding:0; background-color: #1c1c1c;}
.header .logo{width:144px; height:101px; margin:0 ; padding:0; float:left;}

/* SECTION NAV
*******************************************************************************/
#section-nav-wrapper { display:block; float:left; width:640px; height:85px; margin: 0;}

      #section-nav-wrapper ul li { float:left; margin:40px 0px 0 25px; }
         #section-nav-wrapper ul li a { display:block; height:58px; text-decoration:none; text-transform:uppercase; font-size: 14px; }
			

/* NAVIGATION ENDS
*******************************************************************************/

.header .rightside{width:79px; height:42px; border-left:1px solid #ff7f00; float:left; margin:30px 0 0 0; font-size:11px; line-height:14px;}
.header .rightside a, .header .rightside a:visited {color: #fff; font-size: 11px; text-decoration:none; padding:0 0 0 4px;}
.header .rightside a:hover{ text-decoration:underline; color:#ff7f00; padding:0 0 0 4px;}
.home-content{width:800px; height:auto;}
.home-content .leftText{width:374px; height:281px; float:left; background-color:#363636; padding-bottom:5px; overflow:-moz-scrollbars-vertical; overflow-y:auto;}
.home-content .leftText p {color: #CCC; font-size: 12px; padding: 0px 20px 0 20px;}
.home-content .leftTextGallery {width:374px; height:460px; float:left; background-color:#363636; padding-bottom:5px; overflow:-moz-scrollbars-vertical; overflow-y:auto; text-align:center;}
.home-content .leftTextGallery p {color: #CCC; font-size: 12px; padding: 0px 0px 0 0px;}
.home-content .leftText a {margin-right: 20px; float:right;}
.home-content .leftText img {float: left;}
.home-content .leftTextShopping {width:374px; height:320px; float:left; background-color:#363636; padding-bottom:5px; overflow:-moz-scrollbars-vertical; overflow-y:auto; text-align:center;}
.home-content .rightimg{width:426px; height:286px; float:left;}
.home-misc{width:800px; height:auto; padding:0 0 10px 0; }
.home-misc .tabs{width:200px; height:163px; float:left; margin:0 0 0 0;}
.home-misc .tabs2{width:200px; height:163px; float:left; margin:0 0 0 81px;}
.home-misc .restlogos{width:200px; height:163px; float:left; text-align:center; margin-left: 75px;}
.home-misc .restlogos img{float:left; margin-left:10px;}
.home-misc .resttandoori{width:170px; height:143px; float:left; text-align:center; padding:20px 0 0 0;}
.home-misc .newsbox{width:300px; height:150px; float:right;  background:url(images/news-bg.png) no-repeat ; margin:13px 0 0 0;}
.home-misc .videobox{width:320px; height:163px; float:right;  }
	
.rightimg p {
	margin:0;
}

#myGallery_1 {
	border:none;
}

.home-misc .newsbox .stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 283px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.home-misc .newsbox .stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.home-misc .newsbox .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 36px 0px 0 4px; /*margin around each panel*/
width: 280px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:110px;
}

.home-misc .newsbox .stepcarousel .panel .text{
float: left; 
width: 103px; 
height:110px;
padding:0 12px 0 6px; font-size:10px;
}
.home-misc .newsbox .stepcarousel .panel .text a,.home-misc .newsbox .stepcarousel .panel .text a:visited {color: #fff; font-size: 10px; text-decoration:underline;}
.home-misc .newsbox .stepcarousel .panel .text a:hover{ text-decoration:underline; color:#ff7f00; }

.home-misc .newsbox .panel img{ border:3px solid #5e5a5a;}

#flip-tabs{
	width:214px; height:121px;
	margin:12px 0 0 10px; position:relative;
}
#flip-navigation{
	margin:0 0 0px; padding:0; 
	list-style:none;
}
#flip-navigation li{ 
	display:inline; 
}
#flip-navigation li a{
	text-decoration:none; padding:2px; 
	margin-right:0px;
	background:#454545;
	color:#000; outline:none;
	font-family:"Century Gothic"; font-size:12px; text-transform:uppercase;
}
#flip-navigation li a:hover{
	background:#000; 
	color:#fff;
}
#flip-navigation li.selected a{
	background:#000;
	color:#fff;
}
#flip-container{  
	width:197px;
	font-family:"Century Gothic"; font-size:10px;
}
#flip-container div{ 
	background:#fff;
}
#flip-container div ul{
	background:#f9f9f9;
	border:1px solid #000;
	margin:0; padding:4px 0px;
   list-style:none;
}
#flip-container div ul li{
	padding:0px 0;
}
#flip-container div ul.orange{ background:#000; }
#flip-container div ul.green{ background:#000;  }
#flip-container div ul.blue{ background:#000;}

.rest-pic{background:url(images/rest-pic.jpg) no-repeat top center ;}

.rest-pic2{
	width:479px; height:278px; float:left; margin:0 0 0 150px; border:1px solid #fff;
	}
.rest-pic2 img{
	width:479px; height:278px;
	}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

#mygallery { 
    overflow: hidden;
}


.footer{width:800px; height:26px; background:#ff7f00; margin:0 auto; clear:both;}
.footer .leftlinks{ font-size:9px; color:#000; width:425px; margin:0 0 0 4px; height:26px; line-height:24px; float:left; }
.footer .leftlinks a, .footer .leftlinks a:visited{ color: #000; font-size: 10px; text-decoration:none; display:block; float:left; padding-left: 10px;}
.footer .leftlinks a:hover{ color: #fff; font-size: 1opx; text-decoration:underline;}
/*.footer .rightmedia{ width:360px; height:26px; float:right;}*/
.footer ul#ftrlink {
	position: relative;
	width: 360px;
	height: 26px; 
	background:url(images/media.jpg) no-repeat;
	margin-left:430px;
	}

.footer	ul#ftrlink li {
		float: left;
		list-style: none;
		}
	
.footer	ul#ftrlink li a {
		position: absolute;
		text-indent: -99999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 26px;
}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/*.clearfix, .container {display:block;}*/
.clearfix {display:block;}
.clear {clear:both;}

/*---------------
	14 Aug 2009
-----------------*/
.home-content .picbox .stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 800px; /*Width of Carousel Viewer itself*/
height: 278px; /*Height should enough to fit largest content's height*/
margin:0 0 0 0px;
}

.home-content .picbox .stepcarousel .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.home-content .picbox .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0 0px; /*margin around each panel*/
width: 429px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:278px;
padding:0 185px 0 185px;
}

.panel p {
	font-size:10px;
}

.submitButton {
	border:solid 1px #FF7F00;
	background-color:#FF7F00;
	color:white;
}

.giftcard {
	background-color:#0F5C90;
	color:white;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	border:none;
	margin:-3px 0 0 0;
	width:225px;
}

.giftcardOption {
	background-color:##0F5C90;
	font-size:100%;
}

.giftcardOptionDefault {
	background-color:#0F5C90;
}

.giftcardFormLabel {
	width:168px;
	float:left;
	margin-bottom:5px;
	text-align:left;
}

.giftcardFormField {
	float:left;
	width:160px;
	margin-bottom:5px;
	text-align:left;
}

   #scrollbar_container {
       position:relative;
       width:374px;
   }

   #scrollbar_track {
       position:absolute;
       top:0;
       rightright:0;
      height:100%;
      width:10px;
       background-color:transparent;
       cursor:move;
  }

  #scrollbar_handle {
      width:10px;
      background-color:#5c92e7;
      cursor:move;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      opacity:0.9;
      -moz-opacity:0.9;
  }

  #scrollbar_content {
      overflow:hidden;
      width:359px;
      height:281px;
  }