html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,fieldset,form,input,legend,table,tr,td,img,pre,object,blockquote,img,hr {border:0px; margin:0px; padding:0px;}
:link,:visited { text-decoration:none }
a img, :link img, :visited img { border:none;}
/* ul,ol { list-style:none } */
address { font-style:normal }

.spotbody {background: url(body.jpg) top left repeat;}
.hull1 {background: url(hull1.jpg) top left repeat-x; width:100%; height:auto; margin:0px auto; padding:0px;}
.hull2 {background: url(hull2.jpg) top left repeat-y; width:960px; height:auto; margin:0px auto; padding:0px;}
.upbar {background: url(upbar2.jpg) top center no-repeat; width:100%; height:130px; margin:0px auto; padding:0px 0px 0px 0px; vertical-align:middle;}
.midbar {background-color:#FFF; width:100%; height:auto; margin:0px auto; padding:0px;}
.lowbar {background: url(lowbar2.jpg) top center no-repeat; width:100%; height:60px; margin:0px auto; padding:0px;}
.page {min-height:px;background-color:#FFF; width:100%; height:auto; margin:0px auto; padding:0px 0px 0px 0px;}
.page_transp{min-height:px; background:transparent; width:100%; height:auto; margin:0px auto; padding:0px 0px 0px 0px;}
.foot1 {background: url(foot1.jpg) top center no-repeat; width: 100%; height: 69px; margin: 0px auto; padding: 0px;}
.foot {background: url(foot2.jpg) top center repeat; width: 100%; height: auto; margin:0px auto; padding:0px 0px 0px 0px;}
.foot3 {background: url(foot3.jpg) top center no-repeat; width: 100%; height: 64px; margin: 0px auto; padding: 0px;}
.barpads {padding: 20px 0px 0px 0px;vertical-align:center;}

.cols { /* border: 1px silver solid; background: rgba(255, 255, 255, 0.1);*/ text-align:left;}

/* elements */
.hull2 { color:#ffffff; font-size:14px; font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal; line-height:1.4em; } 
.hull2 p, .hull2 td { padding-bottom:0.7em; padding-top:0em;}

.hull2 h1 { color: #993300; font-size: 2.4em; font-family: Times New Roman, Times, serif; font-weight: normal; line-height: 1.1em; padding-bottom:0.4em;}
.hull2 h2 { color: #993300; font-size: 1.5em; font-family: Comic Sans MS, Comic Sans MS, cursive; font-weight: normal; line-height: 1.1em; padding-bottom:0.4em;}
.hull2 h3 { color: #993300; font-size: 1.3em; font-family: Times New Roman, Times, serif; font-weight: normal; line-height: 1.1em; padding-bottom:0.4em;}
.hull2 h4 { color: #993300; font-size: 1em; font-family: Times New Roman, Times, serif; font-weight: normal; line-height: 1.1em; padding-bottom:0.4em;}
.hull2 h5 {font-size: 0.85em; font-weight: bold; line-height: 1.1em; padding-bottom:0.4em;}
.hull2 h6 {font-size: 0.75em; font-weight: normal; line-height: 1.1em; padding-bottom:0.4em;}

.hull2 td { font-size: 1em; font-weight: normal; line-height: 1em; }
.hull2 b,strong { color: #993300; font-weight: bold }
.hull2 i,em  { color: #ffffff; font-style: italic; font-weight: normal }
.hull2 blockquote, tt { color: #ffffff; font-family: Comic Sans MS, Comic Sans MS, cursive; font-size: 1em; line-height: 1.4em; margin: 0 0 0 20px; }

.hull2 ul { color: #ffffff; margin: 0px 0px 0px 12px; list-style: square inside;}
.hull2 ol { color: #ffffff; margin: 0px 0px 0px 12px; list-style: decimal inside;}
.hull2 li { margin: 0px 0px 0px 0px;}

.spotlist ul {margin: 0px 0px 0px 0px; list-style: none;}
.spotlist ol {margin: 0px 0px 0px 12px; list-style: decimal inside;}
.spotlist li {font-size:1.4em; line-height:1.4em; margin: 7px 0px 0px 0px;}
.spotlist li li {font-size:0.8em; line-height:1.4em; margin: 0px 0px 0px 7px; }

.hull2 fieldset {border:1px #bbb dashed; padding:16px; width:400px;}

#splash2 img, #splash2 a img, #splash2 :link img { padding: 0; border: 0; }

.phone {color:#ffffff; background:#a0c0e0; font-family: Comic Sans MS, Comic Sans MS, cursive; font-size:7em; line-height:160px; margin:auto; text-align:center;}

.divider_1 { border-bottom: #ffffff 1px solid; margin:0px 0px 7px 0px; padding:9px 0px 0px 0px;}

.marquee{color:#ffffff; font-size:16px; margin:0px 0px 4px 0px; padding:2px; border:1px dotted #ffffff;}

.newsticker {
	list-style-type: none;
	border: 0px dashed #FFFFFF;
	background: transparent;
	padding: 3px;
	margin: 0;
	height: 50px;
}

.newsticker li{
	list-style-type: none;
	color:#ffffff;
}

/* links */
a:link,  a:visited,       
.tog, .tog:visited { color: #006600; font-weight: normal; text-decoration: none; }
a:hover, a:visited:hover,
.tog:hover, .tog:visited:hover { color: #60a040; font-weight: normal; text-decoration: underline; background: transparent;}

.active_page a,
.active_section a, 
a.active_section { color: #ffffff; background: ;font-weight: normal; text-decoration: none; padding: 0px 2px;}

.side {text-align: left}
.side2 {text-align: left}
.side h3         { color: #ffffff; font-size: 1.2em; font-family: Comic Sans MS, Comic Sans MS, cursive; font-weight: normal; line-height:1.2em;}
.side, .side p   { color: #ffffff; font-size: 0.9em; font-family: Comic Sans MS, Comic Sans MS, cursive; font-weight: normal; line-height:1.2em;}
.side a:link, 
.side a:visited  { color:#006600; text-decoration:underline; font-weight: normal;  padding: 0px 2px;}
.side a:hover,
.side a:visited:hover { color:#ffffff; text-decoration:underline; background-color:#006600; font-weight: normal;}

.top, .top p { color:#f0f0f0; font-size:1em; ;font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal;}
.top a:link, 
.top a:visited  { color:#006600; text-decoration: none; font-weight: normal;}
.top a:hover,
.top a:visited:hover { color:#60a040; text-decoration:none; background-color:; font-weight: normal;}

.foot, .foot p { color:#f0f0f0; font-size:0.9em; font-family:Comic Sans MS, Comic Sans MS, cursive; line-height:1.2em; font-weight:normal;}
.foot a:link, 
.foot a:visited  { color:#e0e0a0; text-decoration: none; font-weight: normal;  padding: 0px 2px;}
.foot a:hover,
.foot a:visited:hover { color:#ffffff; text-decoration:underline; background-color:; font-weight: normal;}

.big_quote { margin:24px 0px; padding:5px 0px 0px 0px; }
.big_quote p, .big_quote h1 {color:#ffffff;}
.quote1 {float:left; padding:0px 10px 0px 0px}
.quote2 {float:right; padding:0px 0px 0px 10px }


/* images, miniatures, galleries */

.full_left a:hover,.full_right a:hover,.full_center a:hover,
.mini_left a:hover,.mini_right a:hover,
.gallery_left a:hover,.gallery_right a:hover,
.no_bg a:hover, .no_bg a:visited:hover, 
.minis a:hover, a.zoom_remote:hover,  logo a:hover { background:transparent;}

img.full { border:1px solid #fff;padding:1px;background:transparent;} /* obsolete */
img.mini { border:1px solid #006600;padding:2px;background:transparent;} /* obsolete */	
img.gallery { border:1px solid #006600;padding:1px;background:transparent;} /* obsolete */

.mini_caption {margin: -5px auto 5px auto; font-size:1.1em; font-color:#ffffff;} /* obsolete */

div.full_left  { float:left;  margin: 0px 7px 0px 0px;}
div.full_right { float:right; margin: 0px 0px 0px 7px;}
div.full_center { clear:both; text-align:center; margin: 0px auto;}
div.mini_left  { float:left;  margin: 0 4px 0px 0;}
div.mini_right { float:right; margin: 0 0 0px 4px;}
div.gallery_left  { float:left;  margin: 0px 2px 2px 0px;}
div.gallery_right { float:right; margin: 0px 0px 2px 2px;}

.noframe {border:0px;}

/* image captions */

div.full_left, div.full_right, div.mini_left, div.mini_right, div.gallery_left, div.gallery_right {
   position: relative;
}

.full_left p, div.full_right p {
   position: absolute;
   top: 200px;
   left: 0;
   width: 100%;
}

.full_left p span, div.full_right p span {
   color: white;
   font: bold 0.9em;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   padding: 4px 10px;
}

.mini_left p, div.mini_right p {
   position: absolute;
   top: 6px;
   left: 0px;
   width: 100%;
}

.mini_left p span, div.mini_right p span {
   color: white;
   font: bold 0.9em;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   padding: 4px 10px;
}

.gallery_left p, div.gallery_right p {
   position: absolute;
   top: 6px;
   left: 0px;
   width: 100%;
   text-align:center;
}

.gallery_left p span, div.gallery_right p span {
   color: white;
   font: bold 0.8em;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.3);
   padding: 5px;
}

.full_left a, .mini_left a, .gallery_left a,
.full_right a, .mini_right a, .gallery_right a {text-decoration: none}

.full_left a:hover span, .mini_left a:hover span, .gallery_left a:hover span,
.full_right a:hover span, .mini_right a:hover span, .gallery_right a:hover span {
	background: rgb(1,1,1); /* fallback color */
	background: rgba(1,1,1,0.6);
}


/* logos, overs */


.logo_wrap{
display:block; 
position:absolute;
z-index:80;
}

.logo{
top:135px; 
left:120px;
display:block; 
position:absolute;
z-index:80;
width:400px;
}

.logo p, .logo h1 {color:#f0f0f0;}
.logo a:link p, .logo a:link h1{color:#006600;}
.logo a:hover {background: transparent;} 
.logo a:hover p, .logo a:hover h1{color:#60a040;}

.logo2_wrap{
display:block; 
position:absolute;
z-index:80;
}

.logo2{
top:0px; 
left:0px;
display:block; 
position:absolute;
z-index:80;
width:400px;
}

.logo2 p, .logo2 h1 {color:#f0f0f0;}
.logo2 a:link p, .logo2 a:link h1{color:#006600;}
.logo2 a:hover {background: transparent;} 
.logo2 a:hover p, .logo2 a:hover h1{color:#60a040; }

.over_wrap{
display:block; 
position:absolute;
z-index:80;
}

.over{
top:0px; 
left:0px;
display:block; 
position:absolute;
z-index:80;
width:400px;
}

.over p, .over h1 {color:#f0f0f0;}
.over a:link p, .over a:link h1{color:#006600;}
.over a:hover {background: transparent} 
.over a:hover p, .over a:hover h1{color:#60a040;}

.over2_wrap{
display:block; 
position:absolute;
z-index:80;
}

.over2{
top:0px; 
left:0px;
display:block; 
position:absolute;
z-index:80;
width:400px;
}

.over2 p, .over2 h1 {color:#f0f0f0;}
.over2 a:link p, .over2 a:link h1{color:#006600;}
.over2 a:hover {background: transparent} 
.over2 a:hover p, .over2 a:hover h1{color:#60a040;}



div#top_event {
	position:relative;
	top: -300px;
	left: 1100px;
	text-align:center;
	color: #e0a020;
	border:1px dashed #006600; 	 
	height:55px; 
	width:400px;
	padding:10px;  
	font-size:1.3em; 
	line-height:1em;
	z-index:9999;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.letter_title { font-size: 20px; line-height: 20px; font-weight: normal; }
.letter_recent_title {font-size: 17px; font-weight: normal; padding: 20px 0 0 0; }
.letter_recent_excerpt 	{font-size: 12px; line-height: 16px; }
.letter_part 			{font-size: 12px; line-height: 16px; padding: 20px 0 0 0; }
.letter_recent_more     {font-size: 11px; line-height: 14px; font-weight: normal; padding: 0px; margin-top: 0px; border-bottom: 1px dotted silver }

.tall p { font-size: 30px; line-height: 36px;}
.small p { font-size: 9px; line-height: 12px;}

.beautableau{border-collapse:collapse; width:100%}
.beautableau td {
	padding:9px ;
	border-top:1px silver solid;
	border-bottom:1px grey solid;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 0.1em;
}

.products { color:#ffffff; font-size:14px; font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal; line-height:1.4em; } 

table.products{border-collapse:collapse; width:100%}
.products td{
	padding:9px ;
	border-top:1px #777 solid;
	border-bottom:1px #777 solid;
	vertical-align: middle;
	text-align: center;
}

div.spot_shipping {float:right; padding-left:20px; width:50%}
table.spot_shipping {border-collapse:collapse;}
.spot_shipping td{
	padding:4px ;
	border-bottom:1px #777 solid;
	vertical-align: middle;
	text-align: center;
}

.spot_cart { color:#ffffff; font-size:14px; font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal; line-height:1em; } 

table.spot_cart{border-collapse:collapse; width:100%}
.spot_cart td{
	padding:4px ;
	border-bottom:1px #777 solid;
	vertical-align: middle;
	text-align: center;
}
.spot_cart input{
	padding:1px ;
	border:1px #777 solid;
}

.spot_cart { color:#ffffff; font-size:14px; font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal; line-height:1em; } 

table.spot_profile{border-collapse:collapse; width:100%}
.spot_profile td{
	padding:1px ;
	vertical-align: middle;
	text-align: center;
}
.spot_profile input{
	padding:1px ;
	border:1px #777 solid;
}

/* SpotLinks ------- */

.side a.spotlink {
	background:transparent url(/design/button_right.png) no-repeat scroll right top;
	_background:url(/design/bg_button_a.gif) no-repeat scroll right top;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-top:7px;
	cursor: pointer;    
}

a.spotlink span {
    background:transparent url('/design/button_left.png') no-repeat;
    _background:transparent url(/design/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.spotlink:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.spotlink:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* SpotButtons --------*/

input.spotbutton {
	border: 1px solid #7687a5;
	background-color: #D1D7E2;
	padding: 3px 7px 3px 7px;;
}

.spot a.spotbutton {
	background:transparent url(/design/button_right.png) no-repeat scroll right top;
	_background:url(/design/button_right.gif);
    color: #FFF;
    display: block;
    float: left;
    font: normal 13px Comic Sans MS, Comic Sans MS, cursive;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-top:7px;
	cursor: pointer;    
}

a.spotbutton span {
    background: transparent url('/design/button_left.png') no-repeat;
    _background:url(/design/button_left.gif);
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.spotbutton:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.spotbutton:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* spotbutton 2 --------*/ 

input.spotbutton2 {
	border: 1px solid #7687a5;
	background-color: #D1D7E2;
	padding: 3px 7px 3px 7px;;
}

.spot a.spotbutton2 {
	background:transparent url(/design/button_right2.png) no-repeat scroll right top;
	_background:url(/design/button_right.gif);
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-top:7px;
	cursor: pointer;    
}

a.spotbutton2 span {
    background: transparent url('/design/button_left2.gif') no-repeat;
    _background:url(/design/button_left2.gif);
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.spotbutton2:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.spotbutton2:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* SpotBoxes -------*/

.spotbox {
	 position:relative;
	 margin:0px auto;
	 min-width:8em;
	 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	 color:#fff;
	 z-index:1;
	 margin-left:12px; /* default, width of left corner */
	 margin-bottom:0.1em; /* spacing under dialog */
}

.spotbox .sb_in,
.spotbox .sb_top,
.spotbox .sb_bot,
.spotbox .sb_bot div {
	 background:transparent url(/design/box.png) no-repeat top right;
	 _background-image:url(/design/box.gif);
}

.spotbox .sb_in {	
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:15px 10px 0px 5px;
}

.spotbox .sb_inin {	
	height:300px;
	overflow-y:hidden;
}

.spotbox .sb_top {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;	
}

.spotbox .sb_bot {
	/* bottom */
	position:relative;
	width:100%;
}

.spotbox .sb_bot,
.spotbox .sb_bot div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.spotbox .sb_bot {
	background-position:bottom right;
}

.spotbox .sb_bot div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

/* COMMOM ------------------------------------------------------------------------- */

.story_1  { float: left; width: 100%;   margin: 0px; padding: 0px; min-height: 1px; }
.story_2  { float: left; width: 49.95%; margin: 0px; padding: 0px; min-height: 1px;}
.story_3  { float: left; width: 33.30%; margin: 0; padding: 0; min-height: 1px;}
.story_4  { float: left; width: 24.95%; margin: 0; padding: 0; min-height: 1px;}
.story_5  { float: left; width: 19.95%; margin: 0; padding: 0; min-height: 1px;}
.story_6  { float: left; width: 16.65%; margin: 0; padding: 0; min-height: 1px;}

.story_L  { float: left;  width: auto; margin: 0; padding: 0; min-height: 1px;}
.story_R  { float: right; width: auto; margin: 0; padding: 0; min-height: 1px;}
.story_C  { text-align:center; width: 100%; padding: 0;  min-height: 1px;}

.left   { text-align:left; }
.right  { text-align:right; float:right;}



/* for albums */
li.right, li.left {list-style: none; font-weight: bold; font-size:20px}
li.left {float:left;}
li.right {margin-right: 80px; float:right;}
.cap { font-size:0.7em}}

.center, span.center, .center span { text-align: center; }

.divider_1, .divider_2, .divider_3 { height:0px; width:99%; line-height:1px; font-size:1px; clear:both;}

.clean { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; }
.store { float:left;  width: 160px; height: 200px; margin: 5px 5px 5px 0px; padding: 5px; text-align: left; border: 1px dotted silver;}

ul.lang_list {  margin: 0px; }
li.en-gb { margin: 0px; list-style: none; }
li.en-de { margin: 0px; list-style: none; }

/* comments */

.comments_wrapper { padding:20px; margin:10px 20px; border: 1px solid #eee;}
.comments_wrapper td { padding:2px;}
ul.comments_error { padding: 0.3em; list-style-type: circle; list-style-position: inside; border: 2px solid #ddd; }
div#cpreview { border: 1px solid #ddd; padding:10px; }
form#spotCommentInputForm td { vertical-align: top; }

.comments_error { color: #000; background-color: #fff4f4; }
div#cpreview { color: #000; background-color: #eee; border: 1px solid #ddd; padding:10px; }
form#spotCommentInputForm td { vertical-align: top; }
.comment_name_input,
.comment_email_input,
.spotCommentInputMessage {border: 1px #777777 solid;}

.button {padding:3px 4px;}

/* forms */

.subscribe input { border: 1px solid silver;}

.formnote {background-color:#FFFFFF; color:#777777; padding:15px; font-size:14px; font-family:Comic Sans MS, Comic Sans MS, cursive; font-weight:normal; line-height:1.4em;}

.formline {margin-bottom:-0.7em;} /* { margin-bottom:expression('-1.2em'); } */
.formresa {margin-bottom:-1.1em;}
.formcheck {height: 0.8em;}
.formarea {margin-bottom:-0.9em;}
.formsubmit {margin-left:40%;}

.formline input,
.formarea input, 
.formresa input { border: 1px solid silver;}

div.formradio {margin-top:1em}
.formradio input { float: left; margin: 0 5px;}
.formradio label { float: left; margin-top: -0.8em;}
.formradio span.leftcol {width: 40%; float: left; text-align: right; margin-right: 0.5em; }

.formline label, 
.formarea label, 
.formselect label,
.formcheck label,
.formresa label {width: 40%; float: left; text-align: right; margin-top:-0.4em; margin-right: 0.5em; }

.formfind label {width: 40%; float: left; text-align: right; margin-top: 0px; margin-right: 0.5em; }
.formfind select {border: 1px solid silver; margin: 0px 3px 2px 0px;} 

.formarea textarea {margin-left:0px; border: 1px solid silver; }

.formline select, 
.formselect select,
.formcheck checkbox,
.formresa select {border: 1px solid silver; margin: 4px 3px 2px 0px;} 

.formline option, 
.formfind option,
.formselect option,
.formresa option    { border: 1px solid #FFFFFF; padding-right:4px;}

.formdetails { margin: 2em 0 0 2em; border: 1px dotted silver; padding:5px; text-align:right; width:70%;}
.formdetails select, 
.formdetails option { border: 1px solid silver; margin: 3px 5px 0px 0px;}

.formline input.is_required,
.formresa select.is_required,
.formfind select.is_required,
.formarea textarea.is_required, 
.formcheck input.is_required {color: #000000; background: #FFEEDD;}

.formline input.is_error,
.formresa select.is_error,
.formfind select.is_error,
.formarea textarea.is_error, 
.formcheck input.is_error {background: #FFDDDD;}

.formline label.is_error,
.formselect label.is_error,
.formresa label.is_error,
.formfind select.is_error,
.formarea label.is_error, 
.formcheck label.is_error {color: red; font-weight: bold;}

.fieldset {padding: 2em; border: 1px dotted silver; margin:12px 0px}

/* spot contact forms */

.spotError {}
.spotRadio {}
.spotSelect {}
.spotThanks {}
.spotSubmit            { color: #000; font-size: 13px; padding-top: 7px; }
.spotcontactForm label { color: #ffffff; font-size: 13px; padding-top: 7px; }

/* form buttons */

.btn { display: block; position: relative; background: #aaa; padding: 5px; float:left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

a.btn {color: #eee; font-size: 1.4em; line-height:1.6em;text-decoration:none;}
a.btn:hover {color: #fff; font-size: 1.4em; line-height:1.6em;text-decoration:none;}

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #9d4; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(btn_shade.png); background-position: bottom; }

/* sublist */

#sublist ul,
#sublist li,
#sublist ul ul.sub {margin: 0px; padding: 0px; list-style:none;}
#sublist ul ul.sub li {margin: 0px; padding: 0px 0 4px 0px;}

/* patchwork */

.patchwork_box { float:left; width: 160px; height: 250px; margin: 5px 5px 5px 0px; padding: 5px; text-align: left; border: 1px dotted silver;}

/* rollover */
.rollover img {border:0px;}
.rollover .overImage, .rollover .disabledImage {display:none; }	
.rollover .overImage {position:absolute;}

ul li.menumain {margin: 0px; padding: 0px;}
.baseImage {margin: 0px; padding: 0px;}
.overImage {margin: 0px; padding: 0px;}

/* forms colors */

.formline input {color: #222222; background: #eeeeee;}
.formarea textarea {color: #222222;	background: #eeeeee;}
.formline select,
.formfind select,
.formselect select, 
.formresa select {color: #444444; background: #eeeeee;} /* not supported by safari */
.formline option,
.formfind option,
.formselect option,
.formresa option {color: #444444; background: #ffffff;}/* not supported by safari */

/* direct_edit */

.direct_edit {z-index:9;position:relative;}
.direct_edit a:link, 
.direct_edit a:visited {color:#fff; background:#777; font-size:9px; padding:1px; text-decoration:none; line-height:10px;}
.direct_edit a:hover, 
.direct_edit a:visited:hover {color:white; background-color:red;}
.direct_edit a:active {color:white; background-color:#fabf85;padding:1px;}

/*** Menu ***/

.sf-menu, .sf-menu * {
	z-index: 		90;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	
	line-height:	1.7em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			190px; 		/* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	line-height:	1.2em;
}
.sf-menu li:hover {
	visibility:		inherit; 			/* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-12px;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			178px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			178px; /* match ul width */
	top:			0px;
}

/*** Menu Skin ***/

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #777;
	padding: 		0px;   /* no padding if images */	
	text-decoration:none;
}
.hull2 .sf-menu a, .hull2 .sf-menu a:visited,
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour */
	color:#ffffff;
}

.hull2 .sf-menu li a,
.sf-menu li a {
	color:#ffffff;
}
.hull2 .sf-menu li li a,
.sf-menu li li a {
	border-left:	0px solid #fff;
	border-top:	1px solid #ffffff; /* separator in drop menus */
	padding: 		.5em .8em; 			  /* menu_padv menu_padh;*/
	text-decoration:none;
	color:#ffffff;
}

.sf-menu li {
	background:transparent;
	font-size:17px;
	font-family:Comic Sans MS, Comic Sans MS, cursive;
	margin-right:24px;
}
.sf-menu li li {
	background:url('menu_drop.png')  repeat;
	font-size:13px;
	font-family:Comic Sans MS, Comic Sans MS, cursive;
	margin-right:0px;
}
.sf-menu li li li {
	background:url('menu_drop.png')  repeat;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:visited:hover, .sf-menu li a:active {
	background:		url('menu_baron.png') repeat-x;
	outline:		0;
	color:	        #ffffff;
}
.sf-menu li ul li:hover,   .sf-menu li ul li.sfHover,
.sf-menu li ul li a:focus, .sf-menu li ul li a:hover, .sf-menu li ul li a:visited:hover, .sf-menu li ul li a:active {
	background:		url('menu_dropon.png')repeat;
	outline:		0;
	color:	        #ffffff;
} 

/*** arrows ***/

.sf-menu a.sf-with-ul {
	padding-right: 	1.55em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('///cs.php?cs=arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul {
	background:	url('///cs.php?cs=shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.atright{
	margin:			auto ;
	padding:		0;
	line-height:	1.7em;
	float:			right;
}

.atright ul {
	position:		absolute;
	top:			-999em;
	width:			10em; 
	border: 1px solid yellow;
}
	
.atright li {
	list-style:		none;
	padding: 		0px;
	text-decoration:none;
	background:		transparent;
	font-size:		17px;
	font-family:	Comic Sans MS, Comic Sans MS, cursive;
}

.atright a, .atright a:visited  { 
	color:			#ffffff;
}

.atright li:hover ul,
.atright li.sfHover ul {
	left:			-2.5em;
	top:			1.7em;  
	z-index:		99;
}

.atright li:hover, .atright li.sfHover,
.atright a:focus, .atright a:hover, .atright a:active {
	background:		url('menu_baron.png') repeat-x;
	outline:		0;
	color: 			#ffffff;
	text-decoration:none;
}

/* link backgrounds and icons */

.hull2 a[class="icon_right_phone"]{
	padding-right: 32px;
	display:inline-block;
	line-height:32px;
	background: transparent url(/design/icon_phone.png) no-repeat center right;
}

.icon_left_phone,
.hull2 a[class="icon_left_phone"]{
	padding-left: 32px;
   	display:inline-block;
	line-height:32px;
	background: transparent url(/design/icon_phone.png) no-repeat center left;
}

.icon_right_bubble,
.hull2 a[class="icon_right_bubble"] {
	padding-right: 32px;
   	display:inline-block;
	line-height:32px;
	background: transparent url(/design/icon_bubble.png) no-repeat center right;
}

.hull2 span.icon_left_bubble,
.hull2 a[class="icon_left_bubble"] {
	padding-left: 32px;
   	display:inline-block;
	line-height:32px;
	background: transparent url(/design/icon_bubble.png) no-repeat center left;
}

.store_box{
	float:left; 
	border:1px dashed silver; 
	width:190px; 
	height:250px; 
	padding:4px; 
	margin:0px 6px 6px 0px;
}

.contact_box{
	float:left; 
	border:1px dashed silver; 
	width:190px; 
	height:120px; 
	padding:4px; 
	margin:0px 6px 6px 0px;
}
	
.address {

	text-align:left;
	padding-left: 0px;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}