﻿
/* standard elements */
body
{
	font-family: Arial, Helvetica, sans-serif;
    background-color:#b2cae2;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #424345;
	margin: 0px;
	padding: 0px;
}

/* Default links */
A:link, A:visited { color:#003d79; text-decoration: underline; }
A:active, A:hover { color:#000000; text-decoration: underline; }

/* speciliazed links */
A:link.ftrlink, A:visited.ftrlink { color: #003d79; text-decoration: none; }
A:active.ftrlink, A:hover.ftrlink { color: #333333; text-decoration: underline; }

h1
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #014478;
	margin: 5px 0px 5px 0px;  
}
h2  /* header Bar */
{
	font-size: 15px;
	line-height: 30px;
	padding-left: 5px;
	color: #ffffff;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
    background-image: url(../../Images/Common/hdr_base.jpg);
}
h3 
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #014478;
	margin: 0px;
}
input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    border-right: #C1C1C1 1px solid;
    border-top: #C1C1C1 1px solid;
    border-left: #C1C1C1 1px solid;
    border-bottom: #C1C1C1 1px solid;
	color: #003d79;
    background-color: #ffffff;
}
input.noborder
{
    border: none;
}
input.button
{
    border: none;
    background-color: #ffffff;
	color: #ffffff;
}
ul { margin: 5px 15px 10px 30px; }
p { margin: 0px 0px 15px 0px; }

/* Custom Tag Classes */
br.spacer { line-height: 5px; }
table.collaspe { border-collapse: collapse; } 
td.collaspe, th.collaspe { padding: 0; } 
.line { background-color: black; height: 1px; margin-top:-1px; }
.CssForCheckListBox input { border: none; } 
.tableborder { border: 1px solid #dddddd;}
.tableborderblue { border: 1px solid #003366; }
.WhereToBuy { margin-top:25px; margin-left:5px; }
.ProductCategoryTitle  /* Product Category bar */
{
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	height: 28px;
	color: #014478;
	padding-left: 5px;
	background-color: #dddddd;
	border-top: solid 1px #003366;
	margin: 3px 0px 3px 0px;
}

/* Product Listing Table  */
.ProductItemList
{
    width:100%;
    margin-top: 5px;
	border: solid 1px #dddddd;
	font-size: 10px;        
	line-height: 20px;
}
.ProductItemList th
{
	text-align:left;
	font-weight: bold;
	color: #ffffff;
	background-color: #444444;        
}
.ProductItemList td
{
	font-size: 10px;        
}


/* Side Menu Style  */
ul.SideMenuStyle
{
    list-style: none;    
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
ul li.SideMenuItemStyle
{
    background: transparent url(../../Images/Menu/nav_off.gif) top center;
    border-bottom: solid 1px #aaaaaa;
    width: 157px;
    padding:  0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
	font-weight: normal;
    line-height: 25px;
}
ul li.SideMenuItemStyle:hover 
{
     background: transparent url(../../Images/Menu/nav_on.gif) top center;
}
/* Specific menu Items */
ul li#home a { margin: 10px 120px 10px 0px; text-decoration: none; color: #424345; }
ul li#home a:hover { color: #014478; }
ul li#products a { margin:  10px 90px 10px 0px; text-decoration: none; color: #424345; }
ul li#products a:hover { color: #014478; }
ul li#features a { margin:  10px 27px 10px 0px; text-decoration: none; color: #424345; }
ul li#features a:hover { color: #014478; }
ul li#wheretobuy a { margin:  10px 70px 10px 0px; text-decoration: none; color: #424345; }
ul li#wheretobuy a:hover { color: #014478; }
ul li#profile a { margin:  10px 45px 10px 0px; text-decoration: none; color: #424345; }
ul li#profile a:hover { color: #014478; }
ul li#demo a { margin:  10px 60px 10px 0px; text-decoration: none; color: #424345; }
ul li#demo a:hover { color: #014478; }
ul li#news a { margin:  10px 120px 10px 0px; text-decoration: none; color: #424345; }
ul li#news a:hover { color: #014478; }
ul li#faq a { margin:  10px 130px 10px 0px; text-decoration: none; color: #424345; }
ul li#faq a:hover { color: #014478; }
ul li#login a { margin:  10px 120px 10px 0px; text-decoration: none; color: #424345; }
ul li#login a:hover { color: #014478; }
ul li#contactus a { margin:  10px 80px 10px 0px; text-decoration: none; color: #424345; }
ul li#contactus a:hover { color: #014478; }

/* Bottom Menu Style */
.BottomMenuItemStyle
{        
    font-size: 10px;
	font-weight: normal;
    line-height: 20px;
}
.BottomMenuItemStyle A
{    
	font-size: 11px;
	text-decoration: none;
    padding: 0px 4px 0px 5px;
}

/* Callouts */
.callout
{
    width: 198px;
}
.callout h1
{
	height: 43px;	
	padding: 20px 20px 20px 20px;
	margin: 10px 0px -40px 0px;
	font-size: 12px;
	font-weight: 900;
	color: #ffffff;
}
.callout p
{
    background: transparent url(../../Images/Common/CalloutMiddle.jpg) repeat-y top left;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 20px 5px 24px;
}
.callout table
{
    background: transparent url(../../Images/Common/CalloutMiddle.jpg) repeat-y top left;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.callout table, .callout td
{
	font-size: 11px;
	line-height: 14px;
}
.callout h2
{
    background: transparent url(../../Images/Common/CalloutBottom.gif) no-repeat top left;
	height: 43px;	
	padding: 20px;
	margin: -40px 0px -40px 0px;
}

/* specific callouts */
#lightblue h1
{
    background: transparent url(../../Images/Common/CalloutTop_lightblue.jpg) no-repeat top left;
}
#gray h1
{
    background: transparent url(../../Images/Common/CalloutTop_gray.jpg) no-repeat top left;
}
#blue h1
{
    background: transparent url(../../Images/Common/CalloutTop_blue.jpg) no-repeat top left;
}

/* Main Page Layout Divs - http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
#main_topbardiv
{
    background-attachment:inherit;
    background-image: url(../../Images/Common/TopBackground.png);    
    background-repeat:repeat-x;
    background-position:center;
    height:52px;
}
#main_contentenvelopediv
{
    background-color:white;
}
#main_leftcalloutcell
{    
    width: 162px;
    border-right:solid 1px #013D7B;
    background-color:#DDDDDD;
    vertical-align: top; 
    padding: 0px; 
}
#main_pagecontentcell
{
    width: 628px;
    border-left:solid 1px #013D7B;
    border-right:solid 1px #cccccc;
    vertical-align: top;
    padding: 0px; 
}
#main_rightcalloutcell
{
    vertical-align: top;
    padding: 10px; 
}
#main_footerdiv
{
    background-attachment:inherit;
    background-image: url(../../Images/Common/BottomBackground.png);    
    background-repeat:repeat-x;
    background-position:center;
    clear:both;
    height:52px;
}
#main_footerinnerdiv
{
	font-size: 10px;
    padding: 10px 0px 0px 170px;
    width: 760px;
}

/* Sub Page Layout Divs */
#PageContentDiv
{
    padding: 5px 7px 5px 8px;        
}
