/* <!-- */
    /* General styles */
    body {
		font: 100% Trebuchet MS, Arial, Helvetica;
		background: #237dc9 url(../img/ocean-bg.jpg) repeat-x;
		text-align:center;
    }
	/* Necessary for the POS that is IE6 */
	.bodycontainer {
        margin-left:auto;
		margin-right:auto;
        padding:0px;
        border:0px;
        width:725px; 
		text-align:left;
	}
	p {
		font-size:14px;
		color: #235480;
		margin:5px 30px 13px 20px;
	}
	h1 {
		font-size:17px;
		font-weight:bold;
		color:#235480;
		margin-top:20px;
		margin-left: 15px;
		margin-bottom: 10px;
		text-transform: uppercase;

	}
	
	h1 span {
		font-size: 14px;
	}
	
	h1 .bigger {
		font-size: 22px;
	}
	h2 {
		font-size:15px;
		font-weight:bold;
		color:#235480;	
		margin:8px 0px 0px 10px;
	}
	
	h3 {
		font-size: 16px;
		color: #FFF;
	}
	a:link{color:#f98e59;}
	a:hover{color:#235480;}
	a:visited{color:#f98e59;}
	a:active{color:#f98e59;}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.clear {
		clear: both;
	}
	.center {
		text-align: center;
	}

	
	.fieldTitle {
		width: 150px;
		float: left;
		padding-left: 20px;
		font-size: 12px;
		line-height: 22px;
		color: #235480;
		font-weight: bold;
	}
	.requiredField {
		color: #f98e59;
		font-weight: bold;
		font-size: 13px;
	}
    .required {
		color: #f98e59;
		font-weight: bold;
		font-size: 13px;
	}

	select {
		width: 155px;
	}
	
	input, select, textarea {
		border: 1px solid #235480;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
		width:100%;
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu */
	.leftmenu {
		background: #FFF url(../img/contentBG.gif) repeat-x;
		border: 1px solid #588dbd;
		margin-bottom:10px;		
	}
	/* header container */
	.header {	
		width:700px; 
		height:190px;
		margin:0px;
		padding:0px;
	}
	.header img {
		border:0px;
	}
	/* menu container */
	.menu {
		clear:both;
		height:55px;
		min-height:55px;
		width:700px;
		min-width:700px;
		margin-left:10px;
		overflow:hidden;	
		background: url(../img/navGradient.gif) repeat-x;	
		border: 1px solid #588DBD;
	}
	.menu .tab {
		border-right:1px solid #235480;		
		height:55px;
		width:99px;
		min-width:99px;
		max-width:99px;
		float:left;
		display:inline;	
	}	
	
	.menu .lastTab {
		border-right: none;
	}	
	.menu p {
		text-align:center;
		margin:12px 5px 0px 3px;		
	}
	.menu p a {
		font-size:14px;
		font-weight:bold;
		color:#235480;
		text-decoration:none;	
	}
	.menu p a:hover {
		color:#f98e59;
	}		
	html>/**/body .leftmenu {
		padding-bottom: 12px;
	}
    .leftmenu .colright {
        float:left;
        width:200%; 
		position:relative;
		left:230px; 
    }
    .leftmenu .col1wrap {	
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
		margin:0px;
	    padding-bottom:0px;
	}
	.leftmenu .col1 {
        margin:0px 10px 0px 225px;
	    position:relative;
	    right:100%;
		overflow:visible;
		clear:both;
	}
	.leftmenu .col1 p {
		font-size:14px;
		font-weight:normal;
		color:#235480;
		margin:5px 30px 13px 20px;
		width:430px;
	}
	.leftmenu .col1 #lady {	
		width:344px; 
		height:353px;
		float:right;
		margin:65px -35px -13px 0px;
		padding:0px;
		border:0px;
		overflow:visible;
	}				
	.leftmenu .col1 .flash {
		border:solid 5px #75ABDB;
		width:450px;
		height:180px;
		margin:0px;
	}						
    .leftmenu .col2 {
        float:left;
		display:inline;
        width:235px;
        position:relative;
		z-index:2;
        right:220px;
		/*border:solid 5px #75ABDB;*/
		margin:25px 0px 0px 10px;
		overflow:visible;
    }
	
	.col2 .sidebarborder {
		border:solid 5px #75ABDB;
		width: 225px;
	}
	
	/* Need to wrap the ul for z-index to work */
	.leftmenu .col2 h2 {
		font-size:14px;
		font-weight:bold;
		color:#235480;	
		margin:8px 0px 0px 3px;
	}	
	
	
    .leftmenu .col2 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
    }	
	
	*:first-child+html .leftmenu .col2 ul {
		margin: 0px;
	} 
	
	* html .leftmenu .col2 ul {
		margin: 5px 0px 13px 0px;	
	}
    .leftmenu .col2 li a {
		font-size:13px;
		font-weight:bold;	
		text-decoration:none;		
		color: #235480;
		background: url(../img/categoryBG.gif) no-repeat;
		display: block;
		width: 219px;
		height: 19px;	
		line-height: 18px;
		margin: 5px 0px;	
		padding-left: 5px;
    }
	.leftmenu .col2 li a:hover {
		color:#FFF;
		background: url(../img/categoryBG-extended.gif) no-repeat;
		display: block;
		width: 219px;
		height: 19px;	
		line-height: 18px;
		margin: 5px 0px;	
		padding-left: 5px;
	}		
	.leftmenu .footer {
		height:179px;
		max-height:179px;
		width:684px;
		max-width:684px;
		margin:5px 10px 10px 20px;
		padding:0px;
		border: solid 5px #235480;	
		clear:both;	
	}
	.leftmenu .footer img {
		margin:0px;
		padding:0px;
		border:0px;
	}
	.single-col {
		background: #FFF url(../img/contentBG.gif) repeat-x;
		background-repeat:repeat-x;
		border: 1px solid #588dbd;
		margin:0px 0px 10px 0px;
		padding:0px;
		width:725px;
	}
	
	.single-col h1 {
		font-size:18px;
		font-weight:bold;
		color:#235480;
		margin:0px 0px 0px 8px;	
	}
	.single-col img {
		margin:5px 5px 5px 8px;
		border:1px solid #000;
	}
	.single-col .title {
		margin:0px;	
		clear:both;	
	}
	.single-col .title h1 {
		width:350px;
		font-size:26px;
		font-weight:bold;
		color:#235480;
		margin:0px 0px 5px 20px;
		float:left;
		display:block;
		
	}
	.single-col .title .address {
		width:300px;
		text-align:left;
		margin:-42px 0px 15px 12px;
		float: left;
		clear: none;	
	}
	.single-col .address {
		padding: 15px 0px;
		text-align: right;
		padding-right: 15px;
	}
	.single-col .title .address a {
		font-size:14px;
		font-weight:bold;
		color:#f98e59;
		margin:0px 10px 5px 0px;		
	}
	
	/* Styles for Google Maps */
	.single-col .title .address .map-canvas {
		width:300px;
		height:325px;
		text-align:left;
		margin:0px;
	}
	.single-col .title .address .map-info {
		width:230px;
		margin:0px;
	}
	.single-col .title .address .map-info h4 {
		font-size:16px;
		font-weight:bold;
		color:#f98e59;
		text-align:center;
		margin:5px;
	}
	.single-col .title .address .map-info p {
		font-size:11px;
		color:#235480;
		text-align:center;
		margin:0px;
	}
	.single-col .title .address .directions-canvas {
		height:400px;
		width:300px;
		clear:both;
		border:1px solid #000;
		background:#FFFF00;
	}	
	/* end map styles */	
	.single-col .logo {
		clear: both;
		float: left;
	}
	
	.single-col .logo img {
		border: none;
	}

		.single-col .shop-left {
		width:352px; 
		max-width:352px;
		min-height:140px;	
		float:left;
		display:inline;
		border-right:1px solid #235480;
		margin:5px 0px 5px 10px;
		padding:0px;
	}
	.single-col .shop-left .inside {
		width:126px; 
		float:left;
	}
	.single-col .shop-left .inside p {
		font-size:10px;
		font-weight:bold;
		color:#235480;
		text-align:right;
		margin:5px 8px 5px 5px;	
		color: #f98e59;	
	}	
	.single-col .shop-left .inside p a {
		font-size:10px;
		font-weight:bold;
		color: #f98e59;	
		text-align:right;
		text-decoration:none;
		margin:5px 3px 5px 3px;	
	}	
	.single-col .shop-left .inside p img {
		border:none;
		margin:0px 8px 0px 0px;
	}	
	.single-col .shop-left .outside {
		width:220px;
		float:left;
	}
	.single-col .shop-left .outside a {
		text-decoration:none;
		color:#235480;
	}
	.single-col .shop-left .outside ul {
		font-size:12px;
		color:#235480;
		margin-right:6px;
	}	
	.single-col .shop-right {
		width:355px;
		max-width:355px;
		min-height:140px;	
		float:left;
		margin:5px 0px 5px 0px;	
		padding:0px;		
	}
	.single-col .shop-right .inside {
		width:126px;
		float:left;
	}
	.single-col .shop-right .inside p {
		font-size:10px;
		font-weight:bold;
		color: #f98e59;	
		text-align:right;
		margin:5px 8px 5px 5px;					
	}
	.single-col .shop-right .inside p a {
		font-size:10px;
		font-weight:bold;
		color: #f98e59;	
		text-align:right;
		text-decoration:none;
		margin:5px 3px 5px 3px;	
	}		
	.single-col .shop-right .inside p img {
		border:none;
		margin:0px 5px 0px 0px;
	}	
	.single-col .shop-right .outside {
		width:220px;
		float:left;
	}
	.single-col .shop-right .outside a {
		text-decoration:none;
		color:#235480;
	}
	.single-col .shop-right .outside ul {
		font-size:12px;
		color:#235480;
		margin-right:6px;
	}
	.single-col .properties {
		width:93%;
		min-height:90px;
		margin:5px 0px 10px 20px;
		border:5px solid #AFCEC6;
	}
	.single-col .properties img {
		border:1px solid #000;
		margin:6px 0px 5px 10px;				
	}
	.single-col .properties .imagebox {
		width:13%;
		min-height:90px;
		float:left;
	}	
	.single-col .properties .linkbox {
		width:33%;
		min-height:90px;		
		float:left;
	}
	.single-col .properties .linkbox a {
		font-size:17px;
		font-weight:bold;
		color:#f98e59;
		text-decoration:none;
		text-align:left;
		vertical-align:middle;
		line-height:90px;
		margin:10px;
	}
	.single-col .properties .linkbox a:hover {
		color:#235480;
	}		
	.single-col .properties .addressbox {
		font-size:13px;
		font-weight:bold;
		color:#f98e59;
		width:30%;
		min-height:90px;
		line-height:90px;				
		float:left;
		text-align:center;	
	}
	.single-col .properties .detailsbox {
		width:24%;
		min-height:90px;		
		float:right;
	}	
	.single-col .properties .detailsbox ul {
		list-style-type:none;
		margin:5px 0px 0px 0px;
		padding:0px;
	}
	.single-col .properties .detailsbox li {
		font-size:12px;
		font-weight:bold;
		color:#235480;
	}	
	.single-col .properties .detailsbox li a {
		color:#235480;
	}	
	.single-col .properties .detailsbox li a:hover {
		color:#f98e59;
	}
	/* Style for shopping by category pages */
	.single-col .sclist {
		width:400px;
		margin-left:10px;
	}
	.single-col .sclist h2 {
		font-size:15px;
		font-weight:bold;
		color:#f98e59;	
		margin:20px 0px 5px 10px;
	}		
	.single-col .sclist h2 a {
		font-size:15px;
		font-weight:bold;
		color:#f98e59;	
	}	
	.single-col .sclist p {
		font-size:12px;	
		color:#235480;
		width:690px;	
		margin: 0px;
		margin-bottom: 5px;
		margin-left: 10px;
	}
	.single-col .sclist a {
		font-size:12px;
		font-weight:bold;	
		color:#235480;
	}	
	.single-col .sclist a:hover {
		color:#f98e59;
	}
	.single-col .menuimage img {
		margin:25px 0px 10px 60px;
	}	
	.single-col .storeList {
		list-style-type: none;
		line-height: 30px;
	}
	.single-col .storeList a {
		font-size:12px;
		font-weight:bold;	
		color:#235480;
	}	
	.single-col .storeList a:hover {
		color:#f98e59;
	}
	.single-col .eventsContainer {
		padding: 15px;
		clear: left;
	}
	.single-col .event {
		margin-bottom: 25px;
	}
	.single-col .eventDate {
		color: #235480;
		font-size: 11px;
		letter-spacing: 3px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px 0px;
	}
	.single-col .eventName {
		color: #f98e59;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 17px;
	}
	.single-col .eventDescription {
		font-size: 12px;
	}
	
	#slideshow {
		width: 225px;
		height: 160px;
		border:solid 5px #75ABDB;
		float: left;
		clear: both;
		margin-top: 10px;
	}
	
	#slideshow a {
		background: url(../img/clickbutton.jpg) no-repeat;
		width: 266px;
		height: 160px;
		float: left;
		text-indent: -9999px;
	}
	
	.social {
		width: 150px;
		height: 22px;
		margin:12px 10px 0px 225px;
	    position:relative;
	    right:100%;
		overflow:visible;
		clear:both;	
		float: right;
	}
	
	.single-col .social {
		width: 120px;
		height: 24px;
		margin:12px 10px 0px 225px;
	    position:relative;
	    right:0%;
		overflow:visible;
		clear:both;	
		float: right;
	}
	
	.centerssocial .social {
		width: 120px;
		height: 30px;
		margin:12px 10px 0px 225px;
	    position:relative;
	    right:0%;
		overflow:visible;
		clear:none;	
		float: right;
	}
	
	.likebutton {
		overflow: hidden;
		width: 50px;
		height: 40px;
		float: left;
	}
	
	.twitter a {
		background: url(../img/twitter.png) no-repeat;
		width: 22px;
		height: 22px;
		float: left;
		margin: 0px 0px 0px 10px;
		text-indent: -9999px;
	}
	
	.facebook a {
		background: url(../img/facebook.png) no-repeat;
		width: 22px;
		height: 22px;
		float: left;
		margin: 0px 0px 0px 10px;
		text-indent: -9999px;
	}
	
	#buttons {
		width: 235px;
		height: 230px;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 1000;
	}
	
	.like-box {
		width: 292px;
		height: 300px;
		float: left;
		clear: both;
		padding: 0;
		margin: 0px 0px 0px 20px;
	}
	
	.expimage {
		background: url(../img/experienceimage.jpg) repeat-x;
		width: 110px;
		height: 105px;
		float: left;
		margin: 0px 8px 0px 5px;
	}
	
	.experiencebutton {
		width: 235px;
		height: 112px;
		float: left;
		font-weight: bold;
		color: #fff;
		background: url(../img/experiencebg.jpg) repeat-x;	
		line-height: 25px;
	}
	
	.experiencebutton a {
		cursor: hand;
		color: #F98E59;
		text-decoration: underline;
		margin: 0px 0px 0px 0px;
	}
	
	.experiencebutton a:hover {
		text-decoration: none;
	}
	
	.buttonLeft {
		width: 89px;
		height: 89px;
		float: left;
		margin: 20px 20px 0px 0px;
	}
	
	.buttonLeft a {
		width: 89px;
		height: 89px;
		float: left;
		background: url(../img/cache-box.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	.buttonRight {
		margin: 20px 0px 0px 0px;
		width: 119px;
		height: 97px;
		float: right;
	}
	
	.buttonRight a {
		width: 119px;
		height: 97px;
		float: left;
		background: url(../img/events.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	.submitBtn img {
		border: none;
	}
	
	.submitBtn {
		margin-left: 160px;
	}
	/* Universal page footer */												
	.rlr-logo {
		height:41px;
		width:100%;
		margin:10px auto 10px auto;
		clear:both;
	}	
		.royalshell-logo {
		height:126px;
		width:100%;
		margin:10px auto 10px auto;
		clear:both;
	}
	
	.royalshell-logo img {
	width: 237px;
	height: 126px;
	}
	.royalshell-logo a{
	border:none;
	}
	.contact {
		font-size:10px;
		color:#000;
	}
	
	.noFlash {
		text-align: center;
	}
	
	.noFlash a {
	font-size:14px;
	font-weight:bold;	
	color:#235480;
	}
		
	.noFlash a:hover {
		color:#f98e59;
	}
	.noFlashSmall {
		font-size: 10px;
	}
	
	.eventsHeader {
		margin: 0px;
		padding: 0px;
		text-align: center;
		width: 725px;
		font-size: 18px;
		line-height: 20px;
		margin-top: 10px;
		color: #f98e59;
	}	
	
	.nextMonth {
		float: right;
		margin: 0px;
		padding: 0px;
		margin-right: 80px;
		font-size: 13px;
		line-height: 20px;
	}
	
	.nextMonth a {
		color:#235480;
	}
	
	.prevMonth {
		float: left;
		margin: 0px;
		padding: 0px;
		margin-left: 80px;
		font-size: 13px;
		line-height: 20px;
	}
	
	.prevMonth a {
		color:#235480;
	}
    /* --> */

	.description {
		font-size: 12px;
		line-height: 18px;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 0px;
		float: left;
	}
	
	.infoContainer {
		width: 685px;
		background: #9EC9EF;
		margin: 10px;
		padding: 10px;
		margin-bottom: 20px;
		height: 230px;
		clear: both;
	}
	
	.outfitters {
		margin: 0px;
		padding: 0px;
		margin-left: 10px;
		font-weight: normal;
		color: #235480;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		font-style:normal;
	}