/*#1 - Global#*/

body
{
	margin: 0; 
	padding: 0;
	background: #dcddde;
}

html
{
	float: left;
	color: #58595b;
	font-family: arial;
	font-size: 10pt;
	line-height: 18px;
}

html a
{
	color: #01549f;
	text-decoration: none;
}

html a:hover
{
	color: #01549f;
}

h1
{
	color: #bfc1c3;
	font-family: arial;
	font-size: 13.5pt;
	font-weight: normal;
	text-transform: capitalize;
}

h2
{
	color: #58595b;
	font-family: arial;
	font-size: 11.5pt;
	line-height: 18px;
}
/*#2 - Master Page#*/
.outerMaster
{
	width: 980px;
	height: 100%;
	margin: 0px auto;
	background-image: url(../App_Themes/Kart-It/Images/shading.gif);
	background-repeat: repeat-y;
	overflow: auto;
}

.innerMaster
{
	width: 940px;
	height: 100%;
	background: #01549f;
	margin: 0px auto;
	overflow: auto;
}

/*#2 - Master Page/Header#*/
.header
{
	width: 940px;
	height: 175px;
	background: #01549f;
}

.headerTop
{
	width: 100%;
	height: 130px;	
}

.leftHeader
{
	width: 735px;
	height: 130px;
	float: left;	
}

.leftHeader img
{
	width: 735px;
	height: 130px;
}

.topHeaderleft
{
	width: 500px;
	height: 100%;
	float: left;
	clear: left;
}

.logoText
{
	color: white;
	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	margin-left: 87px;
}

.rightHeader
{
	width: 185px;
	height: 100%;
	float: right;
	background: #3776af;
	/*opacity:0.2;
	filter: alpha(opacity=25);*/
	padding: 10px;
}

.topHeaderRight
{
	width: 220px;
	height: 100%;
	float: left;
	clear: right;
}

.rightHeaderImg
{
	height: 49px;
	float: left;
}

.rightHeaderText
{
	line-height: 22px;
	color: white;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	float: left;
}

.rightHeaderText a
{
	color: white;
}

.headerBottom
{
	width: 100%;
	height: 45px;
	background: #ffffff;
	clear: both;
}

.headerLinksBar
{
	width: 735px;
	height: 45px;
	float: left;
}

.searchPanel
{
	width: 205px;
	height: 45px;
	float: left;	
}

/*#2 - Master Page/Header/Links Bar#*/
.CMSListMenuUL
{
	height: 20px;
	list-style: none;
	width: 735px;
	margin-top: 12px;
}

.CMSListMenuLink, .CMSListMenuLink:active, .CMSListMenuLink:hover, .CMSListMenuLink:visited
{
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #58595b;
	border-right: 1px solid #01549f;
	padding-right: 15px;
	padding-left: 15px;
}

.CMSListMenuLinkHighlighted
{
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #58595b;
	border-right: 1px solid #01549f;
	padding-right: 15px;
	padding-left: 15px;
}

.CMSListMenuHighlightedLILast
{
	display: inline;
}

.CMSListMenuLI
{
	display: inline;
}

.CMSListMenuHighlightedLI, .CMSListMenuLILast
{
	display: inline;
}

.CMSListMenuLILast a
{
	background: none;
}

/*#3 - Pages/Level 2 Links#*/
.lev2LinksMenu
{
	float: left;
	height: 100%;
	width: 200px;
}

.LCMSListMenuUL
{
	list-style: none;
	margin-top: 12px;
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	/*text-transform: capitalize;*/
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 10px;
	text-align: left;
}

.LCMSListMenuLI, .LCMSListMenuLILast
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted gray;	
}

.LCMSListMenuHighlightedLI
{
	border-bottom: 1px dotted gray;
}

.LCMSListMenuLILast
{
	border-bottom: 0px;
}

.LCMSListMenuUL .LCMSListMenuLI .LCMSListMenuUL
{
	display: none;
}

.LCMSListMenuUL .LCMSListMenuLILast .LCMSListMenuUL
{
	display: none;
}

.LCMSListMenuLink
{
	color: #273b92;
	text-decoration: none;
}

.LCMSListMenuHighlightedLI, .LCMSListMenuHighlightedLILast 
{
	color: gray;
	text-decoration: none;
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

.LCMSListMenuLinkHighlighted
{
	color: gray;
	text-decoration: none;
}

/*#2 - Master Page/Header/Search#*/
.searchButton
{
	border: none;
	float: right;
	margin-top: 7px;
	margin-left: 5px;
}

.searchLabel
{
	display: none;
}

.searchBox
{
	width: 166px;
	height: 25px;
	margin: 0px auto;
	margin-top: 5px;
	margin-left: 20px;
	float: left;
}

.searchTextbox
{
	width: 130px;
	height: 15px;
	margin: 0px auto;
	margin-top: 8px;
	border: 1px solid #3776af;
}

/*#2 - Master Page/Content#*/
.content
{
	width: 940px;
}

.leftPanel
{
	width: 735px;
	float: left;
	clear: left;
	background: white;
	height: 100%;
}

.titlePanel
{
	min-height: 15px;
	background: #01549f;
	margin-bottom: 1px;
	padding: 18px 38px 18px 38px;

	color: #bfc1c3;
	font-family: arial;
	font-size: 13.5pt;
	font-weight: normal;
	text-transform: capitalize;
}

.imagePanel
{
	width: 100%;
	height: 300px;
	background: gray;
}

.contentsPanel
{
	min-height: 350px;
}

.contentsPanel a .contentsPanel a:visited, .contentsPanel a:active
{
	color: black;
	text-decoration: none;
}

.bodyPanel
{
	padding: 20px;
}

.leftMenu
{
	width: 160px;
	float: left;
}

.bodyContent
{
	width: 535px;
	padding: 20px 20px 20px 10px;
	float: right;
}

.pageContent
{
	width: 695px;
	padding: 20px;
}

.rightPanel
{
	width: 205px;
	height: 100%;
	float: right;
	clear: right;
	background: url(../App_Themes/Kart-It/Images/rightPanelShading.gif) repeat-x;
}

.widgetPanel
{
	padding: 20px 20px 20px 20px;
	width: 165px;
	min-height: 500px;
	height: 100%;
	color: white;
	font-family: arial;
	font-size: 8pt;
	overflow: auto;
}

/*#2 - Master Page/Footer#*/
.footer
{
	width: 940px;
	height: 80px;
	background: #01549f;
	overflow: auto;
	float: left;
}

.footerLinks
{
	width: 735px;
	height: 40px;
	float: left;
	border-bottom: 1px dotted white;
	
}

.footerLeft
{
	margin-left: 33px;
}

.footerLeft a, .footerLeft a:hover, .footerLeft a:visited, .footerLeft a:active
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 40px;
	text-decoration: none;
	color: white;
}

.footerLeft
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 40px;
	text-decoration: none;
	color: white;
	float: left;
}

.footerLeft img
{
	border: none;
	margin-left: 5px;
	margin-right: 5px;
}

.footerRight
{
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 40px;
	text-decoration: none;
	color: white;
	float: right;
	display: inline;
}

/*#3 - Pages#*/

/*#3 - Pages/Breadcrumbs #*/
.breadCrumbs
{
	min-height: 20px;
	font-family: arial;
	font-size: 9pt;
	padding-top: 3px;
	padding-left: 10px;
	border-bottom: 1px dotted gray;
}

.breadCrumbs img
{
	padding: 0px 5px 0px 5px;
	height: 9px;
}

.CMSBreadCrumbsLink
{
	color: gray;
	text-decoration: none;
}

.CMSBreadCrumbsCurrentItem
{
	color: #273b92;	
}


/*#3 - Pages/Sitemap#*/
.CMSSiteMapList
{
	font-family: arial;
	font-size: 12pt;
	color: #dcddde;
	padding-left: 20px;
	line-height: 40px;
	margin: 20px;
	width: 200px;
}

.CMSSiteMapListItem
{
	list-style: none;
	border-bottom: 1px dotted #dcddde;
	background: url(../App_Themes/Kart-It/blueArrow.gif) top right no-repeat;
}

.contentsPanel ul.CMSSiteMapList li ul li
{
	background: none;
	border-bottom: 0px dotted #dcddde;
	font-family: arial;
	font-size: 11pt;
	color: #dcddde;
	padding: 0px;
	line-height: 20px;
	margin: 20px;
	width: 250px;
}

.CMSSiteMapLink
{
	text-decoration: none;
	color: black;
}

.CMSSiteMapLink:hover
{
	color: #3776af;	
}

/*#3 - Pages/News#*/

.NewsItem
{
	min-height: 150px;
	margin: 10px 20px 10px 20px;
	float: left;
	border-bottom: 1px dotted gray;
}

.NewsTeaser
{
	width: 152px;
	height: 135px;
	float: left;
}

.Description
{
	width: 495px;
	min-height: 90px;
	clear: right;
	float: left;
}

.NewsTitle
{
	min-height: 30px;
	line-height: 30px;
	clear: both;
	text-transform: uppercase;
	color: #273b92;
	border-bottom: 1px dotted gray;
	margin-bottom: 10px;
}

.NewsSummary
{
	min-height: 90px;
	clear: both;
	padding-bottom: 10px;
}

/*#3 - Pages/Widget#*/
.widgetTitle
{
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	line-height: 21px;
	border-bottom: 1px dotted #dcddde;
	padding-bottom: 10px;
}

.widgetTitle img
{
	float: right;	
	padding-top: -2px;
	line-height: 21px;	
}

.widgetContent
{
	border-bottom: 1px dotted #dcddde;
	margin-bottom: 10px;
	padding: 5px;
}

.IE7 .widgetContent
{
	padding-right: 0px;
}

.widgetContent a
{
	font-family: arial;
	font-size: 7pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.widgetContent img
{

}

/*#3 - Pages/Contact Us#*/
.contactUsContainer
{
	width: 300px;
	height: 600px;
	color: #58595b;
	font-family: arial;
	font-size: 11pt;
	padding-top: 10px;
	float: left;
}

.TextboxField
{
	width: 300px;
}

.TextBoxField
{
	width: 300px;
}
.TextAreaField
{
	width: 300px;
	height: 100px;
}

.EditingFormLabel
{
	height: 30px;
	line-height: 30px;
}

.EditingFormErrorLabel
{
	height: 30px;
	line-height: 30px;
	float: right;
	color: #ec018c;
	padding-right: 40px;
	background: url(../App_Themes/Kart-It/Images/pinkArrowSmall.gif) right no-repeat;
}

.FormButton
{
	width: 80px;
}

.ErrorLabel
{
	height: 30px;
	width: 350px;
	color: #ec008c;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 0px 20px 20px;
}

.EditingFormInfoLabel
{
	height: 30px;
	width: 350px;
	color: #ec008c;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 20px;
}

.officeDetails
{
	width: 200px;
	font-family: arial;
	font-size: 10pt;
	color: #58595b;
	float: left;
	margin: 30px 0px 0px 100px;
}

.officeName
{
	font-size: 12pt;
	font-weight: bold;
	border-bottom: 1px dotted gray;
}

.officeDetails a, .officeDetails a:active, .officeDetails a:visited, .officeDetails a:hover
{
	text-decoration: none;
}

/*#X - IE7 CSS Fixes#*/

.IE7 .header
{
	height: 100%;
}

.IE7 .headerTop
{
	height: 100%;
}

.IE7 .rightHeader
{
	height: 135px;
}

.IE7 .headerBottom
{
	margin-top: -4px;
}

.IE7 .leftPanel
{
	overflow: visible;
}

.IE7 .repeatText
{
	float: none;
	clear: none;
}

.IE7 .newsDate
{
	margin-top: -30px;
}

.IE7 .searchButton
{
	margin-top: -22px;
}

.IE7 .CMSSearchDialogSearchForTextBox
{
	float: left;
	display: inline;
}

.IE7 .CMSSearchDialogSearchButton
{
	float: right;
	display: inline;
	margin-top: -17px;	
}

.IE7 .widgetTitle
{
	width: 165px;
	height: 20px;
}

.IE7 .widgetTitle img
{
	float: none;	
	padding-top: 0px;
	line-height: 0px;
	text-align: right;
	position: absolute;
	right: 260px;	
}

/*#Search#*/
.SearchDialog
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #58595b;
}

.CMSSearchDialogSearchForLabel
{
	margin-right: 25px;
}

.CMSSearchDialogSearchForTextBox
{
	width: 180px;	
}

.CMSSearchDialogSearchModeDropDownList
{
	width: 200px;	
}

.CMSSearchDialogSearchButton
{
	width: 50px;	
	float: right;
}

.SearchResults
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin: 20px;
}

.SearchResults
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	margin: 20px;
}

.SearchResult
{
	margin-bottom: 15px;	
	border-bottom: 1px dotted #dcddde;
}

CMSSearchResultsNoResultsLabel
{
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #58595b;
}

.ResultTitle
{

}

.ResultTitle a
{
	text-decoration: none;
	color: #3776af;
}

.ResultPath
{

}

.PagerControl
{
	color: #58595b;	
}

.SelectedPage
{
	text-decoration: none;
	color: #ec008c;
}

.UnselectedPage, .UnselectedNext, .PagerNumberArea a, .PagerNumberArea
{
	text-decoration: none;
	color: #58595b;
}





/*#3 - Products/Forum#*/
.ForumTree .Actions
{
	background-color: #bee6fa;
	padding: 5px 5px;
	font-weight: bold;
}

.ForumTree .ForumManage
{
	background-color: #C4DBE7;
	padding: 5px 10px;
	margin-left: -5px;
	margin-right: -5px;
}

.ForumTree .ForumPost
{
	padding: 5px;
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
}

.ForumTree .PostText
{
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
}

.ForumTree .PostActionLink
{
	padding: 1px 5px;
	background: #bee6fa;
	display: block;
	float: left;
	border: 1px solid silver;
	color:	black;
	text-decoration: none;
}

.ForumTree .PostActionLink:hover
{
	background: #9ed5f2;
	border: 1px solid gray;
}

.ForumTree .PostActionSeparator{
	display: block;
	float: left;
	padding: 2px 5px;
}

.ForumTree .PostUserLink{
	font-weight: bold;
}

.ForumTree .Posts
{
	width: 580px;
	background: #f6f6f6;
}

.ForumTree .PostSubject
{
	font-weight: bold;
	display: block;
	padding: 5px 0px;
}

.ForumTree .TextboxItemShort, .ForumTree .TextboxItem, .ForumTree .TextareaItem
{
	width: 220px;
}

.ForumTree .Title
{
	font-weight: bold;
	margin: 5px 5px;;
	display: block;
}

/*#3 - Products/Filter#*/
.infoBox
{
	width: 200px;
	min-height: 50px;
	background: #f8ead5;
	float: right;
	padding: 10px;
}

/*#3 - Products/Filter#*/
.ProductFilter
{
	background: url(../App_Themes/EcommerceSite/Images/product_top_background.gif) repeat-x;
	background-position: bottom center;
	font-size: 10px;
	height: 65px;
}

.ProductFilter Select
{
	width:160px;
	height:18px;
	font-size:10px;
}

/*#4 - ECommerce#*/
/*#4 - ECommerce/Shopping cart preview#*/
.shoppingCart
{
	float: right;
	color: white;
}

.shoppingCart a
{
	text-decoration: none;
	color: white;
}

.shoppingCart a:hover
{
	text-decoration: underline;
}

.MyProfileUserSignature
{
	width: 300px;
	height: 100px;
}

/*#4 - ECommerce/Sage Pay#*/
.SagePay
{
	width: 150px; 
	height: 39px;
	margin-left:3px;
}

/*#4 - ECommerce/Shopping Cart and Products#*/
.randomProductRight
{
	text-transform: capitalize;
}

.CartStepTable
{
	border: 1px solid gray;
}

.CartStepHeader
{
	text-align: center;
}

.BlockTitle
{
	margin-left: 5px;
}

.LabelInfo
{
	margin-left: 5px;
}

.TextRight input
{
	float: right;
}

.productBox
{
	margin-bottom: 50px;
}

.productContainer
{
	width: 595px;
	height: 170px;
	margin: 20px 20px 20px 60px;
	border: 1px solid gray;
}

.productContainer:hover
{
	border: 1px solid #01549f;
	background: #d0e0ef;
}

.productContainerDetail
{
	width: 620px;
	height: 230px;
	margin: 10px 20px 10px 60px;
}

.imageRepeater
{
	width: 180px;
	height: 130px;
	float: left;
}

.imageRepeater img
{
	height: 130px;
	margin: 10px;
}

.imageRepeaterDetail
{
	float: left;
}

.contentRepeater
{
	width: 395px;
	height: 130px;
	float: right;
	padding: 2px 10px 10px 10px;
}

.productTitle
{
	width: 395px;
	height: 25px;
	line-height: 30px;
	clear: both;
	text-transform: uppercase;
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
}

.productDescription
{
	width: 395px;
	height: 107px;
	clear: both;
	border-bottom: 1px dotted gray;
}

.productDescriptionDetail
{
	width: 395px;
	height: 200px;
	clear: both;
	border-bottom: 1px dotted gray;
}

.productEcommerce
{
	width: 395px;
	clear: both;
	float: right;
}

.productEcommerceDetail
{
	clear: both;
	float: right;
}	

.productPrice
{
	float: right;
	clear: left;
	line-height: 30px;
	margin-right: 10px;
}

.addToCart
{
	float: right;
	clear: right;
	margin-right: 75px;
}

/*#Z - Text Styles#*/
.subTitle
{
	font-size: 14pt;
}

.ShoppingCartIcon
{
	display: none;
}

.SmallTextLabel
{
	color: white;
}