/* (c)2006 www.cogentmedia.co.uk. All rights reserved. */

/* GENERAL DEFINITIONS --------------------------------------------------------------- */

* {margin: 0px; padding: 0px; border: 0px;}

body
{	min-width: 870px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	background-color: #FCCDE5;
	color: #555555;
}

h1
{	margin-bottom: 8px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.04em;
	line-height: 26px;
	color: #000000;
}

h2
{	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #333333;
}

h3
{	margin-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #333333;
}

h5
{	margin-top: -4px;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	color: #000000;
}

a {color: #000000; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

img {display: block; border: 0px;}

strong {font-weight: bold; color: #333333;}
small {font-size: 80%;}
em {font-style: normal; text-decoration: underline;}
.floatLeft {float: left; position: relative;}
.floatRight {float: right; position: relative;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

/* MENU DEFINITIONS --------------------------------------------------------------- */

#mainMenu
{	float: left;
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}

#subMenu
{	float: left;
	position: relative; top: -1px;
	margin-bottom: -1px;
	width: 100%;
	height: 30px;
	background-color: #EEEEEE;
	/* border-bottom: 1px solid #666666; */
	border-top: 1px solid #666666;
}

#mainMenu ul {list-style-type: none;}
#mainMenu ul li {display: inline;} /* fixes IE */
#mainMenu a, #mainMenu a:hover {text-decoration: none;}

.menuTab, .menuTabHover, .menuTabSelected
{	float: left;
	position: relative;
	height: 28px;
	border-bottom: 1px solid #666666;
}

#tab1 {float: left; position: relative; top: 0px; left: 0px;}
#tab2 {float: left; position: relative; top: 0px; left: -21px;}
#tab3 {float: left; position: relative; top: 0px; left: -42px;}
#tab4 {float: left; position: relative; top: 0px; left: -63px;}
#tab5 {float: left; position: relative; top: 0px; left: -84px;}
#tab6 {float: left; position: relative; top: 0px; left: -105px;}
#tab7 {float: left; position: relative; top: 0px; left: -126px;}
#tab8 {float: left; position: relative; top: 0px; left: -147px; margin-right: -147px;}

.menuLeft {float: left; width: 20px; height: 28px; background: url(resources/menuLeft.gif) top left no-repeat;}
.menuRight {float: left; width: 20px; height: 28px; background: url(resources/menuRight.gif) top left no-repeat;}

.menuTabHover .menuLeft {background: url(resources/menuLeftHover.gif);}
.menuTabHover .menuRight {background: url(resources/menuRightHover.gif);}

.menuTabSelected {z-index: 8; border-bottom: 1px solid #EEEEEE;}
.menuTabSelected .menuLeft {background: url(resources/menuLeftSelected.gif);}
.menuTabSelected .menuRight {background: url(resources/menuRightSelected.gif);}

.menuTab a, .menuTabHover a, .menuTabSelected a
{	float: left;
	height: 21px;
	padding: 6px 20px 0px 20px;
	color: #333333;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.menuTabHover a {background-color: #EEEEEE; border-top-color: #CCCCCC;}
.menuTabSelected a {background-color: #EEEEEE; border-top-color: #666666;}

#subMenu ul {list-style-type: none;}
#subMenu ul li {display: inline;} /* fixes IE */
#subMenu a
{	float: left;
	position: relative;
	margin: 6px 0px 0px 0px;
	padding: 2px 20px 3px 20px;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background: url(resources/subMenuEdge.gif) top right repeat-y;
}
a#firstSubMenu, a#singleSubMenu {margin-left: 20px;}
a#singleSubMenu {background: none;}
#subMenu a:hover {color: #333333; text-decoration: none;}
#subMenu a.subMenuSelected {color: #333333; text-decoration: underline;}

#subMenu p
{	float: left;
	position: relative;
	margin: 6px 0px 0px 20px;
	padding: 2px 20px 3px 20px;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
}

/* LAYOUT DEFINITIONS --------------------------------------------------------------- */

#banner
{	float: left; position: relative;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 15px;
	background: #FFFFFF url(resources/borderTop.gif) top left repeat-x;
}

#logo {float: left; position: relative; left: 10px;}
#adBox {float: right; position: relative; left: -10px;}
#adMovie, #adImage {width: 550px; height: 75px;}

#footer
{	float: left; position: relative;
	width: 100%;
	padding-bottom: 43px;
	background: #EEEEEE url(resources/borderBottom.gif) bottom left repeat-x;
	color: #333333;
	font-size: 10px;
}

.linkPanel {float: left; clear: both; width: 100%; margin-top: 5px; margin-bottom: 5px;}
.linkPanel a {float: left; margin-left: 15px;}

p.footerLeft {float: left; position: relative; left: 15px; margin-top: 5px; margin-bottom: 5px;}
#cogentLogo {float: right; position: relative; right: 15px;}
p.footerRight {float: right; position: relative; right: 20px; margin-top: 5px; margin-bottom: 5px;}

p.footerTandC {float: left; clear: both; position: relative; left: 15px; padding: 5px 0px 2px 0px; font-weight: bold; color: #FFFFFF;}
p.footerTandC a {color: #FFFFFF;}

.main
{	float: left; position: relative;
	width: 100%;
	min-height: 300px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	line-height: 16px;
}

.singleColumn
{	float: left; position: relative;
	width: 31%;
	height: 100%;
	margin-left: 2%;
	border-right: 1px dotted #CCCCCC;
}

.doubleColumn
{	float: left; position: relative;
	width: 64%;
	height: 100%;
	margin-left: 2%;
	border-right: 1px dotted #CCCCCC;
}

.splitColumn
{	float: left; position: relative;
	width: 47%;
	height: 100%;
	margin-left: 2%;
	border-right: 1px dotted #CCCCCC;
}

.fullWidthColumn
{	float: left; position: relative;
	width: 97%;
	margin-left: 2%;
	padding-bottom: 5px;
}

.halfColumn
{	float: left; position: relative;
	width: 49%;
	height: 100%;
	padding-right: 1%;
	margin-bottom: 20px;
}

.content {padding: 0px 10px 0px 0px;}

.main p {margin-bottom: 8px; text-align: left;}

#customMain01 {background: #FFFFFF url(images/image01.jpg) top left no-repeat;}
#customCol01 {padding-top: 135px;}

div.adBanner1
{	float: left;
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
}
div.adBanner1 iframe
{	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/* CONTENT DEFINITIONS --------------------------------------------------------------- */

.contactForm
{	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	border-top: 1px solid #F99BCC;
	border-left: 1px solid #F99BCC;
	border-bottom: 1px solid #8C4168;
	border-right: 1px solid #8C4168;
	background-color: #FCCDE5;
	color: #A0047F;
}
.contactForm table {width: 100%;}
.contactForm td {padding: 5px 0px 0px 0px;}
.contactForm .inputLabel {width: 20%;}
.contactForm .inputCell {width: 75%;}
.contactForm .inputField {width: 100%; height: 20px;}
.contactForm .optionField {width: 100%;}
.contactForm .textAreaInput {width: 100%;}

.inputField, .optionField, .optionFieldSmall, .textAreaInput
{	border-top: 1px solid #8C4168;
	border-left: 1px solid #8C4168;
	border-bottom: 1px solid #F99BCC;
	border-right: 1px solid #F99BCC;
}

.formButton {float: left; width: 82px; height: 20px; margin-right: 10px;}
#submitButton {background: url(resources/formButtonSubmitUp.gif) top left no-repeat;}
#resetButton {background: url(resources/formButtonClearUp.gif) top left no-repeat;}
#submitButtonHover {background: url(resources/formButtonSubmitDown.gif) top left no-repeat;}
#resetButtonHover {background: url(resources/formButtonClearDown.gif) top left no-repeat;}

#addressTable {display: none;}

.serviceLogo {margin-bottom: 10px;}

ul.tickList
{	list-style-type: none;
	list-style-image: url(resources/tickIcon.gif);
	list-style-position: inside;
	margin: 0px 0px 8px 0px;
}
.tickList li
{	font-weight: bold;
	line-height: 18px;
	margin-left: 14px;
	text-indent: -16px;
}

#highLightContent {margin-bottom: 10px; padding: 10px 10px 5px 10px; background-color: #FCCDE5; color: #000000;}
#highLightContent h2 {color: #F0047F;}

#highLightContent2 {margin-bottom: 10px; padding: 10px 10px 5px 10px; background-color: #F0047F; font-weight: bold; color: #FCCDE5;}
#highLightContent2 h2
{	margin: -9px -10px 10px -10px;
	padding: 10px 10px 10px 10px;
	color: #F0047F;
	background-color: #FCCDE5;
	border-top: 1px solid #FCCDE5;
	border-bottom: 1px solid #FFFFFF;
}
#highLightContent2 em {font-style: italic; text-decoration: none; color: #FFFFFF;}
#highLightContent2 a {color: #FFFFFF;}
#highLightContent2 h5 {color: #FFFFFF;}

#highLightContent3
{	margin: 15px 14px 10px 0px;
	padding: 15px 15px 15px 15px;
	background-color: #FCCDE5;
	border: 4px solid #F0047F;
	color: #000000;
}
#highLightContent3 h2 {color: #F0047F;}


#customHeading1 {margin-bottom: 30px;}
#customContent1 * {position: relative; z-index: 2;}

#forumFrame {width: 100%; height: 500px;}

/* IMAGES DEFINITIONS --------------------------------------------------------------- */

#image01 {position: relative; top: -10px; margin: 0px 0px 10px 0px;}
#image02 {float: right; margin: 0px 0px 10px 0px;}
#image03 {margin: 0px 0px 10px 0px;}
#image04a {float: left; margin: 0px 10px 0px 0px;}
#image04b {margin: 0px 0px 10px 0px;}
#image05a {float: left; margin: 0px 10px 0px 0px;}
#image05b {margin: 0px 0px 10px 0px;}
#image06 {margin: 0px 0px 10px 0px;}
#image07 {float: right; position: relative; top: -10px; margin: 0px 0px -10px -15px; z-index: 1;}
#image08 {float: left; position: relative; margin: -10px -20px 30px 0px; z-index: 1;}
#image09 {position: relative; top: -10px; margin: 0px 0px 0px -14px;}
#image10a {float: left; margin: 0px 10px 0px 0px;}
#image10b {margin: 0px 0px 10px 0px;}

#photoDiv01 {float: right; margin: 0px 0px 5px 5px; border: 1px solid #CCCCCC; padding: 5px 5px 0px 5px;}
#photoDiv02 {float: right; margin: 0px 0px 5px 5px; border: 1px solid #CCCCCC; padding: 5px 5px 0px 5px;}
#photoDiv03 {float: right; margin: 0px 0px 5px 5px; border: 1px solid #CCCCCC; padding: 5px 5px 0px 5px;}
#photoDiv04 {float: right; margin: 0px 0px 5px 5px; border: 1px solid #CCCCCC; padding: 5px 5px 0px 5px;}

/* GALLERY TABLE DEFINITIONS --------------------------------------------------------------- */

.galleryTable
{	width: 100%;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #F99BCC;
	border-left: 1px solid #F99BCC;
	border-bottom: 1px solid #8C4168;
	border-right: 1px solid #8C4168;
	background-color: #FCCDE5;
	color: #A0047F;
}
.galleryTable th {padding: 0px 6px 0px 9px; background-color: #FFFFFF; text-align: left;}
.galleryTable td {padding: 3px 3px 3px 3px; vertical-align: center;}
tr.beforeRow td {background-color: #FCCDE5;}
tr.afterRow td {background-color: #ffb9dd;}
tr.legend th {padding: 10px; height: 15px; text-align: center; background-color: #DDDDDD; color: #333333;}

.galleryTable td a {display: block; margin: auto; width: 80px; height: 80px; padding: 4px; border: none;}
.galleryTable td a:hover {width: 80px; height: 80px; padding: 0px; border: 4px solid #A0047F;}

.photoFrame
{	padding: 5px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #666666;
	background-color: #EEEEEE;
}
.photoFrame h2 {text-transform: uppercase;}
.photoFrame h3, .photoFrame h5 {margin-top: 15px; padding-bottom: 3px; border-bottom: 1px dotted #AAAAA;}
.photoFrame a {float: left; width: 80px; height: 80px; padding: 4px; border: none; margin: 0px 4px 4px 0px;}
.photoFrame a:hover {width: 80px; height: 80px; padding: 0px; border: 4px solid #CCCCCC;}
	
.mainPhoto
{	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 240px;
	height: 240px;
	background-color: #FFFFFF;
}

.photoCopyright {clear: both;}