@charset "utf-8";
/* CSS Document */

body{
background:url(../images/bg-prple.gif) repeat-x #6f2e81;
margin:0 auto;
color:#ffffff;
font-family:"Comic Sans Ms",Arial,Helvetica,sans-serif,Lucida Sans;
padding:0;
font-size:14px;
}

a{
color:#6f2e81;
text-decoration:underline;
}
a:hover{
color:#aa65bd;
text-decoration:none;
}
p{
	margin:0 0 15px 0;
}
h1{
	font-size:18px;
	font-weight:normal;
	color:#6f2e81;
	margin:0 0 15px 0;
}
h2{
	font-size:16px;
	font-weight:normal;
	color:#6f2e81;
	margin:6 0 9px 0;
}


#header{
width:929px;
height:243px;
margin:0 auto;
display:block;
clear:both;
padding:0;
}
#header .header01{
background:url(../images/header_01.jpg) no-repeat;
height:41px;
display:block;
margin:0;
}
#header .header02{
background:url(../images/header_02.jpg) no-repeat;
height:40px;
display:block;
margin:0;
}
#header .header03{
background:url(../images/header_03.jpg) no-repeat;
height:41px;
display:block;
margin:0;
}
#header .header04{
background:url(../images/header_04.jpg) no-repeat;
height:40px;
display:block;
margin:0;
}
#header .header05{
background:url(../images/header_05.jpg) no-repeat;
height:41px;
display:block;
margin:0;
}
#header .header06{
background:url(../images/header_06.jpg) no-repeat;
height:40px;
display:block;
margin:0;
}

/* ========================= Top Menu =============================*/

#menu{
height:34px;
width:690px;
margin:0 auto;
background:url(../images/main_menu.jpg) no-repeat;
clear:both;
padding:15px 120px 18px 119px;

}

#menu ul{
list-style:none;
width:690px;
height:34px;
margin:0;
padding:0;
}
#menu li{
margin:0;
padding:0;
display:block;
float:left;
}
a{
outline:none;
}
#menu li#home a{
background:url(../images/home2.jpg) top;
width:90px;
height:33px;
display:block;
}

#menu li#home a:hover{
background:url(../images/home2.jpg) bottom;
width:90px;
height:35px;
display:block;
}

#menu li#home a.current{
background:url(../images/home2.jpg) bottom;
width:90px;
height:35px;
display:block;
}

#menu li#thestore a{
background:url(../images/thestore2.jpg) top;
width:112px;
height:33px;
display:block;
}

#menu li#thestore a:hover{
background:url(../images/thestore2.jpg) bottom;
width:112px;
height:35px;
display:block;
}

#menu li#thestore a.current{
background:url(../images/thestore2.jpg) bottom;
width:112px;
height:35px;
display:block;
}

#menu li#summerland a{
background:url(../images/summerland2.jpg) top;
width:152px;
height:33px;
display:block;
}

#menu li#summerland a:hover{
background:url(../images/summerland2.jpg) bottom;
width:152px;
height:35px;
display:block;
}

#menu li#summerland a.current{
background:url(../images/summerland2.jpg) bottom;
width:152px;
height:35px;
display:block;
}

#menu li#onlineforum a{
background:url(../images/online_forum2.jpg) top;
width:144px;
height:33px;
display:block;
}

#menu li#onlineforum a:hover{
background:url(../images/online_forum2.jpg) bottom;
width:144px;
height:35px;
display:block;
}

#menu li#onlineforum a.current{
background:url(../images/online_forum2.jpg) bottom;
width:144px;
height:35px;
display:block;
}

#menu li#summerblog a{
background:url(../images/summer-blog.jpg) top;
width:144px;
height:33px;
display:block;
}

#menu li#summerblog a:hover{
background:url(../images/summer-blog.jpg) bottom;
width:144px;
height:35px;
display:block;
}

#menu li#summerblog a.current{
background:url(../images/summer-blog.jpg) bottom;
width:144px;
height:35px;
display:block;
}


#menu li#events a{
background:url(../images/events2.jpg) top;
width:96px;
height:33px;
display:block;
}

#menu li#events a:hover{
background:url(../images/events2.jpg) bottom;
width:96px;
height:35px;
display:block;
}

#menu li#events a.current{
background:url(../images/events2.jpg) bottom;
width:96px;
height:35px;
display:block;
}

#menu li#aboutus a{
background:url(../images/aboutus2.jpg) top;
width:95px;
height:33px;
display:block;
}

#menu li#aboutus a:hover{
background:url(../images/aboutus2.jpg) bottom;
width:95px;
height:35px;
display:block;
}

#menu li#aboutus a.current{
background:url(../images/aboutus2.jpg) bottom;
width:95px;
height:35px;
display:block;
}

#content{
background:url(../images/bg_content.jpg) repeat-y #f092bd;
width:929px;
clear:both;
margin:0px auto;
padding:0px;
}

#topcontent{
background:url(../images/top_content.jpg) no-repeat top;
width:790px;
margin:0;
clear:both;
padding:0 70px 0 69px;;
}

#footer{
height:185px;
width:929px;
margin:0 auto;
clear:both;
}

#footer .footer01{
background:url(../images/footer_01.jpg) no-repeat;
height:46px;
}
#footer .footer02{
background:url(../images/footer_02.jpg) no-repeat;
height:47px;
}
#footer .footer03{
background:url(../images/footer_03.jpg) no-repeat;
height:46px;
}
#footer .footer04{
background:url(../images/footer_04.jpg) no-repeat;
height:46px;
}

#footerlink{
height:75px;
width:929px;
margin:auto;
font-size:10px;
text-align:center;
font-weight:bold;
color:#ffce1c;
clear:both;
}
#footerlink #fmenu{
	margin:0 auto;
	clear:both;
	width:600px;
	float:none;
	height:20px;
}
#footerlink #fmenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footerlink #fmenu ul li{
	float:left;
	padding:0 10px;
	border-left:1px solid #b787bc;
}
#footerlink #fmenu ul li.first{
	border:none;
}



#footerlink .copyright{
color:#b787bc;
}
#footerlink a{
color:#ffce1c;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

#footerlink a:hover{
color:#cc6600;
}

#footerlink a.current{
color:#cc6600;
}

#boardkolom{
width:222px;
display:block;
margin:0;
float:left;
padding:0;
}

#board{
background:url(../images/mid_board2.jpg) repeat-y;
float:left;
width:222px;
padding:0;
}

#board2{
width:222px;
height:229px;
margin:0;
float:left;
}

#board2 .top{
background:url(../images/latest_ads.jpg) no-repeat;
width:222px;
height:46px;
margin:0;
display:block;
}
#board2 .body{
background:url(../images/sg_board2.jpg) no-repeat;
height:183px;
display:block;
width:182px;
margin:0;
padding:10px 20px 20px 20px;
text-align:center;
}

#board ul{

width:222px;
clear:both;
padding:0;
list-style:none;
margin:0;

}
#board ul li{

float:left;
display:inline;
font-size:12px;
width:177px;
padding:0px 10px 0px 35px;}

#board ul li#tophome{
float:left;
display:block;
height:65px;
width:222px;
padding:0;
margin-bottom:0 !important;
margin-bottom:-20px;
}

/* #board ul li#topabout{
background:url(../images/top_board_about.jpg) no-repeat;
float:left;
display:block;
height:81px;
width:177px;
}
*/
#board ul li#topabout2{
float:left;
display:block;
height:63px;
width:222px;
padding:0;
margin-bottom:-10px;
}

#board ul li#bot{
background:url(../images/bot_board2.jpg) no-repeat;
float:left;
height:34px;
width:177px;
padding:0px 10px 0px 35px;
margin-top:-5px;
}

#board ul li#bot2{
background:url(../images/bot_board.jpg) no-repeat;
float:left;
height:34px;
width:177px;
padding:0px 10px 0px 35px;
margin-top:-6px;
}

#board ul li#bot3{
background:url(../images/bot3.jpg) no-repeat;
float:left;
height:21px;
width:177px;
padding:0px 10px 0px 35px;
}


#board ul li a{
background:url(../images/heart_brown.gif) no-repeat;
float:left;
width:107px;
display:block;
font-size:16px;
padding:0px 15px 5px 30px;
text-decoration:none;
color:#310000;
}

#board ul li a:hover, #board ul li.current a{
background:url(../images/heart_pink.gif) no-repeat;
color:#6f2e81;
text-decoration:underline;
}

#board ul li a.current{
background:url(../images/heart_pink.gif) no-repeat;
color:#6f2e81;
text-decoration:underline;
}

#rightcontent{
width:568px;
display:block;
margin:0;
float:right;
padding:0;
}

#welcome{
width:568px;
height:140px;
padding:0;
margin-top:13px;
}

#alltop{
width:568px;

padding:0;
margin-top:9px;
margin-bottom:-10px !important;
margin-bottom:0;
}

#textcontent{
width:488px;
background:url(../images/bg_text_content.gif) repeat-y;
padding:10px 45px 10px 35px;
text-align:justify;
clear:both;
}

#footercontent{
width:568px;
background:url(../images/footer_text.jpg) no-repeat;
height:74px;
padding:0;
clear:both;
margin-top:-30px !important;
margin-top:-20px;
}

/* ========= Banner ========= */

#banner{
width:551px;
margin:20px 0px;
padding:0;
}

#banner ul{
list-style:none;
padding:0;
margin:0;
}
#banner ul li{
display:block;
width:273px;
height:85px;
float:left;
}

/* ================ News ============= */

#news{
width:485px;
margin:0;
padding:0;
}

#news ul{
list-style:none;
margin:0;
padding:0;
}
#news ul li{
display:block;
padding:10px;
clear:both;
margin:0 0 10px 0;
border-bottom:2px dotted #f9c5dc;
}
#news ul li img{
display:block;
float:left;
margin:0px 10px 10px 0px;
}
#news ul li a{
font-size:16px;
color:#6f2e81;
text-decoration:underline;
}
#news ul li a:hover{
text-decoration:none;
}
#news ul li a.more{
font-size:12px;
color:#ef4a5e;
text-decoration:none;
font-weight:bold;
clear:both;
display:block;
margin:5px;
text-align:right;
background:url(../images/flower.gif) no-repeat right;
padding-right:20px;

}

#news ul li a.more:hover{
text-decoration:underline;
font-weight:bold;
}

/*- FAQ -*/

#faq-box{
clear:both;
width:485px;
margin:0;
padding:0;
}

#faq-box ul{
width:485px;
text-align:left;
clear:both;
list-style:none;
margin:0;
padding:5px 0;
background:url(../images/bg_faq.gif) no-repeat

}
#faq-box ul li{
width:485px;
font-size:14px;
text-align:justify;
}


#faq-box ul li#a{
background:url(../images/a.gif) no-repeat;
clear:both;
display:block;
padding:15px 15px 15px 53px;
width:400px;
margin:0 10px;
border-top:3px dotted #f092bd;
color:#6f2e81;
font-size:14px;
}
#faq-box ul li#q{
background:url(../images/q.gif) no-repeat left center;
clear:both;
display:block;
padding:15px 15px 15px 53px;
width:400px;
margin:10px;
}

/* ========== FORM STYLE ================= */

form {
	width: 435px;
}

.col1 {
	text-align: right;
	width: 115px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 235px;
	display: block;
	float: left;
	margin: 0;
}

.col2 .img{
	margin: 10px;
}

.col2comment {
	width: 235px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: right;
	width: 115px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 435px;
}

.submit {
	height: 29px;
	width: 430px;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px Lucida Grande, "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px Lucida Grande, "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}

.purple{
color:#ef4a5e;
font-weight:bold;

}

.white-bold{
color:#fff;
font-weight:bold;
}

/*- becky -*/

#becky-box{
clear:both;
width:485px;
margin:0;
padding:0;
}

#becky-box ul{
width:485px;
text-align:left;
clear:both;
list-style:none;
margin:0;
padding:5px 0;
background:url(../images/bg_faq.gif) no-repeat

}
#becky-box ul li{
width:485px;
font-size:14px;
text-align:justify;
}


#becky-box ul li#a{
clear:both;
display:block;
padding:5px 15px 5px 15px;
width:430px;
margin:0 10px;
border-top:3px dotted #f092bd;
color:#6f2e81;
font-size:14px;
}
#becky-box ul li#q{
clear:both;
display:block;
padding:5px 15px 5px 15px;
width:430px;
margin:5px 10px;
}

#beckymail{
background:url(../images/askbecky_mail.gif) no-repeat;
margin:10px 0;
padding:8px;
width:469px;
height:37px;
text-align:center;
font-weight:bold;
font-size:13px;
}

#namechar{
	width:400px;
	height:250px;
	position:absolute;
	padding:0;
	margin-left: 85px;
	top:5px;
	display:inline;
}

#address{
	width:175px;
	height:46px;
	position:absolute;
	padding:0;
	margin-left: 380px;
	display:inline;
	margin-top:-2px;
}


/* Ditto 2 Blog
------------------------------------------------------------------------------- */

.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #c54280; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #6f2e81;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #ffed75;
} 
#ditto_pages a:hover {
    background-color: #f8a6cd;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}


/*--------------PRODUCTS----------------------------------------------------------*/
#productsthumbscontainer{
}
ul.productsthumbs{
	margin:0;
	padding:0;
	display:block;
	clear:both;	
}
.productsthumbs a{
	border:none;
}
.productsthumbs li{
	float:left;
	list-style:none;
	text-align:center;
	margin:0 10px 10px 10px;
	background-image:url(../images/bg-products2.gif);
	background-repeat:no-repeat;
	width:96px;
	height:131px;
	padding-top:10px;
}
.productsthumbs li .imgbox{
	width:80px;
	height:80px;
	overflow:hidden;
	border:1px solid #f393c1;
	margin:0 auto;
}
.productsthumbs li img{
	margin:0 auto;
	text-align:center;
}
.thumbnail{
	border:none;
}

/*------------------------ACCORDION-----------------------------------*/
ul.storelocation{
	margin:0;
	padding:0;
	list-style:none;
}
ul.storelocation li{
	float:left;
}
#basic-accordian{
	border:0px solid #f9c5dc;
	
	width:487px;
	z-index:2;
	font-size:14px;
	margin:5px auto 40px auto;
}

.accordion_headings{
	padding:35px 64px 5px 95px;
	background:url(../images/bg_store.gif) no-repeat ;
	cursor:pointer;
	font-weight:bold;
	height:48px;
	font-size:18px;
	color:#6f2e81;
}

.accordion_headings:hover{
	background:url(../images/bg_store_on.gif) no-repeat ;
}

.accordion_child{
	padding:5px;
	color:#fff;
}
.accordion_child img{
	background:#fff;
	color:#fff;
}
.header_highlight{
	background: url(../images/bg_store_on.gif) no-repeat ;
	
}
.imgblock{
	width:75px;
	height:75px;
	float:left;
	margin:5px;
	border:3px solid #fff;
	overflow:hidden;
}



.imgleft{
	float:left;
	margin-right:8px;
}
.imgright{
	float:right;
	margin-left:8px;
}
.imgcenter{
	margin-bottom:8px;
}
.clear{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
	height:100px;
	background-color:#000000;
}
#latestads{
	background-image:url(../images/bg-ads.gif);
	background-repeat:no-repeat;
	width:145px;
	height:141px;
	padding-top:1px !important;
	display:block;
}
#adsblock{
	width:110px;
	height:111px;
	overflow:hidden;
	margin:14px 13px 14px 16px !important;
	margin:15px 13px 14px 16px;
}
#board ul li #adsblock a{
	background-image:none;
	margin:0;
	padding:0;
	color:#FFFFFF;
}







#dhtmlgoodies_slideshow{
		width:392px;	/* Total width of slideshow */
		margin:auto;


	}
	
	#previewPane{
		
		margin-bottom:25px;	
		text-align:center;
		vertical-align:middle;
		

		position:relative;
		
		/* CSS HACK */
		height: 460px;	/* IE 5.x */
		height/* */:/**/460px;	/* Other browsers */
		height: /**/460px;
				
	}
	#previewPane img{
		line-height:460px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		
		text-align:center;
		font-family: "Comic Sans MS",Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
		color:#6f2e81;
		font-weight:bold;
	}
	#galleryContainer{
		
		height:152px;	/* Height of the images + 2 */
		
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 152px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/152px;	/* Other browsers */
		height: /**/152px;
		background:#f06fa5;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #f192bc;
		padding:1px;
		top: 0px;
	}
	#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #f192bc;
	padding:1px;
	top: 0px;
	}
	#theImages{
	position:absolute;
	height:152px;
	left:27px;
	width:100000px;
	top: 5px;
	
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.6;
		cursor:pointer;
		border:0px;
		margin:5px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:171px !important;
		left:168px;
		top:180px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}

#boardbanner{
background:url(../images/mid_board2.jpg) repeat-y;
float:left;
width:222px;
padding:0;
}

#boardbanner ul{

width:222px;
clear:both;
padding:0;
list-style:none;
margin:0;

}
#boardbanner ul li{

float:left;
display:inline;
font-size:12px;
width:177px;
padding:0px 10px 0px 35px;}

#boardbanner ul li#topabout2{
float:left;
display:block;
height:60px;
width:222px;
padding:0;
margin-bottom:-10px;
}
#boardbanner ul li a{
float:left;
width:107px;
display:block;
font-size:16px;
text-decoration:none;
color:#310000;}

#boardbanner ul li a:hover{
color:#6f2e81;
text-decoration:underline;
}

#boardbanner ul li a.current{

color:#6f2e81;
text-decoration:underline;
}

#boardbanner ul li#bot2{
background:url(../images/bot_board.jpg) no-repeat;
float:left;
height:34px;
width:177px;
padding:0px 10px 0px 35px;
margin-top:-6px;
}

#boardbanner ul li#bot3{
background:url(../images/bot3.jpg) no-repeat;
float:left;
height:21px;
width:177px;
padding:0px 10px 0px 35px;
}

#surfcomp-box{
clear:both;
width:445px;
margin:5px;
padding:15px;
background:url(../images/bg_faq.gif) no-repeat;
}
#surfcomp-box ul{
text-align:left;
clear:both;
margin:0;
padding:5px 0px 5px 30px;
width:auto;
}
#surfcomp-box ul li{
font-size:14px;
text-align:justify;
width:auto;
}

.bigtext{
font-size:16px;

}

.mediumtext{
font-size:14px;

}

/* Archive */

#archiveen a{
	color:#fbda79;
	font-family:"Comic Sans MS";
	font-size:14px;
	font-weight:bold;
	
	
}



#archiveen img{
	border:none;
	width: 240px;
	height: 110px;
	}
#archiveen ul{

	list-style:none;
	margin: 0;
	padding: 0;
	}
#archiveen li{
	width: 235px;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	display: block;
}

#archiveen p{
	margin-top:-10px;
	margin-bottom:15px;
}

#archiveen{
	width: 480px;
	clear:both;
	padding: 0;
	margin:0;
}
#flag{
	top:0;
	height:15px;
	font-size:10px;
	padding:5px;
	text-align:center;
	margin:auto 50px;
	width:180px;
	display:block;
	float:right;
	background:#8246A5;
	border:1px solid #750c75;
}