body
{
	margin: 0px;
	font-family: Verdana;
	font-size: 11px;
	background-color: #c8c8c8;
	color: #231f20;
	background-image: url(/_images/gui/bg_gr.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
form > div
{
	display: none;
}
#page
{
	display: block !important;
	width: 900px;
	margin: 0px auto 0px auto;
	background-color: white;
	background-image: url(/_images/gui/gr_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow: auto;
}

.news_box
{
	height: 17px;
	width: 140px;
	border: 1px solid #d2d2d2;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	font-family: verdana;
	font-size: 11px;
}
.search
{
	display: block;
	margin-top: -1em;
}
.search INPUT
{
	height: 17px;
	width: 140px;
	border: 1px solid #d2d2d2;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	font-family: verdana;
	font-size: 11px;
}
.searchButton
{
	background: transparent url(/_images/gui/search_but.jpg) no-repeat center top;
	width: 20px !important;
	height: 21px !important;
	margin: 0 !important; 
	padding: 0 !important; 
	border: 0 !important; 
	text-indent: -1000em; 
	cursor: pointer; /* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */ 
	right: 0px;
	position: relative;
	top: 15px;
}
FORM
{
	margin: 0;
	padding: 0;
	border: none;
}

INPUT.button, BUTTON, INPUT.ContinueShoppingButton, INPUT.CheckoutNowButton, INPUT.CartDeleteButton, INPUT.UpdateCartButton
{
	border: solid 1px #d2d2d2;
	background: #ebebeb url('/_images/gui/button_background.png') repeat-x;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
}

#logo
{
	height: 99px;
	width: 900px;
}

a:link
{
	font-weight: bold;
	color: #231f20;
	text-decoration: underline;
}
a:visited
{
	font-weight: bold;
	color: #231f20;
	text-decoration: underline;
}
a:hover
{
	font-weight: bold;
	color: #8b8889;
	text-decoration: none;
}

a.U1:link, a.U1_h:link
{
	text-decoration: none;
	margin: 0px;
	color: #231f20;
	font-weight: bold;
	margin-left: 12px;
}
a.U1:visited, a.U1_h:visited
{
	text-decoration: none;
	margin: 0px;
	color: #231f20;
	font-weight: bold;
	margin-left: 12px;
}
a.U1:hover, a.U1_h:hover
{
	color: #8b8889;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	margin-left: 12px;
}

p.utility
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 3px;
}

#G1
{
	margin-bottom: 0;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 7px;
	width: 185px;
	background-image: url(/_images/gui/bg_box.jpg);
	background-repeat: repeat-y;
}

#G2
{
	line-height: 17px;
	margin-top: 5px;
}

ul.G1, ul.G2, ul.G3
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li.G1, li.G1_h
{
	padding-bottom: 9px;
	padding-top: 9px;
	border-bottom: 1px solid #e0e0e0;
}

A.G2, A.G2_h
{
	display: block;
}
a.G2:link, a.G2_h:link
{
	color: #231f20;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.G2:visited, a.G2_h:visited
{
	color: #231f20;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.G2:hover, a.G2_h:hover, a.G2:active, a.G2_h:active
{
	color: #8b8889;
	font-size: 11px;
	text-decoration: none;
	padding-left: 8px;
	background-image: url(/_images/gui/bulet.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
}
A.G3, A.G3_h
{
	display: block;
	margin-left: 8px;
}

a.G3:link, a.G3_h:link
{
	color: #231f20;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
a.G3:visited, a.G3_h:visited
{
	color: #231f20;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
a.G3:hover, a.G3_h:hover, a.G3:active, a.G3_h:active
{
	color: #8b8889;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
.G4
{
    list-style:none;
	margin:0px;
	padding:0px;
}

A.G4, A.G4_h
{
	display: block;
	margin-left: 8px;
	padding-left: 8px;
}

a.G4:link, a.G4_h:link
{
	color: #231f20;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 8px;
}
a.G4:visited, a.G4_h:visited
{
	color: #231f20;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 8px;
}
a.G4:hover, a.G4_h:hover, a.G4:active, a.G4_h:active
{
	color: #8b8889;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 8px;
}

.offer
{
	margin-bottom: 7px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 7px;
	width: 185px;
	background-image: url(/_images/gui/bg_box.jpg);
	background-repeat: repeat;
}

.login_input
{
	height: 14px;
	width: 151px;
	border: 1px solid #d2d2d2;
	font-family: verdana;
	font-size: 10px;
	margin-bottom: 10px;
}

#login
{
	background-image: url(/_images/gui/log_but.jpg);
	background-repeat: no-repeat;
	width: 63px;
	height: 20px;
	margin-left: 15px;
	padding-top: 3px;
}

a.button:link
{
	text-decoration: none;
	color: #231f20;
	font-weight: bold;
	margin-left: 18px;
}
a.button:visited
{
	text-decoration: none;
	color: #231f20;
	font-weight: bold;
	margin-left: 18px;
}
a.button:hover
{
	color: #8b8889;
	text-decoration: none;
	font-weight: bold;
	margin-left: 18px;
}

#register
{
	background-image: url(/_images/gui/register.jpg);
	background-repeat: no-repeat;
	width: 88px;
	height: 20px;
	margin-left: 15px;
	margin-top: 10px;
	padding-top: 3px;
}

#bottom
{
	width: 900px;
	height: 45px;
	background-image: url(/_images/gui/bottom.jpg);
	background-repeat: repeat-x;
	float: left;
}

a.spider:link
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.spider:visited
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
a.spider:hover
{
	color: #8b8889;
	text-decoration: none;
	font-weight: normal;
}

TD.gridProduct
{
	width: 230px;
	border: 1px solid #d2d2d2;
}
TD.gridProduct H1
{
	display: block;
	margin: 0;
	width: 216px;
	font-weight: bold;
	background-image: url('/_images/gui/heading_gr.jpg');
	background-repeat: repeat-x;
	padding: 4px 7px 4px 7px;
	background-position: bottom;
	background-color: #514d4f;
	text-align: left;
	height:22px;
}
TD.gridProduct H1 A
{
	color: white;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
}
TD.gridProduct P
{
	float: right;
	padding: 21px 7px 0px 0px;
	width: 129px;
}
DIV.gridProductImage
{
	float: left;
	padding: 7px 7px 0px 7px;
	width: 80px;
}
DIV.gridProductPrice
{
	padding: 7px 7px 7px 7px;
	float: left;
	font-weight: bold;
	width: 150px;
	text-align:left;
}
A.gridProductViewLink
{
	float: right;
	padding: 7px;
	width: 52px;
	height: 20px;
}
.SectionTitle
{
	font-size: 11px;
	line-height: 20px;
}

/* product page WIP */
TD.variants
{
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	font-weight: bold;
	width: 188px;
}
DIV.variant
{
	float: left;
	border-bottom: 1px solid #d2d2d2;
	width: 188px;
}
DIV.variantName
{
	width: 105px;
	padding: 3px 0px 7px 3px;
	float: left;
}
DIV.variantPrice
{
	width: 70px;
	padding: 8px 0px 2px 10px;
	float: right;
}

TD.quantity
{
	border-right: 1px solid #d2d2d2;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #d2d2d2;
	width: 119px;
}
INPUT.quantity
{
	height: 15px;
	width: 50px;
	border: 1px solid #d2d2d2;
	font-family: verdana;
	font-size: 11px;
}
TD.quantity SELECT
{
	margin-top: 10px;
	font-size: 11px;
	font-family: verdana;
	width: 120px;
}
TD.addToCart
{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	width: 109px;
}

.priced_heading
{
	clear: both;
	font-weight: bold;
	width: 440px;
	color: white;
	background-image: url('/_images/gui/heading_gr.jpg');
	background-repeat: repeat-x;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	height: 25px;
}

.big_box
{
	display: table;
	width: 460px;
	margin: 10px 21px 10px 21px;
}

.paint_sample
{
	width: 115px;
	padding: 1px;
	border: 1px solid #c7c7c7;
	margin-top: 10px;
}
a.paints:link, a.paints:visited
{
	font-weight: normal;
	color: #231f20;
	text-decoration: none;
}
a.paints:hover
{
	font-weight: normal;
	color: #8b8889;
	text-decoration: underline;
}