/* CSS Document slushycocktails
   http:www.pixelworld.co.in
 */
body{
  margin:0 auto;
  padding:0px;
  background:#000000; 
  font:normal 12px Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#FFFFFF;
}
div, ul, li, h1, h2, h3, h4, h5, p{
  margin:0px;
  padding:0px;
}
form{
  padding:0px;
  margin:0 auto;
}
ul{
  list-style-type:none;
}
.spacer{
  clear:both;
}
a{
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
.fl{
  float:left;
}
.fr{
  float:right;
}

/*contener*/
#contener{
  width:930px;
  margin:0 auto;
  background:url(../images/header.png) no-repeat 0 0px;
}
/* left */
#left{
  width:246px;
  float:left;
}
/* logo */
#logo{
  width:246px;
  float:left;
}
#left-banner{
  width:246px;
  float:left;
}
#slush-machine{
  width:232px;
  float:left;
}
#slush-machine-top{
  width:217px;
  float:left;
  height:36px;
  padding:0 0 0 15px;
  background:url(../images/slush-machine.png) no-repeat;
  font:normal 15px/36px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}
#slush-machine-bottom{
  width:200px;
  padding:15px 15px 0 15px;
  float:left;
  border:#262626 1px solid;
  border-top:none;
  background:#0f0f0f;
}
#slush-machine-bottom p{
  font:normal 11px Arial, Helvetica, sans-serif;
  color:#afafaf;
  padding:0 0 15px 0;
}
#slush-machine-bottom p a{
  color:#c4ac09;
}
#slush-machine-bottom p a:hover{
  color:#a8132e;
}
#left-bottom-banner{
  width:232px;
  float:left;
  padding:24px 0 0 0;
}


/* right */
#right{
  width:684px;
  float:right;
}

/* header */
#header{
  width:684px;
  float:left;
}
#header-top{
  width:684px;
  float:left;
}
#phone-NO{
  width:165px;
  float:right;
  background:url(../images/phone-bg.png) repeat-x;
  height:39px;
}
#phone-NO-left{
  width:28px;
  float:left;
  background:url(../images/phone-icon.png) no-repeat left top;
  height:39px;
}
#phone-NO-middel{
  width:123px;
  float:left;
  height:24px;
  padding:15px 0 0 0;
  font:normal 18px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}
#phone-NO-right{
  width:14px;
  float:right;
  background:url(../images/phone-right.png) no-repeat right;
  height:39px;
}

/* menu */
#menu{
  width:684px;
  float:left;
}
#menu-top{
  width:500px;
  padding:0 0 0 184px;
  float:left;
  height:43px;
}
#menu-top ul{
}
#menu-top ul .rad{
  border-bottom:#e5073b 1px solid;
}
#menu-top ul .ye{
  border-bottom:#faf708 1px solid;
}
#menu-top ul .green{
  border-bottom:#8bcb1a 1px solid;
}
#menu-top ul .bul{
  border-bottom:#1b7adc 1px solid;
}
#menu-top ul .pink{
  border-bottom:#dc1b96 1px solid;
}
#menu-top ul .none{
  background:none;
}
#menu-top ul li{
  font:normal 14px/42px Arial, Helvetica, sans-serif;
  color:#c3c3c3;
  float:left;
  padding:0 15px;
  background:url(../images/top-menu-border.png) no-repeat right top;
}
#menu-top ul li a{
  color:#c3c3c3;
}
#menu-top ul li a:hover{
  color:#FFFFFF;
  background:url(../images/hover.png) no-repeat center;
  display:block;
  height:42px;
}
#menu-bottom{
  width:684px;
  float:left;
  padding:1px 0 0 0;
  background:url(../images/bottom-menu-bg.png) repeat-x;
}
#menu-bottom ul{
}
#menu-bottom ul .none{
  background:none;
}
#menu-bottom ul li{
  font:normal 13px/44px Arial, Helvetica, sans-serif;
  height:44px;
  color:#fff;
  float:left;
  background:url(../images/bottom-menu-border.png) no-repeat left;
  padding:0 10px;
  display:block;
}
#menu-bottom ul li a{
  color:#fff;
}
#menu-bottom ul li a:hover{
  color:#8bcb1a;
}
#banner{
  width:684px;
  float:left;
}
#body{
  width:668px;
  float:left;
  padding:0 0 0 16px;
}
#body h1{
  font:normal 18px Arial, Helvetica, sans-serif;
  color:#f5b809;
}
#body h2{
  font:normal 16px Arial, Helvetica, sans-serif;
  color:#f5b809;
}
#body h3{
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#32d8ff;
  padding:10px 0 0 0;
}
#body p{
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding-bottom:15px;
  padding-top:5px;
}
#body p span{
  color:#f5b809;
}

#body p a{
  color:#c4ac09;
}
#body p a:hover{
  color:#FFFFFF;
}
#body ul{
}
#body ul li{
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding:5px 0 0 15px;
  background:url(../images/bulet-2.png) no-repeat 0 8px;
}
#body ul li a{
  color:#FFFFFF;
}
#body ul li a:hover{
  color:#c4ac09;
}
.machine{
  width:668px;
  float:left;
   padding:10px 0;
}
.machine-left{
  width:400px;
  float:left;
}
.machine-right{
  width:268px;
  float:right;
}
.machine2{
  width:668px;
  float:left;
  padding:10px 0;
}
.machine-left2{
  float:left;
  width:168px;
}
.machine-right2{
  width:500px;
  float:right;
}
.flavours{
  width:668px;
  float:left;
  padding:25px 0 0 0;
}
.flavours-left{
  width:330px;
  float:left;
  padding:0 8px 0 0;
}
.flavours-right{
  width:330px;
  float:left;
}
#bottom-con{
  width:100%;
  float:left;
  background:#000000 url(../images/body_bpottom.png) repeat-x;
  padding:20px 0;
}
#bottom{
  width:930px;
  margin:0 auto;
}
#bottom2{
  width:683px;
  float:right;
}
.bottom{
  width:210px;
  float:left;
  padding:0 0 0 15px;
  font:normal 11px/18px tahoma;
  color:#919191;
  border-left:#141414 1px solid;
}
.bottom a{
  color:#919191;
}
.bottom a:hover{
  color:#c4ac09;
}
/*  footer */
#footer-con{
  width:100%;
  float:left;
  background:#090909;
  padding:17px 0;
}
#footer{
  width:930px;
  margin:0 auto;
}
#footer-left{
  width:730px;
  float:left;
  background:#090909;
}
#footer-left ul{
}
#footer-left ul li{
  font:normal 11px Arial, Helvetica, sans-serif;
  color:#8e8e8e;
  float:left;
  padding:0 15px;
}
#footer-left ul li a{
  color:#8e8e8e;
}
#footer-left ul li a:hover{
  color:#ffffff;
}
#footer-right{
  width:200px;
  float:right;
  background:#090909;
  font:normal 11px Arial, Helvetica, sans-serif;
  color:#7c7c7c;
}
/* contact us */
#contact_us{
  width:600px;
  float:left;
}
.contact_us{
  width:600px;
  float:left;
  padding:10px 0 0 0px;
}
.contact_us_left{
  width:150px;
  float:left;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}
.contact_us_left span{
  color:#ec2008;
  font-size:16px;
}
.contact_us_right{
  width:450px;
  float:right;
}
.securety{
  width:140px;
  float:left;
}
.securety_input{
  font:normal 25px/40px tahoma;
  color:#CCCCCC;
  height:40px;
  width:120px;
  background:#333333;
  border:#666666 1px solid;
  padding:0 0 0 4px;
}
.co_input{
  font:normal 11px/20px tahoma;
  color:#CCCCCC;
  height:20px;
  width:260px;
  background:#333333;
  border:#666666 1px solid;
  padding:0 0 0 4px;
}
.co_textarea{
  font:normal 11px/20px tahoma;
  color:#CCCCCC;
  height:100px;
  width:260px;
  background:#333333;
  border:#666666 1px solid;
  padding:0 0 0 4px;
  overflow:hidden;
}

.main-text-headings{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}

.main-text{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}

#bank{
	height: 300px;
	width: 190px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 7px;
	padding: 6px;
}

#cheques{
	height: 300px;
	width: 190px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 7px;
	padding: 6px;
}
#cash{
	height: 300px;
	width: 190px;
	border: 1px solid #CCC;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 7px;
	padding: 6px;
}

