﻿/* CSS Front End Styles Begin */

*
{
	margin: 0;
	padding: 0;
}

#pageContentBackground
{
	margin-left: auto;
	margin-right: auto;
	background-image: url('../../Images/Structural/background.gif');
	background-repeat: repeat-y;
	width: 1088px;
}

#containerShadowBottom
{
	background-image: url('../../Images/Structural/backgroundBottom.gif');
	height: 51px;
	width: 1088px;
}

#pageContent
{
	width: 1024px;
	position: relative;
	top: 0;
	left: 32px;
}

body
{
	background-color: #3A6B9C;
}

h1
{
	font-family: Verdana;
	font-size: 10pt;
}

h2
{
	color: #FFF;
	font-family: Verdana;
	font-size: 13pt;
	padding-top: 10px;
	margin-left: 10px;
}

h3
{
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	padding-top: 7px;
}

a
{
	color: #000;
	text-decoration: underline;
}

#footerShadow a:hover
{
	color: #114171;
}

#mastHead
{
	width: 1024px;
	height: 54px;
	background-image: url('../../Images/Structural/topMenuGradient.gif');
	background-repeat: repeat-x;
	border-bottom: 4px #C2D4E0 solid;
}

#ozawaLogo
{
	float: left;
}

#upperLeftLinks
{
	float: right;
	width: 205px;
	position: relative;
	top: 28px;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: 700;
}

#topContainer
{
	width: 1024px;
	height: 207px;
	background-image: url('../../Images/Structural/ozawaTopImage.jpg');
}

#linkMenuTop
{
	color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	float: right;
	position: relative;
	top: 175px;
	right: 20px;
	background-color: transparent;
}

#linkMenuTop td
{
	border-right: solid 1px #C2D4E0;
	text-align: center;
}

#container
{
	width: 1024px;
	background-image: url('../../Images/Structural/bodyGradient.gif');
	background-repeat: repeat-x;
	padding-bottom: 10px;
}

.containerParts
{
	width: 1024px;
	background-image: url('../../Images/Structural/bodyGradient.gif');
	background-repeat: repeat-x;
}

#leftCol
{
	margin-left: 40px;
	float: left;
	clear: right;
}

.leftContentContainer
{
	background-color: #C2D4E0;
	width: 312px;
	border: solid 2px #114171;
	padding: 3px 3px 10px;
}

.contentHeader
{
	background-color: #114171;
	color: #fff;
	font-size: 8pt;
	font-family: Verdana;
	padding: 5px 5px 5px 10px;
}

.leftContentText
{
	position: relative;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: 700;
	margin-top: 15px;
	padding-right: 30px;
}

#mainPageContent
{
	position: relative;
	top: 2px;
	right: 40px;
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	width: 570px;
	background-color: #114171;
	border: solid 2px #C2D4E0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: right;
}

#mainPageContent h2
{
	border-bottom: solid 1px #FFF;
}

ul.square
{
	list-style-type: square;
	padding-left: 15px;
}

#mainPageContent li
{
	margin-bottom: 0;
	margin-top: 4px;
	padding: 0;
}

#productHeader
{
	width: 900px;
	height: 53px;
}

.productList table
{
	border: solid 1px #799CBE;
	background-color: #114171;
}

.productList th
{
	background-image: url('../../Images/Structural/productHeader2.gif');
	text-align: left;
	height: 30px;
	padding-left: 5px;
	color: #000;
}

#footer
{
	width: 1024px;
	height: 40px;
	background-color: #114171;
	border-bottom: solid 1px #C2D4E0;
	border-top: solid 1px #C2D4E0;
}

#footer table
{
	font-family: Verdana;
	font-size: 6pt;
	font-weight: 700;
	letter-spacing: .06em;
	position: relative;
	top: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	text-align: center;
}

#footerShadow
{
	background-image: url('../../Images/Structural/bottomMenuShadow.gif');
	background-repeat: repeat-x;
	width: 1024px;
	height: 17px;
	color: #FFF;
	font-size: 7pt;
	font-family: Verdana;
	text-indent: 42px;
	padding-top: 10px;
}

.productList
{
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	background-color: #114171;
	border: solid 2px #C2D4E0;
	width: 900px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 50px;
}

.benefits
{
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	background-color: #114171;
	border: solid 2px #C2D4E0;
	width: 900px;
	margin-left: 60px;
	padding-bottom: 15px;
}

#partsList
{
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	background-color: #114171;
	border: solid 1px #799CBE;
}

.tableHead
{
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #799CBE;
	height: 15px;
	font-family: Verdana;
	font-size: 10pt;
}

.scrollBar
{
	scrollbar-face-color: #3A6B9C;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #3A6B9C;
	scrollbar-darkshadow-color: #000;
	scrollbar-shadow-color: #018888;
	scrollbar-arrow-color: #FFF;
	scrollbar-track-color: #799CBE;
}

.bottomListNote
{
	font-style: italic;
	font-size: 8pt;
}

.paragraph
{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

h5
{
	color: #9BB5CD;
	margin-left: 20px;
}

.benefits th
{
	text-align: left;
}

.benefits td
{
	margin-left: 20px;
}

.tableChart
{
	border: solid 1px #FFF;
	margin-left: 20px;
	padding-bottom: 3px;
}

.tableChart th
{
	background-image: url('../../Images/Structural/productHeader2.gif');
	color: #000;
	border-bottom: solid 1px #FFF;
	height: 30px;
}

.tableChart td
{
	padding-bottom: 3px;
}

.SiteMap
{
	margin-left: 15px;
	margin-top: 10px;
}

.SiteMap div
{
	margin: 2px 5px 0 0;
}

.contactContent
{
	width: 560px;
	padding-left: 10px;
	border: solid 1px #FFF;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-left: 310px;
}

.diagram
{
	color: #FFF;
	font-family: Verdana;
	font-size: 10pt;
	background-color: #114171;
	background-image: url('../../Images/Content/diagram.jpg');
	background-repeat: no-repeat;
	border: solid 2px #C2D4E0;
	width: 900px;
	margin-left: 60px;
	padding-bottom: 15px;
}

#rightHandContent
{
	float: right;
	width: 180px;
}

#leftHandContent
{
	float: left;
	width: 240px;
	margin-left: 50px;
}

#centeredContent
{
	text-align: left;
	float: left;
	width: 360px;
}

.italicText
{
	font-style: italic;
}

.partRowSelected td
{
	background-color: #f9ce20;
	color: #000;
}

.diagramLink
{
	display: block;
	background-image: url('../../Images/Content/diagramButton.gif');
	background-repeat: no-repeat;
	width: 183px;
	height: 64px;
	margin-left: 5px;
}

a:hover .diagramLink
{
	background-position: 0 -64px;
}

a:hover, #mainPageContent a, #footerShadow a, .benefits a, .diagram a
{
	color: #FFF;
}

#linkMenuTop a, #footer a
{
	color: #FFF;
	text-decoration: none;
}

#linkMenuTop a:hover, #footer a:hover, .SiteMap a:hover
{
	color: #3A6B9C;
}

.productList td, .partsList td
{
	vertical-align: top;
	border-top: solid 1px #799CBE;
	border-right: solid 1px #799CBE;
	padding: 4px 4px 4px 6px;
}

/* CSS Front End Styles End */




/* CSS Admin Styles Begin */

.Login
{
	margin: 0 auto;
}

.Login td
{
	padding-top: 4px;
}

.Login label
{
	padding-right: 4px;
}

.LoginTitle
{
	color: White;
	font-family: Verdana;
	font-size: 13pt;
	padding: 10px 0 4px 0;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.LoginRemember input
{
	vertical-align: middle;
	margin: 0 4px 0 77px;
}

#mainPageContent p
{
	margin: 6px 0 4px 10px;
}

.AdminIcons a
{
	display: block;
	padding-top: 94px;
	height: 19px;
	width: 112px;
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.AdminIcons a:hover
{
	background-position: bottom center;
	text-decoration: underline;
}

.AdminIcons .Dashboard
{
	background-image: url(../../Images/Structural/Admin/Icons/DashboardIcon.gif);
}

.AdminIcons .ChangePassword
{
	background-image: url(../../Images/Structural/Admin/Icons/ChangePasswordIcon.gif);
}

.AdminIcons .ChangeEmail
{
	background-image: url(../../Images/Structural/Admin/Icons/ChangeEmailIcon.gif);
}

.AdminIcons .UploadPriceList
{
	background-image: url(../../Images/Structural/Admin/Icons/UploadIcon.gif);
}

.AdminIcons .AddUser
{
	background-image: url(../../Images/Structural/Admin/Icons/AddUserIcon.gif);
}

.AdminIcons .ManageUsers
{
	background-image: url(../../Images/Structural/Admin/Icons/ManageUsersIcon.gif);
}

.AdminIcons .Logout
{
	background-image: url(../../Images/Structural/Admin/Icons/LogoutIcon.gif);
}

.AdminIcons
{
	padding: 16px 0 20px 0;
}

.AdminHomeContainer
{
	width: auto; 
	margin: 0 auto 10px 80px; 
	float: none;
	background-image: url(../../Images/Structural/Admin/BKGD/ContentLightBlueTop.gif);
	background-repeat: repeat-x;
}

.AdminButton
{
	display: block;
	height: 51px;
	background-position: top;
	background-repeat: no-repeat;
}

.AdminButton:hover
{
	background-position: bottom;
}

.UploadDatabase
{
	background-image: url(../../Images/Structural/Admin/Buttons/UploadDatabase.gif);
	width: 198px;
	float: right;	
}

.BackToDashboard
{
	background-image: url(../../Images/Structural/Admin/Buttons/BackToDashboard.gif);
	width: 202px;
	float: left;
}

.ViewPriceList
{
	background-image: url(../../Images/Structural/Admin/Buttons/ViewPriceList.gif);
	width: 202px;
}

.CreateUser
{
	background-image: url(../../Images/Structural/Admin/Buttons/CreateNewUser.gif);
	width: 194px;
}

.Cancel
{
	background-image: url(../../Images/Structural/Admin/Buttons/Cancel.gif);
	width: 80px;
}

.Finish
{
	background-image: url(../../Images/Structural/Admin/Buttons/Finish.gif);
	width: 80px;
}

.ManageUsersLink
{
	background-image: url(../../Images/Structural/Admin/Buttons/ManageUsers.gif);
	width: 176px;
	margin-top: 4px;
}

.ForgotPassword
{
	background-image: url(../../Images/Structural/Admin/Buttons/ForgotPassword.gif);
	width: 202px;
}

.LoginLink
{
	background-image: url(../../Images/Structural/Admin/Buttons/Login.gif);
	width: 120px;
}

.Submit
{
	background-image: url(../../Images/Structural/Admin/Buttons/Submit.gif);
	width: 80px;
}

.ChangePasswordLink
{
	background-image: url(../../Images/Structural/Admin/Buttons/ChangePassword.gif);
	width: 194px;
}

.Continue
{
	background-image: url(../../Images/Structural/Admin/Buttons/Continue.gif);
	width: 145px;
}

.ChangeEmailLink
{
	background-image: url(../../Images/Structural/Admin/Buttons/ChangeEmail.gif);
	width: 179px;
	float: right;
}

.Form table
{
	width: 100%;
}

.SelectUserType
{
	margin-left: 300px;
}

.SelectUserType input, .ManageUsersTable td input
{
	margin-right: 3px;
	vertical-align: middle;
}

.ManageUsersTable
{
	margin-top: 10px;
	border-left:1px solid #799CBE;
	border-bottom:1px solid #799CBE;
}

.ManageUsersTable td
{
	padding: 2px 5px;
	border-right:1px solid #799CBE;
	border-top:1px solid #799CBE;
}

.ManageUsersTable a
{
	text-decoration: underline;
}

.ManageUsersTable a:hover
{
	text-decoration: none;
}

.ManageUsersTable td td
{
	border: none;
}

.ManageUsersTable th
{
	background-color:#799CBE;
	font-family:Verdana;
	font-size:10pt;
	padding: 5px;
	text-align: left;
}

.leftColumn
{
	width: 170px;
	float: left;
}

.rightColumn
{
	width: 800px;
	float: right;
}

.AdminLeftLinksContainer
{
	margin-left: 30px;
	background-color:#C2D4E0;
	border:2px solid #114171;
	padding:3px 3px 10px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
}

.AdminLeftLinksContainer ul
{
	list-style: none;
	margin: 5px 0 130px 5px;
}

.AdminLeftLinksContainer li
{
	padding-bottom: 4px;
}

.AdminLeftLinksContainer a
{
	text-decoration: none;
}

.AdminLeftLinksContainer a:hover
{
	color: #000;
	text-decoration: underline
}

td.CellCenter
{
	text-align: center;
}

table.ChangePasswordTable, .CenterWidth table
{
	width: 100%
}

.CenterWidth
{
	text-align: center;
}

.AdminContent input[type="text"], .AdminContent input[type="password"]
{
	height: 20px;
	width: 250px;
	font-size: 16px;
	padding-left: 4px;
}

.AdminContent table input[type="text"], .AdminContent table input[type="password"]
{
	width: 150px;
}

/* CSS Admin Styles End */