/*
	+------------+
	|XXXXXXXXXXXX|
	+------------+
	|XXXXXXXXXXXX|
	|XXXXXXXXXXXX|
	|XXXXXXXXXXXX|
	+------------+
	|XXXXXXXXXXXX|
	+------------+
*/
BODY {
	margin: 0px 0px 0px 0px;
	
	background-image: url('../Images/Background Tile.png');
	background-position: 5px 0px;
	background-repeat: repeat-x;
	background-color: #784630; /*915d47; <- uncorrected color*/
}


/*
	+------------+
	|XXXXXXXXXXXX|
	+------------+
	|            |
	|            |
	|            |
	+------------+
	|            |
	+------------+
*/
.Header {
	height: 69px;
	width: 962px;
	text-align: left;
	margin-bottom: 10px;
}

.Header .LogoBox {
	position: relative;
	height: 100%;
	width: 335px;
	float: left;
}

.Header .LogoBox IMG {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.Header .MenuBox {
	position: relative;
	height: 100%;
	width: 627px;
	float: left;
}

.Header .MenuBox DIV {
	position: absolute;
	right: 0px;
	bottom: 20px;
	color: White;
	text-transform: uppercase;
	font-family: "Verdana";
	font-size: 9pt;
	font-weight: bold;
}

.Header .MenuBox DIV A,
.Header .MenuBox DIV A:active,
.Header .MenuBox DIV A:visited {
	color: White;
	text-decoration: none;
}

.Header .MenuBox DIV A:hover {
	color: #ee3222;
}

.Header .MenuBox > IMG {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.Header .MenuBox > DIV {
	position: absolute; 
	bottom: 3px;
	right: 0px;
}

/*
	+------------+
	|            |
	+------------+
	|XXXXXXXXXXXX|
	|XXXXXXXXXXXX|
	|XXXXXXXXXXXX|
	+------------+
	|            |
	+------------+
*/
.Body {
	height: auto;
	width: 1200px; /* original Photoshop design width */
	text-align: left;
	margin-bottom: 10px;
}


/*
	+------------+
	|            |
	+------------+
	|XX          |
	|XX          |
	|XX          |
	+------------+
	|            |
	+------------+
*/
.Body .Left {
	float: left;
	height: auto;
	width: 162px;
	margin-right: 10px;
}

.Body .Left .Menu .CurrentMenuItem {
	background-image: url('../Images/Menu Background Tile.png');
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

/*Section belonging to DIV and A menu*/
.Body .Left .Menu {
	margin-left: 16px;
	margin-top: 27px;
}

.Body .Left .Menu A {
	display: block;
	width: 119px; /*128-9*/
	height: 21px; /*24-3*/
		
	padding-left: 9px;
	padding-top: 3px;

	color: White;
	font-family: "Trebuchet MS";
	font-size: 10.5pt;
	font-style: normal;
	font-weight: normal;
	/*line-height: 24px;*/
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
}

.Body .Left .Menu A:hover {
	/*background-image: url('../Images/Menu Background Tile.png');
	background-repeat: repeat-y;
	background-position: 0px 0px;*/
	background-color: #ee3222;
}

.Body .Left .Menu .Separator {
	display: block;
	height: 1px;
	width: 128px;
	background-color: #ffde00;
	overflow: hidden;
}

.WorldsWarmestClothingLogo {
	margin-top: 30px !important; 
	margin-bottom: 50px !important;
}

/*Section belonging to LI menu & dealer login

.Body .Left .Menu {
	padding-left: 0px;
	margin-top: 28px;
	margin-bottom: 0px;
	margin-left: 16px;
}

.Body .Left .Menu LI {
	display: block;
	list-style-type: none;
	padding-left: 9px;
}

.Body .Left .Menu *, .Body .Left .DealerLogin {
	color: White;
	font-family: "Trebuchet MS";
	font-size: 10.5pt;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
}

.Body .Left .Menu .Separator {
	display: block;
	position: relative;
	left: -9px;
	top: 1px;
	height: 1px;
	width: 128px;
	border-top: solid 1px #ffde00;
	overflow: hidden;
}

.Body .Left .DealerLogin {
	margin-top: 36px;
	padding-left: 25px;
	background-image: url('../Images/Menu Dealer Login Background Tile.png');
	background-position: left;
	background-repeat: repeat-y;
}

.Body .Left .DealerLogin .Caption {
	color: White;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.Body .Left .DealerLogin .TextBox {
	width: 116px;
}

.Body .Left .DealerLogin .Button {
	margin-left: 60px;
	width: 62px;
	color: Black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	text-transform: uppercase;
	margin-bottom: 7px;
}*/

.Body .Left .Activities IMG {
	margin-bottom: 16px;
	margin-left: 16px;
	width: 129px;
}

/*
	+------------+
	|            |
	+------------+
	|  XXXXXXXX  |
	|  XXXXXXXX  |
	|  XXXXXXXX  |
	+------------+
	|            |
	+------------+
*/
.Body .Middle {
	float: left;
	position: relative;
	height: auto;
	width: 810px; /* 790+20 */
	margin-right: 10px;
	
	font-family: Verdana;
	font-size: 8pt;
	color: White;
}

.Body .SmallMiddle {
	float: left;
	position: relative;
	height: auto;
	width: 578px; /* 558+20 */
	margin-right: 10px;
	
	font-family: Verdana;
	font-size: 8pt;
	color: White;
}

.Thumbnail {
	height: 250px;
	width: 250px;
	/*margin-right: 20px;
	margin-bottom: 20px;
	background-color: Silver;*/
	float: left;
	/*text-align: center;
	font-size: 180pt;
	font-family: "Helvetica", "Arial";*/
}

.ThumbnailSmall {
	display: block;
	height: 197px;
	width: 197px;
	float: left;
}

.Body .HeaderImage { /*The World's Warmest Clothing*/
	margin-top: 21px;
	margin-bottom: 10px;
}

.Body A:hover .Thumbnail {
	background-image: url('../Images/Products/250x250 Hover.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.Body A:hover .ThumbnailSmall {
	background-image: url('../Images/Products/197x197 Hover.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

H2, H3, H4 {
	font-family: "Verdana"; /*"Trebuchet MS";*/
	color: White;
}

H2 {
	display: block;
	clear: both;
	width: 790px;
	height: 27px;
	overflow: hidden;
	margin: 0px;
	padding-left: 3px;
	margin-top: 27px;

	background-image: url('../Images/Body Subheader Background Tile.png');
	background-position: left;
	background-repeat: repeat-y;
	
	text-transform: uppercase;
	font-size: 18pt;
	line-height: 26px;
}

/* SINGLE PRODUCT PAGE */
.ProductPage {
	position: relative; 
	padding: 10px; 
	width: 539px; 
	background-image: url('../Images/Products/Body Product Background Tile.png'); 
	background-repeat: repeat-x; 
	background-position: top; 
	background-color: #bcc8d4; 
	min-height: 757px;
}

.ProductPage FORM {
	margin-top: 25px;
}

.ProductPage INPUT[name="add"], .ProductPage SELECT {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.ProductPage H3 {
	font-size: 19pt;
	line-height: 23pt;
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
}

.ProductPage H4 {
	font-size: 9pt;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 6px;
	padding-top: 0px;
}
/* /SINGLE PRODUCT PAGE */

/* MULTIPLE PRODUCT PAGE */
.MultiProductPage {
	width: 536px;
	padding: 10px;
	position: relative;
	
	/*width: 790px;*/
	min-height: 757px;
	padding-bottom: 20px;
	background-image: url('../Images/Products/Body Product Background Tile.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #bcc8d4;
}

.MultiProductPage .ProductPhoto {
	display: block;
	float: left;
	width: 200px;
	height: 200px;
}

.MultiProductPage .ProductPhoto IMG {
	display: block;
	margin: auto;
}
/* /MULTIPLE PRODUCT PAGE */

.ProductDescription {
	display: block;
	/*width: 500px;*/
	padding-top: 20px;
	font-family: Verdana;
	font-size: 9pt;
	color: Black;
}/*width: 529px; height: auto; float: left;*/

.ProductDescription P {
	margin-top: 0px;
}

UL {
	margin: 0px;
	padding: 0px 0px 0px 8px;
}

LI {
	margin: 0px;
	padding: 0px;
}

TABLE {
	background-color: #efefef;
}

TD {
	/*text-align: right;*/
	vertical-align: top;
}

.odd TD, .odd {
	background-color: #e0e0e0;
}

.CenteredCells TD {
	text-align: center;
}

THEAD TD {
	text-align: center;
	font-weight: bold;
}

/* The tab itself */
.TabDown {
	display: block;
	float: left;
	text-align: center;
	padding: 6px;
	margin-right: 6px;
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

/* The tab 'page' */
#Tab1, #Tab2, #Tab3, #Tab4, #Tab5, #Tab6 {
	clear: both;
	background-color: White;
	padding: 10px;
	min-height: 198px;
}

.Middle.TextPage {
	position: relative; 
	background-color: White; 
	color: Black; 
	margin-top: 25px; 
	width: 536px; 
	padding: 10px;
}

.TextPage H1 A, .TextPage H2 A, .TextPage H3 A,
.TextPage H1 A:active, .TextPage H2 A:active, .TextPage H3 A:active,
.TextPage H1 A:visited, .TextPage H2 A:visited, .TextPage H3 A:visited {
	color: #ee3222;
	text-decoration: none;
}

H1 A:hover, H2 A:hover, H3 A:hover {
	color: #ee3222;
	text-decoration: underline;
}

.TextPage H1, .TextPage H2, .TextPage H3 {
	color: Black;
}

.NoticeBox {
	display: block;
	background-image: url('../Images/Notice Box.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 193px; /*200-7*/
	height: 21px;
	font-size: 8pt;
	color: Black;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	line-height: 21px;
}

/* Testimonial/pro staff/activities */
.TestimonialBox {
	position: relative; /* to allow absolute positioning of child objects */
	padding-bottom: 16px; 
	margin-bottom: 4px; 
	min-height: 122px; 
	clear: both;
}

.TestimonialMainThumbnail {
	float: left; 
	width: 122px; 
	margin-right: 10px; 
	margin-bottom: 20px;
}

.TestimonialExtraThumbnailDiv {
	position: absolute; 
	top: 0px; 
	right: -244px; 
	width: 234px; 
	height: auto; 
	white-space: nowrap;
}

.TestimonialExtraThumbnailDiv>A {
	width: 117px; 
	height: 117px; 
	display: block; 
	float: left; 
	position: relative;
}

.TestimonialExtraThumbnailDiv .Thumb117 {
	width: 117px;
	height: 117px;
}

.MagnifyingGlass {
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 16px; 
	height: 16px;
}

.TestimonialSeparatorDiv {
	position: absolute; 
	bottom: 0px; 
	width: 100%; 
	height: 16px; 
	clear: both;
	background-image: url('../Images/Topic Divider.png'); 
	background-position: center top; 
	background-repeat: no-repeat;
}

/*
	+------------+
	|            |
	+------------+
	|          XX|
	|          XX|
	|          XX|
	+------------+
	|            |
	+------------+
*/
.Body .Right {
	float:left;
	font-family:Verdana;
	font-size:8pt;
	margin-top:25px;
	width:234px; /*224*/
	color: White;
}

.Body .Right H1 {
	font-size: 12.5pt;
}

.Right.Frontpage {
	width: 122px;
}

.Right .Caption {
	font-size: 7pt;
	color: White;
}

.Right IMG + .Caption {
	display: block;
	margin-bottom: 12px;
}


/*
	+------------+
	|            |
	+------------+
	|            |
	|            |
	|            |
	+------------+
	|XXXXXXXXXXXX|
	+------------+
*/
.Footer {
	background-image: url('../Images/Footer Background.png');
	
	clear: both;
	margin-top: 10px;	
	height: 44px;
	width: 1024px;
	text-align: left;
	
	color: White;
	font-size: 7pt;
	font-family: "Verdana";
	text-transform: uppercase;
}

.Footer .Left, .Footer .Right {
	margin-top: 10px;
}

.Footer .Left {
	margin-left: 180px;
	float: left;
}

.Footer .Right {
	margin-right: 8px;
	float: right;
}

/* GENERIC FIXES */
A IMG {
	border: 0px;
}

DIV {
	display: block;
}