﻿/***********************************************************************************************************
------------------------
---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 3d7dba

--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: #fff;
	/*background:#fff url(bg2.gif) repeat-x fixed;*/ }
/* MainWrapper is a wrapper for all page content */
#MainWrapper {
	width: 1000px;
	margin: 0em auto;
	background-color: Transparent;
	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: #C5C5C5;	
	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: #C5C5C5; }
.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: #C5C5C5;
	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: #C5C5C5;
	color: #000000; }
	
/* Site Links table nested inside #PolicyLinksWrapper */
.Links {
    font-weight: bold;
    background-color: Transparent;
    font-size: 7pt;
    color: #0043A3;
    font-family: Verdana, Helvetica, sans-serif;
    font-variant: normal;
    width: auto; }
    
/* Border for Left Menu which will wrap around all 
   menus in the navigation menu, i.e. adv searches,
   products by category and popular items */
.two .OuterWrap {
	margin:0 auto;
     }
	/* Top corners and border */
.two .BorderTop {
	height:14px;
	margin: 0 0 0 17px;
	background:  url(boxl.png) no-repeat 100% 0;
	text-align: left; }
.two .BorderTop div {
	position:relative;
	left:-17px;
	width:17px;
	height:14px;
	background:  url(boxl.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	 }
	/* Bottom corners and border */
.two .BorderBottom {
	height:13px;
	margin:0 0 0 16px;
	background: url(boxl.png) no-repeat 100% 100%;
	text-align: left; }
.two .BorderBottom div {
	position:relative;
	left:-16px;
	width:16px;
	height:13px;
	background:url(boxl.png) no-repeat 0 100%;
	font-size:0;
	line-height:0; }
	/* Left border */
.two .LeftEdge {
	padding:0 0 0 7px;
	background:url(bordersl.png) repeat-y 0 0; }
	/* Right border */
.two .RightEdge {
	padding:0 7px 0 0;
	background:url(bordersl.png) repeat-y 100% 0; }
	/* Wrapper for content */
.two .ContentWrap {
	display:block;
	margin:0;
	padding: 1px 5px;
	background: #3d7dba; 
	height: 800px;}
.two .ContentWrap:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; }
.two .ContentWrap {display:inline-block;}
.two .ContentWrap {display:block;}

/* Wrapper for headings in left menu */
.MenuHeaderBackground {
	width: 267px;
	background-color: #FFFFFF;
	text-align: center;	
	}

/* This is for the nested product details menu 
   this border wraps around all sub menus, i.e. 
   Part Attachments, Alternative Parts and Purchase by others */

/*.ProductDetailsMenuTable 
{
	width: 300px;}*/
	

.ProductDetails .menu {
	margin:0 auto; 
}
.ProductDetails .menu  .BorderTop {	height:14px;
	margin: 0 0 0 17px;
	background:  url(boxl.png) no-repeat 100% 0;
	text-align: left;	}
.ProductDetails .menu  .BorderTop div {		position:relative;
	left:-17px;
	width:17px;
	height:14px;
	background:  url(boxl.png) no-repeat 0 0;
	font-size:0;
	line-height:0; }
.ProductDetails .menu  .BorderBottom {	height:13px;
	margin:0 0 0 16px;
	background: url(boxl.png) no-repeat 100% 100%;
	text-align: left;}
.ProductDetails .menu  .BorderBottom div {	position:relative;
	left:-16px;
	width:16px;
	height:13px;
	background:url(boxl.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;}
.ProductDetails .menu  .LeftEdge { 	
	background:url(bordersl.png) repeat-y 0 0; }
.ProductDetails .menu  .RightEdge {	padding:0 7px 0 0;
	background:url(bordersl.png) repeat-y 100% 0; }

.ProductDetails .menu  .ContentWrap {
	display:block;
	margin:0;
	padding: 1px 5px;
	background-color: #3d7dba; 
	height: auto;
	overflow: hidden;
}
.ProductDetails .ContentWrap:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; }
.ProductDetails .ContentWrap {display:inline-block;}
.ProductDetails .ContentWrap {display:block;}

/*  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: 800px;}
.ProductSearch .BorderTop { text-align: left;}
.ProductSearch .BorderTop div,
.ProductSearch .BorderBottom { text-align: left;}
.ProductSearch .BorderBottom div { background-image:url(box.png); }

/* 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); }

/* 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: 800px;}
.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: 800px;}
.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: 800px;}
.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: 800px; 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: 800px;}
.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: 800px;}
.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: 800px;}
.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: 800px;}
.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: 800px;}
.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: 800px;}
.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();*/
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3d7dba;
    cursor: hand;
    color: #000000;
    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: #3d7dba;
	white-space: pre-wrap;}
.ToolbarHoverStyle {
    cursor: hand;
    color: #ffffff;
    font-family: Verdana;
    font-weight:bold;
    background-color: #3d7dba;
    text-align: center;
    /*background-image: url();*/
    background-position: center;
    background-repeat: no-repeat;
    white-space: pre-wrap;
    height: 40px; 
    width: 75px;
    padding: 0 ;
    font-variant: small-caps;
    text-decoration: underline;}
.ToolbarSelectStyle {	
    width: 75px;
    height: 40px;
    cursor: hand;
    color: #000000;
    font-family: Verdana;
    background-color: #3d7dba;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
    background-repeat: repeat;
    white-space: pre-wrap;}

/* Wrapper for the toolbar */
.ToolBarWrapper {
	text-align: left;
	width: auto;
	background-color: #3d7dba;
	/*float: left;*/ }

/* Product By Category Menu */
.ProductsByCategoryStyle {
	background-color: #3d7dba;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px; 
	width: 250px;
	/*text-transform:uppercase;*/}
.ProductsByCategoryHeaderStyle {}
.ProductsByCategoryHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;
	font-size: 12px;}
.ProductsByCategoryIslandStyle {}
.ProductsByCategoryItemStyle {}
/* sub menu */
.ProductsByCategoryLeafItemStyle {
	font-size: 12px; }
.ProductsByCategoryParentItemStyle {
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: verdana; }
.ProductsByCategorySeparatorStyle {}
.ProductsByCategoryTopLevelLeafItemStyle {
	text-align: left;
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: verdana;
	font-size: 12px;}	
.ProductsByCategoryTopLevelHoverItemStyle {
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
	color: #000000;}
.ProductsByCategoryTopLevelParentItemStyle {}
.ProductsByCategoryTopSelectedItemStyle {}

/* Background div nested inside 
MenuHeaderBackground for Prod By Cat Header*/
.ProdByCatBackground { 
	background-position: center;
	background-color: #3d7dba;
	height: 26px;
	white-space: nowrap;}

/* tblChoose is the table nested inside wrapper 'wgMenu' */
#Menu1_tblChoose .wgThinTopEdge {
	height: 26px; }
#Menu1_tblChoose .wgThinBottomEdge {
	height: 3px;}
#Menu1_tblChoose { 	background-color: #3d7dba; }

/* Popular Items Menu */
.PopularItemsStyle {
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;
	/*text-transform:uppercase;*/
	width: 250px;}
.PopularItemsHeaderStyle {}
.PopularItemsHoverItemStyle {
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;
	}
.PopularItemsIslandStyle {}
.PopularItemsItemStyle {}
.PopularItemsLeafItemStyle {}
.PopularItemsParentItemStyle {}
.PopularItemsSeparatorStyle {}
.PopularItemsTopLevelHoverItemStyle {}
.PopularItemsTopLevelLeafItemStyle {}
.PopularItemsTopLevelParentItemStyle {}
.PopularItemsTopSelectedItemStyle {}

/* tblPopularItems is the table nested inside wrapper 'wgPopItems' */
#PopularItems1_tblPopularItems { background-color: #3d7dba; }
#PopularItems1_tblPopularItems .wgThinBottomEdge {}

/* Background div nested inside 
MenuHeaderBackground for Popular Items Header*/
.PopItemsBackground {
	background-position: center;
	background-color: #3d7dba;
	height: 26px;} 

/* Part Attachments Menu */
.PartAttachmentsStyle {
	width: 250px;
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;
	/*text-transform: lowercase;*/}
.PartAttachmentsHeaderStyle {}
.PartAttachmentsHoverItemStyle {
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;}
.PartAttachmentsIslandStyle {}
.PartAttachmentsItemStyle {}
.PartAttachmentsLeafItemStyle {	
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;}
.PartAttachmentsParentItemStyle {}
.PartAttachmentsSeparatorStyle {}
.PartAttachmentsTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;}
.PartAttachmentsTopLevelLeafItemStyle {}
.PartAttachmentsTopLevelParentItemStyle {}
.PartAttachmentsTopSelectedItemStyle {}

#PartAttachmentHeader {
	width: 267px;
	background-color: #3d7dba;
	text-align: center;
	}
/* Background div nested inside PartAttachmentHeader */
#PartAttBackground {
	background-position: center;
	height: 26px;}	
	
/* tblPartAttachments is the table nested inside wrapper 'PartAttach' */
#PartAttachments_tblPartAttachments { 
	background-color: #3d7dba;}
#PartAttachments_tblPartAttachments .wgThinBottomEdge { 	
}

/* Also Purchased Menu */
.AlsoBought {
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;
	width: 250px;}
.AlsoBoughtHeaderStyle {}
.AlsoBoughtHoverItemStyle {
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;}
.AlsoBoughtIslandStyle {}
.AlsoBoughtItemStyle {}
.AlsoBoughtLeafItemStyle {	
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;}
.AlsoBoughtParentItemStyle {}
.AlsoBoughtSeparatorStyle {}
.AlsoBoughtTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;}
.AlsoBoughtTopLevelLeafItemStyle {}
.AlsoBoughtTopLevelParentItemStyle {}
.AlsoBoughtTopSelectedItemStyle {}

#AlsoBoughtHeader {
	text-align: center;
	background-color: #3d7dba;
	width: 267px;
	height: 26px;}
/* Background div nested inside AlsoBoughtHeader */
.AlsoBoughtBG {
}
		
/* tblAlsoBought is the table nested inside wrapper 'wgAlsoBought' */
#AlsoBought_tblAlsoBought 
{
background-color: #3d7dba;
	/*width: 288px;*/}
#AlsoBought_tblAlsoBought .wgThinBottomEdge {
	}

/* Alternative Parts Menu */
.AlternativePartsStyle {
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;
	width: 250px;}
.AlternativePartsHeaderStyle {}
.AlternativePartsItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #FFFFFF;}
.AlternativePartsIslandStyle {}
.AlternativePartsItemStyle {}
.AlternativePartsLeafItemStyle {	
	color: #FFFFFF;
	background-color: #3d7dba;
	font-family: Verdana;
	font-size: 12px;}
.AlternativePartsParentItemStyle {}
.AlternativePartsSeparatorStyle {}
.AlternativePartsTopLevelHoverItemStyle {
	background-image: none;
	background-position: top;
	background-repeat: repeat-x;	
	color: #000000;}
.AlternativePartsTopLevelLeafItemStyle {}
.AlternativePartsTopLevelParentItemStyle {}
.AlternativePartsTopSelectedItemStyle {}


#AlternativePartsHeader {
	text-align: center;
	background-color: #3d7dba;
	height: 26px; 
	width: 267px;}
/* Background div nested inside AlternativePartsHeader */
.AlternativePartsBG {
	 }

/* tblPartAlternates is the table nested inside wrapper 'wgPartAlt' */
#PartAlternates_tblPartAlternates { background-color: #3d7dba;}
#PartAlternates_tblPartAlternates .wgThinBottomEdge {
	/*width: 288px;*/}

/* Search Tree Styling */
.TreeStyle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	background-color: #3d7dba;
	margin-left: 12px;
	text-align: center;
	/*text-transform: uppercase;*/
    }
.TreeHoverNodeStyle {
 	color: #000000;
	background-image: none;
	background-repeat: repeat-x;}
.TreeSelectedNodeStyle {
    color: blue;}
.TreeIslandStyle {}
.TreeLeafNodeStyle {}
.TreeNodeEditStyle {}
.TreeNodeStyle {}
.TreeParentNodeStyle {
	color: #000000;
	letter-spacing: .6pt;}
.TreeRootNodeStyle {}

#AdvSearchHeader {
	background-image: none; 
	font-variant: normal;
	background-position: center;
	background-color: #3d7dba;
    
	height: 26px; }
	
/* Table for Advanced Searches */
.Tmenu {
	background-color: #3d7dba;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	width: 250px;}

/* 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: #3d7dba;
	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;	}
#RMARequestHeader {
	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 {}

/* 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: 0;
    padding-left: 0;
    background: #ffffff;
    padding-bottom: 0;
    font: 8pt Verdana, Helvetica, sans-serif;
    padding-top: 0;}

/* Style for td that holds navigation content */	 
.leftbox {
    background-image: none;
    font: 8pt Verdana, Helvetica, sans-serif;
    vertical-align: top;
    color: #054a8b;
    background-color: Transparent;
    background-repeat: repeat;  
   
    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;}

/* Set the prod config control font size here */
.rightboxProdConfig .ProdConfigTop{
	background-color: Transparent;
	font-size: 10px;}

/* 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: 733px;}

/* 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-transform: 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;}
*/
/* Cart Style */
.CartOptionHeader {
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    text-align: left;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #FFFFFF;}
.CartListHead {
    padding-left: 5px;
    font-weight: bold;
    font-size: 11px;
    border-left: #dddddd 1px solid;
    color: #000000;
    line-height: 20pt;
    border-bottom: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #3d7dba;}
.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: #3d7dba;}

.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;  
}

/* These tables hold the content 
   and are nested inside the border wrappers */

/* Contract Owner Table */
.ContractOwnerTable {width: 650px;}

/* Product Search Table */
.ProductSearchTable {width: 600px;}

/* Calls Table */
.CallsTable { width: 600px;}

/*Rma Claims Table*/
.RMAClaimsTable { width: 600px;}

/* Attachments Table */
.AttachmentsTable { width: 600px;}

/* Original Table borders (Default theme) */
.wgEdgeLeft {
    height: 0;
    width: 0;}
.wgEdgeRight {
    height: 0;
    width: 0;}
.wgThinTopCornerLeft {
    height: 0;
    width: 0;}
.wgThinTopEdge {
	height: 10px;}
.wgThinTopCornerRight {
    height: 0;
    width: 0;}
.wgThinBottomCornerLeft {
    height: 0;
    width: 0;}
.wgThinBottomEdge {
    height: 0;
    width: 0;}
.wgThinBottomCornerRight {
    height: 0;
    width: 0;}
.wgMedTopCornerLeft {
    height: 0;
    width: 0;}
.wgMedTopEdge {
	height: 10px;}
.wgMedTopCornerRight {
    height: 0;
    width: 0;}
.wgMedBottomCornerLeft {
    height: 0;
    width: 0;}
.wgMedBottomEdge {
    height: 0;
    width: 0;}
.wgMedBottomCornerRight {
    height: 0;
    width: 0;}
.wgContent {
    height: 0;
    width: 0;}
    
/* Hyperlinks */
a:visited {
	color: #4f1353;}
a:link {
	color: #000000;}
a:hover {
	color: #06007c;
}

/* Product Config Page */
.rightboxProdConfig {
	background-color: #c5c5c5;}
.rightboxProdConfig .ProdConfigTop {
	background-color: #c5c5c5;}
#ProdConfigHeader {
	background-color: #c5c5c5;}

/* Below are the borders around each individual 
   menu-: Also Bought, Alternative Parts, Products by Category,
   Popular Items, Part Attachments, Adv Searches */

/* Border for Also Bought Menu */
.ProductDetails .menu .wgAlsoBought {
	position:relative;
	text-align: left;
	background-color: #3d7dba;	
	padding: 0;
	margin: 0;
	font-size:0;
	line-height:0;
	width:267px;}
.ProductDetails .menu .wgAlsoBought .LeftEdge {
	background-image:none; 
	margin: 0;
	padding: 0;}
.ProductDetails .menu .wgAlsoBought .RightEdge {
	background-image:none; 
	margin: 0;
	padding: 0; }
.ProductDetails .menu .wgAlsoBought .ContentWrap {
	background-image:none;
	background-color: #3d7dba;
	margin: 0; 
	height: auto;
	padding: 0; 
}
.ProductDetails .menu .wgAlsoBought .BorderTop {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;}
.ProductDetails .menu .wgAlsoBought .BorderTop div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	font-size:0;
	line-height:0;}
.ProductDetails .menu .wgAlsoBought .BorderBottom {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	background-color: #3d7dba;	}
.ProductDetails .menu .wgAlsoBought .BorderBottom div {
	background-image:none; 
	margin: 0;
	padding: 0; height: 0;
	font-size:0;
	line-height:0; }

/* Border for Products by Cat. menu*/	
.wgMenu {
	position:relative;
	text-align: left;
	background-color: #3d7dba;	
	padding: 0;
	margin: 0;
	width:267px;}
.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: #3d7dba; 
	}
.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;}

/* Border for Adv Search Tree*/	
.wgTreeMenu {
	position:relative;
	text-align: left;
	background-color: #3d7dba;	
	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: #3d7dba; }
.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: #3d7dba;}
.wgTreeMenu .BorderBottom div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0; 
	font-size:0;
	line-height:0;}
	
/* Border for Popular Items menu */	
.wgPopItems {
	position:relative;
	width:267px;
	text-align: left;
	background-color: #3d7dba;	
	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: #3d7dba; }
.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;}

/* Border for Part Attachment Menu */		
.ProductDetails .menu .wgPartAttach {
	position:relative;

	text-align: left;
	background-color: #3d7dba;	
	padding: 0;
	margin: 0;
	height: auto;
	width:267px;}
.ProductDetails .menu .wgPartAttach .LeftEdge {
	background-image:none; 
	margin: 0;
	padding: 0;}
.ProductDetails .menu .wgPartAttach .RightEdge {
	background-image:none; 
	margin: 0;
	padding: 0; }
.ProductDetails .menu .wgPartAttach .ContentWrap {
	background-image:none; 
	margin: 0; 
	height: auto;
	padding: 0;
	 }
.ProductDetails .menu .wgPartAttach .BorderTop {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	background-color: #3d7dba;}
.ProductDetails .menu .wgPartAttach .BorderTop div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0; 	
	font-size:0;
	line-height:0;}
.ProductDetails .menu .wgPartAttach .BorderBottom {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	background-color: #3d7dba;}
.ProductDetails .menu .wgPartAttach .BorderBottom div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0; 
	font-size:0;
	line-height:0;}

/* Border for Alternative Parts menu*/	
.ProductDetails .menu .wgPartAlt {
	position:relative;
	text-align: left;
	background-color: #3d7dba;	
	padding: 0;
	margin: 0;
	height: auto;
	width:267px;
}
.ProductDetails .menu .wgPartAlt .LeftEdge {
	background-image:none; 
	margin: 0;
	padding: 0;}
.ProductDetails .menu .wgPartAlt .RightEdge {
	background-image:none; 
	margin: 0;
	padding: 0; }
.ProductDetails .menu .wgPartAlt .ContentWrap {
	background-image:none; 
	margin: 0; 
	height: auto;
	padding: 0;
	background-color: #3d7dba; 
	}
.ProductDetails .menu .wgPartAlt .BorderTop {
	background-image:none; 
	margin: 0;
	padding: 0; height: 0;}
.ProductDetails .menu .wgPartAlt .BorderTop div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	font-size:0;
	line-height:0;}
.ProductDetails .menu .wgPartAlt .BorderBottom {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0;
	background-color: #3d7dba;}
.ProductDetails .menu .wgPartAlt .BorderBottom div {
	background-image:none; 
	margin: 0;
	padding: 0; 
	height: 0; 
	font-size:0;
	line-height:0;}
	
	
	/* Border for Welcome text (webgear properties) */
.Welcome {	
	position: relative;
	height: 100%; }
.Welcome .LeftEdge { background-image:url(borders.png); }
.Welcome .RightEdge { background-image:url(borders.png); }
.Welcome .ContentWrap { background-color: white; height: auto;}
.Welcome .BorderTop { text-align: left;}
.Welcome .BorderTop div,
.Welcome .BorderBottom { text-align: left;}
.Welcome .BorderBottom div { background-image:url(box.png); }

/* 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: Transparent; 
	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;	}
                /*	
#pnlPrice
{
	position: relative;
	left: 0;
	top: 1000;
}*/

/* 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;	}	
