﻿body {
    font-family: Arial, Verdana, sans-serif; 
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin:0;
	color: #333;
}

a {
 text-decoration: none;
 color: #0f7ede;
}

a:hover {
 text-decoration: underline;
}

td {
 
}


#Header 
{
    background-color: Black;
    height: 100px;
}

.logo 
{
    padding: 20px 0 20px 40px;
    display:block;
}

.nav 
{
    line-height: 25px;
    padding-top: 10px;
    width: 250px;
    display:block;
}

.nav a
{
    text-decoration:none;
    color: Black;
    padding: 5px;
}

.nav a:hover
{
    background-color: #cecece;
    padding: 5px;
}


#Main 
{
    padding: 30px 30px 0 0;
    text-align: left;
    display: block;
}

#Main h1 {
     font-size: 26px;
     font-weight: normal;
      margin-top: 0px;
}

#Main h2 {
     font-size: 18px;
      color: #f56200;
      font-weight: normal;
      margin-top: 40px;
       
}


#Footer {
    border-top: 1px solid #ccc;
    font-size: 10px;
    line-height: 15px;
    margin-top: 30px;
    background-image: url(images/footerBg.gif);
    background-repeat: repeat-x;
    text-align: center;
    padding-left: 20px;
}

.FooterBlock {
      text-align: left;
      width: 850px;
}


#Footer a {
     color: #666;
}

#Footer td {
 vertical-align:top;
}

.LinkGroupHeading {
     font-weight:bold;
}

.indent, .Indent {
    padding-left: 20px;
}

TableGrid table {
    border-color: #ccc;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.TableGrid td, .TableGrid th {
    border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
     vertical-align:top;
}

.TableGrid th {
  background-image: url(images/bgTableGridHeader.gif);
   background-repeat: repeat-x;
}

.SideNav {
    display: block;
    width: 250px;
    float: left;
}

.TopNav a {
 font-size: 14px;
  font-weight: bold;
  color: White;
  padding-left: 20px;
}

.ProductSheetSideBar {
    display: block;
    width: 130px;
    border: 1px solid #ccc;
     font-size: 10px;
     padding: 20px;
     float: right;
     margin-left: 30px;
      line-height: 15px;
}

.PhotoSideBar {
    display: block;
    width: 150px;
    border: 1px solid #ccc;
     font-size: 10px;
     padding: 20px;
     float: right;
}



/*********************************************/
/* "UserMessages/" user controls */
/*********************************************/

.UsrMsgSuccess {
	border : 2px solid #6ec563;
	background-image: url(Images/icn_UsrMsg_Success.gif);
	margin: 10px 0px 7px 0px; 
    line-height: 1.4em;
	padding: 5px 5px 5px 40px;
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
}

.UsrMsgWarn {
	border : 2px solid #e7b944;
	background-image: url(Images/icn_UsrMsg_Warn.gif);
	margin: 0px 0px 20px 0px;
    line-height: 1.4em;
	padding: 5px 5px 5px 40px;
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
}

.UsrMsgFail {
	border : 2px solid #FF4246;
	background-image: url(Images/icn_UsrMsg_Fail.gif);
	margin: 0px 0px 20px 0px;
    line-height: 1.4em;
	padding: 5px 5px 5px 40px;
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
}

.UsrMsgInfo {
	border : 1px solid #648fbe;
	background-image: url(Images/icn_UsrMsg_Info.gif);
	 background-position:10px 7px;
	margin: 0px 0px 20px 0px;
    line-height: 1.4em;
	padding: 5px 5px 5px 40px;
	background-repeat: no-repeat;
	 background-color: #e6e9ec;
	display: inline-block;
}

.UsrMsgInfo td img {
  vertical-align:top;
}

.NextStep a {
     font-size: 14px;
     color:White;
      font-weight: bold;
      background-image: url(images/btnBg.gif);
       background-repeat: repeat-x;
       display: inline-block;
       height: 40px;
       padding-left:20px;
       padding-right:20px;
       padding-top: 10px;
}

.highlight {
 background-color: #ffeda8;
 padding: 2px 5px 2px 5px;
}

.ClientSidebar {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 10px;
     line-height: 13px;
}

.ClientSidebar h3 {
    font-size: 16px;
    margin-top: 0px;
}

.FrontBox {
     background-image: url(Images/BoxBG.gif);
      background-repeat: no-repeat;
      width: 262px;
      height: 262px;
      display: inline-block;
}

.FrontBox .Inner {
    margin: 0 10px 0 10px;
      width: 230px;
}

.FrontBox .ViewDetails {
    position: relative;
    bottom: 0px;
}
