/*******************************************************
Utility Styles
********************************************************/
.none {display : none;}
.hidden {visibility : hidden;}
.inline {display : inline;}
.block {display : block;}
.left {float : left;}
.right {
	float : right;
}
.strong {font-weight : bold;}
.clear {clear : both;}
/*******************************************************/

/*******************************************************
Base HTML Styles
********************************************************/
html {height : 100.01%}

body
{	
	width:100%;
	margin : 0px auto 0px auto;
	padding : 0;
	font-family : Trebuchet MS, Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 11px;
	color : #1d3c8f;	
	background-color : #fff;	
}

div.root
{	
	width:100%;
    margin : 0;        
	min-height: 100%;
    height: auto !important;
    height: 100%;    
}  
div.body
{		
	width : 700;
	margin : 0;	
	text-align : left;
    /*min-height: 580px;*/
    height: auto !important;
    height: 100%;
}
div.root.noLMenu div.body
{ 
	background-image : none;
}

img {border : 0px;}

a 
{
    color : #1d3c8f;
    font-weight : bold;
    cursor : hand;
    cursor : pointer;    
}

h1
{
    margin : 0 0 5px -5px;
    padding : 0 0 15px 5px;
    font-size : 18px;
    color :  #1d3c8f;
}

h2
{
    margin : 5px 0 5px 0;
    padding : 0;
    font-size : 16px;
    color :  #1d3c8f;    
}

h3
{
	font-size : 12px;
	color :  #1d3c8f;
}

p {
	margin : 0 0 10px 0;
	padding : 0;
	font-size: 11px;
	line-height:14px;
}

ul 
{	
    margin : 0 0 5px;
}

li 
{
	padding : 0;
	margin : 0;
}

form {margin : 0; padding : 0;}

select,
input,
textarea
{
    padding : 0px 0px 0px 0px;
    font-family : Arial, Helvetica, Verdana, Sans-Serif;
    color : Black;
    font-size : 9px;
}

span.radio input {border : none;}

select:focus,
input:focus,
textarea:focus
{
    background-color : #eee;
}

input.image {border : none;}
/********************************************************/


/*******************************************************
Content Styles
********************************************************/
div.content
{	   
    margin-top : 0;
    width : 99%;
    float : left;  
}

div.content p
{
    width : 100%;
    margin-top : 6px;
    text-align : justify;
    float : none;
    clear : none;
}

div.content dl 
{
    font-size : 11px;
    width : 220px;
    font-style : normal;
}

div.content dt
{
    float : left;
    width : 65px;
}

div.content div.leftpanel
{
    width : 314px;
    float : left;
}
/*******************************************************/

/*******************************************************
Vehicle Content Styles
********************************************************/
div.content.item.vehicle 
{
}

div.content.vehicle img 
{
    margin: 0 0 0 0;
}

div.content.vehicle div.copy
{
    width : 655px;    
    min-height : 230px;
    background-color : #e1e1e1;
	color : #1d3c8f;
	line-height: 14px;
	padding : 10px 10px 10px 10px;	
	display : block;
	float : left;
}

div.content.vehicle div.buttons
{
    margin-top : -4px;
    width : 675px;
    height : 28px; 
    float:left;    
}
div.root div.content.vehicle div.buttons
{ background-image: url(/assets/Wayside/images/subBgGrey.jpg); background-repeat : repeat-x; }

div.content.vehicle div.buttons a
{
	height : 28px;
	width : auto;
	display : block;
	float : left;
	color : Black;
	text-align : left;
	text-decoration : none;
	padding : 7px 10px 0px 12px;	
	background : none;
	font-weight : normal;
}
div.content.vehicle div.buttons a:hover
{
	color : #1d3c8f;
}

div.content.vehicle div.enquiries
{
    margin : 20px 0px 0px 0px;
    padding : 20px 10px 20px 10px;
    float : left;
    font-size : 20px;
    font-weight : bold;
    color : #FFF;
    text-align : center;
    background-color : #3b4181;
    width : 170px;
}

div.content.vehicle div.enquiries p
{
    font-size : 13px;
    font-weight : normal;
    color : #FFF;
    text-align : center;
    margin : 0 0 5px 0;
}
/*******************************************************/

/*******************************************************
List Styles
********************************************************/
/* START - All Vehicle List Stylings */
div.list 
{
    width : 690px;
    display : table;    
}
div.list h2 
{
    background-image : url(/assets/johngrose/images/panel.h3.bkgd.gif);
    font-size : 14px;
    color : #FFFFFF;
    padding-left : 6px;
}
div.list h3
{
	text-decoration : none;
	font-size : 11px;
	background-image : url(/assets/johngrose/images/panel.h3.bkgd.gif);
	color : #FFFFFF;
	height : 20px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 6px;
    clear : right;
}
div.list a 
{
    text-decoration : underline;
    /*layout-flow:vertical-ideographic;*/
}
div.list div.item
{
    height : 173px;
    width : auto;
    margin : 0 0 0 0;    
}
div.list div.item p
{
	padding-top : 5px;
	width : 470px;
	font-size : 10px;	
}
div.list div.item.vehicle 
{    
    float : left;
    text-align : center;
 
    height : 100%;
    margin : 0 15px 20px 0;
    
}
div.list div.item.vehicle h3
{
    margin : -4px 0 0 0;
	text-decoration : none;
	font-size : 11px;	
	/*color : #1d3c8f;*/
	color : black;
	background-image : url(/assets/Wayside/images/subBgGrey.jpg);
	background-repeat : repeat-x;	
	height : 23px;
	padding-top : 5px;
	width : 200px;
}
/* END - All Vehicle List Stylings */

div.list div.item.location
{
    height : 180px;
	border-bottom : solid 1px #D5DDE4;
}
div.list div.item.location h3
{
	width : 194px;
	background-image : url(../images/panel.h3.bkgd.gif);
	background-repeat : repeat-x;
	color : #FFFFFF;
	float : left;
    height : 20px;
	padding : 3px 0 0 10px;
    width : 630px;
	margin : 0;
}
div.list div.item.location img
{
	float : left;
	margin : 0 0 10px 0;
}
div.list div.item.location div.icons img
{
	padding : 0 0 0 0;
	margin : 0 0 0 4px;
}
div.list div.icons
{  	
	float : none;
	width : 400px;
	margin-left : 200px;
}

div.list div.listbutton
{
    background-image : url(../images/list.button.bkgd.gif);
    background-repeat : no-repeat;
    display : block;
    width : 600px;
    height : 23px;
    text-decoration : none;
    color : #FFFFFF;
    font-weight : bold;
    font-size : 10px;
    margin : 0 0 10px 0;
    padding : 7px 0 0 25px;
    cursor : pointer;
    cursor : hand;
    float : left;
}

div.list div.locationbutton
{
    background-image : url(../images/list.locationbutton.bkgd.gif);
    background-repeat : no-repeat;
    display : block;
    width : 590px;
    height : 23px;
    text-decoration : none;
    color : #FFFFFF;
    font-weight : bold;
    font-size : 10px;
    margin : 0 0 10px 0;
    padding : 7px 0 0 35px;
    cursor : pointer;
    cursor : hand;
    float : left;
}

div.list div.item.news 
{
    clear : both;
    height : 160px;
}

div.list div.item.news p
{
    padding-left : 6px;
}

div.list div.item.news h3
{
	text-decoration : none;
	font-size : 11px;
	background-image : url(/assets/johngrose/images/panel.h3.bkgd.gif);
	color : #FFFFFF;
	height : 20px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 6px;
	clear : right;
}

div.list div.item.news div.date
{
    background-color : #CCCCCC;
    color : #1d3c8f;
    padding-left : 6px;
}

div.list div.item.event
{
    clear : both;
    height : 160px;
}

div.list div.item.event p
{
    padding-left : 6px;
}

div.list div.item.event h3
{
	text-decoration : none;
	font-size : 11px;
	background-image : url(/assets/johngrose/images/panel.h3.bkgd.gif);
	color : #FFFFFF;
	height : 20px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 6px;
	clear : right;
}

div.list div.item.event div.date
{
    background-color : #CCCCCC;
    color : #1d3c8f;
    padding-left : 6px;
}

/*******************************************************
Panel Styles
********************************************************/
div.panelgroup
{
    margin : 15px 0 0 0;    
}

div.panel
{
    float : left;
    margin : 0 15px 0 0;
    z-index : 200;
    width : 783px;
}

div.panel.last {margin-right : 0px;}

div.panel div.item
{
    overflow : hidden;
    margin : 0 0 0 0;
    padding : 0 25px 25px 0;
    width : 236px;
    height : 300px;
    background-image : url(/assets/Wayside/images/panel_bg.gif);
    background-repeat : no-repeat;    
    float:left;
}

div.panel h3
{
    margin : 0;
    padding : 6px 12px 4px 12px;
    color : #3D4A90;
    font-weight : bold;
    font-size : 15px;
}

div.panel p
{
    margin : 0 0 15px 14px;    
    padding : 0;
    width : 206px;
    height : 80px;     
    overflow : hidden;
    font-size : 12px;
    color : #5B5B5B; 
}

div.panel#panelOfferItems p
{
    width : 120px;
    margin : -90px 15px 0px 15px;
    padding : 0;
    font-size : 10px;
}

div.panel#panelFeaturedItems img.thumbnail
{
    margin : 5px 14px;
    border : solid 1px;
    border-left-color : White;
    border-top-color : White;
    border-right-color : Gray;
    border-bottom-color : Gray;    
}

div.panel#panelOfferItems img.thumbnail
{
    margin : 0 1px 0 201px;
    width : 100px;
    height : 98px;
    border : 0;
}

div.panel#panelGenericItems img.thumbnail
{
    margin : 0 0 0 1px;
    width : 300px;
    height : 55px;
    border : 0;    
}

div.panel a.button
{
	text-align : left;
    display : block;
    height : 24px;
    margin : 0 0 0 14px;    
    padding : 5px 0 0 8px;
    font-size : 9px;
    font-weight : bold;
    font-family : 'Trebuchet MS' Arial, Helvetica, Verdana, Sans-Serif;
    color : #fff;
    white-space : nowrap;
    text-decoration : none;
    background-image : url(/assets/Wayside/images/btn2off.gif);
    background-repeat : no-repeat;
}
div.panel a.button:hover { background-image : url(/assets/Wayside/images/btn2on.gif); }

div.panel#panelOfferItems a.button
{
    margin : 15px 165px 0px 95px;  
}

div.panel#panelGenericItems a.button
{
    margin : 15px 15px 0px 195px;  
}

div.panel a.button img {margin-top : -5px;}

div.panel a.button img.left {margin-right : 0;  }

div.panel a.button img.right {margin-left : 0;}
/*******************************************************/


/*******************************************************
Form Styles
********************************************************/
form.twocolumn 
{
    margin-bottom : 10px;
    width : 735px;
}

form.twocolumn fieldset
{
    margin : 0 0 10px 10px;
    padding : 0;
    border-width : 0px;
}

form.twocolumn fieldset table
{
    width : 600px;
}

form.twocolumn caption
{
    font-weight : normal;
    font-size : 12px;
    text-align : left;
    margin : 0 0 0 0;
    padding : 3px 0 3px 10px;
    width : 600px;
    color : #ffffff;
	background-image : url(/assets/johngrose/images/panel.h3.bkgd.gif);
}

form.twocolumn thead
{
    background-color : #F3F3F3;
    border : 0;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}

form.twocolumn fieldset.radio_group 
{
    margin-bottom : 0;
}

form.twocolumn legend
{
    margin : 0 0 10px -7px;
    padding : 10px 0 0 0;
    font-size : 14px;
    font-weight : bold;
    color :  Black;
}

form.twocolumn div.submit,
form.twocolumn div.divider
{
    margin : 0 0 5px 0;
    padding : 0 0 3px 0;
    border-bottom : 1px solid #eee;        
    width : 679px;
}

form.twocolumn p
{
    margin : 0;
    padding : 0;
    font-size : 10px;
}

form.twocolumn label
{
    display : block;
    float : left;
    position : relative;
    width : 20%;
    color : #000;
    font-weight : normal;
    margin : 2px 0 0 0;
}

form.twocolumn fieldset.radio_group label
{
    float : left;
    display : block;
    width : auto;
    margin : 3px 0 0 0;
    font-size : 10px;
    font-weight : normal;
}

form.twocolumn label abbr
{
    border : 0px;
}

form.twocolumn label img
{
    padding : 0;
    border : none;
    vertical-align : text-top;
    position : absolute;
    right : 5px;
    top : 50%;
    margin-top : -5px;
}

form.twocolumn span.advice,
form.twocolumn span.field_error
{
    margin-left : 20%;
    display : block;
    color : #999;
    font-size : 10px;
}

form.twocolumn span.advice 
{   
    color : #999;
}

form.twocolumn span.readonly
{
    display : block;
    padding-top : 2px;
    color : #000; 
    font-weight : normal;
}

form.twocolumn span.field_error 
{   
    color : #b82713; 
    font-weight : bold;
}

form.twocolumn select 
{
    width : 30%;
}

form.twocolumn input,
form.twocolumn textarea 
{
    width : 79%;
}

form.twocolumn textarea
{
    height : 100px; 
    min-height : 100px;
    overflow : auto;
}

form.twocolumn span.checkbox input
{
    width : auto;
    border : none;
    vertical-align : middle;
}

form.twocolumn fieldset.radio_group input
{
    float : left;
    clear : left;
    width : auto;
    display : block;
    border : none;
}

form.twocolumn fieldset.radio_group input
{
    height : 20px;
}

form.twocolumn img.calendar 
{
    margin : -1px 0 0 3px; 
    vertical-align : middle;
}

form.twocolumn div.submit 
{
    text-align : right;
    padding-bottom : 5px;
}

form.twocolumn div.submit input
{
    width : 80px;
    height : 27px;
    margin : 0;
    padding : 0;
    font-size : 14px;
    font-weight : bold;
    color : #fff;
    white-space : nowrap;
    background-color : #3B6A88;
    border : 0px;
    cursor : pointer;
    text-transform : lowercase;
}

form.twocolumn div.submit input:hover 
{    
    background-color : #C0C0C0;    
}

form td.center.blank
{
    width : 110px;
}

form td.center.blank input
{
    margin : 0;
    padding : 0;
    text-align : center;
    line-height : 10px;
    color : #fff;
    background-repeat : no-repeat;
    border : none;
    background-color : transparent;
    cursor : pointer;
}

form td.center.blank input
{
    width : 100px;
    height : 30px;
    font-weight : bold;
    font-size : 12px;
    background-image : url(/assets/johngrose/images/list.button.bkgd.gif);
    background-repeat : no-repeat; 
    background-color : transparent;
}

/*******************************************************/


/***************************************************************
##Form Error Notification
***************************************************************/
div.notification
{
    margin : 5px 15px 10px 5px;
    padding : 5px;

    color : #333;
    background : #D9DCD3;

    border : 1px solid #91A29C;
    border-bottom-width : 2px;
    border-right-width : 2px;	
    width : 810px;
}

.notification h2
{
    margin : 0 0 5px 0;
    font-size : 14px;
    color : #b82713;
}

.notification p 
{
    margin : 0 0 5px 0;
}
/***************************************************************/


/***************************************************************
##Calendar Pop-Up Styles
***************************************************************/
div.calendar {background-color : #fff;}

div.calendar table {border : none;}

.cpYearNavigation,
.cpMonthNavigation
{
    background-color : #eee;
    text-align : center;
    vertical-align : middle;
    text-decoration : none;
    color : #000;
    font-weight : bold;
}

.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {font-size : 9px;}

td.cpDayColumnHeader
{
    text-align : right;
    border-color : #C0C0C0;
    border-style : solid;
    border-width : 0px 0px 1px 0px;
}

.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate  {text-align:right; text-decoration : none;}

.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled {color : #D0D0D0; text-align : right; text-decoration : line-through;}

.cpCurrentMonthDate,
.cpCurrentDate {color : #000000;}

.cpOtherMonthDate {color : #808080;}
td.cpCurrentDate
{
    color : #fff;
    background-color : #eee;
    border : solid 1px #800000;
}

td.cpCurrentDateDisabled {border-width : 1px; border:solid 1px #FFAAAA;}

td.cpTodayText,
td.cpTodayTextDisabled {border : solid 1px #C0C0C0; border-width:1px 0px 0px 0px;}

a.cpTodayText,
span.cpTodayTextDisabled {height:20px;}

a.cpTodayText {color:#000;}
.cpTodayTextDisabled {color : #D0D0D0;}
.cpBorder {border : solid 1px #666;}
/***************************************************************/