/* HTML Element styles specific to this project. */
* {	
	margin: 0;
	paddding: 0;
}

body 
{

	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
body,
html
{
	width: 100%;
	height: 100%;
}

body,
input,
textarea,
select,
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5
{
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color: #000;
	font: normal 12px/120% Arial, Helvetica, Verdana, sans-serif;
}

th
{	
	vertical-align:	baseline;
}

td
{
	vertical-align:	top;
	padding: 3px 3px;
}
h1, 
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	color: #000;

}
h1
{
	margin: 0 0 15px;
	padding: 0;

} 
h2, 
h3
{
	margin: 20px 0 10px;
	padding: 0;
}
h4, 
h5
{
	margin: 17px 0 8px;
	padding: 0;
}
h6 {
	margin: 0 0 8px 0;
}
h1 {
	margin-top: 0;
}
h1 + h2 {
	margin-top: 0;
}
h1 + h3 {
	margin-top: 0;
}
h1 + h4 {
	margin-top: 0;
}
h3 + h4 {
	margin-top: 0;
}
h2 + h3 {
	margin-top: 0;
}
h1
{
	font-size: 18px;
	color: #72d1f4;
	
}
h2
{
	font-size: 16px;
	color: #81bb6c;
}
h3 {
	font-size: 16px;
	color: #C09D35;
}

h4
{
	font-size: 14px;
}
h5
{
	font-size: 14px;
}
h6
{
	font-size: 12px;
}

p,
li
{
	text-align: justify;
}
p
{
	margin-bottom: 8px;
}
ul, 
ol
{
	margin: 0 0 8px 0;
	padding: 0;
}
ol
{
	padding-left: 20px;
}
li
{
	margin: 0 0 2px 15px;
	padding: 0;
}
a,
a:link,
a:visited,
a:active
{
	text-decoration: none;
	color: darkblue;
	font-style: normal;
}

a:hover
{
	text-decoration: underline;
	color: #79C3E3;
}

ul>li
{
	list-style-type: none;
	background: url(../UserFiles/Image/Frame/Li.gif) no-repeat left 5px;
	padding-left: 10px;
}

ul ul>li
{
	list-style-type: none;
	background: url(../UserFiles/Image/Frame/LiLi.gif) no-repeat left 5px;
	padding-left: 7px;
}

ol>li
{
	list-style-type: decimal;
}

ol ol>li
{
	list-style-type: lower-alpha;
}

ol ol ol>li
{
	list-style-type: lower-roman;
}

small
{
	font-size:	11px;
}

big
{
	font-size:	16px;
}

blockquote,
pre
{	
	font-family:	Courier New, monospace;
}

hr
{
	color: #696969;
	width: 99%;
}

unknown
{
	display: block;
	font: 10pt Arial, Helvetica, Verdana, sans-serif;
}









/* 
PAGE GENERATOR CLASSES
These styles are used by pages that are dynamically built by the page generator.
There are 4 types of pages created with the generator.  They are:
	-> Login Page where a user is asked for there login details (username and password),
	-> Forgot Login Page which is used when a user forgets there login and asks for their 
	   email address and sends there details to them.
	-> List page which returns a list of rows and allowing the user to select one or more to do operations on.
	-> Form page which is a page where the user can edit information and submit.
*/

/* All pages come in a <table>. */

.LoginTable,
.ForgotLoginTable,
.MenuTable,
.ListTable,
.FormTable
{
	width:100%;
	vertical-align:top;
}


/* All pages have a <tr> which is set to the header row which contains the title of the page. */

.LoginHeaderRow,
.ForgotLoginHeaderRow,
.ListHeaderRow,
.FormHeaderRow
{
	font-weight: bold;
	font-size: 14px;
	background-color: #252525;
	color: white;
	text-align: left;
}


/* List and Form pages have a <tr> which is set to the criteria row which describes how the page is filtered. */

.ListCriteriaRow,
.FormCriteriaRow
{
	color: #000;
	text-align: left;
}



/* All pages have a <tr> which is set to the description row which contains the description of the page. */

.LoginDescriptionRow,
.ForgotLoginDescriptionRow,
.ListDescriptionRow,
.ListInstructionRow,
.FormDescriptionRow,
.FormInstructionRow
{
	
	text-align: left;
}



/* All pages have a <tr> which is set to the message row which contains any information, warning or error messages returned from a submit. */

.LoginMessageRow,
.ForgotLoginMessageRow,
.ListMessageRow,
.FormMessageRow
{
	font-size:smaller;
	text-align:center;
}

.InformationMessage
{
	color:#AF0000;
}

.WarningMessage
{
	color:#AF0000;
}

.ErrorMessage
{
	color:#AF0000;
}



/* List and Form pages have a <tr> which is set to the column header row which contains a title for each column. */

.ListColumnHeaderRow,
.FormColumnHeaderRow
{
	font-weight:bold;
	font-size:smaller;
}

.FormColumnHeaderRow
{
	display:none;
}



/* Form pages have a <tr> which is set to the category header row which contains a title for each category. */

.FormCategoryHeaderRow
{
	font-weight:bold;
	font-size:smaller;
}

.FormCategoryHeaderRow TD
{
	padding-top: 10px;
	padding-bottom: 5px;
	border-top-color: #252525;
	border-top-style: solid;
	border-top-width: 3px;
}



/* All pages have multiple <tr>s which are set to the detail row which contains the details.
   The form and list have been broken down to odd and even rows which can be styled (perhaps different colors) so each row is distinguishable. */

.LoginDetailRow,
.ForgotLoginDetailRow,
.ListOddDetailRow,
.ListEvenDetailRow
{
	font-size:smaller;
	text-align: left;
}

.FormOddDetailRow,
.FormEvenDetailRow
{
}

.ListOddDetailRow
{
	background-color: #F5F5F5;
}

.ListEvenDetailRow
{
	background-color: #E1E1E1;
}



/* All pages except the list have multiple <td>s which are set to Name or Value cells 
   which contains the name (title) and value of the field in the detail row. Also, Name and Value cells
   may have be distinguished when a value is required. */

.LoginNameCell,
.ForgotLoginNameCell
{
	font-style: normal;
	font-weight: bold;
	width: 50%;
	text-align: right;
}

.LoginValueCell,
.ForgotLoginValueCell
{
	width:50%;
}

.FormNameCell, 
.FormNameCellWithRequiredValue
{
	width:25%;
	color: #373D18;
	padding: 2px;
	padding-right: 15px;
	margin: 1px;
	text-align: right;
}

.FormNameCell a
{
	font-style:normal;
}

.FormNameCell .Information, 
.FormNameCellWithRequiredValue .Information
{
	float: right;
	margin-right: -15px;
	padding-left: 2px;
}

.FormNameCellWithRequiredValue .Required
{
	padding-right: 3px;
}

.FormValueCell,
.FormRequiredValueCell
{
	width:75%;
	padding: 2px;
	margin: 1px;
}

.LoginValueCell #UserName,
.LoginValueCell #Password
{
	width:150px;
}

.ForgotLoginValueCell #EmailAddress
{
	width:300px;
}



/* In a list page there a record selectors (checkboxes) and editor (more info) columns. */

.ListRecordSelectorCell,
.ListRecordEditorCell
{
	text-align:center;
}

.ListRecordSelectorCell
{
	width:22px;
}

.ListRecordEditorCell
{
	width:75px;
}

.ListRecordRankUpCell,
.ListRecordRankDownCell
{
	width: 10px;
}



/* The following are all the different types of values that can be visible in the form and list value cells. */

.ListItemCell,
.ListCollectionCell,
.ListForeignCollectionCell,
.ListLinkingForeignCollectionCell,
.ListTextCell,
.ListStringCell,
.ListMultipleLineTextCell,
.ListMultipleLineStringCell,
.ListHTMLCell,
.ListURLCell,
.ListWebAddressCell,
.ListFileURLCell,
.ListImageURLCell,
.ListEmailAddressCell,
.ListPasswordCell,
.ListDecimalCell,
.ListIDCell,
.ListDurationCell,
.ListRankingCell,
.ListMoneyCell,
.ListPercentageCell,
.ListEnumerationCell,
.ListDateTimeCell,
.ListBooleanCell,
.ListGroupCell
{
	width:auto;
	text-align: left;
}

.ListImageURLCell
{
	width: 80px;
	text-align: center;
}

.ListImageURLCell image
{
	width: 80px;
	text-align: center;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.FormItemControl,
.FormCollectionControl,
.FormForeignCollectionControl,
.FormLinkingForeignCollectionControl,
.FormTextControl,
.FormMultipleLineTextControl,
.FormStringControl,
.FormMultipleLineStringControl,
.FormHTMLControl,
.FormURLControl,
.FormWebAddressControl,
.FormFileURLControl,
.FormImageURLControl,
.FormEmailAddressControl,
.FormPasswordControl,
.FormDecimalControl,
.FormIDControl,
.FormDurationControl,
.FormRankingControl,
.FormMoneyControl,
.FormPercentageControl,
.FormEnumerationControl,
.FormDateTimeControl,
.FormBooleanControl,
.FormGroupControl
{
	width:85%;
}

.FormLinkingForeignCollectionControl
{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,157,185);
	background-color:White;
	height: 120px;
	overflow: auto;
}
.FormLinkingForeignCollectionControl div
{
	height: 20px;
}
.FormLinkingForeignCollectionControl div input[type="checkbox"]
{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,157,185);
}
.FormLinkingForeignCollectionControl div span
{
	cursor: default;
}


/* Form Value cells and the type of form controls that can exist. */

/*
.FormValueCell SELECT,
.FormValueCell INPUT,
.FormValueCell TEXTAREA,
.FormRequiredValueCell SELECT,
.FormRequiredValueCell INPUT,
.FormRequiredValueCell TEXTAREA
{
	width:100%;
}
*/



/* Form pages have a <tr> which is set to the required message row which contains the required message for required fields. ie. All fields italicised are required.*/

.FormRequiredMessageRow
{
	font-size: 9px;
	text-align: center;
}



/* List pages have a <tr> which is set to the list page range row which contains the page and record ranges. ie. Page 2 of 9 : Records 20-40 of 175.*/

.ListPageRangeRow
{
	font-size: 9px;
	text-align: center;
}



/* All pages have a <tr> which is set to the command row which contains the commands (buttons) of the page. ie. Add New, Remove, Submit, Reset. */

.LoginCommandRow,
.ForgotLoginCommandRow,
.ListCommandRow,
.FormCommandRow
{
	text-align: center;
	vertical-align: middle;
	height: 30px;
}



/* All buttons used by the page generator. */

/*
.LoginButton,
.SendLoginDetailsButton,
.SubmitButton,
.RemoveButton
{
	border-style:none;
	vertical-align:middle;
	margin-left:3px;
	margin-right:3px;
	cursor: hand;
	display: inline;

}
*/

.ImageButton image
{
	border-style:none;
	vertical-align:middle;
	margin-left:3px;
	margin-right:3px;
	cursor: hand;	
}

a.TextButton,
input.TextButton
{
	display: inline-block;
	color: #000;
	white-space: nowrap;
	cursor: hand;
	width: auto;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #79C3E4;
	background: #FFF url(../UserFiles/Image/Buttons/BtnBg.gif) no-repeat 2px center;
	line-height:14px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
	padding-left: 15px;
	padding-right: 5px;
	vertical-align: middle;
}
a.TextButton:hover,
input.TextButton:hover
{
	color: #FFF;
	background: #79C3E4 url(../UserFiles/Image/Buttons/BtnBg.gif) no-repeat 2px center;
}
input.TextButton
{
	padding: 0px;
	padding-left: 16px;
	text-align: left;
	width: auto;
}
.ListCommandRow a.TextButton,
.ListCommandRow input.TextButton,
.FormCommandRow a.TextButton,
.FormCommandRow input.TextButton
{
	margin: 3px;
}




/* Button on the drop down list */
.DropDown
{
	padding-right: 15px;
	background-image: url(../UserFiles/Image/Buttons/DropDown.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
.DropDown:hover
{
	background-image: url(../UserFiles/Image/Buttons/DropDownOver.jpg);
}




/* The following is used on <span> tags and is used in a template to note that content is placed here. */

.Content
{
	display: block;
	height: 100%;
	width: 100%;
}





/* DON'T PRINT */

@media print
{
	.ListRecordSelectorCell,
	.ListRecordEditorCell,
	.LoginCommandRow,
	.ForgotLoginCommandRow,
	.ListCommandRow,
	.FormCommandRow,
	.NoPrint
	{
		display:none;
	}
}








/* File Upload status bar */

#UploadDisplay
{
	width: 300px;
	height: 85px;
	display: block;
	position: absolute;
	top:  300px;
	left: 400px;
   	border: solid 1px gray;
  	padding: 20px;
	background-color: #f0f0f0;
	z-index: 1;
}

#UploadDisplayFrame
{
 	margin: 0px;
	border: 0px;
	padding: 0px;
 }

.UploadBarBody
{
	background-color: #f0f0f0;
}

.UploadProgressBar
{
	width: 99%;
}

.UploadHeading
{
	white-space: nowrap;
}

.UploadBar
{
	margin-top: 5px;
	width: 99%;
  	border: solid 1px #252525;
	background-color:  White;
}

.UploadBarPercent
{
	background-color:  #252525;
}

.UploadStatus
{
	margin-top: 5px;
	white-space: nowrap;
}

.UploadCancel
{
	margin-top: 10px;
	text-align: center;
}









/* Styles here are used to define the menu and its items and sub-menus. */

.Menu
{
	list-style: none;
	cursor: default;
	padding: 0;
	margin: 0;
}

.Menu .Line
{
	padding: 0;
	margin: 0;
}

.Menu .Line hr
{
	width:100%;
	display: none;
}

.Menu .Item
{
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #C19E2A;
	line-height: 25px;
	width: 185px;
	text-align: left;
	text-indent: 15px;
	background-image: url(../UserFiles/Image/Frame/Spacer.gif);
}

.Menu .Item a
{
	display: block;
	color: #000;
	font-style: normal;
	width: 185px;
}
.Menu .Item a:hover
{
	color: #79C3E3;
	text-decoration: none;
}

.Menu .Item .Name,
.Menu .Item .Description
{
	display: inline-block;
	cursor: hand;
}

.Menu .Item .Description
{
	display: none;
	cursor: hand;
}

.Menu .Item .Image
{
	float: left;
	cursor: auto;
}

.Menu .Item .Menu
{
	position: absolute;
	left: 185px;
	top: -1px;
	padding: 0;
	margin: 0;
	border-top: solid 1px #C19D34;
	border-left: solid 1px #C19E2A;
	border-right: solid 1px #C19E2A;
	background-color: #FFF;
	
}

.Menu .Menu .Menu
{
	left: 132px;
}

.Menu .Item .Menu.Opened
{
	display: block;
	z-index: 1;
}

.Menu .Item .Menu.Closed
{
	display: none;
}
.Menu .Item .Menu .Item
{
	list-style: none;
	font-weight: normal;
	line-height: 25px;
	border-left: none;
	padding: 0 5px;
	width: 122px;
	text-indent: 0;
	text-align: left;
	font-size: 11px;
	display: block;
	border-bottom: solid 1px #C19D34;
}
.Menu .Item .Menu .Item .Menu
{
	border-top: solid 1px #C19E2A;	
}




/* HORIZONTAL MENU */
.Horizontal .Menu
{
	margin: 0;
	padding: 0;
	cursor: default;
	width: 930px;
}

.Horizontal .Menu .Line
{
	display:none;
}

.Horizontal .Menu .Line hr
{
	display: none;
}

.Horizontal .Menu .Item
{
	float: left;
	background-image: url(../UserFiles/Image/Frame/Spacer.gif);
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	border-left: solid 1px #C19D34;
	border-bottom: none;
	width: 132px;
	text-indent: 0;
	text-align: center;
	background-color: #FFF;
	
}
.Horizontal .Menu .Item.Home
{
	border-left: none;
}
.Horizontal .Menu .Item:first-child
{
	border-left: none;
}

.Horizontal .Menu .Item a
{
	text-decoration: none;
	width: 132px;
}
.Horizontal .Menu .Item a:hover
{
	color: #79C3E3;
}

.Horizontal .Menu .Menu
{
	position: absolute;
	left: -1px;
	top: 20px;
	width: 132px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-top: solid 1px #C19D34;
	border-right: solid 1px #C19D34;
	border-left: solid 1px #C19D34;
}

.Horizontal .Menu .Item .Menu .Item
{
	list-style: none;
	font-weight: normal;
	line-height: 25px;
	border-left: none;
	padding: 0 5px;
	width: 122px;
	text-indent: 0;
	text-align: left;
	font-size: 11px;
	display: block;
	border-bottom: solid 1px #C19D34;
}
.Horizontal .Menu .Menu.Opened
{
	display: block;
}

.Horizontal .Menu .Menu.Closed
{
	display: none;
}


.Horizontal .Menu .Menu .Item a
{
	display: block;
	font-weight: normal;
}

.Horizontal .Menu .Menu .Menu
{
	position: absolute;
	left: 132px;
	top: 5px;
	padding-top: 0;
	border-top: solid 1px #C19D34;
}



/* SubMenu Menu */
.SubMenu .Menu
{
	display: block;
	margin: 0;
	padding: 25px 0 0 0;
	cursor: default;
	width: 100%;
}

.SubMenu .Menu .Item
{
	display: inline-block;
	position: static;
	float: left;
	width: auto;
	list-style: none;
	padding: 0 15px 0 0;
	margin: 0;
	text-indent: 0;
	line-height: 16px;
	font-size: 10px;
	border-bottom: none;
}


.SubMenu .Menu .Item a
{
	display: inline;
	width: auto;
	text-decoration: none;
	color: darkblue;
	font-weight: normal;
	white-space: nowrap;
}

.SubMenu .Menu .Item a:hover
{
	text-decoration: underline;
}



/* Footer Menu */
.Footer .Menu
{
	margin: 0;
	padding: 0;
	height: 16px;
	cursor: default;
	width: auto;
	text-align: center;
}

.Footer .Menu .Item
{
	display: inline;
	width: auto;
	list-style: none;
	padding: 0px 15px 0 0;
	line-height: 16px;
	font-size: 10px;
	border-bottom: none;
}

.Footer .Menu .Item a
{
	display: inline;
	width: auto;
	text-decoration: none;
	font-weight: normal;
}


/* New class tags used */

.Object
{
	display: block;
	background-color: white;
	text-align: center;
	width: 100%;
}

.Property
{
	display: block;
	text-align: left;
	padding: 2px;
	width: 100%;
}

.Property .Name
{
	display: inline-block;
	width: 30%;
}

.Property .Value
{
	display: inline-block;
	width: auto;
}

.Property.Odd
{
	background-color: rgb(201,218,234);
}

.Property.Even
{
	background-color: rgb(168,188,197);
}

.Method
{
	border-left-style:none;
	border-right-style:none;
	border-top-style: solid;
	border-top-color: rgb(127,157,185);
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(127,157,185);
	border-bottom-width: 1px;
	vertical-align: middle;
	margin-left:7px;
	margin-right:7px;
	margin-top:2px;
	margin-bottom:2px;
	cursor: hand;
}

.Collection .Object
{
	display: block;
	width: 100%;
}

.Collection .Object.Odd,
.Collection .Object.Odd .Property.Odd,
.Collection .Object.Odd .Property.Even
{
	background-color: rgb(201,218,234);
}

.Collection .Object.Even,
.Collection .Object.Even .Property.Odd,
.Collection .Object.Even .Property.Even
{
	background-color: rgb(168,188,197);
}


/* Specific class tags */

.ProductCategory .Property
{
	display: inline;
}

.ProductCategory .Property .Name
{
	display: none;
}

.ProductCategory .Property .Value
{
	display: inline;
}

.ProductCategory .Property.Image
{
	z-index: 1;
	float: left;
}

.ProductCategory .Property.Image img
{
	border: none;
}

.ProductCategory .Property.Name
{
	z-index: 2;
	font-size: 20px;
}

.ProductCategory .Property.Description
{
	z-index: 3;
	font-size: 14px;
}

.ProductCategory .Property.Products
{
	z-index: 4;
	font-size: 14px;
}






/*Skin specific styles */

.Container {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	float: none;
	background-color: #FFFFFF;
}
#Wrapper {
	margin: 0px auto;
	width: 930px;
	padding: 0 10px;
	text-align: center;
	float: none;
	background-image: url(../UserFiles/Image/Frame/BodyBgMdl.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#TopImg {
	background: url(../UserFiles/Image/Frame/BodyBgTop.gif) no-repeat;
	width: 950px;
	height: 10px;
	margin: 0 auto;
	line-height: 10px;
	font-size: 1px;
}
#BtmImg {
	background: url(../UserFiles/Image/Frame/BodyBgBtm.gif) no-repeat;
	width: 950px;
	height: 10px;
	clear: both;
	margin: 0 auto;
}
#Header {
	background: url(../UserFiles/Image/Frame/Header.jpg) no-repeat;
	width: 930px;
	height: 196px;
	text-align: left;
}
#HeaderFlash {
	width: 930px;
	height: 196px;
	text-align: left;
	background: url(../UserFiles/Image/Frame/FlashHeaderReplacement.jpg) no-repeat;
}
#TopMenu {
	width: 930px;
	height: 20px;
	border-bottom: solid 1px #C09D35;
	border-top: solid 1px #C09D35;
}
#LeftCol {
	float: left;
	width: 599px;
	padding: 25px 25px 25px 40px;
	text-align: left;
	
}
#ContentArea
{
	clear: both;
}
#RightCol {
	float: left;
	border-left: solid 1px #C09D35;
	width: 261px;
	padding: 15px 2px 15px 2px;
	text-align: left;
	
}
#RightCol h1,
#RightCol h2 {
	text-indent: 15px;
	margin: 15px 0 8px;
	font-size: 18px;
	clear: both;
	color: #72d1f4;
	line-height: 18px;
	padding: 0;
}
#RightCol h2 {
	border-top: solid 1px #C09D35;
	padding-top: 8px;
}
#RightCol h2.noSpace {
	margin-bottom: 0;
}
#RightCol h1 a,
#RightCol h2 a {
	color: #72d1f4;
}
#RightCol h3 {
	color: #C09D35;
	font-size: 13px;
	margin: 0 0 5px 20px;
	padding: 0;
	clear: both;
	line-height: 15px;
}
#RightCol p {
	padding: 0px 20px 3px;
	margin: 0;
	
}
#RightCol span {
	display: block;
	
}
#BackendLeftCol {
	float: left;
	border-right: solid 1px #C09D35;
	width: 185px;
	padding: 0px 0px 0px 0px;

	
}
#BackendRightCol {
	float: left;
	width: 695px;
	padding: 25px 25px 25px 20px;
	text-align: left;
	
}
.ClearBoth {
	clear: both;
	margin: 0;
	line-height: 1px;
	padding: 0;
	font-size: 1px;
	height: 1px;
}
#Footer {
	width: 930px;
	clear: both;
	text-align: center;
	font-size: 10px;
	margin: 0 auto;
	
}
#FooterMenu {
	float: right;
	text-align: right;
	padding-right: 0px;

	
}
#DevelopedBy {
	float: left;
	text-align: left;
	padding-left: 40px;
}
#DevelopedBy a:link {
	color: #000;
	text-decoration: none;
}
#DevelopedBy a:hover {
	color: #79C3E3;
	text-decoration: none;
}

.Promotions {
	padding-right: 15px;
	padding-left: 15px;
}

.Promotion {
	margin-bottom: 15px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFE4CE;
}
.Promotions .Promotion:first-child {
	border-top: none;
}

#ThumbnailsRow {
	padding: 8px 15px 18px;
}
#ThumbnailsRow a {
	text-align: center;
	margin-bottom: 20px;
	font-size: 10px;
}
#ThumbnailsRow a,
#ThumbnailsRow a:visited {
	color: #CCCCCC;
}
#ThumbnailsRow a:hover {
	text-decoraction: none;
	color: #79C3E3;
}
#ThumbnailsRow img {
	height: auto;
	width: 231px;
	float: left;
	border: none;
}
.imagecaption {
	font-size: 10px;
	padding: 3px;
}
.Date {
	display: block;
	text-align: right;
	font-size: 11px;
	padding-bottom: 5px;
}
.Headline {
	display: block;
	color: #81bb6c;
	font-size: 13px;
	margin: 0 0 5px;
	padding: 0;
	font-weight: bold;
}
.NewsArticles {
	padding-right: 15px;
	padding-left: 15px;
}
.NewsArticle {
	margin-bottom: 8px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFE4CE;
}
.NewsArticles .NewsArticle:first-child {
	border-top: none;
}
.Testimonials {
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.Testimonial {
	margin-bottom: 8px;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFE4CE;
	clear: both;
}
.Testimonials .Testimonial:first-child {
	border-top: none;
}
.Promotion a,
.Testimonial a,
.NewsArticle a {
	display: block;
	text-align: right;
}
.Author {
	display: block;
	font-weight: bold;
}
.Brief {
	display: block;
	color: #000;
}
#ImageGallery a {
	height: 200px;
	display: block;
	width: 152px;
	float:left;
	clear:none;
	text-align: center;
	margin-bottom: 20px;
	font-size: 10px;
	white-space: normal;
}
#ImageGallery a,
#ImageGallery a:visited {
	color: #CCCCCC;
}
#ImageGallery a:hover {
	text-decoraction: none;
	color: #79C3E3;

}
#ImageGallery a img {
	width: 142px;
	border: none;
	height: auto;
	float: right;
	padding:5px;
}
#ImageViewer img {
	width: 610px;
	margin-bottom: 5px;
	height: auto;
}
#ImageViewer {
	text-align: center;
	width: 610px;
}
#ImageViewer .imagecaption {
	display: block;
	font-size: 12px;
}
/* aspx page Product List */


#ProductsList {
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 599px;
}
.LeftCell {
	float: left;
	width: 100px;
	color: #666666;
	padding: 4px 0;
}
.RightCell {
	clear: none;
	float: left;
	width: 477px;
	padding: 4px 0;
	
}
.Clear {
	clear: both;
	border-top: solid 1px #f7f1e4;
}
.NoLine {
	clear: both;
	border-top: none;
}
.ProductsListH1 {
	font-size: 18px;
	color: #72d1f4;
	margin-bottom: 10px;
	font-weight: bold;
}
.Status {
	color: #81bb6c;
}
#MoreInfoBtn {
	width: 487px;
	padding-left: 97px;
	padding-top: 10px;
}
.Return {
	background-image: url(../UserFiles/Image/Frame/Departure.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	width: 452px;
	float: left;
}
.Ex {
	background-image: url(../UserFiles/Image/Frame/Departure.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	width: 452px;
	float: left;
}
.ProductsListDetails h1
{
	font-size: 16px;
	color: #72d1f4;
	
}
.ProductsListDetails h2
{
	font-size: 14px;
	color: #81bb6c;
}
.ProductsListDetails h3 {
	font-size: 14px;
	color: #C09D35;
}
.ProductsListDetails h4
{
	font-size: 12px;
}
.ProductsListDetails h5
{
	font-size: 12px;
}
.ProductsListDetails h6
{
	font-size: 12px;
	color: #C09D35;
}
fieldset {
	border: solid 1px #C09D35;
	padding: 5px;
}
legend {
	background-color: #FFFFFF;
	color: #C09D35;
	font-size: 11px;
	float: right;
}
.HomeBox {
	width: 293px;
	float: left;
	margin-top: 10px;
}
.HomeBox h2 {
	text-transform: uppercase;
	padding: 0;
	margin:0;
	color: #FFF;
	background: #81bb6c;
	text-indent: 5px;
	font: 13px/22px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.HomeBox h2 a {
	color: #FFF;
}
.HBDetails {
	float: left;
	clear: none;
	padding: 4px;
	height: auto;
	border: solid 1px #81bb6c;
	width: 283px;
}
.HBDetails img {
	float: left;
	padding: 0 4px 0 0;
	width: 100px;
	height: auto;
}
.HBDetails p {
	padding: 0 4px 0 0;
	font-size: 12px;
}
.HBSpacing {
	margin-right: 10px;
}

.ProductListMenu
{
	clear: both;
}
.ProductListMenu a
{
	display: block;
	margin-right: 15px;
	color: black;
	font-size: 13px;
	line-height: 25px;
}
.ProductListMenu a.Even
{
	color: #444444;
}

.PageInfo
{
}
.PageCounter
{
	color: #444444;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
}
.PageCommands
{
	text-align: right;
}
.h1overwrite {
color:#72D1F4;
font-size:18px;
margin-top:0;
margin:0 0 15px;
padding:0;
font-weight:bold;
-x-system-font:none;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
-x-system-font:none;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size-adjust:none;
text-align:left;
}