/**** 404page */
#pagenotfound{
	display:inline-block;
	margin:50px auto 50px auto;
	padding:30px;
	background-color:#FFF;
	color:#666666;
	text-align:center;
	border:1px solid #ccc;
	border-radius:4px;
	-moz-border-radius:4px;
}




#jump_top{
	position:fixed;
	cursor:pointer;
	right:20px;
	bottom:20px;
	display:none;
	width:50px;
	height:50px;
	background-color:transparent;
	background:url(../images/jumptotop.png) no-repeat center center;
	opacity:0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	z-index:999999;
}



/************** popup layer **********************/

#popup_layer_bgnd{
background-image:url(../images/bgnd_w.png);
position:fixed;
width:100%;
top:0px;
left:0px;
z-index:888888;
visibility:hidden;
text-align:center;
}

#popup_layer_contents{
	display:inline-block;
	text-align:left;
position:fixed;
 top: 50%;
  left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
	z-index:999999;
	padding:20px;
	border:1px solid #666666;
	border-radius:5px;
	background-color:#FFFFFF;
box-shadow: 5px 5px 15px #999999;
}
#open_popup_layer{
	cursor:pointer;
}
#close_popup_layer{
	width:20px;
	height:20px;
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}

@media screen and (max-width: 1030px){

#popup_layer_contents{
	position:absolute;
	display:inline-block;
top:10px;
left:10px;
-ms-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}

#popup_layer_bgnd{
	position:absolute;
}


}
/************** end popup layer **********************/


/* *********** list styles *********


set number of columns by width of item div */


.start_row{
	margin-left:0px !important;
}
.end_row{
	margin-right:0px !important;
}

.list_spacer_horiz{
	clear:both;
	width:100%;
	display:none;
}


.list_spacer{
	width:100%;
	clear:both;
}
.list_spacer_mobile{
	width:100%;
	clear:both;
	display:none;
}


.item_list{
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
margin-top:2px;
padding:0px;
/*border:1px solid #cccccc;
background-color:#9999CC;
overflow:scroll;
height:10px;*/
width:650px;
float:left;
}


.pagination{
margin:5px 0px 0px 0px;	
}


.pagination a{
	border:1px solid #CCCCCC;
	padding:2px;
text-decoration:none;
	color:#000000;
	margin:0px 5px 0px 0px;
}

.pagination a:hover{
	background-color:#CCCCCC;
	color:#000000;
}

.pagination .list_page_selected{
	background-color:#CCCCCC;
	color:#000000;
}

.pagination .fade_pagination_button{
	border:1px solid #CCCCCC;
	padding:2px;
text-decoration:none;
	color:#999999;
	margin:0px 5px 0px 0px;
}



/* mob or small pagination */
.mob_pagination{
	text-align:left;
	float:left;
	line-height:30px;
}
.mob_pagination a{
	color:#000000;
	text-decoration:none;
	line-height:30px;
	display:inline-block;
	vertical-align:middle;
}
.mob_pagination_link{
	width:30px;
	height:30px;
	background:no-repeat center center;
	cursor:pointer;
}
.mob_pagination_link_left{
	background-image:url(../images/mobpleft.png);
}
.mob_pagination_link_right{
	background-image:url(../images/mobpright.png);
}



/* *********end list styles ************ */




/************ comment form ********************/
.comment_form{
display:none;
position:relative;
margin-top:10px;
clear:both;
float:left;
background-color:#e5e5e5;
border:1px solid #999999;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
}
.comment_form input{
margin-bottom:2px;
font-size:13px;
width:200px;
}
.comment_form #submit{
margin-top:5px;
font-size:13px;
width:100px;
}

.comment_form textarea{
margin-bottom:2px;
width:100%;
height:100px;
}

.close_top{
	position:absolute;
	top:5px;
	right:5px;
}
.close_top img{
}

.comment_item_list{
clear:both;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
margin-top:15px;
padding:0px;
}


/******************* end comment form **********************/








/* ************************ general styles ***************************/
.skype_pnh_container{ /* for editing when skype enabled (cutting and pasting phone numbers...) */
	display:none;
}
.pale_grey{
color:#999999;	
}

#breadcrumb{
color:#999999;
font-size:10px;
}

#breadcrumb a{
color:#999999;
font-size:10px;
text-decoration:none;
}
#breadcrumb a:hover{
color:#999999;
font-size:10px;
text-decoration:underline;
}

.box{
border:1px solid #cccccc;
}

.spacer{
margin:0px;
padding:0px;
clear:both;
width:100%;
height:0px;
}

.share_social_networks img{
margin-bottom:2px;
}

#item_added_confirmation{
z-index:1000;
width:250px;
top:auto;
left:auto;
position:absolute;
background-color:#FFFFFF;
border:1px solid #000000;
margin:20px;
font-size:12px;
font-weight:bold;
padding:10px;
}
#item_added_confirmation p{
margin:10px;
}

#close_top{
display:inherit;
/*
background-color:#666666;
padding:2px; */
float:right;
vertical-align:middle;
}
#close_top img{
padding:0px;
margin:2px;
}




/* form stuff */
.general_form{
background-color:#e5e5e5;
border:1px solid #999999;
padding:10px;
width:100%;
max-width:900px;
}

form{
margin:0px;
padding:0px;
}

input[type="checkbox"],input[type="radio"],input[type="image"]{
	border:none;
}



/******* used in 'make_dropdowns.php' - checkbox group %age columns */
.checkbox_group{
padding-top:15px;
}

.check_box_group_float_item{
	float:left;
}






/*** pop up calendar ***/
.cal_image_pop{
margin:0px 5px -3px 5px;	
}





/* form buttons */
.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal !important;
color:#ffffff;
	text-decoration: none;
	margin: 0px;
	padding:5px 10px 5px 10px !important;
	background-color:#663399 !important;
	border:none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
.button:hover {
	cursor:pointer;
	background-color:#666666;
}



.top_right_nowrap{
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
.top_center_nowrap{
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
.top_left_nowrap{
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

/***** form - bot protection******/
.main_details_form{
	display:none;
}
.form_botcheck{
	margin:10px 0px 10px 0px;
}
.form_botcheck input{
	width:20px !important;
	height:15px;
	margin:2px;
	vertical-align:middle;
}
/***** end form - bot protection******/


/* end form stuff */

/**** mailchimp  ****/
#mce-success-response{
	color:#666666 !important;
}

.payment_waiting{
	padding:15px;
width:300px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
	text-align:center;
	clear:both;
}
.payment_waiting div{
	margin-top:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:32px;
	height:32px;
	background-image:url(../images/loading.gif);
}



.admin_links{
font-size:10px;
font-weight:normal;
color:#3366FF;
}

a.admin_links{
font-size:10px;
font-weight:normal;
color:#3366FF;
text-decoration:none;
}

a.admin_links:hover{
background-color:#CCCCCC;
color:#FFFFFF;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.red {
	color: #FF0000;
}

#error{
color:#FF0000;
margin:0px 15px 2px 0px;
}
/* ************************ end general styles *********************/