/*

	Elkedjan

    Specific CSS styles for the public website.

*/


/*  General
--------------------------------------------------*/



/*  Structure
--------------------------------------------------*/



/*  Regions
--------------------------------------------------*/

#ep_topregion	{clear: both; margin-bottom: 15px;}
#ep_mainregion	{float: left; width: 485px;}
#ep_rightregion	{float: left; padding-left: 15px; width: 230px; background: url(../images/vertical-divider.gif) left top repeat-y;}


/*  Design / head
--------------------------------------------------*/

#head div.slogan	{float: right; margin-right:10px;}

/*  Design / leftmenu
--------------------------------------------------*/

#ep_leftregion #leftmenu    {width: 155px; background: url(/images/horizontal-divider.gif) left bottom repeat-x;}
#ep_leftregion #leftmenu *  {font-size: 11px; color: #333;}
#ep_leftregion #leftmenu a  {text-decoration: none;}
#ep_leftregion #leftmenu a:hover    {text-decoration: underline;}

#ep_leftregion #leftmenu div.menuitem_level1    {padding: 6px 0 6px 10px; width: 145px; background: url(/images/menu-divider-arrow.gif) left top repeat-x;}
#ep_leftregion #leftmenu div.menuitem_level1 a  {font-weight: bold;}
#ep_leftregion #leftmenu div.menuitem_level2    {padding: 6px 0 6px 9px;}
#ep_leftregion #leftmenu div.menuitem_level2 a  {font-weight: normal; background: none; text-decoration: none;}
#ep_leftregion #leftmenu div.menuitem_level3    {padding: 6px 0 6px 22px;}
#ep_leftregion #leftmenu div.menuitem_level3 a  {font-weight: normal; background: none; text-decoration: none;}

#ep_leftregion #leftmenu div.menuitem_current a  {color: #E31D25;}

.products #ep_leftregion #leftmenu a:hover    {text-decoration: underline;}

.products #ep_leftregion #leftmenu div.menuitem_level1    {padding: 6px 0 6px 12px; width: 155px; background: url(/images/products/productmenu_level1_bg.gif) left bottom no-repeat;}
.products #ep_leftregion #leftmenu div.menuitem_level1 a    {padding: 0; font-size: 14px; font-weight: bold; color: #E31D25; background: none;}
.products #ep_leftregion #leftmenu div.expanded {padding-left: 15px; background: url(/images/products/productmenu_level1_expbg.gif) left bottom no-repeat;}

.products #ep_leftregion #leftmenu div.menuitem_level2    {padding: 6px 0 6px 8px; background: url(/images/leftmenu-arrow.gif) 0 10px no-repeat;}
.products #ep_leftregion #leftmenu div.menuitem_level2 a  {margin-left: 1px; font-weight: bold; text-decoration: none;}
.products #ep_leftregion #leftmenu div.menuitem_current {background: none;}

.products #ep_leftregion #leftmenu div.menuitem_level3    {padding: 6px 0 6px 10px;}

/*  Design / startsida
--------------------------------------------------*/

#home_left	{ float: left; overflow: hidden; width: 175px; }
#home_right	{ float: left; width: 740px; }

.front_page_display 	{ margin-bottom: 3px; padding-bottom: 25px; background: url(images/front_page_display_border.gif) 11px bottom no-repeat; }
.front_page_display ul	{ margin-left: 8px; }
.front_page_display ul li	{ float: left; overflow: hidden; margin: 0px 0px 0px 13px; _margin: 0px 0px 0px 10px; width: 170px; height: 170px; }

.front_page_banner	{ float: left; overflow: hidden; margin-left: 10px; padding: 6px 10px 4px 10px; width: 340px; _width: 335px; height: 86px; background: url(images/front_page_banner_border.gif) left top repeat-y; }
.front_page_banner div.image	{ float: left; width: 95px; }
.front_page_banner div.content	{ float: left; width: 245px; _width: 240px; }
.front_page_banner img.puff_bild	{ float: left; margin-right: 10px; width: 85px; height: 85px; }
.front_page_banner h2	{ margin: 0px 0px 5px 0px; padding-top: 15px; }
.front_page_banner h2, 
.front_page_banner h2 a	{ font-size: 12px; text-decoration: none; color:#E31D25; }
.front_page_banner p	{ margin: 0px; line-height: 13px; }

#ep_productmenu {}
#ep_productmenu ul  {list-style-type: none; margin: 0; padding: 0;}
#ep_productmenu li  {padding: 4px 5px 6px 2px; background: url(/images/horizontal-divider.gif) left bottom repeat-x;}
#ep_productmenu div {padding-left: 12px; background: url(/images/products/productmenu-bullet.gif) 0 4px no-repeat;}
#ep_productmenu a   {padding: 0; font-size: 14px; font-weight: bold; color: #E31D25; background: transparent; text-decoration: none;}
#ep_productmenu a:hover {text-decoration: underline;}

#home_left div.storefinder	{ margin-top: 25px; padding-top: 1px; background: url(/images/horizontal-divider.gif) left top repeat-x; }
#home_left div.storefinder select {width: 170px;}
#home_left div.storefinder p	{ width: 180px; }

#productsearch    { margin: 15px 0px 0px 0px; }
#productsearch .field {margin-right: 5px; width: 100px; font-size: 10px;}
#productsearch a  {padding: 0; color: #999; font-size: 10px; font-weight: bold; background: none; text-decoration: none;}
#productsearch a:hover    {text-decoration: underline;}

#leftbanners	{ margin: 25px 0 10px 0; width: 170px; text-align: center; }
#leftbanners img	{ border: 0; }


/*  Design / Produkter, gemensamt
--------------------------------------------------*/

#ep_topregion div.proguctgroupbanner    {background: #e2001a url(/images/products/productgroup-banner-rightbg.gif) top right no-repeat;}
#ep_topregion div.productgroupbanner div.image  {width: 172px; height: 160px;}
#ep_topregion div.productgroupbanner div.text   {float: left; padding: 10px 15px;}
#ep_topregion div.productgroupbanner div.text h3    {font-size: 16px; color: #fff;}
#ep_topregion div.productgroupbanner div.text p {color: #fff;}

div.products-paging {}
div.products-paging *   {font-size: 11px; color: #E31D25; font-weight: bold;}
div.products-paging ul  {float: right; list-style-type: none; margin: 0; padding: 0;}
div.products-paging li  {float: left; margin: 0 3px;}

/*div.products-paging li span {text-decoration: underline;}*/
div.products-paging li span { color: #000; }
div.products-paging li a {text-decoration: underline; color: #E31D25; }

div.products-paging li.label *    {color: #000; text-decoration: none;}
div.products-paging a   {display: block; color: #000; text-decoration: none;}
div.products-paging a:hover {text-decoration: underline;}

a.products-backlink {padding-left: 13px; color: #000; font-weight: bold; background: url(/images/products/paging-left.gif) top left no-repeat; text-decoration: none;}
a.products-backlink:hover   {text-decoration: underline;}

table.producttable  {margin: 20px 0; border: 0;}
table.producttable td   {width: 232px; text-align: center; vertical-align: top;}
table.producttable td.left  {padding: 15px 14px 14px 14px; background: url(/images/products/producttable-leftbg.gif) right bottom no-repeat;}
table.producttable td.middle {padding: 15px 14px 14px 14px; background: url(/images/products/producttable-middlebg.gif) left bottom repeat-x;}
table.producttable td.right {padding: 15px 6px 14px 8px; background: url(/images/products/producttable-rightbg.gif) left bottom repeat-x;}
table.producttable td p.image   {margin: 0; height: 120px;}
table.producttable td p.info    {margin-top: 10px; width: 200px; text-align: left; font-size: 11px; line-height: 16px;}
table.producttable td p.info a  {font-weight: bold; font-size: 11px; color: #000; text-decoration: none;}
table.producttable td p.info a:hover    {text-decoration: underline;}
table.producttable td p.price   {margin-top: 5px; width: 200px; text-align: left;}
table.producttable td p.price img    {vertical-align: middle;}

div.producttabledivider  {margin-top: 30px; padding-top: 1px; background: url(/images/products/producttable-divider.gif) left top repeat-x;}


/*  Design / Produktsida
--------------------------------------------------*/

div.productpage {margin-top: 25px;}
div.productpage div.left    {float: left; width: 360px;}
div.productpage div.right   {float: left; margin-left: 40px; width: 300px;}

#productpage h1	{ font-weight: bold; margin: 0px 0px 20px 0px; font-size: 14px; color: #E31D25; }
#productpage .heading2	{ font-weight: bold; margin: 10px 0px 0px 0px; font-size: 12px; color: #808080; text-transform: none; }
#productpage p	{ margin: 7px 0px 15px 0px; }
#productpage .price p	{ margin: 5px 0px; }
#productpage .price_left	{ float: left; margin-right: 40px; }
#productpage .price_right	{ float: left; padding-top: 2px; }



/*  Design / Hitta butik och installatörer
--------------------------------------------------*/

#ep_mainregion div.findelkedjan-resultitem   {margin-top: 25px;}
#ep_mainregion div.findelkedjan-resultitem h3    {margin-bottom: 10px; font-size: 13px; color: #000; padding-left: 75px; background: url(/images/elkedjan-logo-xsmall.gif) left top no-repeat;}
#ep_mainregion div.findelkedjan-resultitem ul    {list-style-type: none; margin: 7px 0 3px 0;}
#ep_mainregion div.findelkedjan-resultitem li    {float: left; margin-right: 4px;}
#ep_mainregion div.findelkedjan-resultitem table {border: 0; clear: both;}
#ep_mainregion div.findelkedjan-resultitem td    {vertical-align: top; font-size: 11px; line-height: 16px;}
#ep_mainregion div.findelkedjan-resultitem td.label {font-weight: bold; padding-right: 15px;}
#ep_mainregion a    {color: #000;}

#ep_rightregion div.findelkedjan    {margin-bottom: 20px; padding: 0 10px 20px 10px; background: url(/images/horizontal-divider.gif) left bottom repeat-x;}
#ep_rightregion div.findelkedjan select {margin-top: 10px; width: 200px;}
#ep_rightregion div.findelkedjan p  {margin: 10px 0; width: 190px;}

#ep_rightregion div.findelkedjan-map {text-align: center;}
#ep_rightregion div.findelkedjan-map img    {border: 0;}

#ep_rightregion div.symbols {margin-top: 20px; padding: 20px 10px 10px 10px; background: url(/images/horizontal-divider.gif) left top repeat-x;}
#ep_rightregion div.symbols h3  {color: #000; font-size: 13px;}
#ep_rightregion div.symbols ul  {list-style-type: none; margin-top: 15px; width: 181px;}
#ep_rightregion div.symbols ul li   {margin-top: 5px; height: 41px;}
#ep_rightregion div.symbols ul li span  {float: right; margin-top: 12px; width: 120px; font-size: 11px; font-weight: bold;}



/* Medlemssajter
--------------------------------------------------*/

.store_left_region_symbols	{ margin: 0px; padding: 0px; }
.store_left_region_symbols h3	{ margin: 0px }
.store_left_region_symbols ul	{ margin: 10px 0px; padding: 0px 0px 0px 5px; width: 145px; list-style-type: none; }
.store_left_region_symbols li	{ margin: 5px 0px 0px 0px; height: 41px; }
.store_left_region_symbols li span  {float: right; margin-top: 12px; width: 85px; font-size: 11px; font-weight: bold;}

.store_right_column_content	{ margin: 0px; padding: 15px 0px 0px 0px; background: url(/images/horizontal-divider.gif) left top repeat-x; }
.store_right_column_content.first	{ padding-top: 0px; background: none; }
.store_right_column_content h3	{ margin: 0px 0px 10px 0px; }

.storeiconlist li	{ margin-top: 5px; padding-top: 13px; height: 28px; overflow: hidden; font-weight: bold; }
.storeiconlist img	{ float: left; margin-top: -13px; margin-right: 13px; }



/*  Design / other
--------------------------------------------------*/

div.banner  {}
div.banner p    {margin: 0;}
div.banner img  {border: 0;}

p.bold   {font-weight: bold; color: #E31D25;}
div.red-bold   {font-weight: bold; color: #E31D25; font-size: 11px;}

a img   {border: 0;}
#form   {margin-top: 25px;}
#form, #form *  {font-size: 11px;}
.rightpadding   {padding-right: 15px;}
.productreservation {margin: 15px 0 5px 0; font-size: 10px; font-style: italic; color: #999; border: 1px solid white;}

/*
#sitemap_container	{ margin-bottom: 20px; }
#sitemap_container a	{ font-size: 11px; }
#sitemap_container img	{ width: 15px; visibility: hidden; }
#sitemap_container td	{ padding: 2px 0px; }
*/

#sitemap_container ul { margin-left: 0; }
#sitemap_container ul ul { margin-left: 20px; }
#sitemap_container li { display: block; list-style-type: none;  padding-top: 10px; }


/*  Stores
--------------------------------------------------*/

#openhours h3, 
#contactdetails	h3	{ margin-bottom: 15px; }

#openhours p, 
#contactdetails p	{ line-height: 20px; }

#openhours	{ margin-bottom: 15px; padding-bottom: 5px; background: url(/images/horizontal-divider.gif) left bottom repeat-x; }



div.NoOfProducts
{
	float: right; 
margin-top: 5px; 
font-size: 11px; 
	
	}