body {
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-color: #000000;
	background-position: left top;
	margin: 0px 0px 50px;
	padding: 0px 0px 50px;
	height: 100%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;


}

/* Header Styling Starts */

#header {
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 170px;
	width: 795px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}
#header h1 span {
	display: none;
}
#header h1 {
	background-image: url(images/logo_visionary.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 230px;
	float: left;
}

/* Header Styling Ends */

/* Navigation Styling Starts */

#nav {
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 22px;
	width: 452px;
	margin-top: 148px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;


}
#nav ul {
	width:452px;
	padding:0;
	margin:0;
	list-style-type: none;
	height: 22px;
}

#nav ul li {
	float:left;
	padding:0;
	margin:0;
	list-style-type: none;
	height: 22px;
}

#nav ul li a {
	display:block;
	height:22px;
	margin: 0px;
	padding: 0px;
}

#nav ul li.news a { background:url(images/menu_news.gif) 100% 0; width:26px; margin-left:9px; margin-right: 34px; }
#nav ul li.news a:hover { background:url(images/menu_news.gif) 100% -22px; }

#nav ul li.aboutUs a { background:url(images/menu_about_us.gif) 100% 0; width:46px; margin-right: 34px; }
#nav ul li.aboutUs a:hover { background:url(images/menu_about_us.gif) 100% -22px; }

#nav ul li.catalogue a { background:url(images/menu_catalogue.gif) 100% 0; width:52px; margin-right: 35px; }
#nav ul li.catalogue a:hover { background:url(images/menu_catalogue.gif) 100% -22px; }

#nav ul li.formats a { background:url(images/menu_formats.gif) 100% 0; width:42px; margin-right: 34px; }
#nav ul li.formats a:hover { background:url(images/menu_formats.gif) 100% -22px; }

#nav ul li.distribution a { background:url(images/menu_distribution.gif) 100% 0; width:60px; margin-right: 34px; }
#nav ul li.distribution a:hover { background:url(images/menu_distribution.gif) 100% -22px; }

#nav ul li.contact a { background:url(images/menu_contact.gif) 100% 0; width:41px; margin-right: 0px; }
#nav ul li.contact a:hover { background:url(images/menu_contact.gif) 100% -22px; }

#nav ul li a span { display:none; }
#nav ul li a.current { background-position:100% -22px; }#leftPanel {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 225px;
	height: auto;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* Navigation Styling Ends */


/* Content Styling Starts */

#content {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	height: auto;
	width: 442px;
	font-size: 11px;
	color: #FFFFFF;
	clear: right;
	float: right;
}
#contentArea {
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	height: auto;
	width: 685px;
}
#content h1 span {
	display: none;
}
#content h1 {
	height: 40px;
	width: 430px;
	margin: 5px 0px 50px;
	padding: 0px;
}
#content h1.news {
	background-image: url(images/title_news.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content h2.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0295C4;
	background-image: url(images/date.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 12px;
	font-weight: normal;
	margin: 20px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: both;
}
#content h2.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #A7E9FF;
	margin: 0px 0px 10px;
	padding: 0px;
	border: none;
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: both;
}
#content h2.backTop span {
	display: none;
}
#content h2.backTop {
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 32px;
	float: right;
	clear: both;
	margin: 20px 0px;
	padding: 0px;
	display: block;
}
#content h1.distribution {
	background-image: url(images/title_distribution.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.imageLeft {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	clear: none;
}
#content h2.companyName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #66CCFF;
	font-weight: normal;
	margin: 0px;
}
.companies {
	width: 442px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
	clear: both;
	height: auto;
}
ul.contactDetails {
	list-style-type: none;
	margin-right: 0px;
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.contactDetails li.phone {
	list-style-image: url(images/icon_phone.gif);
}
ul.contactDetails li.fax {
	list-style-image: url(images/icon_fax.gif);
}
ul.contactDetails li.email {
	list-style-image: url(images/icon_email.gif);
}
ul.contactDetails li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#content h1.catalogue {
	background-image: url(images/title_catalogue.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.iconLeft {
	float: left;
	clear: none;
	margin: 0px 10px 10px 0px;
	border: 1px solid #306A7E;
}
.catalogueListings {
	width: 400px;
	margin-left: 30px;
	margin-top: 15px;
}

ul.cataListings {
	list-style-type: none;
	margin: 15px 0px 10px 70px;
	padding: 0px;
}
ul.cataListings b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC00;
	font-weight: normal;
}
ul.cataListings li {
	margin: 0px;
	padding-bottom: 2px;
}
h3.cataTitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-weight: normal;
	font-size: 16px;
	margin: 20px 0px 0px;
	padding: 0px 0px 0px 25px;
	display: block;
	background-image: url(images/icon_cata.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}
.showDetails {
	clear: right;
	}

.showDetailswords {
	width: 270px;
	float: right;
	margin-bottom: 20px;
}
.showDetailsimages {
	float: left;
	width: 155px;
	margin-top: 10px;
	margin-bottom: 30px;
}
div.companies h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	margin: 0px;
}
div.companies h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	margin: 0px;
}
#content h2.back {

	background-image: url(images/back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 42px;
	float: right;
	clear: both;
	margin: 20px 0px;
	padding: 0px;
}
#content h2.back span {
	display: none;
}
#content h1.contact {
	background-image: url(images/title_contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content h1.reviews {
	background-image: url(images/title_reviews.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content h1.aboutUs {
	background-image: url(images/title_about_us.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content h1.formats {
	background-image: url(images/title_formats.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
h3.details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #00CCFF;
	display: block;
	padding-left: 10px;
	background-image: url(images/twin_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 15px 0px 0px;
	float: left;
}

/* Content Styling Ends */


/* Footer Styling Starts */

#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	width: 442px;
	margin: 30px 0px 0px 0px;
	text-align: center;
	padding-top: 5px;
	height: 15px;
	background-image: url(images/dot_grey.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float: right;
}

/* Footer Styling Ends */


/* Content Admin Styling Starts */

#content h1.admin {
	background-image: url(images/title_admin.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC66;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-left: 10px;
	background-image: url(images/twin_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	font-weight: normal;
}
#content h2.headingAdmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #A7E9FF;
	margin: 30px 0px 0px;
	padding: 0px;
	border: none;
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul.admin {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	color: #FFFFFF;
	list-style-image: url(images/arrow_down.gif);
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px;
	color: #FF9933;
	background-image: url(images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 8px;
}
ul.admin li {
	margin-left: 60px;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px;
	color: #CC0000;
	background-image: url(images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 8px;
}
h6.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0px 0px 5px;
	color: #CC0000;
	background-image: url(images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 8px;
}
b.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}
.backBtn {
	float: right;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
#adminDiv {
	width: 680px;
	margin-left: 50px;
}
#adminDiv h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #A7E9FF;
	clear: both;
	margin-top: 0px;
	margin-bottom: 3px;
}
#adminDiv h2.sections {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #FFFFFF;
	clear: both;
	margin-top: 30px;
	margin-bottom: 0px;
}
#adminDiv h3 {
	clear: both;
}

h3.edit {
	font-size: 16px;
	color: #FF0000;
	background-image: url(images/arrow_boxed.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
}
h3.backtoAdmin {

	font-size: 16px;
	color: #FF0000;
	background-image: url(images/twin_arrow.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
}
h3.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	margin: 0px 0px 10px;
	padding: 0px;
	border: none;
	clear: both;
}
div.select {
	float: right;
	clear: both;
	}

/* Content Admin Styling Ends */


/* Form Formatting */

.adminFields {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.adminButton {
	width: 100%;
	color: #FFCC66;
	background-color: #000033;
	border: 1px solid #0066CC;
}
table {
	margin-top: 20px;
	width: 100%;
	padding: 0px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
.contactFields {
width: 320px;
height: 20px;
margin-bottom: 5px;
border: 1px solid #0297C7;
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

table.formUpload h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0px;
}
table.formNarrow {
	margin-top: 0px;
	width: 375px;
	border: 1px solid #333333;
	background-color: #000000;
	float: left;
	margin-bottom: 15px;
}

table.formUpload {
	width: 300px;
	border: 1px solid #333333;
	background-color: #000033;
	float: left;
	margin: 10px 0px;
}

label{
float: left;
width: 100px;
font-weight: bold;
color: #ffffff;
}

.inputTextarea {
width: 320px;
margin-bottom: 5px;
border: 1px solid #0297C7;
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

br.form{
clear: left;
}

.buttons {
	border: 1px solid #0297C7;
	color: #FFCC00;
	background-color: #051419;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 5px;
	margin-top: 5px;
	width: 50px;
	height: 20px;
}

.buttonsClear {
	border: 1px solid #0297C7;
	color: #FFCC00;
	background-color: #051419;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 315px;
	margin-top: 5px;
	width: 50px;
	height: 20px;
}

table.form {
	width: 680px;
	clear: both;
	border: 1px solid #333333;
	background-color: #000000;
	margin: 0px;
}

/* Form Formatting Ends */



/* Links Formatting Starts */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A7E9FF;
	text-decoration: none;
}
a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}
a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A7E9FF;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A7E9FF;
	text-decoration: underline;
}

#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
}
#footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
}
#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

/* Links Formatting Ends */

.floatSelect {
	clear: both;
	float: left;
}
div.floatSelect img {
	margin-right: 20px;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9900;
}
#leftPanel h1 span {
	display: none;
}
#leftPanel h1 {
	background-image: url(images/visionary_tv.gif);
	margin: 87px 0px 0px;
	padding: 0px;
	height: 285px;
	width: 225px;
}
div.companies b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
}