/* Common */
/* all elements tags included in this file */

p { word-wrap: break-word; }
a
{
	color: #0071aa;
	text-decoration: none;
}
a:hover
{
	color: #54bceb;
	text-decoration: none;
}
a:visited
{
	color: #f89923;
	text-decoration: none;
}
div { word-wrap: break-word; }
ul li { list-style-image: url(/Images/bullet-point.gif); }
body { padding:10px; }
body ul { margin: 5px; }
body li
{
	padding: 0px;
	margin: 0px;
}
/* text Formating */

h1
{
	color: #fff;
	font-family: Arial, Sans-Serif;
}
h2
{
	color: #042b6b;
	font-family: Arial, Sans-Serif;
}
h3
{
	color: #042b6b;
	font-family: Arial, Sans-Serif;
}
h4
{
	color: #660a33;
	font-family: Arial, Sans-Serif;
}
h5
{
	color: #000000;
	font-family: Arial, Sans-Serif;
}
h1, h2, h3, h4, h5 { margin: 0px; }
/* standard Control Formatting */

/* standard Control Formatting */
.standardTextBox
{
	border: solid 2px #a3daf6;
	color:#042b6b;
	background-color:#eff1f4;
	font-size: 12px;
	height: 19px;
	width: 100%;
	padding:2px;
}
.standardTextBox:focus
{
	border: solid 2px #a3daf6;
	color:#042b6b;
	background-color:#eff1f4;
	font-size: 12px;
	height: 19px;
	width: 100%;
	padding:2px;
}


.standardTextBoxWaterMark
{
	border: solid 2px #a3daf6;
	color:#042b6b;
	background-color:#eff1f4;
	font-size: 12px;
	height: 19px;
	width: 100%;
	padding:2px;
}
.standardTextArea
{
	color:#042b6b;
	border: solid 1px #a3daf6;
	font-size: 12px;

	width: 99%;
}
.standardDropDownList
{
	border: solid 1px #a3daf6;
	width: 99%;
}
.standardCheckBox
{
}
.standardCheckBoxList
{
}
.standardRadioButton
{
}
.standardRadioButtonList
{
}
.standardComboBoxes
{
	border: solid 1px #a3daf6;
	width: 99%;
}
.standardValidator
{
}
.validationSummary
{
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #FF0000;
	width: 100%;
	border: solid 1px #333333;
}
.standardButton
{
	height: 25px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: solid 1px #225f90;
	cursor: pointer;
	background-color: #8fc342;
	background: url(images/mainNav_bkgd.gif) repeat-x bottom;
	-moz-box-sizing: content-box;
}
.standardFeatureButton
{
	/*font-weight:bold;*/
	color: #FFFFFF; /*padding:3px;*/
	border: solid 1px #203166;
	background-color: #62AC1E;
	font-size: 10px;
}
/* Messages */

.statusMessageGood { }
.statusMessageInfo { }
.statusMessageWarning { }
.statusMessageBad { }
/* Form Layout */
.formContainer {}
.formRow {}

.lineBreak
{
	width: 100%;
	height: 10px;
}
.floatClear
{
	clear: both;
	display: block;
}
/*CommonLayout*/


body
{
	font: 100% Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #9CC2E3;
}
.pageContainer
{
	border: solid 5px #f0f0f0;
	width: 974px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}
.pageHeaderContainer
{
	background-color: #CCC;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 85px;
}
.pageTitle { }
.pageTitleContainer
{
	background-color: #eff1f4;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 16pt;
	color: #7e8b8d;
	padding: 5px;
	float: left;
	border-top: solid 1px #b9c8d3;
	width: 75%;
	margin-top: -10px;
}
.headerColumnLeft
{
	background-position: right;
	height:100%;
	background-repeat: repeat;
	float: left;
	position: relative;
}
.headerColumnRight
{
	width: 32%;
	float: right;
	position: relative;
	text-align: right;
	padding-right: 0px;
	padding-top: 0px;
	vertical-align:top;
}
.headerColumnRight table
{
	width: 100%;
	text-align: left;

}
.headerColumnRight tr
{
	width: 100%;


}
.searchContainer { }
.searchTextBox
{
	border: solid 1px #a3daf6;
	font-size: 9px;
	height: 12px;
	width: 95%;
}
.headerSearchCaption
{
	font-size: 12pt;
	font-family: Arial, Sans-Serif;
	color: #fff;
	padding-right: 3px;
}
.personilizationContainer
{
	text-align: center;
	float: left;
	font-size: 9pt;
	padding: 7px;
	border-left: solid 1px #b9c8d3;
	margin-top: -7px;
	width: 20%;
}
/*----------------------menu-------------------------*/
  
  .mainNavigationContainer
{
	height:47px;
	background-color:#F0F0F0;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 1px #b9c8d3;
	width:100%;
}
.mainNav
{
	height: 47px;
	margin:0;
	padding:0;
}
.menu
{
	padding: 0 0 8px 8px;
	margin: 0 0 25px 0;
	height: 37px;
	background:url(images/mainNav_bkgd.gif) repeat-x bottom;
}
.menu li { display: inline; }
.menu li a
{
	float: left;
	width: 92px;
	text-align: center;
	margin: 0px 2px 0 0;
	font-weight: normal;
	font-size: 1.2em;
	padding: 20px 0 0px 0;
	color: #225f90;
	text-decoration: none;
}
.menu li a:hover, .menu li a.current
{
	color: #862639;
	background: url(images/menuTab.gif) no-repeat center top;
	margin: -2px 2px 0 0;
	padding: 20px 0 13px 0px;
	width: 92px;
}
.breadCrumbs
{
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color: #660a33;
	width: 99.5%;
	padding: 2px 0px 5px 5px;
	background-image:url(images/midnavtile.gif);
	height:10px;
	text-align:left;
}
.breadCrumbsIcons { }
.headerMenuContainer { }
.contentContainer { /*background-image:url(images/macbgBlue.jpg);*/ }
.transparencyContainer
{
	background-color:#FFF;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.contentBody
{
	/*padding: 10px 0px 0px 10px;*/
	text-align:center;
	vertical-align:top;
	background-color:#FFF;
}
.columnContentContainer
{
	/*padding: 5px;*/
	text-align:left;
}
.pageFooterContainer
{
	color: #A2C6E5;
	background-color: #225f90;
	text-align: left;
	vertical-align: middle;
	font-size: 8px;
	height: 10px;
	padding: 5px 5px 5px 5px;
}
*html .pageFooterContainer { padding: 10px 5px 5px 10px; }
.pageFooterContainer a { color: #A2C6E5; }
/*.pageFooterContainer, .columnContentContainer, .contentBody, .contentContainer, .mainNavigationContainer, .pageHeaderContainer, .pageContainer, .breadCrumbs, .headerColumnLeft, .headerColumnRight  { display:none; }*/
/* threeColumnLayout */

.threeColumnLayoutColumnLeft
{
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* since this element is floated, a width must be given */
}
.threeColumnLayoutColumnCenter { margin: 0 20% 0 20%; }
.threeColumnLayoutColumnRight
{
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* since this element is floated, a width must be given */
}
.threeColumnLayoutLeftTwoColumnsContainer
{
	width: 80%;
	float: right;
}
/* twoColumnLayoutRight */

.twoColumnLayoutRightColumnLeft
{
	float: left;
	width: 74.9%;
}
*html .twoColumnLayoutRightColumnLeft
{
	float: left;
	width: 74.5%;
}
.twoColumnLayoutRightColumnRight
{
	float: right;
	width: 25%; /* since this element is floated, a width must be given */
}
/* twoColumnLayoutLeft */

.twoColumnLayoutLeftColumnLeft
{
	float: left;
	width: 25%; /* since this element is floated, a width must be given */
}
.twoColumnLayoutLeftColumnRight
{
	width: 74.9%;
	float: right;
}
*html .twoColumnLayoutLeftColumnRight
{
	width: 74.5%;
	float: right;
}

/*Custom Controls*/
/*Feature ---------------------------------------

/*----------------middle blue box-----------*/
.bannerImageColumn{ 

float:left;
padding:20px 0 0 20px;

}

.blue_box
{
	width:100%;
	height:232px;
	clear:both;
	background:url(images/green_box_bg.gif) no-repeat left #225f90;
	background-position:0px 0px;
	border-top:1px solid #104672;
}
.text_content
{
	width:440px;
	float:left;
	padding:20px 0 0 0;
	margin:0 0 0 20px;
}
.read_more
{
	width:101px;
	height:29px;
	float:right;
	padding:10px;
	background:url(images/read_more_bg.gif) no-repeat center;
	line-height:29px;
	text-align:center;
}
.read_more a
{
	text-decoration:none;
	color:#FFFFFF;
}
.read_more a:hover
{
	text-decoration:none;
	color:#587A25;
}
.read_more_link
{
	width: auto;
	float:right;
	padding:3px 25px 3px 0;
	background:url(images/bullet.gif) no-repeat right;
}
.read_more_link a
{
	text-decoration:none;
	color:#70b805;
}
.read_more_link a:hover
{
	text-decoration:underline;
	color:#5C9704;
}
/*----------------------top right navigation-------------------------*/
#right_nav
{
	width:295px;
	height:230px;
	padding:0px 0 0 5px;
	float:right;
	background-color:#2c6493;
	margin:0px 0 0 20px;
}
#right_nav ul
{
	list-style:none;
	margin: auto;
	display:block;
	padding:0px;
}
/*#right_nav ul li{
list-style:none;
display:block;
width:auto;
height:30px;
padding:0px;
line-height:29px;
}*/
#right_nav ul li
{
	list-style:none;
	display:block;
	width:auto;
	height:35px;
	line-height:33px;
	text-decoration:none;
	padding:0px 0 0 35px;
	margin:3px 0 3px 0;
	color:#d4f0ba;
	background:url(images/right_nav.gif) no-repeat center;
	background-position:0px 0px;
}
.products_box
{
	height:auto;
	padding:10px 0 25px 0;
	border-bottom:1px #a7ef6e dashed;
	margin:0 0 10px 0;
}
.spacegallery
{
	position: relative;
	overflow: hidden;
	height: 300px;
	width: 400px;
}
.spacegallery img
{
	position: absolute;
	left: 50%;
}
.spacegallery a
{
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 20;
	width: 100%;
	height: 100%;
	background: url(images/blank.gif);
}
/*Header Dialogs */
.logOutMessage
{
	margin-top:20px;
	visibility:hidden;
}
/* Shopping Cart*/
#shoppingCartContainer
{
	background-color:#363636;
	padding:10px;
	position: absolute;
	display: none;
	left: 690px;
	top: 55px;
	width: 250px;
	z-index: 100;
}
/*buttons*/
.askAQuestionButton
{
	height:25px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	border:solid 1px #042b6b;
	cursor:pointer;
	background-color: #225f90;
	-moz-box-sizing:content-box;
}
.addToCartButton
{
	height:25px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	border:solid 1px #390;
	cursor:pointer;
	background-color: #8fc342;
	-moz-box-sizing:content-box;
}
/*text formating*/
.price
{
	color:#0071aa;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding: 10px;
}
/*header badge*/
.headerBadgeContainer
{
	width:50%;
	float:right;
	margin:13px 5px 0 0;
	background-color:#eff1f4;
	padding:3px;

}
.headerBadgeLeftColumn
{
	text-align:center;
	float:left;
	width:50%;
	padding:0 0 0 3px;
}
.headerBadgeRightColumn
{
	text-align:left;
	padding:3px;
	float:right;
	width:45%;
}