/*	GENERAL STYLES AND UNIVERSAL RESET
-------------------------------------------------------------------------- */

*	{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}
img, table	{border: 0;}
body {width: 625px; background-color: #fff;}


/*	STRUCTURE
-------------------------------------------------------------------------- */

#Head	{}
#Main	{float: left; width: 625px; margin: 0; overflow: hidden;}
#Right	{float: right; width: 200px;}
#Mainmenu	{height: 28px; _height: 32px; margin-bottom: 5px; border: 2px solid #fe9a32; background: #fe9a32 url(../images/Mainmenu_background.gif) repeat-x;}
#Submenu	{height: 25px; background: #fff; border-bottom: 1px solid #e5e5e5;}
#Content	{width: 595px; padding: 15px 25px 0 0; background: #fff; line-height: 16px;}
#Foot	{width: 640px; margin: 15px 0; color: #888;}

#LeftContent	{float: left; width: 170px; margin: -5px 0 0 -15px;}
#MainContent	{float: right; width: 400px;}
#FullContent	{width: 595px;}


/*	REGION SPECIFIC STYLES
-------------------------------------------------------------------------- */

/*	a)	Head	*/

#Head div.ChooseLanguage	{float: right; margin: 1px 0;}
#Head div.ChooseLanguage ul	{list-style-type: none;}
#Head div.ChooseLanguage li	{float: left; margin-bottom: 5px;}
#Head div.ChooseLanguage li.Label	{float: left; margin: 0 8px 0 5px; color: #666;}


/*	b)	Mainmenu	*/

#Mainmenu ul	{margin-top: 6px; list-style-type: none;}
#Mainmenu li	{float: left; margin: 0 5px 0 15px; _margin: 0 12px 0 8px;}


/*	c)	Submenu	*/

#Submenu ul	{list-style-type: none; margin: 0; padding: 0;}
#Submenu li	{float: left; margin: 0 15px 0 0;}
#Submenu a.active	{font-weight: bold;}


/*	d)	Content	*/

#Content table.Content	{width: 595px; min-height: 370px; _height: 370px;}
#Content table.Content td	{vertical-align: top;}
#Content .Colorless	{color: #333;}


/*	e)	Leftcontent	*/

#LeftContent ul	{list-style-type: none; margin-left: 15px;}
#LeftContent li	{margin-top: 5px;}
#LeftContent a:visited	{color: #999;}


/*	f)	Maincontent	*/

#MainContent p	{margin-top:  15px; line-height: 16px;}
#MainContent ul	{margin: 15px 0 0 15px;}
#MainContent li	{margin-top: 5px;}
#MainContent a:visited	{color: #999;}
#MainContent a:visited *	{color: #999;}


/*	g)	Shop	*/

table.GroupProducts	{width: 400px;}
table.GroupProducts td	{padding-top: 25px; width: 200px; text-align: center;}
table.GroupProducts td img	{margin-bottom: 5px;}
input.SearchField	{margin-bottom: 10px; width: 250px;}
input.SearchButton	{margin-bottom: 10px;}
label.SearchType	{margin: 0 15px 0 5px;}
ol.SearchList	{margin-left: 30px;}
ol.SearchList li	{margin: 15px 0 0 0;}
th	{text-align: left; padding-bottom: 7px;}
table.Pricelist	{margin-bottom: 15px ;}
table.Pricelist td	{padding-right: 15px;}
input.Button-MarginTop	{margin-top: 15px;}
input.Button-MarginLeft	{margin-left: 10px;}
img.main {float: left; margin-right: 4px;}

div.ProductLeftColumn	{float: left; margin: 10px 0 20px 0; width: 140px; text-align: center; clear: left;}
div.ProductMainColumn	{float: right; margin-top: 10px; width: 230px;}
table.ProductData	{margin: 0 0 5px 0; width: 230px; background: #fff;}
table.ProductData th	{text-align: left;}
table.ProductData td.Highlight	{background: #CAE3F4;}
ul.ProductSubmenu	{margin-left: 19px; list-style-type: none;}
div.ProductSection	{height: 5px;}
img.ProductBullet	{width: 10px; height: 10px; margin-right: 9px;}


	/*	1)	Product page	*/
	
	#content-container div.text	{float: left; margin-right: 20px; width: 240px;}
	#content-container table	{background: #E9E6D3;}
	#content-container td	{padding: 4px 6px; background: #fff;}
	#content-container div.image	{float: left; width: 140px;}

	.buy	{clear: both; margin-top: 20px; padding: 10px 15px; background: #F7F6EF; border: 1px solid #E9E6D3;}

	.price_info	{float: left; padding-right: 15px; border-right: 1px solid #E9E6D3;}
	.price_info label	{float: left; display: block; width: 40px; font-weight: bold;}
	.price_info .field	{width: 40px;}
	.price_info div	{line-height: 19px; clear: both;}
	.price_info div.section	{margin-bottom: 5px;}
	
	.add_to_cart	{float: left; margin-left: -1px; padding-left: 15px; border-left: 1px solid #E9E6D3;}
	.add_to_cart label	{float: left; display: block; width: 50px; font-weight: bold;}
	.add_to_cart .field	{width: 40px;}
	.add_to_cart div	{line-height: 19px; clear: both;}
	.add_to_cart div.section	{margin-bottom: 5px;}
	.button_add_to_cart	{margin-top: 5px; width: 100px; height: 23px;}
	
	div.favorites	{clear: both; padding-top: 20px;}
	div.favorites a	{padding-left: 20px; background: url(images/add_favorite_bullet.gif) no-repeat;}
	
	/*	2)	Product group page	*/
	
	#MainContent ul.grouplisting 				{margin-left: 0px;}
	#MainContent ul.grouplisting li				{display: inline; list-style-type: none;}
	#MainContent ul.grouplisting li span 		{float: left; width: 80px; margin-right: 15px; margin-bottom: 15px; text-align: center}
	#MainContent ul.grouplisting li span img	{margin-bottom: 5px;}
	
	#MainContent select.product-options			{width: 80px;}
	#MainContent div.buy table tr th			{padding-right: 5px;}
	#MainContent div.buy table tr td			{padding-right: 5px; line-height: 23px;}
	
	/*	3)	Cart	*/
	table.List	{margin-top: 20px;}
	table.List th	{padding: 0 5px 5px 0;}
	table.List td	{padding: 5px 5px 0 0;}
	
	
	/*	4)	Search	*/
	ol	{margin: 10px 0 0 20px;}
	

/*	COMMON STYLES
-------------------------------------------------------------------------- */

/*	a)	Headings	*/

h1, .heading1, h1 *	{font-size: 18px; font-weight: normal; margin-bottom: 12px;}
h2, .heading2, h2 *	{margin-bottom: 8px; clear: left; font-size: 14px; font-weight: bold;}
h3, .heading3, h3 *	{font-size: 11px; margin-bottom: 5px;}


/*	b)	Links	*/

a, #Mainmenu a:hover, #Submenu a:hover, .ProductShortcuts a:hover, .ProductMenu a:hover	{text-decoration: underline;}
a:hover, #Mainmenu a, #Submenu a, .ProductShortcuts a, .ProductMenu a	{text-decoration: none;}


/*	c)	Other	*/

p, td, div	{line-height: 16px;}
.bold	{font-weight: bold;}
.clear	{clear: both;}

.center	{text-align: center;}
.right 	{text-align: right;}

.green	{color: #ef9400;}
.green *	{color: #ef9400;}

.Error			{display: block; color: #CC0000; margin: 15px 0;}
.Error *		{color: #CC0000;}
.Success		{display: block; color: #009900; margin: 15px 0;}
.Success *		{color: #009900;}

#Popup-Content {padding: 60px 20px 60px; background-color: #FFF; text-align: center; height: 100%;}
#Popup-Content p	{margin-bottom: 1em}



/*	QUICK SEARCH
--------------------------------------------------*/

#quicksearch	{margin-bottom: 15px; text-align: right;}
#quicksearch a	{padding: 2px 0 0 18px; text-decoration: none; background: url(../../images/icon_quicksearch.gif) 0 50% no-repeat; font-weight: bold;}
#quicksearch a:hover	{text-decoration: underline; background-image: url(../../images/icon_quicksearch_hover.gif);}

#quicksearchfield	{margin: 0 0 15px 0; padding: 10px 15px; background: #eee; border: 1px solid #e5e5e5; text-align: left;}
#quicksearchfield p	{margin: 0; line-height: 23px;}
#quicksearchfield p.options	{padding-left: 30px;}
#quicksearchfield label.field	{float: left; margin-right: 10px;}
#quicksearchfield input.SearchField	{margin-right: 10px; width: 280px;}
#quicksearchfield input.SearchButton	{width: 40px;}