body, td, p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	outline:0;
}

body 
{
	padding:0px;
	margin:0px;
	background: url(../images/back.jpg) repeat center top;
	outline:0;
}



/*====================link==================*/

A 
{	
	color: #FFEA01;	
	text-decoration: none;
	outline:0;
}

	

A:HOVER 
{
	color: #FF0000; 
	text-decoration: underline;
	content: attr(title);
}

.link1 A 
{
	color: #407D98;	
	text-decoration: none;
}

	

.link1 A:HOVER 
{
	color: #D26056; 
	text-decoration: underline;
}

.border
{
	border-style:solid;
	border-color:#ff0000 #00ff00 #0000ff #000000;
}





/*====================warper==================*/

#warper
{
	width:100%;
	margin:0 auto 0 auto;
}



/*====================header==================*/



#header
{
	width:100%;
	height:75px;
	float:left;
	background-color:#656565;
}

#po_header
{
	width:100%;
	height:5px;
	float:left;
	background-color:#656565;
}



.nevigation_bg
{
	background-color:#000000;
	height:64px;
	margin-top:8px;
	width:100%;
	float:left;
	position:relative;
}





/*=====================================nevigation===================================*/

.topnav 
{
	/*background:url(../images/topnav_bg.png) repeat-x left top;*/
	height:63px;
	margin:0 auto 0 auto;
	width:1000px;
	position:relative;
}



.topnav ul 
{
	padding:0;
	margin:0;
	list-style: none;
}



.topnav ul li
{
	padding:0;
	margin:0 1px 0 0;
	float:left;
	display:inline;
}



.topnav ul li a
{
	color:#ffffff;
	text-transform:uppercase;
	font:normal 14px/63px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	text-align:center;
	float:left;
	width:137px;
	height:75px;
}


.topnav ul li a:hover 
{
	color:#ffffff;
	background-color:#656565;
	font:normal 14px/63px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.topnav ul li a.selected 
{
	color:#ffffff;
	background-color:#656565;
	font:normal 14px/63px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.topnav ul li a.act
{
	color:#ffffff;
	background-color:#656565;
	text-transform:uppercase;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	text-align:center;
	/* float:left; */
	width:181px;
	/* height:75px; */

}

/*====================mainbody==================*/

#top-content
{
	width:1000px;
	min-height:70px;
	background-color:#222222;
	margin:0 auto 0 auto;
}

#main-content
{
	width:1000px;
	min-height:569px;
	margin:0 auto 0 auto;
}

.logo
{
	width:726px;
	height:115px;
	display:block;
	float:left;
	margin:210px 0 0 150px;
	display:block;
	text-align:center;

	/*background:url(../images/cristalproperties.png) no-repeat center center;*/

}

.pro_logo
{
	/*background:url(../images/logo.png) no-repeat left top;*/
	width:362px;
	height:65px;
	float:left;
	display:block;
	margin:5px 0 0 324px;
	text-align:center;
	outline:0;
}



.middle_box
{
	width:1000px;
	min-height:569px;
	background:url(../images/inner_bg.jpg) no-repeat center top;
	float:left;
	margin:0;
	background-color:#222222;
}



.innerlogo
{
	width:700px;
	min-height:93px;
	text-align:center;
	float:left;
	margin:0 0 15px 150px;
	display:block;
	/*background:url(../images/inner_logo.png) no-repeat center center;*/

}

.breadcums{
	/*width:583px;*/
	/*height:50px;*/
	text-align:left;
	float:left;
	margin:13px 0 0 10px;
	display:block;
	color:#cccccc;
	/*background:url(../images/inner_logo.png) no-repeat center center;*/

}

.property_detail
{
height:45px;
float:left;
margin:5px 0 0 0;
width:1000px;
border-bottom: solid 5px #2f2f2f;
}



.property_detail_link_lable
{
height:45px;
width:135px;
font:normal 18px/45px Arial, Helvetica, sans-serif;
color:#ffea01;
float:left;
margin:0 0 0 10px;

}

.share
{
height:16px;
width:125px;
float:left;
margin:15px 0 0 0;
/*background:url(../images/share.jpg) no-repeat center center;*/
}


.clear
{
clear:both;
}

.contain_box
{
width:980px;
float:left;
margin:20px 0 12px 10px;
height:
}



.left_contain{
width:280px;
float:left;
margin:0 10px 0 0;
color:#FFFFFF;
font:normal 12px Trebuchet MS;
}

.right_contain{
width:395px;
float:right;
margin:0;
}


.check_available{
background:url(../images/check_icon.png) no-repeat left center;
height:30px;
width:310px;
float:left;
color:#ff5400;
text-decoration:underline;
padding:0 0 0 25px;
font:bold 13px/30px Trebuchet MS;
margin:0 0 0 0;
}



.reserve_property{
background:url(../images/check_icon.png) no-repeat left center;
height:30px;
width:310px;
float:left;
color:#ff5400;
text-decoration:underline;
padding:0 0 0 25px;
font:bold 13px/30px Trebuchet MS;
margin:0 0 0 0;

}


.toursandshow{
background:url(../images/toursandshow.png) no-repeat left center;
height:38px;
width:394px;
float:left;
color:#ff5400;
text-align:center;
color:#ffea01;
font:bold 12px/38px Trebuchet MS;
margin:25px 0 0 0;
padding-left:12px;

}



.map{
	background:url(../images/globe_red.png) no-repeat left center;
	width:200px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FF5400;
	float:left;
	margin-top:15px;
	margin-left:327px;
	padding:0 0 0 20px;
}

.map1{
	font:14px Arial, Helvetica, sans-serif;
	color:#FF5400;
	text-decoration:underline;
}

.map1:hover{
	color:#FF0000;
}



/*====================footer==================*/



#footer{
	width:100%;
	background-color:#000000;
	float:left;
	height:80px;
}



#footer-text{
	width:900px;
	/*height:80px;*/
	margin:0 auto 0 auto;
	font:12px/25px Trebuchet MS;
	color:#ffffff;
	text-align:center;
	padding-top:5px;

}

#footer-text a
{
	color:#ffffff;
}



#footer-right a{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 0 0 5px;
	text-align:right;
}



#footer-right a:hover{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 0 0 5px;
	text-align:right;
}



/*====================footer==================*/



.rounded_button {
    background: url(../images/button_right.jpg) no-repeat scroll right top transparent;
    float: left;
	min-width:10px;
    height: 23px;
    padding-right: 3px;

}



.rounded_button2 {

    background: url(../images/button_left.jpg) no-repeat scroll left top transparent;

    border: 0 none;

    color:#000000;

    cursor: pointer;

    float: left;

    font: 14px/23px Arial,Helvetica,sans-serif;

    height: 23px;

    padding: 0 0 2px 4px;

    text-align: center;

}



/*====================gallery==================*/



.gallery {

	float: left;

	margin: 10px; padding: 0;

	text-align: center;

}

.gallery .thumb {

	width: 360px;

	height: 241px;

	cursor: pointer;

}

.gallery span { /*--Used to crop image--*/

	width: 360px;

	height: 241px;

	overflow: hidden;

	display: block;

}

.gallery a.thumb:hover {

	background: #333;

}

.gallery h2 {

	font-size: 1em;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0; padding: 10px;

	background: #f0f0f0;

	border-top: 1px solid #fff; /*--Subtle bevel effect--*/

}

.gallery a {text-decoration: none; color: #777; display: block;}

.err_div

{

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#ff0000;

}

.property_instruction

{

background:url(../images/check_icon.png) no-repeat left center;

height:30px;

width:310px;

float:left;

color:#ff5400;

text-decoration:underline;

padding:0 0 0 25px;

font:bold 13px/30px Trebuchet MS;

margin:0 0 0 0;	

}



.pronext

{

	float:left;

	width:115px;

}

.homecat

{

	width:990px;

	float:left;

	margin-left:5px;

	margin-top:30px;

}

.bed1

{

float:left;

width:324px;

margin-right:4px;

border:1px solid #FCFCFC;

margin-bottom:10px;

}

.bed6

{

float:left;

width:324px;

margin-right:4px;

border:1px solid #FCFCFC;

margin-bottom:10px;

}

.bed10

{

float:left;

width:324px;

border:1px solid #FCFCFC;

margin-bottom:10px;



}

.catheading

{

	width:324px;

	font-size:18px;

	font-weight:bold;

	text-align:center;

	margin-top:5px;

}

.homecatpro

{

	width:324px;

	margin-top:10px;

	float:left;

}

.catproimg

{

	width:152px;

	margin-top:5px;

	float:left;

	height:120px;

	text-align:center;

	border:1px solid #cccccc;

	margin-right:5px;

	margin-left:5px;

}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */



/* Invisible left hotspot */

div.scrollingHotSpotLeft

{

	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow

    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */

	min-width: 75px;

	width: 10%;

	height: 100%;

	/* There is a big background image and it's used to solve some problems I experienced

    in Internet Explorer 6. */

	/*background-image: url(../images/big_transparent.gif);*/

	background-repeat: repeat;

	background-position: center center;

	position: absolute;

	z-index: 200;

	left: 0;

	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */

	cursor: url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;

}



/* Visible left hotspot */

div.scrollingHotSpotLeftVisible

{

	background-image: url(../images/arrow_left.gif);				

	background-color: #fff;

	background-repeat: no-repeat;

	opacity: 0.35; /* Standard CSS3 opacity setting */

	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */

	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */

	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */

}



/* Invisible right hotspot */

div.scrollingHotSpotRight

{

	min-width: 75px;

	width: 10%;

	height: 100%;

	/*background-image: url(../images/big_transparent.gif);*/

	background-repeat: repeat;

	background-position: center center;

	position: absolute;

	z-index: 200;

	right: 0;

	cursor: url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;

}



/* Visible right hotspot */

div.scrollingHotSpotRightVisible

{

	background-image: url(../images/arrow_right.gif);

	background-color: #fff;

	background-repeat: no-repeat;

	opacity: 0.35;

	filter: alpha(opacity = 35);

	-moz-opacity: 0.35;

	zoom: 1;

}



/* The scroll wrapper is always the same width and height as the containing element (div).

   Overflow is hidden because you don't want to show all of the scrollable area.

*/

div.scrollWrapper

{

	position: relative;

	overflow: hidden;

	width: 1000px;

	height: 100%;

}



div.scrollableArea

{

	position: relative;

	width: auto;



}



		#makeMeScrollable

		{

			width:1000px;

			height: 241px;

			position: relative;

			float:left;



		}

		

		#makeMeScrollable div.scrollableArea img

		{

			position: relative;

			float: left;

			margin: 0;

			padding: 0;

		}

/* ######### Drop Down ULs CSS ######### */





.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/

font: normal 13px Arial, Helvetica, sans-serif;

margin: 0;

padding: 0;

position: absolute;

left: 0;

top: 0;

list-style-type: none;

background:#464646 url(../images/dropdown.jpg) repeat-x left top;

border-bottom-width: 0;

visibility: hidden;

z-index: 100;

}



.ddsubmenustyle li a{

display: block;

width: 117px; /*width of menu (not including side paddings)*/

/*height:18px;*/

height:auto;

color: #fff;

text-align:center;

text-decoration: none;

padding: 6px 0 0 0;

font:bold 12px Arial, Helvetica, sans-serif;

margin:0 10px 0 10px;

border-bottom: 1px solid #666666;

}



* html .ddsubmenustyle li{ /*IE6 CSS hack*/

display: inline-block;

width: 142px; /*width of menu (include side paddings of LI A*/

}



.ddsubmenustyle li a:hover{

color: #FFEA01;

/*line-height:40px;*/

}



/* ######### Neutral CSS  ######### */



.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/

padding-left: 0;

border: 0;

}



.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/

position: absolute;

padding-top: 3px;

left: 100px;

border: 0;



}





/* ######### Matt Black Strip Main Menu Bar CSS ######### */



.mattblackmenu ul{

margin: 0 0 0 15px;

padding: 0;

font: 16px Arial, Helvetica, sans-serif;

list-style-type: none;

background: #014439;

overflow: hidden;

width: 895px;



}



.mattblackmenu li{

display: inline;

margin: 0;

}



.mattblackmenu li a{

float: left;

display: block;

text-decoration: none;

margin-top: 10px;

padding: 5px 30px 5px 35px; /*padding inside each tab*//*right divider between tabs*/

margin:10px 5px;

color: white;

height:20px;

/*-moz-border-radius: 5px;*/ /* for ie  */

    /*-khtml-border-radius: 5px;*/ /* for ie */

    /*-webkit-border-radius: 5px;*/ /* for ie */

   /* border-radius: 5px; */

}



.line{

margin:0 5px;



}

.noline{

border-right:solid 2px #FFF;

padding-right:20px;

}



.mattblackmenu li a:visited{

color: #fff;

}



.mattblackmenu li a:hover{

background-color:#7fc7bb;

/*background-image:url(images/menubg.gif);

background-repeat:no-repeat;*/

background-position: 0px 12px;

color:#000; /*background of tabs for hover state */

-/*moz-border-radius: 5px;*/ /* for ie  */

   /* -khtml-border-radius: 5px;*/ /* for ie  */

   /* -wedie7-border-radius: 5px;*/ /* for ie  */

    /*border-radius: 5px; */ /* for ie  */

}



.mattblackmenu a.selected{

background-color:#7fc7bb;

 /*background of tab with "selected" class assigned to its LI */

}



@charset "utf-8";

/*

Thumbnail scroller jQuery plugin

scrollers styling

*/

.jThumbnailScroller{position:absolute; width:1000px; height:241px; margin-top:19px;  padding:0; overflow:hidden; background-color:#000000 }

.jThumbnailScroller .jTscrollerContainer{position:absolute; float:left; left:0}

.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}

.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block;  opacity:0.7;}

.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}

.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}

.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1; }

.jThumbnailScroller .jTscroller a{display:inline-block; *display:inline;}

.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}

.jThumbnailScroller .jTscroller a:first-child{margin:0px;}

.jThumbnailScroller .jTscroller a img{border:none;}

/* different styled scrollers */

/* liquid width scroller */

.jThumbnailScroller#tS1{width:100%;}

.jThumbnailScroller#tS2{ position:relative; float:left; left:0;}

.jThumbnailScroller#tS2 .jTscroller a{/*opacity:0.5; filter:alpha(opacity=50)*/}

.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1; filter:alpha(opacity=100)}

.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}

.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}

/* a vertical scroller */

.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:241px; margin:0; background:#eee;}

.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}

.jThumbnailScroller#tS3 .jTscroller a{display:block; width:100px; overflow:hidden; opacity:0.7; filter:alpha(opacity=70)}

.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1; filter:alpha(opacity=100)}

.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}

.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%;}

.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; }







.mid_search_div

{

	float:left; 

	margin-left:20px;

	width:400px; 

	color:#000000;

	padding:5px;

}

.mid_search_div1

{

	float:left; 

	/*margin-left:20px;*/

	margin-top:10px;

	width:950px; 

	color:#000000;

	padding:5px;

}



.search_date

{

	float:left;

}



.search_bed

{

	float:left;

	margin-left:10px;

}



.search_sleep

{

	float:left;

	margin-left:10px;

}

.right_pro_div

{

	background:url(../images/search-bg.png) no-repeat left top;

	float:right; 

	text-align:left;

	color:#ffffff;

	padding:5px;

	width:200px;

}

.search_button{

	width:26px;

	height:25px;

	border: none;

	border-width:0;

	float:left;

	cursor:pointer;

	display:block;

	/*background-color:none;*/

	font:normal 12px/23px Arial, Helvetica, sans-serif;

	background:url(../images/search_button.png) no-repeat 0 0;

	margin:3px 0 0 5px;

}

.extra_search_button{

	width: 300px;

	height:26px;

	border: none;

	border-width:0;

	/*float:left;*/

	cursor:pointer;

	/*display:block;*/

	/*background-color:none;*/

	font:normal 12px/23px Arial, Helvetica, sans-serif;

	background:url(../images/bt-bg.png) no-repeat  left top;

	margin-top:3px;

	text-align:center;

	color:#000000;

}



.box-top{

	background:url(../images/box-top.png) repeat-x left bottom;

	height:10px;

}



.box-left{

	background:url(../images/box-left.png) repeat-y right top;

	height:10px;

}



.box-right{

	background:url(../images/box-right.png) repeat-y left top;

	height:10px;

}



.box-bot{

	background:url(../images/box-bot.png) repeat-x right top;

	height:10px;

}



.lookupguestlist{

background: url("../images/guest_button.png") no-repeat scroll left top transparent;

    border: 0 none;

    color: #000000;

    cursor: pointer;

    font: bold 12px/18px Arial,Helvetica,sans-serif;

    height: 18px;

    margin-top: 0;

    padding-bottom: 1px;

    text-align: center;

    width: 65px;

}



.lookupguestlist1{

background: url("../images/guest_button1.png") no-repeat scroll left top transparent;

    border: 0 none;

    color: #000000;

    cursor: pointer;

    font: bold 12px/18px Arial,Helvetica,sans-serif;

    height: 18px;

    margin-top: 0;

    padding-bottom: 1px;

    text-align: center;

    width: 210px;

}

.movetosendemail{

width:210px;

	height:24px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 14px/24px Arial, Helvetica, sans-serif;

	background:url(../images/movetosendemail.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;

}



.savelist{

width:86px;

	height:25px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 14px/24px Arial, Helvetica, sans-serif;

	background:url(../images/save.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;

}



.send{

width:129px;

	height:47px;

        padding-left:10px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 1px/47px Arial, Helvetica, sans-serif;

	background:url(../images/send.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#FEF43F;

	text-align:left;



}

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





.remindeme{

width:181px;

	height:34px;

	border: none;

	border-width:0;

	cursor:pointer;

	font: 1px/34px Arial, Helvetica, sans-serif;

	background:url(../images/remindmelater.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	padding-left:5px;

	text-align:center;

	color:#FEF43F;

	text-align:left;



}



.reminde_me{

width:110px;

	height:25px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 11px/24px Arial, Helvetica, sans-serif;

	background:url(../images/remindme.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;



}



.senddisable{

width:129px;

padding-left:10px;

	height:47px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 1px/47px Arial, Helvetica, sans-serif;

	background:url(../images/senddisable.png) no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#FEF43F;

	text-align:left;



}

/*CSS FOR PERSONAL SHOPPER START*/

.ps_calculate{

width:206px;

	height:43px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 16px/41px Arial, Helvetica, sans-serif;

	background:url(../personalshopper/images/ps_cal-bt-03.png)  no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;

	padding-right:20px;



}

.ps_calculate_deactive{

width:206px;

	height:43px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 16px/41px Arial, Helvetica, sans-serif;

	background:url(../personalshopper/images/ps_cal-bt_gray.png)  no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;

	padding-right:20px;



}

.ps_calculate_complete{

width:206px;

	height:43px;

	border: none;

	border-width:0;

	cursor:pointer;

	font:bold 16px/43px Arial, Helvetica, sans-serif;

	background:url(../personalshopper/images/cal-bt-02.png)  no-repeat  left top;

	margin-top:0px;

	padding-bottom:1px;

	text-align:center;

	color:#000000;

	padding-right:40px;



}

.ps_arrow

{

	width:31px;

	height:31px;

	background:url(../personalshopper/images/next_button.png)  no-repeat  left top;

	border-width:0;

	cursor:pointer;

	font-size:12px;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	line-height:31px;

}



.ps_placeorder_disable

{

background:url(../personalshopper/images/placeorder_disable.png) no-repeat left top;

color:#000000;

font: bold 0px/20px Arial, Helvetica, sans-serif;

height:84px;

border:none;

float:left;

width:268px;

border:none;

margin:0 0 0 10px;

cursor:pointer;

}

.ps_continuetocheckout_disable

{

background:url(../personalshopper/images/chckout_diseble.png) no-repeat left top;

color:#000000;

font: bold 0px/20px Arial, Helvetica, sans-serif;

height:84px;

border:none;

float:left;

width:268px;

border:none;

margin:0 0 0 10px;

cursor:pointer;

}







/*CSS FOR PERSONAL SHOPPER END*/



/* CSS FOR VIP SERVICES START */

.border-bottom

{

border-bottom:#363636 1px solid;

}



.vip_service_btn

{

background:url(../vipproductservices/images/vip_cal-bt-mid.png) repeat-x left top;

height:35px;

border:none;

font-size:16px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

cursor:pointer;

padding:0 10px;

color:#000000;



}

.vip_proceedtocheckout{

background:url(../vipproductservices/images/continetochckout.png) no-repeat left top;

width:524px;

height: 101px;

border:none;

}



.vip_schedule

{

background:url(../vipproductservices/images/vip_reservenow.png) no-repeat left top;

height:35px;

border:none;

font-size:16px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

cursor:pointer;

padding:0 10px;

color:#000000;

width:176px;

}


.continue{
background:url(../images/continue.png) no-repeat left top;
color:#000000;
font: bold 0px/20px Arial, Helvetica, sans-serif;
height:84px;
border:none;
width:226px;
border:none;
margin:0 0 0 10px;
cursor:pointer;
}


/* CSS FOR VIP SERVICES END */

.pc_div
{
float: left;
margin: 20px 0 12px 10px;
width: 980px; 
background-color:#FFFFFF; 
color:#000000;
border:3px solid #C9C9C9;
}
.pc_div_heading
{
color:#70483A;
text-align:center;
font-size:14px;
font-weight:bold;
height:30px;
vertical-align:middle;

}
.green_btn
{
	background-color:#00CC00;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border: solid 1px #FFFFFF;
	padding:0px 5px 0 5px;
	cursor:pointer;
}
.clsTopContentWrap{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #222222;
}

.topnav ul li.pipe-char a:after{
    content:'';
    display:block;
    width:1px;
    height:30%;
    position:absolute;
    right:0;
    top:35%;
    background:white
}
.topnav ul li a {
    height: auto;
    position: relative;
    width: auto;
    padding: 25px 5px;
    line-height: 1;
    margin: 0px 5px;
    margin: 0;
}
.topnav ul li a:hover {
    line-height: 1;
}
.topnav ul li a.selected {
    line-height: 1;
}

.ddiframeshim {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}