/* Details font */
.style1 {font-weight: bold}
.style2 {font-size: 12pt; color: #800000;}
body{
   font-size: 100%;
   background-color: #ffffff;
   color: #000;
   font-family: arial, helvetica, geneva, sans-serif;
   margin: 0px;
}


/* DIV in DIV settings to allow text to wrap around the purchase box */
.box{
   clear: both; 
   width: 98%; 
   color: #000; 
   padding: 0 0 1em 0; 

}

.sidebar{
   float: right;
   width: 15em;
   font-size: 80%;
   border: 2px dotted #000;
   padding: 1em;
   margin-left: 75px;
   background-color: #f8eece;
   color: #000;
}

/* imageless rounded corners for Details section */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em; padding-top:0.5em; padding-left:0.5em; padding-right:0.5em; }
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #f6bf6b; border-right:1px solid #f6bf6b;}
.xb1 {margin:0 5px; background:#f6bf6b;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #f6bf6b; border-width:0 1px;}






/* One image to create dynamic box for purchasing box */
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(/skin1/images/optionsbox.jpg) no-repeat bottom right;
    margin: 0;
    padding: 0; 
	
}

.cssbox {

    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0 0 0 0;         /* use to position the box */
	float:right;
}

/* set the top-right image */
.cssbox_head {
    
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 18px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 10px;        /* interior-padding right */
    padding: 15px 0 15px 15px; /* mirror .cssbox_head right/left */
}


/* Misc Text formatting */
.cssbox_head h2 {
    color: white;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;      /* this is tricky if box width is in ems */
    text-align: center; 
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */
}
.cssbox_body p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

code { 
    white-space: pre; 
}



















/* Formatting for popout image on spas pages */



* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(/skin1/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid #f6bf6b;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(/skin1/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}