﻿/***********************************************************************************************************
------------------------
---Quick Colour Guide---
------------------------
To change the colour scheme of this theme, copy and paste this entire 'Default2' directory
into the App_Themes folder. Give the new folder a name of your choice (up to 50 characters)

You can choose colours by using the colour editor in MS Paint, Adobe Photoshop etc.
If you are using an application which only gives you the RGB values in a decimal format, 
simply google the following:
e.g. "148 in hex"

The format in hex is as follows
 R  G  B 
#00 00 00 


Do a find and replace in this file to change the following:

--Main Background--
Replace C5C5C5

--Menu Background Colours--
Replace 569BBE

--Toolbar Background Colours--
Replace d2d1d6

--Grid Header/Alternating colours--
Replace d6d6d6

--Content background (not the background image)--
Replace ededed


nb. You should only have to re-fresh the page to apply any changes made here, not re-load the website.

************************************************************************************************************/

body {	
	text-align: center;
	background: #00334E;
	/*background:#fff url(bg2.gif) repeat-x fixed;*/
}

/* MainWrapper is a wrapper for all page content */
#MainWrapper {
	width: 1000px;
	margin: 0em auto;
	background-color: #ededed;
	text-align: center;
	height: 1020px;
}

/* Styling for Borders */
.OuterWrap {
	margin:0 auto;
    width: 100%;
}
	/* Top corners and border */
.BorderTop {
	height:14px;
	margin: 0 0 0 17px;
	background:  url(box.png) no-repeat 100% 0;
}
.BorderTop div {
	position:relative;
	left:-17px;
	width:17px;
	height:14px;
	background:  url(box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}
	/* Bottom corners and border */
.BorderBottom {
	height:13px;
	margin:0 0 0 16px;
	background: url(box.png) no-repeat 100% 100%;
}
.BorderBottom div {
	position:relative;
	left:-16px;
	width:16px;
	height:13px;
	background:url(box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
	/* Left border */
.LeftEdge {
	padding:0 0 0 7px;
	background:url(borders.png) repeat-y 0 0;
}
	/* Right border */
.RightEdge {
	padding:0 7px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
	/* Wrapper for content */
.ContentWrap {
	display:block;
	margin:0;
	padding: 1px 5px;
	background: #fff;
	
}
.ContentWrap:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;	
}
.ContentWrap {display:inline-block;}
.ContentWrap {display:block;}

/* Border for Header */
.header 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: #ededed;	
	padding: 0;
	margin: 0;
}
.header .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.header .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.header .ContentWrap { background-image:none; margin: 0;
	padding: 0; background-color: #ededed;
 }
.header .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;
}
.header .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;}
.header .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;}
.header .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; }

/* Wrapper for the site banner image - i.e.
"HTML Banner" property in M1 WebGear Properties */
.HeaderBannerWrapper {
	text-align: center;
	background-color: Transparent;
}

/* Wrapper for the header search function */
.PartSearchWrapper {
	background-color: #ededed;
	color: #000000;
	text-align: right;
    height: 100%;
    width: auto;
    vertical-align: text-bottom;
    margin-bottom: 5px;
    
}

/* Wrapper for the Policy Links */
#PolicyLinksWrapper {
	width: 100%;
	text-align: left;
	background-color: #ededed;
	color: #000000;
}

/* Site Links table nested inside #PolicyLinksWrapper */
.Links {
    font-weight: bold;
    background-color: #ededed;
    font-size: 7pt;
    color: #0043A3;
    font-family: Verdana, Helvetica, sans-serif;
    font-variant: normal;
    width: auto; 
}

/* Border for Left Menu */
.two 
{
	position:relative;
	/*width:300px;	*/
}
.two .LeftEdge { background-image:none; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*width: 0px;*/}
.two .RightEdge { background-image:none; 
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	/*width: 0px;*/}
.two .ContentWrap { background-image:none; margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 0px;
	 background-color: #FFFFFF; }
.two .BorderTop {	background-image:none; margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 0px; }
.two .BorderTop div { background-image:none; margin: 0 0 0 0;
	padding: 0 0 0 0; height: 0px;}
.two .BorderBottom { background-image:none; margin: 0 0 0 0;
	padding: 0 0 0 0; height: 0px;}
.two .BorderBottom div { background-image:none; margin: 0 0 0 0;
	padding: 0 0 0 0; height: 0px; }

/* Wrapper for headings in left menu */
.MenuHeaderBackground {
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;	
}

/* This is for the nested product details menu */
.ProductDetails .menu 
{
	position:relative;
	width:300px;
	height: auto; }
.ProductDetails .menu  .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
	width: 0px;}
.ProductDetails .menu  .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
	width: 0px;}
.ProductDetails .menu  .ContentWrap { background-image:none; margin: 0;
	padding: 0;
	height: auto;
	width:300; overflow: hidden; }
.ProductDetails .menu  .BorderTop { background-image:none; margin: 0;
	padding: 0;
	height: 0px; }
.ProductDetails .menu  .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0px;}
.ProductDetails .menu  .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0px;}
.ProductDetails .menu  .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0px; }

/*  General border etc  */
.three {
	position: relative;
	margin: 0 auto;
	width: 700px; }
.three .LeftEdge { background-image:url(borders.png); }
.three .RightEdge { background-image:url(borders.png); }
.three .ContentWrap { background-color: white;}
.three .BorderTop { text-align: left;}
.three .BorderTop div,
.three .BorderBottom { text-align: left;}
.three .BorderBottom div { background-image:url(box.png); }

/*   Border for Login   */
.login {	
	width: 700px; 
}
.login .LeftEdge { background-image:url(borders.png); }
.login .RightEdge { background-image:url(borders.png); }
.login .ContentWrap { background-color: #FFFFFF; }
.login .BorderTop  { text-align: left;}
.login .BorderTop div,
.login .BorderBottom { text-align: left;}
.login .BorderBottom div { background-image:url(box.png); }

/* Border for ProductSearch */
.ProductSearch {	
	width: 100%; 
}
.ProductSearch .LeftEdge { background-image:url(borders.png); }
.ProductSearch .RightEdge { background-image:url(borders.png); }
.ProductSearch .ContentWrap { background-color: white; height: 850px;}
.ProductSearch .BorderTop { text-align: left;}
.ProductSearch .BorderTop div,
.ProductSearch .BorderBottom { text-align: left;}
.ProductSearch .BorderBottom div { background-image:url(box.png); }

/* Border for Attachment */
.Attachment {	
	width: 100%; 
}
.Attachment .LeftEdge { background-image:url(borders.png); }
.Attachment .RightEdge { background-image:url(borders.png); }
.Attachment .ContentWrap { background-color: white; height: 850px;}
.Attachment .BorderTop { text-align: left;}
.Attachment .BorderTop div,
.Attachment .BorderBottom { text-align: left;}
.Attachment .BorderBottom div { background-image:url(box.png); }

/* Border for ARPayCC */
.ARPayCC {	
	width: 100%; 
}
.ARPayCC .LeftEdge { background-image:url(borders.png); }
.ARPayCC .RightEdge { background-image:url(borders.png); }
.ARPayCC .ContentWrap { background-color: white; height: 850px;}
.ARPayCC .BorderTop { text-align: left;}
.ARPayCC .BorderTop div,
.ARPayCC .BorderBottom { text-align: left;}
.ARPayCC .BorderBottom div { background-image:url(box.png); }

/* Border for CheckOutAddress */
.CheckOutAddress {	
	width: 100%; 
	
}
.CheckOutAddress .LeftEdge { background-image:url(borders.png); }
.CheckOutAddress .RightEdge { background-image:url(borders.png); }
.CheckOutAddress .ContentWrap { background-color: white; height: 850px;}
.CheckOutAddress .BorderTop { text-align: left;}
.CheckOutAddress .BorderTop div,
.CheckOutAddress .BorderBottom { text-align: left;}
.CheckOutAddress .BorderBottom div { background-image:url(box.png); }

/* Border for ProductDetails */
.ProductDetails {	
	width: 100%; 

}
.ProductDetails .LeftEdge { background-image:url(borders.png); }
.ProductDetails .RightEdge { background-image:url(borders.png); }
.ProductDetails .ContentWrap { background-color: white; height: 850px; overflow: auto;}
.ProductDetails .BorderTop { text-align: left;}
.ProductDetails .BorderTop div,
.ProductDetails .BorderBottom { text-align: left;}
.ProductDetails .BorderBottom div { background-image:url(box.png); }

/* Border for Product Review */
.ProductReview {	
	width: 100%; 
}
.ProductReview .LeftEdge { background-image:url(borders.png); }
.ProductReview .RightEdge { background-image:url(borders.png); }
.ProductReview .ContentWrap { background-color: white; height: 850px;}
.ProductReview .BorderTop { text-align: left;}
.ProductReview .BorderTop div,
.ProductReview .BorderBottom { text-align: left;}
.ProductReview .BorderBottom div { background-image:url(box.png); }

/*   Border for Cart   */
.cart {	
	position: relative;
	width: 100%;  
	height: 100%;  
}
.cart .LeftEdge { background-image:url(borders.png); }
.cart .RightEdge { background-image:url(borders.png); }
.cart .ContentWrap { background-color: white; height: 850px;}
.cart .BorderTop { text-align: left;}
.cart .BorderTop div,
.cart .BorderBottom { text-align: left;}
.cart .BorderBottom div { background-image:url(box.png); }

/*   Border for Call   */
.call {	
	position: relative;
	width: 100%; 
	height: 100%;
}
.call .LeftEdge { background-image:url(borders.png); }
.call .RightEdge { background-image:url(borders.png); }
.call .ContentWrap { background-color: white; height: 850px;}
.call .BorderTop { text-align: left;}
.call .BorderTop div,
.call .BorderBottom { text-align: left;}
.call .BorderBottom div { background-image:url(box.png); }

/* Border for Checkout */
.checkout {	
	position: relative;
	width: 100%; 
	height: 100%;
}
.checkout .LeftEdge { background-image:url(borders.png); }
.checkout .RightEdge { background-image:url(borders.png); }
.checkout .ContentWrap { background-color: white; height: 850px;}
.checkout .BorderTop { text-align: left;}
.checkout .BorderTop div,
.checkout .BorderBottom { text-align: left;}
.checkout .BorderBottom div { background-image:url(box.png); }

/*   Border for ContractOwner   */
.ContractOwner {	
	position: relative;
	width: 100%;  
	height: 100%;  
}
.ContractOwner .LeftEdge { background-image:url(borders.png); }
.ContractOwner .RightEdge { background-image:url(borders.png); }
.ContractOwner .ContentWrap { background-color: white; height: 850px;}
.ContractOwner .BorderTop { text-align: left;}
.ContractOwner .BorderTop div,
.ContractOwner .BorderBottom { text-align: left;}
.ContractOwner .BorderBottom div { background-image:url(box.png); }

/* Border for Search */
.search {	
	position: relative;
	height: 100%;  
}
.search .LeftEdge { background-image:url(borders.png); }
.search .RightEdge { background-image:url(borders.png); }
.search .ContentWrap { background-color: white; height: 850px;}
.search .BorderTop { text-align: left;}
.search .BorderTop div,
.search .BorderBottom { text-align: left;}
.search .BorderBottom div { background-image:url(box.png); }

/* Toolbar Styling */
.ToolbarStyle 
{
	}

.ToolbarTextBoxStyle {}

.ToolbarSeparatorStyle {}

.ToolbarDefaultStyle { 
    border: none;
    background-image: url(button1.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    cursor: hand;
    color: white;
    font-variant: small-caps;
    font-family: Verdana;
    font-weight:bold;
    text-align: center;
    white-space: pre-wrap;
    height: 40px; 
    padding: 0;
    width: 75px; 

}
.ToolbarButtonStyle {
	background-color: #FFFFFF;
	white-space: pre-wrap;
}
.ToolbarHoverStyle {
    cursor: hand;
    color: #ffffff;
    font-family: Verdana;
    font-weight:bold;
    background-color: #FFFFFF;
    text-align: center;
    background-image: url(button1o.gif);
    background-position: center;
    background-repeat: no-repeat;
    white-space: pre-wrap;
    height: 40px; 
    width: 75px;
    padding: 0 ;
    font-variant: small-caps;
}
.ToolbarSelectStyle {
	border: inset;
    width: 74px;
    height: 40px;
    cursor: hand;
    color: #000000;
    font-family: Verdana;
    font-weight:bold;
    background-color: #FFFFFF;
    border-bottom: none;
    text-align: center;
    font-variant: small-caps;
    background-repeat: repeat;
}

/* Wrapper for the toolbar */
.ToolBarWrapper {
	text-align: left;
	width: auto;
	background-color: #ededed;
	/*float: left;*/ 
}

/* Product By Category Menu */
.ProductsByCategoryStyle {

	background-color: #569BBE;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px; 
width: 300px;}

.ProductsByCategoryHeaderStyle {}

.ProductsByCategoryHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #616161;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;	    
}

.ProductsByCategoryIslandStyle {}

.ProductsByCategoryItemStyle 
{}

/* sub menu */
.ProductsByCategoryLeafItemStyle {
	font-size: 12px; }

.ProductsByCategoryParentItemStyle {
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: verdana; }

.ProductsByCategorySeparatorStyle {}
.ProductsByCategoryTopLevelLeafItemStyle 
{
	text-align: left;
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: verdana;
	font-size: 12px;	}
	
.ProductsByCategoryTopLevelHoverItemStyle {
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
	color: #00334E;
	font-weight: bold;
}



.ProductsByCategoryTopLevelParentItemStyle{}

.ProductsByCategoryTopSelectedItemStyle{}

/* Background div nested inside 
MenuHeaderBackground for Prod By Cat Header*/
.ProdByCatBackground {
	background-image: none); 
	background-position: center;
	background-color: #569BBE;
	height: 26px;}


#Menu1_tblChoose .wgThinTopEdge
{
	height: 26px;

}
#Menu1_tblChoose .wgThinBottomEdge
{
	height: 3px;
	background-color: #ededed;
}


/* Popular Items Menu */
.PopularItemsStyle {
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;
	width: 300px;

}

.PopularItemsHeaderStyle {}

.PopularItemsHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;	
		
}

.PopularItemsIslandStyle {}

.PopularItemsItemStyle {}

.PopularItemsLeafItemStyle {}

.PopularItemsParentItemStyle {}

.PopularItemsSeparatorStyle {}

.PopularItemsTopLevelHoverItemStyle {}

.PopularItemsTopLevelLeafItemStyle {}

.PopularItemsTopLevelParentItemStyle {}

.PopularItemsTopSelectedItemStyle {}

#PopularItems1_tblPopularItems .wgThinBottomEdge
{
	height: 3px;
	background-color: #ededed;
}

/* Background div nested inside 
MenuHeaderBackground for Popular Items Header*/
.PopItemsBackground {
	background-image: none; 
	background-position: center;
	background-color: #569BBE;
	height: 26px;} 

/* Part Attachments Menu */
.PartAttachmentsStyle 
{
	width: 300px;
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;
	text-transform: lowercase;
	
}

.PartAttachmentsHeaderStyle {}

.PartAttachmentsHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;		
}

.PartAttachmentsIslandStyle {}

.PartAttachmentsItemStyle {}

.PartAttachmentsLeafItemStyle {	
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;
}
.PartAttachmentsParentItemStyle {}

.PartAttachmentsSeparatorStyle {}

.PartAttachmentsTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;		

}

.PartAttachmentsTopLevelLeafItemStyle {}

.PartAttachmentsTopLevelParentItemStyle {}

.PartAttachmentsTopSelectedItemStyle {}

#PartAttachmentHeader {
	width: 100%;
	background-color: #569BBE;
	text-align: center;	
}

#PartAttachments_tblPartAttachments
{ 
	background-color: transparent;}

#PartAttachments_tblPartAttachments .wgThinBottomEdge
{ 	
		height: 3px;
	background-color: #ededed;
}

/* Background div nested inside PartAttachmentHeader */
#PartAttBackground 
{
	background-image: none; 
	background-position: center;
	height: 26px;}
	

/* Also Purchased Menu */
.AlsoBought {
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;
	width: 300px;}

.AlsoBoughtHeaderStyle {}

.AlsoBoughtHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;		
}

.AlsoBoughtIslandStyle {}

.AlsoBoughtItemStyle {}

.AlsoBoughtLeafItemStyle {	
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;

}

.AlsoBoughtParentItemStyle {}

.AlsoBoughtSeparatorStyle {}

.AlsoBoughtTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;	
}

.AlsoBoughtTopLevelLeafItemStyle {}

.AlsoBoughtTopLevelParentItemStyle {}

.AlsoBoughtTopSelectedItemStyle {}

#AlsoBoughtHeader { 	background-image: none; 
	background-position: center;
	text-align: center;
	background-color: #569BBE;
	height: 26px;}
#tblAlsoBought
{
	width: 300px;
	/*width: 288px;*/
}
#AlsoBought_tblAlsoBought .wgThinBottomEdge
{
    height : 3px;
	background-color: #ededed;
}


/* Background div nested inside AlsoBoughtHeader */
.AlsoBoughtBG
{ background-image: none; }




/* Alternative Parts Menu */
.AlternativePartsStyle {
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;
	width: 300px;
}

.AlternativePartsHeaderStyle {}

.AlternativePartsItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #FFFFFF;
	font-weight: bold;		
}

.AlternativePartsIslandStyle {}

.AlternativePartsItemStyle {}

.AlternativePartsLeafItemStyle {	
	color: #FFFFFF;
	background-color: #569BBE;
	font-family: Verdana;
	font-size: 12px;
	font-weight: 300;

}

.AlternativePartsParentItemStyle {}

.AlternativePartsSeparatorStyle {}

.AlternativePartsTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #00334E;
	font-weight: bold;	
}

.AlternativePartsTopLevelLeafItemStyle {}

.AlternativePartsTopLevelParentItemStyle {}

.AlternativePartsTopSelectedItemStyle {}

#AlternativePartsHeader { 	background-image: none; 
	background-position: center;
	text-align: center;
	background-color: #569BBE;
	height: 26px;}
#tblPartAlternates
{
	width: 300px;
	/*width: 288px;*/

	}

/* Background div nested inside AlsoBoughtHeader */
.AlternativePartsBG
{ background-image: none; }

/* Search Tree Styling */
.TreeStyle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	background-color: #569BBE;
	margin-left: 12px;
	text-align: center;
}
.TreeHoverNodeStyle {
 	color: #00334E;
 	font-weight:900;
	background-image: none;
	background-repeat: repeat-x;
}
.TreeSelectedNodeStyle {
    color: blue
}
.TreeIslandStyle {}

.TreeLeafNodeStyle {}

.TreeNodeEditStyle {}

.TreeNodeStyle {}

.TreeParentNodeStyle 
{
	font-weight: bold;
	color: #00334E;
	letter-spacing: .6pt;}

.TreeRootNodeStyle {}

#AdvSearchHeader
{ 	background-image: none; 
	font-variant: normal;
	background-position: center;
	background-color: #569BBE;
	height: 26px;
	width: 300px;}
	
/* Table for Advanced Searches */
.Tmenu
{
	background-color: #569BBE;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

/* Below are wrappers for the 
header labels across all pages.
The elements (lables etc) being wrapped 
can be styled using the skin file */
#SignInHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#SignUpHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#AddChangeAddHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ChkOutAddFormTitle {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ConfigMenuHeader {
	width: 100%;
	background-color: #569BBE;
	text-align: center;	
	color: #FFFFFF;
}

#SiteConfigHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ReviewDescriptionHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#NewAttachmentHeader{
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#NewCallHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#AddCallHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ContractOwnerHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#CheckoutHeaders {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ReviewHeader { 
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ShoppingCartHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#SearchHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ContractOwnerSubHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: left;	
}



#ProductSearchHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}

#ProductDetailsHeader {
	width: 100%;
	background-color: #ffffff;
	text-align: center;	
}




#CurrentPage {
}



/*******************/
/* Default styling */
/*******************/

/* Required Fields etc */
.AttentionTask
{
    font-weight: bold;
    font-size: 8pt;
    color: Red;
    font-family: Verdana, Helvetica, sans-serif;
    font-variant: normal;
}


/* Styling for the Product List Search Results */
.ProdListResAlternatingItemStyle {}

.ProdListResStyle {}

.ProdListResItemStyle {}


.pagetitle
{
    padding-right: 30px;
    font: bold 18px Verdana, Helvetica, sans-serif;
    color: #054a8b;
}
.subtitle
{
    font: bold 16px Verdana, Helvetica, sans-serif;
    color: #054a8b
}
.searchheader
{
    font: bold 11px Verdana, Helvetica, sans-serif;
    color: #054a8b
}
.whitebold
{
    font: bold 16px Verdana, Helvetica, sans-serif;
    color: #054a8b;
    padding-top: 5px;
    text-align: center
}
.box
{
    border-right: #054a8b 1px solid;
    border-top: #054a8b 1px solid;
    background: #ddeeff;
    vertical-align: top;
    border-left: #054a8b 1px solid;
    border-bottom: #054a8b 1px solid;
    text-align: left
}
.main
{
    width: 100%;
    font-family: Verdana, Helvetica, sans-serif;
    background-color:transparent;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.SearchesTable
{
	width: 100%;
}

/* Table for Checkout Address (Purchasing Info) */
.RightBoxTable {}

/* Style for td that holds header content */	
.topbox
{
    padding-right: 0px;
    padding-left: 0px;
    background: #ffffff;
    padding-bottom: 0px;
    font: 8pt Verdana, Helvetica, sans-serif;
    padding-top: 0px
}

/* Style for td that holds navigation content */	 
.leftbox
{
    background-image: none;
    font: 8pt Verdana, Helvetica, sans-serif;
    vertical-align: top;
    color: #054a8b;
    background-color: #569BBE;
    background-repeat: repeat;  
    width: 267px; 
    height: 791px;
}

/* Style fo the nav/option controls
   on the adv search grid page */
.SearchControls {
    background: #FFFFFF;
    font: 8pt verdana;
    vertical-align: top;
    color: #000066
}

/* Style for td that holds the content*/
.RightBox
{
    font-weight: normal;
    font-size: 8pt;
    background-color: Transparent;
    vertical-align: top;
    color: #054a8b;
    font-style: normal;
    font-family: verdana;
    font-variant: normal;
    text-align: center;
    width: auto;

}

/* Search Grid Styling */
/* The order of these is important */   
.SearchGridHeaderStyleDefault
{
	border: solid 1px #FFFFFF;
    background: #E3E3E3;
    color: #000000;
    font: 10px Verdana, Helvetica, sans-serif;
    text-transform: lowercase;
    font-variant: small-caps;
    text-align: left;}
.SearchGridRowStyleDefault
{
	border: solid 1px #FFFFFF;
    background: #E3E3E3;
    color: #000000;
    font: xx-small Verdana, Helvetica, sans-serif;
    text-align: left;
    text-transform: None;
}
.SearchGridRowAlternateStyleDefault
{
	border: solid 1px #FFFFFF;
    background: #FFFFFF;
    color: #000000;
    font: xx-small Verdana, Helvetica, sans-serif;
    text-align: left;
    text-transfor: None;
}



    
.subheader
{
    font: bold 12px Verdana, Helvetica, sans-serif;
    color: #054a8b
}
.bottombox
{
    padding-right: 20px;
    border-top: #ffffff 1px solid;
    padding-left: 20px;
    background: #ffffff;
    padding-bottom: 20px;
    font: 80% verdana, arial;
    color: #054a8b;
    padding-top: 20px;
    border-bottom: #ffffff 1px solid
}
.ContentHead
{
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    font-family: Verdana, Helvetica, sans-serif;
    height: 17px;
    background-color: #054a8b
}
.UnitCost
{
    font-size: 15px;
    color: #000000;
    line-height: 20pt;
    font-family: Verdana, Helvetica, sans-serif
}
.PartID
{
    font-size: 11px;
    color: #000000;
    line-height: 20pt;
    font-family: Verdana, Helvetica, sans-serif
}
.ErrorText
{
    font-weight: bolder;
    font-size: 14px;
    color: #993300;
    line-height: normal;
    font-family: Verdana, Helvetica, sans-serif
}
.MostPopularHead
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #054a8b
}


.ProdSearchPartIDHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 14pt;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: underline
}
.ProductListItem
{
    font-size: 11px;
	background-color: transparent;
    font-family: Verdana, Helvetica, sans-serif;
}
.ProductListItemStyle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #285AA1;
	background-color: White;
	border-color: Black;
	border-style: inset;
	border-width: 1px;
    
}

.ProductListHoverItemStyle
{
	color: White;
	background-color: #0043A3;
}
.ProductListLeafItemStyleTopLevel
{
	border: none;
}
.ProductListParentItemStyleTopLevel
{
	border: none;
}
.ProductListTopSelectedStyle
{
	background-color: #0043A3;
	color: White;
}
.CartListHead
{
    padding-left: 5px;
    font-weight: bold;
    font-size: 11px;
    border-left: #dddddd 1px solid;
    color: #ffffff;
    line-height: 20pt;
    border-bottom: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #054a8b
}
.CartListItem
{
    padding-left: 5px;
    font-size: 11px;
    border-left: #dddddd 1px solid;
    color: #000000;
    border-bottom: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #ffffff
}
.CartListItemAlt
{
    padding-left: 5px;
    font-size: 11px;
    border-left: #dddddd 1px solid;
    color: #000000;
    border-bottom: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #ffffff
}
.CartListFooter
{
    line-height: 10pt;
    background-color: #054a8b
}
.Normal
{
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    font-family: Verdana, Helvetica, sans-serif
}
.NormalBold
{
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    font-family: Verdana, Helvetica, sans-serif
}


TABLE
{
    font-size: 100%;
    background: white;
    color: #000000;
    font-family: Verdana, Helvetica, sans-serif;

    
}


/* Contract Owner Table */
.ContractOwnerTable {width: 650px;}

/* Contract Owner Table */
.ProductSearchTable {width: 600px;}

.CallsTable { width: 600px;}

.AttachmentsTable { width: 600px;}

.wgEdgeLeft
{
    height: 0px;
    width: 0px;

}
.wgEdgeRight
{
    height: 0px;
    width: 0px;
}
.wgThinTopCornerLeft
{
    height: 0px;
    width: 0px;
}
.wgThinTopEdge
{
height: 10px;
}
.wgThinTopCornerRight
{
    height: 0px;
    width: 0px;
}
.wgThinBottomCornerLeft
{
    height: 0px;
    width: 0px;
}
.wgThinBottomEdge
{
    height: 0px;
    width: 0px;
}
.wgThinBottomCornerRight
{
    height: 0px;
    width: 0px;
}
.wgMedTopCornerLeft
{
    height: 0px;
    width: 0px;
}
.wgMedTopEdge
{
height: 10px;
}
.wgMedTopCornerRight
{
    height: 0px;
    width: 0px;
}
.wgMedBottomCornerLeft
{
    height: 0px;
    width: 0px;
}
.wgMedBottomEdge
{
    height: 0px;
    width: 0px;
}
.wgMedBottomCornerRight
{
    height: 0px;
    width: 0px;
}
.wgContent
{
    height: 0px;
    width: 0px;
}

a:visited
{
	color: #62627e;
}

a:link
{
	color: #000000;
}
a:hover
{
	color: #569BBE;
}

.rightboxProdConfig
{
	background-color: #ededed;
}

.rightboxProdConfig .ProdConfigTop
{
	background-color: #ededed;
}

#ProdConfigHeader
{
	background-color: #ededed;
}



/* Border for Also Bought Menu */
.wgAlsoBought 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: #white;	
	padding: 0;
	margin: 0;
	font-size:0;
	line-height:0;
}
.wgAlsoBought .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.wgAlsoBought .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.wgAlsoBought .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;
 }
.wgAlsoBought .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;

}
.wgAlsoBought .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;
	font-size:0;
	line-height:0;}
.wgAlsoBought .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
		background-color: white;	
}
.wgAlsoBought .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0;
	font-size:0;
	line-height:0; }
	
.wgMenu 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: #569BBE;	
	padding: 0;
	margin: 0;
}
.wgMenu .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.wgMenu .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.wgMenu .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;	background-color: #569BBE;
	
 }
.wgMenu .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;


}
.wgMenu .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;
		font-size:0;
	line-height:0;}
.wgMenu .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
}
.wgMenu .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; 
		font-size:0;
	line-height:0;}
	
.wgTreeMenu 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: #569BBE;	
	padding: 0;
	margin: 0;
}
.wgTreeMenu .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
		height: auto;
}
.wgTreeMenu .RightEdge { background-image:none; 
	margin: 0;
	padding: 0;
	height: auto; 
}
.wgTreeMenu .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;background-color: #569BBE;
 }
.wgTreeMenu .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;

}
.wgTreeMenu .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;
			font-size:0;
	line-height:0;}
.wgTreeMenu .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
			background-color: #569BBE;
}
.wgTreeMenu .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; 
			font-size:0;
	line-height:0;
}
	
.wgPopItems 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: #569BBE;	
	padding: 0;
	margin: 0;
}
.wgPopItems .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.wgPopItems .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.wgPopItems .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;	background-color: #569BBE;
 }
.wgPopItems .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;

}
.wgPopItems .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;
		font-size:0;
	line-height:0;
			font-size:0;
	line-height:0;}
.wgPopItems .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
	background-color: transparent;	}
.wgPopItems .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; 
			font-size:0;
	line-height:0;
}
		
.wgPartAttach 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: white;	
	padding: 0;
	margin: 0;
}
.wgPartAttach .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.wgPartAttach .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.wgPartAttach .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;
 }
.wgPartAttach .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;
		background-color: white;	

}
.wgPartAttach .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0; 	font-size:0;
	line-height:0;}
.wgPartAttach .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
	background-color: white;	
}
.wgPartAttach .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; 
		font-size:0;
	line-height:0;
}
	
.wgPartAlt 
{
	position:relative;
	width:100%;
	text-align: left;
	background-color: white;	
	padding: 0;
	margin: 0;
	height: auto;
}
.wgPartAlt .LeftEdge { background-image:none; 
	margin: 0;
	padding: 0;
}
.wgPartAlt .RightEdge { background-image:none; 
	margin: 0;
	padding: 0; 
}
.wgPartAlt .ContentWrap { background-image:none; margin: 0; height: auto;
	padding: 0;
 }
.wgPartAlt .BorderTop {	background-image:none; margin: 0;
	padding: 0; height: 0;

}
.wgPartAlt .BorderTop div { background-image:none; margin: 0;
	padding: 0; height: 0;
			font-size:0;
	line-height:0;}
.wgPartAlt .BorderBottom { background-image:none; margin: 0;
	padding: 0; height: 0;
	background-color: white;
}
.wgPartAlt .BorderBottom div { background-image:none; margin: 0;
	padding: 0; height: 0; 
			font-size:0;
	line-height:0;
}/* Border for RMA Request */ .RMARequest {		width: 100%; } .RMARequest .LeftEdge { background-image:url(borders.png); } .RMARequest .RightEdge { background-image:url(borders.png); } .RMARequest .ContentWrap { background-color: white; height: 800px;} .RMARequest .BorderTop { text-align: left;} .RMARequest .BorderTop div, .RMARequest .BorderBottom { text-align: left;} .RMARequest .BorderBottom div { background-image:url(box.png); } #RMARequestHeader { 	width: 100%; 	background-color: #ffffff; 	text-align: center;	}	
/* Border for RMA Claims */  
.RMAClaim { width: 100%; } 
                .RMAClaim .LeftEdge { background-image:url(borders.png); } 
                .RMAClaim .RightEdge { background-image:url(borders.png); } 
                .RMAClaim .ContentWrap { background-color: white; height: 800px;} 
                .RMAClaim .BorderTop { text-align: left;} 
                .RMAClaim .BorderTop div, 
                .RMAClaim .BorderBottom { text-align: left;} 
                .RMAClaim .BorderBottom div { background-image:url(box.png); } 

                #RMAClaimHeader { 
                width: 100%; 
                background-color: #ffffff; 
                text-align: center;	}	
/* Border for RMA Request */ 
.RMARequest {	
	width: 100%; 
} 
.RMARequest .LeftEdge { background-image:url(borders.png); } 
.RMARequest .RightEdge { background-image:url(borders.png); } 
.RMARequest .ContentWrap { background-color: white; height: 800px;} 
.RMARequest .BorderTop { text-align: left;} 
.RMARequest .BorderTop div, 
.RMARequest .BorderBottom { text-align: left;} 
.RMARequest .BorderBottom div { background-image:url(box.png); } 
#RMARequestHeader { 
	width: 100%; 
	background-color: #ffffff; 
	text-align: center;	}	
