/*********************************
	       Name: default.css
	Description: Master CSS file for cyberskin.com
	    Created: 03/27/2006
	    Updated: 09/19/2006
*********************************/

/*********************************
	Template layout elements
*********************************/

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	/* text-align: center; */
	background-image: url(../_images/page_background.gif);
	background-color: #000000;
}

#Container {
	width: 738px;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	text-align: left;
	margin: 0px auto 0px auto;
}

#HeaderSpacer {
	font-size: 11px;
	height: 20px;
	text-align: right;
	padding-right: 5px;
}

#HeaderDividerTop {
	height: 10px;
	background: url(../_images/header_divider_top.gif) repeat-x;
}

#HeaderDividerBottom {
	height: 10px;
	background: url(../_images/header_divider_bottom.gif) repeat-x;
}

#MainMenu {
	height: 20px;
	padding-left: 36px;
}

#ContentBackground {
	width: 728px;
	background: url(../_images/content_background.jpg) no-repeat;
	margin: 5px 0px 5px 5px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#Content {
	width: 576px;
	text-align: left;
	border: 1px solid #CCCCCC;
	background:  url(../_images/copy_background.jpg) no-repeat;
	background-color: #333333;
	margin: 0px auto 0px auto;
}

#Copy {
	margin: 25px 48px 25px 48px;
}

#Footer {
	font-size: 10px;
	text-align: center;
	margin-bottom: 10px;
}

/*********************************
	Navigation elements
*********************************/

#MainMenu a {
	display: block;
	float: left;
}

#ImagePreload {
	display: none;
}

a#MenuHome {
	width: 72px;
	height: 20px;
	background-image: url(../_images/menu_home.gif);
}

a#MenuHome:hover {
	background-image: url(../_images/menu_home_over.gif);
}

a#MenuCompany {
	width: 105px;
	height: 20px;
	background-image: url(../_images/menu_company.gif);
}

a#MenuCompany:hover {
	background-image: url(../_images/menu_company_over.gif);
}

a#MenuMedia {
	width: 73px;
	height: 20px;
	background-image: url(../_images/menu_media.gif);
}

a#MenuMedia:hover {
	background-image: url(../_images/menu_media_over.gif);
}

a#MenuWhat {
	width: 203px;
	height: 20px;
	background-image: url(../_images/menu_what.gif);
}

a#MenuWhat:hover {
	background-image: url(../_images/menu_what_over.gif);
}

a#MenuProducts {
	width: 112px;
	height: 20px;
	background-image: url(../_images/menu_products.gif);
}

a#MenuProducts:hover {
	background-image: url(../_images/menu_products_over.gif);
}

a#MenuContact {
	width: 102px;
	height: 20px;
	background-image: url(../_images/menu_contact.gif);
}

a#MenuContact:hover {
	background-image: url(../_images/menu_contact_over.gif);
}


/*********************************
	Typographic elements
*********************************/

h1 {
	color: #99CCFF;
	font-size: 18px
}

a {
	color: #99CCFF;
}

a:hover {
	color: #FFFFFF;
}

.ContentImageRight {
	display: block;
	float: right;
}

.ContentImageLeft {
	display: block;
	float: left;
}

.ImageFrameRight {
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 0px 0px 4px 4px;
}

.ImageFrameLeft {
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 4px 4px 0px 0px;
}

.ImageCaption {
	display: block;
	font-size: 10px;
	text-align: center;
	color: #99CCFF;
}

.HorizontalLineWhite {
	background-color: #99CCFF;
}

.HorizontalLineGray {
	background-color: #CCCCCC;
}

.Breadcrumbs {
	font-size: 10px;
}

.BreadcrumbLeft {
	float: left;
}

.BreadcrumbRight {
	float: right;
}

.BreadcumbPageSelect {
	width: 50px;
}

input, select, textarea {
	width: 200px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #003466;
	border:1px solid #99CCFF;
	padding-left: 2px;
}

.FormLabel {
	text-align: right;
	padding: 10px 0px 10px 0px;
}

.ProductImage {
	border: 1px solid #CCCCCC;
	padding: 4px;
}

.ProductListTop {
	float: right;
	font-size: 10px;
}

.ProductListTop a {
	text-decoration: none;
}

.ProductNew {
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

.ProductListID {
	font-weight: bold;
	color: #99CCFF;
}

.ProductListDescription {
	font-size: 10px;
}

.ProductDetailID {
	font-size: 14px;
	font-weight: bold;
	color: #99CCFF;
}

.ErrorHeader {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#DetailsTab {
	color: #000000;
	background-color: #FFFFFF;
	width: 75px;
	padding: 2px 0px 2px 0px;
	text-align: center;
}

#DetailsTable {
	color: #000000;
	background-color: #FFFFFF;
}

.DetailsValue {
	background-color: #CCCCCC;
	padding: 4px 0px 4px 0px;
}

#EnlargeImage {
	margin-top: 4px;
	font-size: 10px;
	text-align: center;
}

#EnlargeImage a {
	text-decoration: none;
}

.TableHeader {
	font-weight: bold;
	color: #0D004C;
	background-color: #CCCCCC;
	padding: 6px 0px 6px 2px;
}

.TableRow {
	padding: 6px 0px 6px 2px;
}