/* Childrens Warehouse : Main stylesheet */

body
{
	font-family: Arial;
	background-color: #FFFFFF;/*
	background-image: url(../img/logo_mainHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
	font-size: x-small;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

li
{
	color: #626262;
}

div#Container
{
	width: 779px;
}

a
{
	color: #740f55;
	text-decoration: underline;	
}

/*______________________ HEADER ______________________*/
#PrintHead
{
	display:none;
}

.MainHeading
{
    width: 779px;
    height: 80px;
}

h1
{	
	float: left;
	width: 736px;
	height: 80px;
	margin: 0px;
	font-size: 1px;
	background-color: #FFF;
	background-image: url(../img/logo_mainHeader.gif);
	background-repeat: no-repeat;
	background-position:top left;/*5px 5px*/
	color: #ffffff;
}

h1#LeftHeaderSection
{
	width: 139px;
	height: 80px;
	font-size: 1px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	/*background-image: url(../img/logo_rightHeader.gif);
	background-repeat: no-repeat;
	background-position: 36px 0px;*/
}

h2
{
	margin: 0px 0px 18px 0px;
	padding: 0px;
	font-size: 140%;
	line-height: 100%;
	color: #ee3224;
}

h3
{
	font-size: 16px;
	font-weight: bold;
	color: #626262;
}
h4
{
	font-size: 14px;
	font-weight: bold;
	color: #626262;
}

h5
{
	/*font-size: 130%;*/
	font-size: 13px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #626262;
}

/*______________________ TOP NAVIGATION ______________________*/

ul#TopNavigation
{
	float: left;
	height: 25px;
	width: 779px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-color: #626262;/*626262 */
	list-style-type : none;
}

ul#TopNavigation li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#TopNavigation li.clsSpacer
{
	width: 60px;
	border-left: none;		
}

ul#TopNavigation li.clsHome
{
	width: 124px;
	border-left: solid 1px #FFFFFF;
}

ul#TopNavigation li.clsCustomerService
{
	width: 158px;
	border-left: solid 1px #FFFFFF;
}

ul#TopNavigation li.clsRequestInformation
{
	border-left: solid 1px #FFFFFF;
}

ul#TopNavigation li a.clsRedSection
{
	width: 161px;
	height: 19px;
	margin: 0px;
	padding: 6px 0px 0px 20px;
	background-color: #740f55 ;
}

ul#TopNavigation li a
{
	display: block;
	font-size: 1.10em;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 6px 0px 0px 5px;
}


/*______________________ LEFT NAVIGATION ______________________*/

div#LeftPanel
{
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#Quotes
{
	width: 180px;
	margin: 0px;
	padding: 0px;	
}

div#Quotes p
{
	color: #626262; 
	margin: 10px 0px 10px 30px;
	padding: 0px;
}

div#Quotes img
{
	margin: 0px;
	padding: 0px;
	border: none;
}

div#Quotes img.clsIndentImage
{

	margin: 0px 0px 0px 30px;
	padding: 0px;
}

ul#LeftNavigation
{
	width: 180px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#LeftNavigation li
{
	margin: 0px;
	padding: 0px;
}

ul#LeftNavigation li a
{
	height: 24px;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	font-size: 1.10em;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #626262;
	border-bottom: solid 1px #FFFFFF;
}

ul#LeftNavigation li a.cls10Reasons
{
	height: 31px;
	display: block;
	margin: 0px;
	padding: 3px 0px 0px 20px;
	font-size: 1.10em;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #626262;
	border-bottom: solid 1px #FFFFFF;	
}

ul#LeftNavigation li a:hover
{
	color: #FFFFFF;
	background-color: #a6a6a6;
	text-decoration: none;
}

/*--------------------------USER FIELDS -----------------------*/

div#UserFieldsDetails
{
	margin-top: 0px;
}

ul#UserFields
{
	height: 15px;
	width: 550px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

ul#UserFields li
{
	float: left;
	height:15px;
	margin: 0px;
	padding: 0px;
	background-color: #626262;
	border: solid 1px #626262;
}

ul#UserFields li a
{
	display: block;
	float: left;
	height:15px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	color:White;
	text-decoration: none;
}

ul#UserFields li a:hover
{
	color:Red;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	text-decoration:none;
	background-color: #0054a3;
	font-weight:bold;
}

ul#UserFields li a.current
{
	color: White;
	margin: 0px;
	padding: 0px 20px 0px 20px;	
	text-decoration: none;
	background-color: #0054a3;
}

/*______________________ SIDEBAR ______________________*/

div#Sidebar
{
	float: right;
	width: 156px;
	margin: 0px;
	padding: 0px;
	background-color: #740f55;
	border: solid 1px;
}

div#Sidebar p
{
	float: left;
	font-size: 1.25em;
	padding: 5px;
	margin: 0px;
	color: #ffffff;
}

/*______________________ CONTENT ______________________*/

div#SchoolLogo
{
    margin-top: 10px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

div#SchoolLogo .Logo
{
    border: 0px;
    margin-top: 20px;
    width: 75%;
}

div#UniformDocs
{
    margin-top: 5px;
    text-align: left;
    padding: 0 0 0 21px;
}

div#UniformDocs .docLink
{
    color: Red;
    display: block;
    text-align: left;
}

.SchoolLogoTitle
{
    font-weight: bold;
    font-size: 16px; 
    color: #626262;
    display: block;
    padding-top: 20px;
}

#ContentMain
{	
	width: 385px;
	margin-left: 185px;
	padding: 0px 0px 0px 20px;
}

#ContentMainHelp
{	
	width: 325px;
	margin-left: 185px;
	margin-top: -11px;
	padding: 0px 0px 0px 20px;
}

#ContentMainTape
{	
	width: 345px;
	margin-left: 185px;
	padding: 0px 0px 0px 20px;
}

#ContentRight
{	
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}
#SpanTape
{
	color: #626262;
}


div#ContentFull
{
	/*margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;*/
}

div#ContentMain p, div#ContentFull p
{	
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 11px;
	color: #626262;
	line-height: 100%;
}

div#ContentMain p a, div#ContentFull p a
{	
	color: #626262;
	text-decoration: #ee3224;
}
.tableHeader
{
    color:#FFFFFF;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    background-color: #626262;/*Navy*/
    border-bottom:1px solid black;
}

table.OrderTable
{
	width: 565px;
    /*border:1px solid black;*/
}

table.OrderTable tr td
{
	background-color: #fffcd5;
    /*border:1px solid black;*/
}

table.orderitemstable
{
    width:100%;
    border:0;
    padding-top: 10px;
    
}

tr.orderedproducts
{
    text-align:left;
}

tr.orderedproductsheader
{
    font-weight:bold;
    text-align:left;
    width: 150px;
}

td.styleheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 80px;
}

td.descriptionheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 100px;
}

td.colourheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 100px;
}

td.recommendedheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 75px;
}

td.priceheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 50px;
}

td.quantityheader
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    width: 10px;
}

td.style
{
    text-align:left;
    width: 80px;
}

td.description
{
    text-align:left;
    width: 100px;
}

td.colour
{
    text-align:left;
    width: 100px;
}

td.price
{
    text-align:left;
    width: 50px;
    color: Black;
    font-weight:bold;
}

td.recommended
{
    text-align:left;
    width: 75px;
    color: Black;
    font-weight:bold;
}

td.quantity
{
    text-align:left;
    width: 10px;
}

table.OrderTable tr td.tableHeader
{
    background-color: #626262;/* 28A3DD*/
    border-bottom: none;
}

.SaveButton
{
	padding-right: 10px;
	padding-bottom: 10px;
	
}

.LabelOrderTable
{
	padding-left: 12px;
}

.LabelOrderTableUserAreaForms
{
	color: #626262;
	padding-left: 10px;	
	padding-right: 15px;
}

.PriceWarning
{

	color: Red;
	padding-left: 10px;	
}

.LabelError
{
	color: Red;
	padding-left: 10px;	
}

/*-------------------------- FOOTER -----------------------*/

#PrintFooter
{
	display: none;
}

div#Footer
{
    clear:both;
    background-color: #626262;
    height: 25px;
    margin-top: 10px;
    width: 779px;
}

div#Footer p.clsCopyright
{	
	padding: 0px;
	margin: 0px;
	font-size: 90%;
	color: #626262;
	background-color: #FFFFFF;
}

ul#FooterNavigation
{
	height: 36px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	/*background-color: #0096D6;*/
	background-color: #626262;
	list-style-type: none;
}

ul#FooterNavigation li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#FooterNavigation li a
{
	display: block;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	font-size: 1.10em;
	text-decoration: none;
	border-left: solid 1px #FFFFFF;
}

ul#FooterNavigation li a.clsFirstListItem
{
	display: block;
	margin: 0px;
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	border: none;
	text-decoration: none;
}

ul#FooterNavigation li a:hover
{
	color: #FFF;
	text-decoration: none;
}

/*______________________ FORM ELEMENTS ______________________*/

div#ContentText
{
	margin: 0px;
	padding: 0px;
}
/*
div#Login
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: #fffcd5;*/
div#Login
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 385px;
	background-color: #fffcd5;
}

div#LoginTape
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 345px;
	background-color: #fffcd5;
}

div#LoginHelp
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 325px;
	background-color: #fffcd5;
}

div#ChangePassword
{
    margin: 0px 0px 0px 180px;
    padding: 0px;
}

div.FirstRow
{
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width: 385px;
	background-color: #626262;
}

div.FirstRowHelp
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	width: 325px;
	background-color: #626262;
	color: White;
	font-size: small;
	font-weight: bold;
}

div.FirstRowTape
{
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width: 345px;
	background-color: #626262;
}

div#ChangePassword .Row
{
	width: 574px;
	padding: 10px 0px 3px 0px;
	margin: 0px;
	background-color: #fffcd5;
}

div.Row
{
	width: 385px;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	display: block;
}

div.RowTape
{
	width: 345px;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	display: block;
}

div.RowHelp
{
	width: 325px;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	display: block;
}

div.RowLabel
{
	width: 385px;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}

div.FirstRowItem
{
	width: 385px;
	padding: 8px 0px 3px 0px;
	margin: 0px;
	background-color: #fffcd5;
}

div.FirstRowItemTape
{
	width: 345px;
	padding: 8px 0px 3px 0px;
	margin: 0px;
	background-color: #fffcd5;
}

div.FullRow
{
	width: 554px;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	background-color: #fffcd5;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

label.clsWhiteLabel
{
    float:left;
	height: 15px;
	width: 90px;
	margin: 0px;
	padding: 3px 5px 0px 0px;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
}

label.clsHeaderLabel
{
	height: 15px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

select
{
	font-size: 11px;
	vertical-align: middle;
}

select.clsDropDown
{
    text-align:left;
	height: 18px;
	border: solid 1px #0054a4;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

select.clsNormalDropDown
{
	height: 18px;
	border: solid 1px #0054a4;
}

label
{
	vertical-align: middle;
}

label.clsFormLabel
{
	padding: 2px 5px 0px 0px;
	text-align: right;
	color: #626262;
    margin-left: 10px;
}

label.clsFormLabelText
{
	padding: 2px 5px 0px 0px;
	text-align: right;
	color: #000000;
    margin-left: 10px;
}

label.clsLabel
{
	float: left;
	height: 14px;
	width: 90px;
	margin: 0px;
	padding: 2px 5px 0px 0px;
	text-align: right;
	color: #626262;
}

label.clsLabelFeedBack
{
	height: 14px;
	margin: 0px;
	padding: 2px 5px 0px 0px;
	text-align: right;
	color: #626262;
}

label.clsLabelHelpHeading
{
	margin: 0px;
	padding: 2px 5px 0px 0px;
	text-align: right;
	font-size: 10pt;
	color: White;
	font-weight: bold;
}

label.clsLabelFeedBack1
{
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align: right;
	color: #626262;
}

#dvParent
{
	padding: 0px;
	margin-top: -13px;
	}

label.clsLabelFullLeftAlign
{
	/*float: left;*/
	height: 14px;
	width: 368px;
	margin: 0px;
	padding: 2px 5px 0px 10px;
	text-align: left;
	color: #626262;
}

label.clsLabel261
{
	/*float: left;*/
	height: 14px;
	width: 261px;
	margin: 0px;
	padding: 2px 5px 0px 10px;
	text-align: left;
	color: #626262;
}

label.clsLabelRating
{
	/*float: left;*/
	height: 14px;
	width: 325px;
	margin: 2px 5px 0 0;
	padding: 2px 5px 0px 9px;
	text-align: left;
	color: #626262;
}

label.clsLabelRatingFeedBack
{
	/*float: left;*/
	height: 14px;
	width: 325px;
	margin: 2px 5px 0 0;
	padding: 2px 5px 0px 9px;
	text-align: left;
	color: #626262;
}

label.clsLabelCenter
{
	/*float: left;*/
	height: 14px;
	width: 368px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

span.clsSpan
{
	color: #626262;
}

label.clsAddressLabel
{
	font-weight: bold;
	font-size: 11px;
	color: #626262;
}

input.clsTextbox
{
	width: 150px;
	height: 16px;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	vertical-align: middle;
	border: solid 1px #0054a4;
}

input.clsMultiLinebox
{
	width: 400px;
	height: 48px;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	vertical-align: middle;
	border: solid 1px #0054a4;
}

input.clsRatingTextBox
{
	/*float: left;*/
	width: 20px;
	height: 16px;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	vertical-align: middle;
	border: solid 1px #0054a4;	
}

input.clsLoginButton
{
	margin: 0px 0px 0px 134px;
	padding: 0px;
}

.redText
{
	color: red;
}

img.iconSecureSite
{
	margin-right: 5px;	
}

.displayhidden
{
	display: none;
}

#PrintFooter
{
	display:none;
}

#PrintHeader
{
	display:none;
}

.calculate
{
	width:532px; 
	text-align: right;
	color: #626262;
	font-weight: bold;
	font-size:9pt;
}