/* 
===========================================
InnerLoop Creative Solutions -  Stylesheet
===========================================
 */

/* TAG DEFINITIONS */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #0099CC;
	background-image: url(../Media/Background/Bgn_Body.png);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #009933;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-bottom: -10px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #006688;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-bottom: -5px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #006688;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

a:link, a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover, a:active {
	color: #888888;
	text-decoration: none;
}


/* LAYOUT */

ul#MainMenu {
	margin: 0px;
	padding: 0px;
}

	ul#MainMenu li {
		display: inline; 
		border-right: 1px solid #006688;
		padding-right: 15px;
		margin-left: 17px;
	}
	
	ul#MainMenu li.noborder {
		border: 0px;
	}
	
	ul#MainMenu a, ul#MainMenu a:visited {
		color: #FFFFFF; 
		text-decoration: none; 	
	}
	
	ul#MainMenu a:hover {
		color: #DDDDDD;
	}

ul#SubMenu {
	margin: 0px;
	padding: 0px;
}

	ul#SubMenu li {
		display: inline; 
		border-right: 1px solid #CACACA;
		padding-right: 15px;
		margin-left: 17px;
	}
	
	ul#SubMenu li.noborder {
		border: 0px;
	}
	
	ul#SubMenu a, ul#SubMenu a:visited {
		color: #333333; 
		text-decoration: none; 	
	}
	
	ul#SubMenu a:hover {
		color: #777777; 
	}

ul#CategoryMenu {
	margin: 0px;
	padding: 0px;
}

	ul#CategoryMenu li {
		display: inline; 
		border-right: 1px solid #C5C5C5;
		padding-right: 5px;
		margin-left: 7px;
	}
	
	ul#CategoryMenu li.noborder {
		border: 0px;
	}
	
	ul#CategoryMenu a, ul#CategoryMenu a:visited {
		color: #333333; 
		text-decoration: none; 	
	}
	
	ul#CategoryMenu a:hover {
		color: #888888; 
	}
	
/* APPEARANCE */
.tableSupplierLogin {
	border: 1px solid #333333;
	background-color: #F1F1F1;
}

.cellSupplierLoginBullet {
	border: 0px;
	background-color: #006688;
}

.cellMainContent a:link, .cellMainContent a:visited {
	color: #009933;
	text-decoration: none;
}

.cellMainContent a:hover, .cellMainContent a:active {
	color: #777777;
	text-decoration: none;
}

.cellTopMotif {
	background-image: url(../Media/Background/Bgn_Motif_Top.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 29px;
}

.cellBottomMotif {
	background-image: url(../Media/Background/Bgn_Motif_Bottom.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 76px;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 4px;
	font-weight: bold;
}

.cellTopMenu {
	background-image: url(../Media/Background/Bgn_TopMenuStrip.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 30px;
	font-weight: bold;
	color: white;
}

.cellTopSubMenu {
	background-image: url(../Media/Background/Bgn_SubMenuStrip.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 30px;
	font-weight: bold;
	color: #333333;
}

.cellBottomStrip {
	background-image: url(../Media/Background/Bgn_BottomMenuStrip.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 30px;
	font-weight: bold;
	color: #FFFFFF;
}

.cellAlternateStrip {
	background-image: url(../Media/Background/Bgn_AlternateStrip.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 30px;
	font-weight: bold;
	color: #FFFFFF;
}

	.cellAlternateStrip a, .cellAlternateStrip a:visited {
		color: #FFFFFF; 
		text-decoration: none; 	
	}
	
	.cellAlternateStrip a:hover {
		color: #DDDDDD; 
	}
	
.cellCategoryMenu {
	padding: 0px;
	height: 30px;
	font-weight: bold;
	color: #333333;
}

.cellMenuHeading {
	height: 30px;
	font-weight: bold;
	background-color: #F1F1F1;
	border: 1px solid #C5C5C5;
	text-transform: uppercase;
	border-left: 0px;
	padding-left: 10px;
	font-size: 12px;
	color: #333333;
}

.cellMenuItem {
	height: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #C5C5C5;
	border-left: 0px;
	padding-left: 10px;
	color: #333333;
}

.cellMenuItemSelected {
	height: 20px;
	font-weight: bold;
	background-color: #F1F1F1;
	border: 1px solid #C5C5C5;
	border-left: 0px;
	padding-left: 10px;
	color: #333333;
}

.cellMenuBullet {
	background-color: #C5C5C5;
	border: 1px solid #C5C5C5;
	border-right: 0px;
}

.cellMenuBulletSelected {
	background-color: #0099CC;
	border: 1px solid #C5C5C5;
	border-right: 0px;
}

.cellHeadingBullet {
	background-color: #009933;
	border: 1px solid #C5C5C5;
	border-right: 0px;
}

.cellHeadingBulletSelected {
	background-color: #006688;
	border: 1px solid #C5C5C5;
	border-right: 0px;
}

.imagePictureBorder {
	border: 1px solid #333333;
}

/* Other Elements */
.ErrorMessage {
	font-weight: bold;
	color: #CC0000;
}

.NormalMessage {
	font-weight: bold;
	color: #000066;
}

.tableContent {
	background-color: #DDDEEE;
	color: #DDDEEE;
	border: 1px solid #AAAAAA;
}
.linkAdminMenu {
	font-weight: normal;
	color: #000000;
}
.linkAdminMenu a {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.linkAdminMenu a:hover {
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
.adminTitle {
	font-weight: bold;
	color: #8588C5;
	font-size: 14px;
}
.adminContent {
	font-weight: normal;
	color: #000000;
	font-size: 10px;
}
.linkLogout {

	font-weight: bold;
	color: #FFFFFF;
}
.linkLogout a {

	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.linkLogout a:hover {

	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}
.tableContentGrey {
	background-color: #EEEEEE;
	color: #DDDEEE;
	border: 1px solid #AAAAAA;
}
.adminTitleGrey {

	font-weight: bold;
	color: #666666;
	font-size: 12px;
}

.Inactive {
	color: #CC0000;
}

.textErrorMessage {
	color: #CC0000;
}

.Active {
	color: #000066;
}

/* Calender Appearance */

.calenderTable { 
	border: 1px solid #C5C5C5; 
	padding: 2px; 
}

.calenderMonthName {	
	font-weight: bold; 
	background-color: #F1F1F1
}

.calenderDayRow {
	border-bottom: 1px solid #DDDDDD; 
	font-weight: bold; 
	background-color: #F1F1F1
}

.calenderNormalCell {
	border: 0px solid #DDDDDD; 
	background-color: #F1F1F1
}

.calenderTodayCell {
	border: 1px solid #009933;
	background-color: #F1F1F1;
}

/* Listing Elements */
.cellHeading {
	border: 1px solid #333333;
	background-color: #006688;
	color: #FFFFFF;
	padding: 3px;
	font-weight: bold;
}

.tablePremiumListing {
	border: 1px solid #009933;
	background-color: #F1F1F1;
}

.tableStandardListing {
	border: 1px solid #838383;
	background-color: #F1F1F1;
}

.textSupplierName {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

	.textSupplierName a:link, .textSupplierName a:visited {
		color: #FFFFFF; 
		text-decoration: none; 	
	}
	
	.textSupplierName a:hover {
		color: #DDDDDD; 
	}

.textStandardSupplierName {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

	.textStandardSupplierName a:link, .textStandardSupplierName a:visited {
		color: #333333; 
		text-decoration: none; 	
	}
	
	.textStandardSupplierName a:hover {
		color: #666666; 
	}

.cellSupplierNameLogo {
	background-image: url(../Media/Background/Bgn_AlternateStrip.gif);
	background-repeat: repeat-x;
	padding: 3px;
	background-color: #009933;
	border-bottom: 1px solid #009933;
}

.cellSupplierName {
	background-image: url(../Media/Background/Bgn_AlternateStrip.gif);
	background-repeat: repeat-x;
	padding: 3px;
	background-color: #C1CEDC;
	border-bottom: 1px solid #009933;
}

.cellStandardSupplierNameLogo {
	padding: 3px;
	background-color: #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
}

.cellStandardSupplierName {
	padding: 3px;
	background-color: #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
}

.cellSupplierLogoAndDescription {
	padding: 3px; 
	/*background-color: #C1CEDC;
	border-bottom: 1px solid #336699;*/
}

.cellContactDetails {
	padding: 3px;
	padding-bottom: 1px;
}

.cellListingInfoIcon {
	border: 1px solid #336699;
	background-color: #ADC2D6;
	border-right: 0px;
}

.cellListingInfoText {
	border: 1px solid #336699;
	background-color: #ADC2D6;
	border-left: 0px;
	font-weight: bold;
	text-align: left;
}

	.cellListingInfoText a:link {
		color: #333333;
	}
	
	.cellListingInfoText a:visited {
		color: #333333;
	}
	
	.cellListingInfoText a:hover {
		color: #333333;
	}
	
	.cellListingInfoText a:active {
		color: #333333;
	}

.cellStandardListingInfoIcon {
	border: 1px solid #838383;
	background-color: #CDCDCD;
	border-right: 0px;
}

.cellStandardListingInfoText {
	border: 1px solid #838383;
	background-color: #CDCDCD;
	border-left: 0px;
	font-weight: bold;
	text-align: left;
	color: #535353;
}

	.cellStandardListingInfoText a:link {
		color: #535353;
	}
	
	.cellStandardListingInfoText a:visited {
		color: #535353;
	}
	
	.cellStandardListingInfoText a:hover {
		color: #535353;
	}
	
	.cellStandardListingInfoText a:active {
		color: #535353;
	}