/*-------------- New Formatting For Page -------

<cfmodule template="/tags/pagelayout.cfm" title="Sandals Resorts : : Fine Dining" centered_new="yes" level="centered">

	<!--- Call for Breadcrumbs --->
    <cf_linkBlock id="breadcrumbs">
        <cf_linkBlockItem title="Home" url="/">
        <cf_linkBlockItem title="The Sandals Difference" url="/general/included.cfm">
        <cf_linkBlockItem title="Fine Restaurants">
    </cf_linkBlock>

	<!--- Start Page Formatting --->
    <div id="contentWrapper">
    	<div id="contentPage">
          	<div id="content_header">
            	<p>Header Image</p>             
            </div>
            <div id="content_left" class="ie6_padding">
            	<img id="leftshaddow" src="../images-general/site-shaddowleft.png">
                <img id="rightshaddow" src="../images-general/site-shaddowright.png">
                
				<!--- Script for Flash Must Be After PNG's!!! --->
					
            	<p>Left Content</p>
               
            </div>
            <div id="content_right">
            	<div style="width:164px; border:solid 1px #fff; border-bottom:none; margin:15px auto;">
    				<cfmodule template="/tags/quick_quote/quick_quote-new.cfm" compare="no" special="no" ta_links="no" cc="no"/>
           		</div>
            	
            </div>
            <div class="clearer"><img src="/images-generic/spacer.gif" height="1" width="1"></div>
                        
        </div>
    </div>


</cfmodule>


*/


/*----------- Reseting Basic HTML CSS --------------*/
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #555555;
	background:#cacaca;
}

p {
	margin:10px 0;
}
a img {
	border:none;
	}

textarea, select {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
}
/*li {
	margin-left:20px;
}
input {
}

 Added by JP on 2/22/08

input[type=submit] {
	height:30px;
	margin:10px;
} 
textarea {
	padding:1px;
}
a:link, a:visited, a:active {
	color:#0A4873;
	text-decoration: none;
}

a:hover {
	color: #CC6666;
	text-decoration: none;
}
*/

/*----------- Start Page Formatting --------------
a.rollover:link, a.rollover:visited, a.rollover:active {
	text-decoration:none;
}
a.rollover:hover {
	text-decoration:underline; !important
}*/

#contentWrapper {
	background:url(site-bg.jpg) bottom left repeat-x;
	background-color:#e9e9e9;
}
#contentPage {
	width:760px;
	margin:0 auto;
	border:solid #999;
	border-width:0 1px;
	background:url(site-content-bg.gif) top left repeat-y;
}
#content_header {
	float:left;
	height:283px;
	width:760px;
	position:relative;
}

#content_left {
	background:url(site-maincontent-bg.jpg) top left repeat-x;
	background-color:#ffffff;
	border:solid #ffffff;
	border-width:1px 1px 0 0;
	width:537px;
	float:left;
	margin-top:-19px;
	padding:30px 15px 15px 15px;
	position:relative;
}
#content_right {
	width:192px;
	float:right;
	border-top:solid 3px #b2b2b2;
	background:url(site-rightcontent-bg.jpg) top left repeat-x;
	background-color:#f5f5f5;
}
#leftshaddow {
	position:absolute;
	left:-10px;
	top:7px;
	float:left;
}
#rightshaddow {
	position:absolute;
	right:-9px;
	top:7px;
	float:right;
}
.clearer {
	clear:both;
	height:1px;
}
#footer {
	text-align:center;
	margin-bottom:15px;
}
#topNav a:link, #topNav a:active, #topNav a:visited {
	display:block;
	float:left;
	height:27px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#topNav a:hover {
	background-position:0 -27px;
}
#subTopNav a:link, #subTopNav a:active, #subTopNav a:visited {
	display:block;
	float:left;
	height:8px;
	background-position:0 -7px;
	background-repeat:no-repeat;
}
#subTopNav a:hover {
	background-position:0 -24px;
}

#breadcrumbs {	
	background:url(site-breadcrumbs_bg.gif) center top no-repeat;
	background-color:#f0f0f0;
	padding:7px 0 0 0;
	height:23px; /* I am giving it a height so we know what to tell the content div's the amount of their margin on top  (height is actually HEIGHT PLUS PADDING!!!! */
	color:#999999;
	font-size:10px;
	border-bottom:solid 1px #CCC;
}

#breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {
	color:#999999;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.breadcrumbs a:hover {
	color:#666666;
}

#channelpro_text_detail {
	margin-bottom: 10px;
}

/*------------- Page Elements -----------------------*/
.section_title {
	border-bottom:1px solid #0a4873;
	margin:3px 0 5px 0;
	font-weight:bold;
	color:#003A73;
	font-size:12px;
}
.highlight {
	color:#cc6666;
	font-weight:bold;
	}
.arrow {
	background:url(bullet-arrow.gif) left no-repeat;
	background-position:0 5px;
	padding:1px 0px 1px 12px;
	margin:0px;
	line-height:14px;	
}
.divider_horz {
	background:url(dottedline-horz.gif) top left repeat-x;
	height:1px;
}