/*
 * DEFAULT STYLES
 */

body
{
	background: #266E9C url(../../Images/background.gif) repeat-x;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: small;
	margin: 0px auto 0px auto;
	text-align: left;
}

div
{
	margin: auto;
	padding: 0px;
}

div.grid
{
	border: 1px solid #4D87AB;
	padding: 5px;
}

.border
{
	border: 1px solid #4D87AB;
	padding: 10px;
}

table
{
	border-collapse: collapse;
	margin: auto;
}

table.layout tr td
{
	padding: 0px;
}

table.smallPadding tr td
{
	padding: 2px;
}

table.largePadding tr td
{
	padding: 5px 10px 5px 10px;
}

table.grid
{
	border: 1px solid #4D87AB;
}

table.grid tr.alternate
{
	background-color: #F2F4F5;
}

table.grid tr td.alternate
{
	background-color: #F2F4F5;
}

table.grid tr.footer
{
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	background-color: #DCEDF5;
}

table.grid tr td.footer
{
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	background-color: #DCEDF5;
}

table.grid tr th
{
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	background-color: #DCEDF5;
	padding: 5px 10px 5px 10px;
}

table.grid tr td
{
	padding: 5px 10px 5px 10px;
}

img
{
	border-style: none;
	border-width: 0px;
}

h1
{
	/* font-family: "Trebuchet MS", Arial, Sans-Serif; */
	font-size: medium;
	font-weight: bold;
}

h2
{
	/* font-family: "Trebuchet MS", Arial, Sans-Serif; */
	font-size: small;
	font-weight: bold;
}

h3
{
	color: #666666; /* font-family: "Trebuchet MS", Arial, Sans-Serif; */
	font-size: small;
	font-weight: bold;
}

a
{
	color: #3A90CC;
	text-decoration: none;
}

a:link
{
	color: #3A90CC;
	text-decoration: none;
}

a:active
{
	color: #3A90CC;
	text-decoration: none;
}

a:visited
{
	color: #3A90CC;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

input.button
{
	background: url(../../Images/button-background.png) repeat-x;
	border: solid 1px #EFE2B6;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	height: 26px;
}

.inputtextbox
{
	padding: 2px;
}

.gray
{
	/* color: Gray; */
}

.new
{
	color: Green;
	font-weight: bold;
}

.smaller
{
	font-size: smaller;
}

/*
 * SPECIAL STYLES
 */

a.bottomLink, a.bottomLink:link, a.bottomLink:active, a.bottomLink:visited, a.bottomLink:hover
{
	color: Black;
}

/* This resolves an issue when the CalendarExtender is placed inside a table cell with padding. */
.ajax__calendar .ajax__calendar_body table tr td
{
	padding: 0px;
}

.validationSummary
{
	background-color: #FAFAD2;
	background-image: url(../../Images/delete-48.gif);
	background-position: 15px 50%;
	background-repeat: no-repeat;
	border: 1px solid Red;
	margin-bottom: 1em;
	padding: 10px;
	text-align: left;
}

.validationSummary ul
{
	list-style-type: square;
	margin-left: 80px;
}

.errorMessage
{
	color: Red;
}

.alternate
{
	background-color: #F2F4F5;
}

.pager
{
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	background-color: #DCEDF5;
}

.watermark
{
	color: Gray;
}

.modalBackground
{
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: White;
	border: 1px solid #4D87AB;
	padding: 20px;
}

.menuItem
{
	background: url(../../Images/menu_item_bg.png) repeat-x;
	color: White;
	cursor: pointer; /* font-family: "Trebuchet MS", Arial, Sans-Serif; */
	font-size: medium;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}

/*
 * TODO
 */
.sidebar
{
	background-color: #266E9C;
	border-right: 1px solid #4D87AB;
	color: White;
	text-align: left;
}

.sidebar a, .sidebar a:link, .sidebar a:active, .sidebar a:visited, .sidebar a:hover
{
	color: White;
}

.sidebarTop
{
	background: #266E9C url(../../Images/navbackgroundtop.gif) repeat-x;
}

.sidebarBottom
{
	background: #266E9C url(../../Images/navbackgroundbottom.gif) repeat-x;
	border-top: 1px solid #4D87AB;
}

/*
 * LAYOUT ELEMENTS
 */

#contentPanel
{
	background-color: White;
	border: 1px solid #4D87AB;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

#header
{
	text-align: left;
	width: 100%;
	height: 80px;
}

#topMenu
{
	background: url(../../Images/topmenubarbackground.gif) repeat-x;
	float: right;
	height: 25px;
	text-align: center;
	width: 350px;
}

#topMenuInternal
{
	font-size: x-small;
	position: relative;
	top: 5px;
}

#topMenuInternal a
{
	color: #70849E;
}

#sidePanel
{
	background-color: #DCEDF5;
	float: left;
	width: 250px;
}

#sideMenu
{
	background-color: #266E9C;
	border-right: 1px solid #4D87AB;
	color: White;
	text-align: left;
	width: 249px;
}

#sideMenuTop
{
	background: #266E9C url(../../Images/navbackgroundtop.gif) repeat-x;
}

#sideMenuBottom
{
	background: #266E9C url(../../Images/navbackgroundbottom.gif) repeat-x;
	border-top: 1px solid #4D87AB;
}

#sideMenu ul
{
	/* font-family: "Trebuchet MS", Arial, Sans-Serif; */
	font-size: 90%;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sideMenu ul li
{
	background-color: #1F5B80;
	border-top: 1px solid #4D87AB;
	padding: 3px 20px 3px 20px;
}

#sideMenu ul li.heading
{
	background-color: #266E9C;
	padding: 3px 10px 3px 10px;
}

#sideMenu ul li.selected
{
	background-color: #50A9C3;
	padding: 3px 10px 3px 10px;
}
#sideMenu ul li.selectedchild
{
	background-color: #50A9C3;
	padding: 3px 10px 3px 20px;
}

#sideMenu ul li a
{
	color: White;
}

#mainPanel
{
	float: right;
	width: 734px;
}

#footer
{
	font-size: x-small;
	height: 40px;
	padding-top: 10px;
}

#shoppingCart
{
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	border-top: 1px solid #4D87AB;
	border-bottom: 1px solid #4D87AB;
	width: 100%;
}

#shoppingCart td
{
	padding: 5px 10px 5px 10px;
}

#pageHeader
{
	float: right;
	width: 734px;
	text-align: left;
}

.reorderList li
{
	list-style: none;
	margin-left: 0px;
	text-align: left;
	border-top: 1px solid #4D87AB;
}

.reorderList_alternate
{
	background-color: #F2F4F5;
	border-bottom: 1px solid #4D87AB;
	border-top: 1px solid #4D87AB;
}

.dragHandle
{
	width: 1px;
	border: solid 1px black;
	cursor: pointer;
	background-color: #4D87AB;
}

.reorderHandle
{
	width: 100%;
	border: dotted 2px black;
}
.bannerTitle
{
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}
.bannerDetails
{
	font-weight: normal;
	padding: 10px 10px 10px 10px;
}
.shippingRateDivTitle table
{
	width: 100%;
	background: url(../../Images/tableheaderbackground.gif) repeat-x;
	background-color: #DCEDF5;
	border: solid 1px #4D87AB;
	border-bottom: solid 0px black;
}
.shippingRateDivTitleText
{
	font-weight: bold;
	text-align: left;
	padding: 10px 10px 5px 10px;
}
.shippingRateDiv
{
	margin-left: 25px;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 5px;
}

.shippingOptions input
{
	float: left;
	width: 25px;
	text-align: left;
}
.shippingOptions
{
	width: 100%;
	text-align: left;
}
.shippingOptions table
{
	width: 100%;
	border: solid 1px #4D87AB;
	border-top: solid 0px black;
}