/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:0;
}
.Site FORM
{
	margin:0;
}

.Site H1
{
	margin:0;
	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	line-height: 1em;
	
}

.Site H2
{
	margin:0;
	padding: 0;
	padding-top: 0.4em;
	margin-bottom: 0.4em;
	line-height: 1em;
}

.Site H3
{
	margin:0;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

.Site H4
{
	margin:0;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

.Site H5
{
	margin:0;
	padding: 0;
	margin-top: 0.55em;
	margin-bottom: 0.55em;
	line-height: 1em;
}

.Site H6
{
	margin:0;
	padding: 0;
	line-height: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


.Site p 
{
    font-size: 1.15em;
    line-height: 1.15em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}


.Site p.copyright 
{
    font-size: 1em;
}


.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}

/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
    min-height: 54px;
}

.Site .box .bl, 
.Site .box .br
{
	padding:0;
    margin:0;
    width:auto;
    height: 13px;
}

.Site .box .tr,
.Site .box .br 
{
    margin-left: 13px;
}

.Site .boxclosed .tr,
.Site .boxclosed .br 
{
    min-height: 57px;
}


.Site .box .topDownCurvesLeft, 
.Site .box .topDownCurvesRight
{
	padding:0;
    margin:0;
    width:auto;
    height: 10px;
}

.Site .box .topDownCurvesRight
{
	margin-left: 13px;
}






.Site .titleBg 
{
    position: relative;
}



.Site .IconArrow 
{
     min-width: 11px;
     height: 34px;
     position: absolute;
     top: 0;
     right: 20px;
}

.Site .icon .IconArrow 
{
     width: 46px;
     height: 47px;
     position: absolute;
     top: 0;
     right: 20px;
}




.Site .iconHolder 
{
    width: 25px !important;
    height: 47px !important;
    display: block;
}



.Site .box .tl .btmCurveLeft 
{
    display: none;
}

.Site .box .tr .btmCurveRight
{
    display: none;
}

.Site .box .tr h2
{
    margin:0 5px 0 0;
    padding-top: 18px;
    width:auto;
    font-size: 1.2em;
}
.Site .box .content
{
    position:relative;
    padding:10px;
}

.Site .box .contentSurround .content
{
    /*position:static;*/
    padding: 4px 8px;
}

.Site .boxclosed .contentSurround .content img
{
    display: none;
}

/*.Site .boxclosed .topDownCurvesLeft, 
.Site .boxclosed .topDownCurvesRight
.Site .boxclosed .content,
.Site .boxclosed .bl,
.Site .boxclosed .br
{
    display: none;
}*/

.Site .boxclosed .tr,  .Site .boxclosed .tl
{
    position:relative;
}

.Site .boxclosed .btmCurveLeft,
.Site .boxclosed .btmCurveRight 
{
    display:block !important;
    position: absolute;
    width: 9px;
    height: 9px;
    bottom: 0;
}


.Site .boxclosed .btmCurveRight
{
   right: 0;
}


.Site .boxclosed .btmCurveLeft
{
    left: 0;
}

.Site .content img
{
	margin:0 5px 5px;
}

.Site .box table.content 
{
    width: 100% !important;
}
.Site .content table
{
	border:solid 1px #cecece;
}
.Site .content table td
{
	padding:3px;
	border-collapse:collapse;
}
.Site .content table tbody td
{
	background-color:#cecece;
}
.Site .content table thead td
{
	background-color:#0983B0;
	font-weight:bold;
	color:#fff;
}

.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
}
.Site .detail p.date,
.Site p.venue
{
	margin:3px 0;
	font-weight:bold;
}
.Site .product p.description
{
	margin-bottom:15px;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:250px;
    font-size:1em !important;
    font-family: Arial;
}



.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 10px 0 10px 0;
}
.Site .productContainer .list
{
	padding-bottom:30px;
	margin-bottom:15px;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}

.Site .contentSurround .list H3
{
    MARGIN-BOTTOM: 2px
}

.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    position: relative;
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, 
.Site .detail .terminus
{
	clear:right;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site .template ul
{
	margin-left:20px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}


/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:998px;
	margin:auto;
}

.Site #location
{
    padding-top: 4px;
    margin-left: 17px;
    padding-bottom: 4px;
}


.Site #mainHeader
{
	position:relative;
	height:197px;
}

.Site #logo 
{
    position: absolute;
    width: 184px;
    height: 117px;
    top:77px;
    left: 16px;
}

.Site #strapline
{
    position: absolute;
    right: 139px;
    bottom: 37px;
}

.Site #mainMenuContainer
{
    padding-left: 10px; 

}

.Site #leftCol 
{
    width: 172px;
    float: left;
    padding: 0 0 10px 4px;
}





.Site #leftCol .module .content img 
{
    margin: 0;
}

#footerColLeft 
{
    width: 30%;
    margin: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top:3px;
    float: left;
    text-align:left;
}


#footerColLeft p
{
    margin:0;
    font-size: 0.9em;
}


#footerColRight 
{

    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;   
    float: right;
    text-align:left;
    clear: right;
}


/* ################################## Menu setup ################################### */

.Site #mainMenu
{
}

.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li,
.Site #footerMenu ul, 
.Site #footerMenu li
{
    padding:0;
    margin:0;
}

.Site #topNav
{
	float: right;
	margin-right: 14px;
	padding-top: 40px;
	margin-top: 0;
}


.Site #mainFooter 
{
    float: left;
    width: 998px;
}

.Site #footerNav
{
    padding-bottom: 10px;
} 

.Site #footerNav ul
{
    padding-top: 12px;
    margin-top: 0;
    margin-bottom: 0;
} 

.Site #footerNav 
{
	float: right;
	margin-right: 14px;
}

.Site #footerMenu
{
	padding-right: 0;
	padding-top: 0;
	float: right;
	width: 60%;
}

.Site #footerMenu ul
{
	
	padding-right: 10px;
	padding-top: 5px;
	float: right;
}

.Site #location
{
	float: left;
}

.Site #location a
{
	font-size: 0.8em!important;
}


.Site #mainMenu li, 
.Site #topNav li,
.Site #footerNav li,
.Site #footerMenu li
{
	list-style:none;
	display:inline;
}

.Site #mainMenu ul a, 
.Site #topNav ul a, 
.Site #footerNav ul a,
.Site #footerMenu ul a
{
	float:left;
}


.Site #topNav ul
{
    margin-top: 0;
}
.Site #topNav ul a
{
	padding:8px 7px;
	line-height:1.2em;
}

.Site #footerNav ul a
{
	padding:0 7px;
}

.Site #footerMenu ul a
{
	padding:0 7px;
}

.Site #topNav ul li.last a, 
.Site #footerNav ul li.last a,
.Site #footerMenu ul li.last a
{
	padding-right: 0;
}

.Site #mainMenu ul a
{
	padding:4px 18px 5px 18px;
	line-height: normal;
	position:relative;
	margin-right: 2px;
}

.Site #mainMenu ul li.last a
{
	margin-right: 0;
}


.Site #mainMenu ul a span.navTab-tl
{
	position:absolute;
	left:0;
	bottom:0;
	width: 9px;
	height: 28px;
}

/* ################################## Sub Menu setup ################################### */


.Site #subMenu
{
	float:left;
	width:172px;
	margin:21px 0 10px 0;
}

.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:9px 0 2px 18px;
	margin:0;
	
}

.Site #subMenu ul a.active, .Site #subMenu ul a.on
{
	padding:9px 0 6px 18px;
}

.Site #subMenu ul ul
{
	padding-top:2px;
	padding-bottom:4px;
}

.Site #subMenu ul ul a
{
	padding-left:19px;
	
	padding:4px 0 2px 19px;
}

.Site #subMenu ul ul a.active, .Site #subMenu ul ul a.on
{
	padding:4px 0 2px 19px;
}

.Site #subMenu ul ul ul
{
	padding:0;
}


.Site #subMenu ul ul ul a, .Site #subMenu ul ul ul a.on, .Site #subMenu ul ul ul a.active
{
	padding-left:28px;
}

.Site #subMenu ul ul ul ul a, .Site #subMenu ul ul ul ul a.on, .Site #subMenu ul ul ul ul a.active
{
	padding-left:33px;
}

/* ======================== */

.Site #mainTitle
{
    MARGIN:10px 0 10px 187px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
}
.Site #mainLayout
{
	margin-left:187px;
	line-height:1.5;
	padding:0 10px 10px 10px;
}

.Site #mainLayoutContainer 
{
    padding: 0 6px;
}

.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
.Site #template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}

.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
.Site #mainFooter
{
    
}

.Site #mainFooter p.copyright
{
    padding: 12px 5px 5px 46px;
    margin: 0;
}

/* ======================== */

.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}

.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}

/* ======================== */

/*
.Site #template_2_Columns DIV#column1
{
	width: 284px !important;
}
.Site #template_2_Columns DIV#column2
{
	margin-left: 294px !important;
}
*/
/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}

#developerLink
{
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	padding-right: 11px;
}

#developerLink img
{
	border: none;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:absolute;
	top: 0;
	right: 0;
}


.Site #loggedIn 
{
    background: transparent url(/images/layout/loginArrow.gif) no-repeat 0 90%;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 16px;
}



.Site #logonForm th, 
.Site #logonForm td
{
	vertical-align:middle;
}

	/* ####    With submenu column widths    #### */				
	.Site .template_2_Columns #column1				
	{				
		width: 392px !important;			
	}				
					
	.Site .template_2_Columns #column2				
	{				
		margin-left: 407px !important;			
	}				
					
	.Site .template_2_Columns_66_33 #column1				
	{				
		width: 522px !important;			
	}				
					
	.Site .template_2_Columns_66_33 #column2				
	{				
		margin-left: 537px !important;			
	}				
					
	.Site .template_2_Columns_33_66 #column1				
	{				
		width: 261px !important;			
	}				
					
	.Site .template_2_Columns_33_66 #column2				
	{				
		margin-left: 276px !important;			
	}				
					
	.Site .template_3_Columns #column1,				
	.Site .template_3_Columns #column2				
	{				
		width: 256px !important;			
	}				
					
	.Site .template_3_Columns #column2				
	{				
		margin-left: 15px !important;			
	}				
					
	.Site .template_3_Columns #column3				
	{				
		margin-left: 542px !important;			
	}		
	
	.Site .template_3_Columns #column1,				
	.Site .template_3_Columns #column2				
	{				
		width: 256px !important;			
	}				
					
	.Site .template_3_Columns #column2				
	{				
		margin-left: 15px !important;			
	}				
					
	.Site .template_3_Columns #column3				
	{				
		margin-left: 542px !important;			
	}	
	
	#crayford_homepage #column1
{
	float: left;
}
#crayford_homepage #column2
{
	float: left;
	display:inline;
}
#crayford_homepage #column3
{
	height:1%;  
}
	
	
	.Site #crayford_homepage #column1			
	{				
		width: 304px !important;			
	}	
					
	.Site #crayford_homepage #column2				
	{				
		width: 332px !important;			
	}	
				
					
	.Site #crayford_homepage #column2				
	{				
		margin-left: 10px !important;			
	}				
					
	.Site #crayford_homepage #column3				
	{				
		margin-left: 662px !important;			
	}			
	
		
					
	.Site .template_2_Columns_Boxed #column1, .Site #template_Products_Grouped_3 #column1				
	{				
		width: 382px !important;			
	}				
					
	.Site .template_2_Columns_Boxed #column2, .Site #template_Products_Grouped_3 #column2				
	{				
		margin-left: 392px !important;			
	}				
					
	.Site .template_2_Columns_66_33_Boxed #column1				
	{				
		width: 509px !important;			
	}				
					
	.Site .template_2_Columns_66_33_Boxed #column2				
	{				
		margin-left: 524px !important;			
	}				
					
	.Site .template_2_Columns_33_66_Boxed #column1				
	{				
		width: 254px !important;			
	}				
	.Site .template_2_Columns_33_66_Boxed #column2				
	{				
		margin-left: 269px !important;			
	}				
	.Site #scrollerContainer 				
	{				
		width: 769px !important;			
	}				
					
					
	/* ####    Fullwidth column widths    #### */	
	
	
	.Site .fullwidth #mainTitle
	{
	    margin-left: 10px !important;
	}
	
	.Site .fullwidth #mainLayout
	{
	    margin-left: 0 !important;
	}	
					
	.Site .fullwidth .template_2_Columns #column1				
	{				
		width: 485px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns #column2				
	{				
		margin-left: 500px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_66_33 #column1				
	{				
		width: 647px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_66_33 #column2				
	{				
		margin-left: 662px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_33_66 #column1				
	{				
		width: 323px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_33_66 #column2				
	{				
		margin-left: 338px !important;			
	}				
					
	.Site .fullwidth .template_3_Columns #column1,				
	.Site .fullwidth .template_3_Columns #column2				
	{				
		width: 318px !important;			
	}				
					
	.Site .fullwidth .template_3_Columns #column2				
	{				
		margin-left: 15px !important;			
	}				
					
	.Site .fullwidth .template_3_Columns #column3				
	{				
		margin-left: 667px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_Boxed #column1				
	{				
		width: 475px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_Boxed #column2				
	{				
		margin-left: 490px !important;	width: 475px !important;		
	}				
					
	.Site .fullwidth .template_2_Columns_66_33_Boxed #column1				
	{				
		width: 634px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_66_33_Boxed #column2				
	{				
		margin-left: 649px !important;			
	}				
					
	.Site .fullwidth .template_2_Columns_33_66_Boxed #column1				
	{				
		width: 317px !important;			
	}				
	.Site .fullwidth .template_2_Columns_33_66_Boxed #column2				
	{				
		margin-left: 332px !important;			
	}				
					
	.Site .fullwidth #scrollerContainer 				
	{				
		width: 956px !important;			
	}				
			
	
	
	.Site #template_Contacts_Style_2 #column2
	{
	    width: 504px
	}
	    
					
	.Site #template_Sub_Page_Listing_Thumbnail table#subPageList 
	{
	    width: 99%
	}

.Site .box .tl 
{
    margin: 0;
    padding: 0;
}

.Site .box .tr h2.title
{
    /*float: left;*/
   
   padding-top: 20px;
}

.Site .box .contentSurround .bottom
{
    display: none;
}




.Site #productList td.list 
{
    padding-bottom: 10px;
}

.Site #crayford_homepage .module img.image 
{
    margin: 0;
}


.Site .module 
{
    margin-bottom: 5px;
}

.Site .box
{
    margin-bottom: 10px;
}


.Site table#cartListing 
{
	width: 99.5%;
}

.Site table#cartListing th.lineTotal
{
	color: #ffffff;
}

.Site .productContainer
{
	width: 99%;
}


.Site .productContainer form 
{
	
	clear: right;
}

.Site form .formMainTable h2.title 
{
	margin: 0 !important;
	padding-top: 18px !important;
	
}


.Site #PayForm span.help
{
    background-color: Transparent !important;
    border: none;
    background-position: 10px 0;
}

.Site #PayForm span.hint
{

    background-position: 10px 15px;
    padding: 20px 35px;
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 1em;
    font-size: 1.2em
}


.Site #PayForm label.radio, .Site #PayForm span.radiocheckbox
{
    line-height: 2.5em;
    margin-bottom: 0.5em
}

.Site #PayForm span.alert,
.Site #PayForm td.alert span,
.Site #PayForm span.hint, 
.Site #PayForm td.hint span, 
.Site #PayForm span.help,
.Site #PayForm td.help span
{
	padding-left: 35px !important;
}

.Site table#cartListing 
{
	padding-top: 10px;
}


.Site .event #column2 
{
	margin-right: 0;
}

.Site #leftColumnLinkRotate {
    margin-bottom:10px;
}

.Site .bookingForm
{
	position: relative;
}