body
{
font-family: verdana;
font-size: 0.7em;
text-align:center;
}

/* various containers for the actual page content */
#bodycontainer
{
padding:0px;
margin: 0 auto;
background-color: white;
}

#pagecontainer
{
text-align:left;
}

#pagefooter
{
vertical-align:bottom;
margin:0px;
padding:0px;
clear:both;
background-image:url(../../customer/images/viewpointfooter.gif);
border-top:3px black solid;
text-align:right;
padding-right:10px;
padding-top:10px;
height:28px;
}

#pagefooterimage
{
	vertical-align:bottom;
}

/* header - include logo */
#pageheader
{
display:none;
}
   
a:link, a:visited,a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #548881;
	text-decoration:underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #548881;
	text-decoration: underline;
}


p 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* general headings */
h1
{
    font-size:1.3em;
    background:#4B3575;
    color:White;
    text-align:left;
    padding:0.3em;
}
h2
{
     padding:0.3em;
     margin-bottom:5px;
   font-size:1.25em;
    background:#4B3575;
    color:White;
    text-align:left;
}
h3, h4, h5
{
    font-size:1.10em;
    color:#65C8C6;
    text-align:left;
}

/* menu 1 usually at the top */
#pagemenu1
{
display:none;

}

#pagemenu1 ul
{
	margin:0px;
	padding:0px;
    text-align:left;
    list-style:none;
    font-weight:bold;
    font-size:1.1em;
    font-family:Arial;
    display: inline;
   
}

#pagemenu1 ul li {
	margin-left: 0;
	padding: 0px;
	list-style: none;
	display: inline;
	}


#pagemenu1 a, #menu a:active, #menu a:visited
{
    padding: 5px;
    font-size:0.9em;
    color:black;
    text-decoration:none;
}
#pagemenu1 a:hover
{
   color:#65C8C6;
    text-decoration:none;
}

/*  hide the second order items */
#pagemenu1 .submenu
{
    display:none;
}

/*  the second menu usually on the left */

#pagemenu2
{
display:none;

}


#pagemenu2 ul
{
	margin:0px;
    padding: 10px 10px 25px 10px ;
    text-align:left;
    list-style:none;
    font-weight:bold;
    font-size:1.1em;
    font-family:Arial;
    width:120px;

}

#pagemenu2 a, #menu a:active, #pagemenu2 a:visited
{
    border-top: 1px white solid;
    display: block;
    padding: 3px  0px 4px 10px;
    font-size:0.9em;
    color:White;
    text-decoration:none;
    width:115px;
    background:#4B3575;

}


#pagemenu2 a:hover
{
   background:#65C8C6;
   text-decoration:none;
}

/*  hide the second order items */
#pagemenu2 .submenu
{
    display:none;
}

#pagemenu2 #pagemenu2pagefooter
{
    margin: 5px 10px 25px 10px ;
    width:124px;
    height:347px;
    border:1px silver solid;
    background-image:url(../../customer/images/award.jpg);
}

/* everything below the menu */

#pagecontent
{
    float:left;
    width:530px;
    padding: 0px;
    margin:0px;
    padding:10px 10px 10px 10px;
    background-color:White;
}

/*  for text pages from the CMS */

#pagecontent #textpagecontainer
{
}

#pagecontent #textpagecontainer img, .textimg
{
    border:1px silver solid;
    float:left;
    margin:3px 10px 10px 10px ;
}

/* form layout stuff */

.floatleft
{
	float:left;
	width:200px;
	text-align:right;
}
.floatright
{
	text-align:left;

}
.clear
{
	clear:both;
}

input, select
{
	background:#E7F2FD;
	border:1px #004890 inset;
	color:black;
}
 .checkbox
{
	border:none;
	background:white;
	color:black;
}

 .checkbox input
{
	border:none;
	background:none;
	color:black;
}

.checkboxlist
{
    display:block;
    border:thin red solid;
}

/* online booking wrapper */

#loginbox
{
	border:1px #5B917B solid;
	padding:10px;
	margin:10px;	
}

#loginbox input
{
	background:#E7F2FD;
	border:1px #004890 outset;
	color:black;
}
#loginbox #btnLogin, #btnGetAppts
{
	background:#548881;
	border:1px #3A5E58 outset;
	color:White;
}


.formbuttons
{
	padding-top:10px;
	margin-top:10px;
	text-align:left;
}

.floatleft
{
float:left;
width:150px;
text-align:left;
font-weight:normal;
}

/* to wrap form bits /*
.formelement
{
margin-top:5px;   
margin-bottom:5px;
clear:both;
text-align:left;
}

/* for wizard style layouts for forms - not used */
.wizardbuttons
{
	padding-top:10px;
	margin-top:10px;
	text-align:left;
}

.wizardbuttons input, formbuttons input
{
	background:#E7F2FD;
	border:1px #7F9DB9 outset;
	color:black;
}


.wizardbuttons input:first-child 
{
	text-align:left;
}
.wizardbuttons input:last-child 
{
	text-align:right;
}

/* to do with the booking stuff - this is the table for the dayselector control */
.tblDaySelector 
{
	border: 1px outset black;
}

.tblDaySelector input
{
	display:none;
}


.tblDaySelector .headerrow
{
	font-weight: bold;
	background: #004890;
	color: #ffffff;
	text-align:center;
}

/* for the timeslots */
.tblDaySelector .timeslot
{
	text-transform:capitalize;
	font-weight: bold;
	text-align:left;
	background:#004890;
	color:white;
	text-align:center;
}

.tblDaySelector .weekday
{
	background:white;
	border: 1px #F4F4F4 solid;
}
.tblDaySelector .weekendday
{
	background: #E7F2FD;
	border: 1px #EFF7F2 solid;
}
.tblDaySelector .closedday
{
	background:#D3D3D3;
	border: 1px #D3D3D3 solid;

}

.tblDaySelector .pastday
{
	color:#878787;
	background:#C6C6C6;
	border: 1px #C9C9C9 solid;

}

/* selected item styles - done by javascript */
.tblDaySelector .weekday_selected
{
	border: 1px #D1EDF4 solid;
	background-image:url(../../customer/images/tick_viewpoint_green.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.tblDaySelector .weekendday_selected
{
	border: 1px #D1EDF4 solid;
	background-image:url(../../customer/images/tick_viewpoint_green.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;

}

.tblDaySelector td
{
	width:52px;
	height:49px;
	text-align:center;

}


.tblDaySelector td .hover
{
	border:thin black solid;
}

/* table when turned off */

.tblDaySelector_disabled 
{
	border: 1px outset gray;
}

.tblDaySelector_disabled .headerrow
{
	font-weight: bold;
	background: #A0A2A3;
	color: #E0E2E4;
	text-align:center;
}

.tblDaySelector_disabled .timeslot
{
	text-transform:capitalize;
	font-weight: bold;
	text-align:left;
	background:#A0A2A3;
	color:#E0E2E4;
	text-align:center;

}

.tblDaySelector_disabled td
{
    background:#CBCED2;
    color:#E0E2E4;
	width:52px;
	height:49px;

	text-align:center;
	border:1px #B9C3D0 solid;
}

.tblDaySelector_disabled input
{
    display:none;
}


#calselectorbtns

{
padding-top:10px;
margin:10px;
width:90%;

}

#calselectorbtns a

{
	font-size:0.9em;
}

#apptdetails
{
width:90%;
border: none;
text-align:left;
padding:10px;
font-weight:bold;
}



/* for the booking stuff general layout */
#summarypanel
{
    margin-top:10px;
    background-color:#E7F2FD;
    border:1px #64C8C6 solid;
    padding:0px 5px  5px 5px;
display:none;

   
}
#summarypanel h2
{
    font-weight:normal;
    font-size:1.25em;
    text-decoration:none;
    margin-right:5px;
    background:transparent;
    color:black;
}
#summarypanel p
{
    margin-left:5px;
}

#summarypanel .value
{
    font-weight:bold;
}

#mainpanel
{
    padding:  0px 0px 0px 0px;
}

.tip
{
    margin-top:10px;
    background-color:#E7F2FD;
    border:1px #64C8C6 solid;
    padding:5px;
    width:250px;
    text-align:left;
    
}

.error
{
    color:Red;
}

#appointmentlist input
{
	padding-top:12px;
}


/* location map stuff - used on for these pages */
.address
{
    font-size:1.0em;
    color:Black;
    font-weight:bold;
}
.address span
{
    display:block;
}

.contact
{
    margin-top:20px;
}

.contact span
{
    display:block;
    padding-bottom:3px;
    width:95%;
    font-weight:bold;
}

.contact span span
{
    width:25%;
    float:left;
    font-weight:normal;
}

.openinghours
{
    margin-top:15px;
}

.openinghours h2
{
    font-size:1.15em;
    background:white;
    font-weight:bold;
    color:Black;
    padding:0em;
    margin:0em;
}

.openinghours ul
{
    margin:0px;
    padding: 10px  10px 10px 0px ;
    text-align:left;
    font-size:1.1em;
    font-family:Arial;
}
.openinghours li
{
    list-style:none;
    font-weight:normal;
    width:100%;
    clear:both;
}

.openinghours li span
{
    display:block;
    font-weight:bold;
    width:50%;
    float:left;
}

#locationDetails
{
    float:left;
    width:200px;
}

#mapDetails
{
    width:320px;
    float:right;
}

.locationdescription
{
    clear:right;
    padding-top:5px;
}

.location
{
    font-weight:bold;
   color:#4B3575;
   padding-top:5px;
   padding-bottom:0px;
}

/* for the location finder page */
.summary
{
    color:black;
    font-size:1.1em;
     padding-top:5px;
     padding-bottom:10px;
   
}

.listitem
{
    margin-top:10px;
}

.listitem h2
{
    font-size:1.25em;
    background:white;
    font-weight:bold;
    color:#4B3575;
    padding:0em;
    margin:0em;
}
.listitem .offer
{
    margin-top:10px;
    font-size:1.05em;
    margin-bottom:10px;
}

.offerlink
{
font-weight:bold;
margin-bottom:20px;
}
/* use for stuff like skip nav - which is only to be shown on hivis */
.hisvisonly
{
    display:none;
    background:red;
}

#displaysettings 
{
    font-weight:bold;
    font-size:1.0em;
    text-align:left;
    position:relative;
    top:-10px;
    left:10px;
}

#displaysettings a, #displaysettings a:active, #displaysettings a:visited
{
    color:white;
}

.accesskeys
{
    border-collapse:collapse;
    border:1px solid silver;
    width:250px;
}
.accesskeys th
{
    font-size:1.1em;
    background:#65C8C6;
    color:White;
    }

.accesskeys .keys
{
    width:70px;
    text-align:center;
    }