body {margin-top: 0; color: #686062; background: #F2F2F2 url(/media/images/site/geometric_bg.png) repeat;
}

/* POSITIONING -------------------*/

#container_hpos
	{
	margin-top: 0;
	background-color: transparent;
	/* text-align: center; */
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;	
	}

#container_contentpos    
	{
	background-color: transparent;
	margin-left: -480px;
	position: absolute;
	/* top: -275px; */
	left: 50%;
	width: 960px;
	/* height: 550px; */
	visibility: visible;
	}

.height400    
	{
min-height:400px;
height: auto !important;
height: 400px;
	}


/* GENERIC -------------------*/

.offwhite {background: #F6F6F6;}
.greybg {background: #262727;}

/*  OUTER BACKGROUNDS ---------------------- */

.darkgrey_outer_bg {
	background: #626262 url(../images/outer_bgs/darkgrey_outer_bg.png) repeat-x 0 0;
}

/*  CONTENT BACKGROUNDS ---------------------- */

.content_top_darkgrey {
	background: transparent url(../images/generic_content_bgs/darkgrey_content_bg.png) repeat-x 0 0;
	height: auto;
}

/*  TOP MARGIN ---------------------- */

.topmargin10{margin-top: 10px;}
.topmargin20{margin-top: 20px;}
.topmargin30{margin-top: 30px;}
.topmargin40{margin-top: 40px;}
.topmargin50{margin-top: 50px;}

/*  RIGHT MARGIN ---------------------- */

.rightmargin10{margin-right: 10px;}
.rightmargin20{margin-right: 20px;}

/*  BTM MARGIN ---------------------- */

.btmmargin10{margin-bottom: 10px;}
.btmmargin20{margin-bottom: 20px;}
.btmmargin30{margin-bottom: 30px;}
.btmmargin40{margin-bottom: 40px;}
.btmmargin50{margin-bottom: 50px;}

/*  TOP PADDING ---------------------- */

.toppad5{padding-top: 5px;}
.toppad10{padding-top: 10px;}
.toppad20{padding-top: 20px;}
.toppad30{padding-top: 30px;}
.toppad40{padding-top: 40px;}
.toppad50{padding-top: 50px;}

/*  BOTTOM PADDING ---------------------- */

.btmpad10{padding-bottom: 10px;}
.btmpad20{padding-bottom: 20px;}
.btmpad30{padding-bottom: 30px;}
.btmpad40{padding-bottom: 40px;}
.btmpad50{padding-bottom: 50px;}

/*  NO PADDING ---------------------- */

.nopad{padding: 0;}

/*  FLOATS ---------------------- */

.floatleft{float: left;}
.floatleft{float: right;}

/*  ALL PADDING ---------------------- */

.allpad5{padding: 5px;}
.allpad10{padding: 10px;}
.allpad20{padding: 20px;}

/*  ALL MARGIN ---------------------- */

.allmargin5{margin: 5px;}
.allmargin10{margin: 10px;}

.allmargin15{margin: 15px;}
.allmargin20{margin: 20px;}


/*  LEFT PADDING ---------------------- */

.leftpad10{padding-left: 10px;}
.leftpad20{padding-left: 20px;}
.leftpad30{padding-left: 30px;}
.leftpad40{padding-left: 40px;}
.leftpad50{padding-left: 50px;}


.debug {
	border: 1px solid red;
}

/* popup links */

div#links_desc a span {display: none;}

div#links_desc a:hover span {display: block;
   position: absolute; top: 120px; left: 500px; height: 300px; width: 400px;
   padding: 10px; margin: 5px; z-index: 100;
   color: #666666; background: #F2F2F2; border: none; text-decoration: none;
   font: 14px/18px arial, sans-serif; text-align: left;}

div#links_desc a:hover, a:visited:hover {color: #411;position: static;}

#cat_desc {display: block;
   position: absolute; top: 120px; left: 500px; height: auto; width: 400px;
   padding: 10px; margin: 5px; z-index: 50;
   color: #666666; background: transparent; border: none; text-decoration: none;
   font: 14px/18px arial, sans-serif; text-align: left;}

#basket_desc {display: block;
   position: absolute; top: 120px; left: 500px; width: 400px;
   padding: 10px; margin: 5px; z-index: 50;
   color: #666666; background: transparent; border: none; text-decoration: none;
   font: 14px/18px arial, sans-serif; text-align: left;}

/* SYSTEM MESSAGE */

#system_message { display: block; width: 600px; float: right; padding: 5px 10px 5px 5px; margin: 0 10px 0 0; z-index: 100;
   color: #FFF; background: #B8176F; border: none; text-decoration: none;
   font: 14px/18px arial, sans-serif; text-align: right;}


.headerbg {
	height: 117px;
	background: transparent url(../images/header/header_bg.gif) no-repeat 0 0;
}

.content_border  {
	border: 10px solid #FFFFFF;
	width: 940px;
	background: #F2F2F2;
	margin: 0;
	padding: 0;
}

.content_border_footer  {
	border-top: 0;
	border-right: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	width: 940px;
	background: #F2F2F2;
	margin: 0;
	padding: 0;
}

.maincontent_bg  {
	background: #F2F2F2 url(../images/generic/maincontent_bg.jpg) no-repeat 0 0;
}

/* SEARCH STYLE */

.text-input {
	width: 20px;
	height: 21px;
	padding: 3px 0 0 0;
	margin: 0;
	color: #666;
	background-color: #FFF;
	border: 0px solid #bbb;
	vertical-align: top;
}

.formtext {
	color: #000;
}

/* -- THUMB NAILS -- */

.thumbnail_100 {
width: 100px;
background-color: #E7E6D4;
border: 1px outset #C5BCB6;
white-space: nowrap;
padding: 0.3em;
margin: 0.5em;
}

a img {
	border: 1px solid #F2F2F2;
}

a:hover img {
	border: 1px solid #B8176F;
}

.thumbnail {
background-color: #E7E6D4;
color : #000000;
border: 1px outset #C5BCB6;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: normal;
padding: 0.3em;
}

a:hover.thumbnail_link {
	border: 1px solid #DB005A;	
	}

/* -- MAIN FOOTER -- */

.footer_bg {
	height: 175px;
	background: transparent url(../images/footer/footer_bg.gif) no-repeat 0 0;
}

.footer_nav_bg {
	height: 35px;
	background: transparent url(../images/footer/footer_nav_bg.gif) no-repeat 0 0;
}

/* -- main navigation -- */

.mainnav_bg {
	height: 37px;
	background: transparent url(../images/mainnav/mainnav_bg.gif) no-repeat 0 0;
}

ul#sitenav							{padding: 0;}
ul#sitenav li						{display:inline; float:right; background: #FFFFFF 0 0; padding: 5px 10px 5px 5px; margin: 0;
}
ul#sitenav li a						{outline:none; height:37px; height: auto !important; margin:0 0 0 0; padding:0 0 0 0; line-height: 14px;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

ul#sitenav li a:hover {color: #B8176F;
}

/* -- sub/footer navigation -- */

#footernav a { color: #D7D7D7; text-decoration: none; font-size: 10px;}
#footernav a:hover { color: #FFF; border-bottom: 1px solid #DB005A;}

ul#footernav						{padding: 3px;}
ul#footernav li						{display:inline; float:left; background: transparent url(../images/mainnav/mainnav_divide.gif) no-repeat right 0; padding:0 10px 0 0;}
ul#footernav li a					{outline:none; height:37px; margin:0 0 0 0; padding:0 0 0 0; line-height: 30px;}