﻿body
{
	margin: 0px;
	vertical-align: middle;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: 0px;
}

Form
{
	margin: 0px;
	padding: 0px;
}


#master_page
{
	margin: auto auto auto auto;
	width: 944px;
	background-color: #f2f2f2;
	display: block;
	border: none;
}

#content
{
	width: 100%;
	height: 100%;
}

#splitterPlace
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 706px; 
	height: 420px; 
	border-collapse: collapse; 
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	vertical-align: middle;
}

#contentTable
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	border-collapse: collapse; 
	margin: 0px; 
	padding: 0px; 
	visibility: hidden;
	width: 704px; 
	height: 420px;
}

#divContent
{
	width: 704px; 
	height: 420px; 
	border-collapse: collapse; 
	position: relative;
}

#slidecontainer
{
	margin: 0px; 
	padding: 0px; 
	border-collapse: collapse; 
	width: 704px; 
	height: 420px;
}

#philosophyContainer
{
	margin: 0px; 
	padding: 0px; 
	border-collapse: collapse; 
	width: 704px; 
}

TD.progressCell
{
	width: 104px; 
	border-collapse: collapse; 
	margin: 0px; 
	padding: 0px; 
	text-align: center;
	vertical-align: middle;
}

TD.VSeparator
{
	border: none;
	margin: 0px;
	padding: 0px;
	width: 20px;
}

TD.HSeparator
{
	border: none;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 100%;
}

TD.Content
{
	/*border: solid 1px Black;*/
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 704px; 
	height: 410px; 
	border-collapse: collapse; 
	position: relative;
	font-family: Georgia;
}

TD.HeaderLeft
{
	width: 150px;
	height: 125px;
	margin-bottom: 10px;
	background-color:Black;
	color: #f2f2f2;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}

TD.Middle
{
	border-collapse: collapse; 
	border: none;
	width: 220px;
	height: 410px;
	text-align: left;
	vertical-align: top;
	background-color: Black;
}

DIV.Middle
{
	background-color:Black;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: #f2f2f2;
}

TD.Menu
{
	margin: 0px;
	padding: 0px;
	height: 80px;
	border: solid 1px Black;
}
TD.HeaderTop
{
	border: solid 1px Black;
	height: 30px;
	background-color: Black;
	background-position: left;
	color: #f2f2f2;
	padding-left: 10px;
	text-align: right;
	vertical-align: bottom;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
}

/*menu items*/

TD.MenuItem
{
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 20px;
	border-collapse: collapse;
}

A.Menu
{
	margin: 0px;
	padding: 0px;
	/*width: 220px;
	height: 30px;*/
	border-collapse: collapse;
	background-color: Black;
	
}


TD.ProductThumbnail
{
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 107px;
	text-align: center;
	border-bottom: #000000 1px solid;
}

TD.ProductDetails
{
	margin: 0px; 
	padding: 0px;
	vertical-align: top; 
	width: 410px;
}

TD.ProductsSection
{
	margin: 0px; 
	padding: 0px; 
	vertical-align: top;
}

IMG.products
{
	cursor: pointer;
}

A.pageResults
{
  margin-top: 5px;
  color: Black;
  font-style: normal;
  font-weight: bold;
}

A.pageResult:hover
{
  margin-top: 5px;
  color: Black;
  font-style: normal;
  font-weight: bold;		
}

A.pageResult:visited
{
  margin-top: 5px;
  color: Black;
  font-style: normal;
  font-weight: bold;
}

img.products { float: left; cursor:  pointer; }
div.cart { border: 1px dashed rgb(255, 255, 255); padding: 8px; clear: both; width: 288px; height: 100px; background-image: url(images/BAG-WEB.png); background-position: right bottom; background-repeat: no-repeat; color: rgb(204, 204, 204); font-size: 16px; font-weight: bold; text-align: right; }
span.title { margin: 0pt; padding: 10px 0pt 0pt; font-size: 12px; color: rgb(68, 68, 68); font-weight: normal; }
div#wastebin { border: 1px dashed rgb(255, 255, 255); padding: 8px; width: 288px; margin-top: 8px; height: 30px; color: rgb(204, 204, 204); font-family: Georgia; font-size: 10pt; font-weight: bold; text-align: center; background-image: url(images/TRASH.png); background-position: right bottom; background-repeat: no-repeat; }
div.cart img { float: left; width: 60px; height: 60px; margin-right: 10px; }
div.cart div {   clear: left;color: rgb(204, 204, 204); font-family: Georgia; font-size: 10pt; font-weight: bold; text-align: center; }
div.cart-active { border: 1px dashed rgb(136, 136, 136); }
div.wastebin-active { border: 1px dashed rgb(136, 136, 136); }

p#ProductDescription { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; }
p#ProductName { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; }
p#ProductModel { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; }
p#ProductPrice { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; }
p#ShoppingCartHeader { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; font-weight: bold; }
div#categoryDescription { margin: 0px; padding-top: 1px; padding-right: 1px; font-family: Georgia; font-size: 10pt; font-weight: bold; }

/* For sortable list demo */
#list { margin: 10px 0pt 0pt; padding: 0pt; list-style-type: none; width: 250px; }
#list li { border: 1px solid rgb(136, 136, 136); margin: 0pt 0pt 4px; padding: 5px; cursor: move; }

/*Cart display styles*/

TABLE.cartDetails
{
	width: 100%;
	border: #000000 1px solid;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

TR.cartHeader
{
	height: 20px;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-weight: bold;
	color: black;
	letter-spacing: normal;
	background-color: Black;
	color: #fdfdfd;
}

TD.cartHeaderItem
{
	width: 50px;
}

TD.cartHeaderDescription
{
	width: 100%;
}

TD.cartHeaderPrice
{
	width: 40px;
	text-align: right;
}

TR.cartRow
{
	border-bottom: #000000 1px solid;
}

TD.cartRowItem
{
	vertical-align: top;
	text-align: left;
	border-bottom: #000000 1px solid;
}

TD.cartRowDescription
{
	vertical-align: bottom;
	text-align: left;
	border-bottom: #000000 1px solid;
}

TD.cartRowPrice
{
	vertical-align: bottom;
	text-align: right;
	border-bottom: #000000 1px solid;
}

TR.cartFooter
{
	border-bottom: #000000 1px solid;
	height: 20px;
}

TD.cartFooterTotal
{
	vertical-align: top;
	text-align: right;
}

TD.cartFooterTotalPrice
{
	vertical-align: bottom;
	text-align: right;
}

DIV.helpDiv
{
	font-family: Verdana;
	font-size: 12px;
	color: #fdfdfd;
	vertical-align: top;
	text-align: left;
	padding-left: 30px;
	padding-top: 30px;
}

A.helpLink
{
	color: #fdfdfd;
	font-family: Verdana;
	font-size: 10px;
	
}

A.helpLink : visited
{
	color: #fdfdfd;
	font-family: Verdana;
	font-size: 12px;
	
}

/*#menuPh
{
	width: 220px;
	height: 30px;
	background-image: url(MenuImg/philosophy.jpg);
}

#menuPh:hover
{
	width: 220px;
	height: 30px;
	background-image: url(MenuImg/philosophy_sel.jpg);
}*/
