No replies
sindre_haugen
Offline
newbie
Oslo
Last seen: 9 years 1 week ago
Oslo
Timezone: GMT+1
Joined: 2011-02-21
Posts: 1
Points: 2

Hi
We're a small company selling pro audio and ligthning products. We bought this webshop solution called Jetshopmini, where we are able to manage the design via css and script, but we got no controll over the html.
I've been reading up on css and done some changes to make it fit our profile and wishes. But i need some tips on what i can do to take it to the next level. Just want it "to pop" a bit more, so it gets a bit more interresting for the customer.
I also got a ie problem in the header, where the left / rigth bg areas covers the header in ie. (?)

webpage: butikk.cesolutions.no

Here are the css:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;	
}
 
/* CSS FOR BUG WHERE THE POPUP CONTAINERS OCCUPY SPACE AT THE BOTTOM OF THE PAGE */
#ctl00_cip
{
    display: block;
    position: absolute;
    top: 0px;
    left: -200px;
}
 
/* -- GENERAL DEFINITIONS ----------------------------------------------- */
 
body
{
    margin: 0;
    padding: 0;    
    background-image: url(<a href="http://www.newevents.no/shop/image/bg.jpg" rel="nofollow">http://www.newevents.no/shop/image/bg.jpg</a>);
    background-repeat:no-repeat;
    background-position:center top;  
    background-color: #fff;
    color: #008080;
    font-family: Arial;
    font-size: 0.75em;
}
 
h1
{
    font-size: 1.7em;
    font-weight: bold;
    padding: 0px 0 7px;
    border-bottom: 1px solid #000;    
}
 
h2
{
    font-size: 1.2em;
}
 
h3
{
    font-size: 1.1em;
}
 
 
a, a:visited
{
    color: #94bd61;
    text-decoration: none;
}
 
a:hover
{
    text-decoration: underline;
}
 
a:active
{}
 
a img
{
	border: 0px;
}
 
.WaterMark
{
    color: #fff;
}
 
table
{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
}
 
td
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
 
 
/* -- SURROUNDING FRAMEWORK ----------------------------------------------- */
div.OuterWrapper
{}
 
div.TopSpacer
{
    display:none;
}
 
div.TopSpacerInner1, div.TopSpacerInner2
{}
 
table.SitePositioner
{
    width: 100%;
}
 
table.SitePositioner td.LeftSpacer, table.SitePositioner td.SiteWrapper, table.SitePositioner td.RightSpacer
{
    vertical-align: top;
}
 
div.BottomSpacer
{
    padding: 15px 0 70px;
    background: #000;
}
 
div.FooterContentWrapper
{
    background: #000;
    width: 984px;
    margin: 0 auto;
    border-top: 1px solid #90c84b;
    padding: 15px 0 10px;
}
div.BottomSpacerInner1, div.BottomSpacerInner2
{}
 
/* -- FOOTER UPPER -- */
div.FooterArea
{
    clear: both;
    padding: 15px 0;
}
 
div.FooterContentWrapper2
{
    text-align: center;
}
 
div.FooterContentBody2
{}
 
 
/* -- FOOTER LOWER -- */
div.FooterContentWrapper
{
    text-align: center;
}
 
/* -- LEFT & RIGHT AREAS -- */
td.LeftSpacer
{
 
background: url(<a href="http://www.newevents.no/shop/image/lefttop.jpg" rel="nofollow">http://www.newevents.no/shop/image/lefttop.jpg</a>) right top repeat-x;
 
}
 
div.LeftSpacerInner1
{
}
 
div.LeftSpacerInner2, div.LeftSpacerInner3
{}
 
td.RightSpacer
{
     background: url(<a href="http://www.newevents.no/shop/image/lefttop.jpg" rel="nofollow">http://www.newevents.no/shop/image/lefttop.jpg</a>) left top repeat-x;
}
 
div.RightSpacerInner1
{
 
}
 
div.RightSpacerInner2, div.RightSpacerInner3
{}
 
/* -- SITE CONTENT CONTAINERS -- */
td.SiteWrapper
{
    width: 984px;
    background: black;    
}
 
div.SiteWrapper
{
    width: 984px;
    position: relative;
}
 
 
/* -- TOP AREA ----------------------------------------------- */
div.TopArea
{
    background: url(<a href="http://www.newevents.no/shop/image/header.jpg" rel="nofollow">http://www.newevents.no/shop/image/header.jpg</a>)left top repeat-y;
    height: 143px;
}
 
 
/* -- LOGO AREA ----------------------------------------------- */
div.LogoWrapper
{
    float: center;
    height: 143px;
}
 
div.LogoHeader
{
    display:none; 
}
 
div.LogoBody a, div.LogoBody img
{
    display: block;
} 
 
div.LogoFooter
{
    display:none; 
}
 
 
/* -- CART AREA ----------------------------------------------- */
div.CartArea
{
    position: absolute;
    z-index: 50;
    top: 10px;
    right: 0px;
    width: 229px;
    margin:0px;
    padding:10px 10px 10px 10px;
    background: transparent;  
}
 
div.CultureSelectorWrapper
{
    position: absolute;
    top: 116px;
    right: 0px;
    z-index: 60;
}
 
div.CultureSelectorHeader
{
    display: none;
}
 
div.CultureSelectorBody
{
    padding: 0px 8px 0 0;
}
 
 
a.CultureSelectorItem
{
    margin-right: 1px;
    display: block;
    padding: 3px 3px 2px 4px;
    float: left;
    background: url(/App_Themes/AT2/images/custom/culture-selector-item-bg.png) right top no-repeat;    
}
 
a.CultureSelectorItem img
{
    display: block;
}
 
a.CultureSelectorItem:hover
{
    background-position: left top;
}
 
a.CultureSelectorItemSelected
{
    cursor: default;
    background: url(/App_Themes/AT2/images/custom/culture-selector-item-bg.png) left top no-repeat;    
}
 
 
 
div.SmallCartWrapper
{
    position: relative;
}
 
div.SmallCartWrapper *
{
    font-family: Arial;
}
 
div.SmallCartHeader
{
    display:none;
}
 
div.SmallCartHeader h2
{
    margin:0px;
    padding:0px;
    text-transform:uppercase;
}
 
div.SmallCartBody
{
    padding: 0px 0px 0px 0px;
    text-align: left;
}
 
 
 
div.SmallCartItems
{
    float: left;
    font-weight: bold;
    font-size: 0.9em;
    padding-bottom: 3px;
}
 
span.SmallCartItemsValue
{
    margin: 0px 2px 0px 3px;
}
 
div.SmallCartSum
{
    float: right;
    padding: 0 3px 3px 0;
    font-weight: bold;
    font-size: 0.9em;
    white-space: nowrap;    
}
 
span.SmallCartSumLabel
{
    margin-right: 3px;
}
 
div.SmallCartBody .MonthlyCostWrapperCssClass
{
    display: none;
    position: absolute;
    z-index: -1000;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
 
div.CurrencySelectorWrapper
{
    clear: both;
    float: left;
    padding: 5px 0 0;
    width: 104px; 
}
 
div.CurrencySelectorHeader
{
    float: left;
    padding: 2px 3px 0 0;
}
 
div.CurrencySelectorHeader h3
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 0.9em;
}
 
div.CurrencySelectorBody
{
    float: left;
    padding-right: 0px;
}
 
div.CurrencySelectorBody select
{
    font-size: 0.8em;
    margin: 0px;
    padding: 1px;
}
 
div.CurrencySelectorBody div.Spacer
{
    display: none;
}
 
div.CurrencySelectorFooter
{
    height: 0px;
    font-size: 0px;
    clear: both;
}   
 
div.VatSelector
{
    padding: 5px 0 0;
    white-space: nowrap;
    float: left;    
}
 
span.VatSelectorLabel label
{
    font-size: 0.9em;
    position: relative;
    top: -2px;
}
 
 
/* -- CART BUTTONS -- */
div.SmallCartButtons
{
    clear: both;
    padding-top: 6px;
}
 
div.SmallCartButtons div
{
    float: left;
 
}
 
div.ViewCartButton
{
    display: none; /* not needed */
}
 
div.CheckoutButton
{
    margin-right: 4px;
}
 
div.MyPagesButton
{
    margin-right: 4px;
}
 
div.LogInOutButton
{
    margin-right: 0px;
}
 
div.SmallCartButtons a, div.SmallCartButtons img
{
    display: block;
}
 
div.SmallCartButtons div a
{
    background-position: left center;
}
 
div.SmallCartButtons div a:hover
{
    background-position: left top;
}
 
div.SmallCartButtons div a:active
{
    background-position: left bottom;
}
 
div.ViewCartButtonEnabled a:hover img, 
div.ViewCartButtonEnabled a:active img,
div.CheckoutButtonEnabled a:hover img, 
div.CheckoutButtonEnabled a:active img, 
div.MyPagesButtonEnabled a:hover img, 
div.MyPagesButtonEnabled a:active img, 
div.LogInOutButton a:hover img, 
div.LogInOutButton a:active img
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
 
/* -- PAGE MENU ----------------------------------------------- */
div.PageMenuWrapper
{
    position: absolute;
    z-index: 5;
    top: 110px;
    left: 0px;
    background: #000 url(<a href="http://www.newevents.no/shop/image/menubg.jpg" rel="nofollow">http://www.newevents.no/shop/image/menubg.jpg</a>) no-repeat;
    width: 982px;
    height: 33px;
    overflow: hidden;
}
 
div.PageMenuWrapper *
{
    float: left;
    height: 31px;
}
 
div.PageMenuHeader
{
    display:none;
}
 
div.PageMenuBody
{
    background: url(/App_Themes/AT2/images/custom/link-spacer-left-bg.png) right top no-repeat;
    padding-right: 1px;    
}
 
 
 
div.PageLinkWrapper a
{
    background: url(/App_Themes/AT2/images/custom/page-link-hover-bg.png) right center no-repeat;
}
 
div.PageLinkWrapper a:hover
{
    background-position: left center;
}
 
 
 
a.PageLink, a.PageLink:visited, a.PageLink:hover
{
	color: #fff;
	text-decoration: none;
}
 
span.LinkSpacerLeft
{
    background: url(/App_Themes/AT2/images/custom/link-spacer-left-bg.png) no-repeat;
    width: 1px;
}
 
div.PageLinkFirst span.LinkSpacerLeft
{
    background: none;
    width: 3px;
}
 
span.LinkSpacerRight
{
    background: url(/App_Themes/AT2/images/custom/link-spacer-right-bg.png) no-repeat;
    width: 1px;
}
 
span.LinkText
{
    font-size:1.1em;
    font-weight:bold;
    padding:7px 14px 0;    
}
 
div.PageLinkDivider
{
    display:none;
}
 
div.PageMenuFooter
{
    display: none;
}
 
 
/* -- LEFT AREA ----------------------------------------------- */
div.LeftArea
{
    float: left;
    width: 180px;
    margin-top: 15px;
}
 
/* -- SEARCH BOX ----------------------------------------------- */
div.SearchBoxWrapper
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-menu-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-menu-bg.png</a>) no-repeat;
}
 
div.SearchBoxHeader
{
	display:none;
}
 
div.SearchBoxBody
{
    padding: 9px 8px 0;
}
 
div.SearchBoxInput
{
    float: left;
    margin-right: 0px;
    padding: 0px;
    background: url(/App_Themes/AT2/images/custom/search-box-bg.png) no-repeat;   
    height: 20px; 
}
 
div.SearchBoxInput input
{
    width: 115px;
    background: transparent;  
    margin: 0px;
    padding: 2px 4px 2px;
    font-size: 1em;
    border: 0;
}
 
div.SearchBoxButton
{
    float: right;
    margin: 0px;
    _margin-top: 1px;    /* IE6 workaround */
}
 
div.SearchBoxButton a
{
    display: block;
}
 
div.SearchBoxButton img
{
    display: block;
}
 
div.SearchBoxButton a:hover img, div.SearchBoxButton a:active img
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
div.SearchBoxButton a:hover
{
    background-position: left top;
}
 
div.SearchBoxButton a:active
{
    background-position: left bottom;
}
 
div.SearchBoxFooter
{
    clear:both;
    height: 2px;
    font-size: 0px;
    padding: 6px 0 0;
    background: url(/App_Themes/AT2/images/custom/horizontal-divider-dark-light.png) left bottom repeat-x;
    margin-right: 2px;  
}
 
 
/* -- MANUFACTURER SELECTOR ----------------------------------------------- */
 
div.ManufacturerSelectorWrapper
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-menu-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-menu-bg.png</a>) 0 -39px no-repeat;
    padding: 0px 2px 0px 0px;
}
 
div.ManufacturerSelectorHeader
{
    display: none;
}
 
div.ManufacturerSelectorBody
{
    padding: 6px 8px 0;
}
 
div.ManufacturerSelectorFooter
{
    clear:both;
    height: 2px;
    font-size: 0px;
    padding: 6px 0 0;
    background: url(/App_Themes/AT2/images/custom/horizontal-divider-dark-light.png) left bottom repeat-x;
    margin-right: 0px;  
}
 
 
/* -- PRODUCT CATEGORY MENU ----------------------------------------------- */
div.ProductMenuWrapper
{
    padding-top: 0px;
    margin-top: 0px;
 
}
 
div.ProductMenuHeader
{
    display: none;
}
 
div.ProductMenuBody
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-menu-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-menu-bg.png</a>) 0 -73px no-repeat;    
    padding: 0px 2px 0px 0px;
}
 
div.ProductMenuBody a, div.ProductMenuBody a:visited
{
    color: #fff;
}
 
div.ProductMenuBody a:hover
{
    text-decoration: none;
}
 
div.ProductTreeLevelWrapper1
{
    background: url(/App_Themes/AT2/images/custom/horizontal-divider-light.png) left bottom repeat-x;
    padding-bottom: 1px;    
}    
 
 
 
td.NodeControl
{
	padding: 4px 0px 0px 0px;
    vertical-align: top;
    font-size: 0px;
    width: 0px;
}
 
.ProductCategoryLevel1 td.NodeControl
{
    display:none;
}
 
td.NodeControl img
{
    width: 7px;
    height: 7px;
    display:block;
    position: absolute;
    left: 10px;
    z-index: 10;
}
 
div.ProductCategoryLevel1
{
    background: url(/App_Themes/AT2/images/custom/horizontal-divider-dark.png) left bottom repeat-x;  
    padding: 0 0px 0px;	
}    
 
div.ProductCategoryLevel1 a
{
    padding: 4px 10px 5px;
    display: block;
    width: 158px;
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png</a>) right bottom no-repeat;    
}
 
div.ProductCategoryLevel1 a:hover
{
    background-position: left bottom;
    text-decoration: none;
}
 
 
 
 
 
div.ProductCategoryLevel1 a span.ProductCategoryName
{
    font-size: 1em;
    color: #fff;
    text-transform: none;
    font-weight: bold;
}
 
div.ProductCategoryLevel2 a span.ProductCategoryName,
div.ProductCategoryLevel3 a span.ProductCategoryName,
div.ProductCategoryLevel4 a span.ProductCategoryName
{
    font-size: 0.9em;
}
 
div.ProductTreeLevelWrapper2
{
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-bg.png</a>) repeat-y;
    padding: 0 0 6px;
    margin: -5px 1px 0 1px;
}    
 
div.ProductCategoryLevel1 + div.ProductTreeLevelWrapper2
{
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-first-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-first-bg.png</a>) no-repeat; 
    padding-top: 6px;
    margin-top: 0;
}  
 
 
div.ProductCategoryLevel2
{
	padding: 0px 0px 0px 0px;
	position: relative;
}    
 
div.ProductCategoryLevel2 .ProductCategoryNameWrapper a
{
    display:block;
    padding: 1px 10px 2px 20px;
	width: 146px;
    line-height: 110%;
    position: relative;
    z-index: 20; 
}    
 
 
div.ProductCategoryLevel2
{
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png</a>) right top repeat-y; 
}   
 
div.ProductCategoryLevel2:hover
{
    background-position: left top;
    background-color: #000;    
}    
 
 
div.ProductCategoryLevel3
{
	padding: 0px 0px 0px 0px;
	position: relative;
}    
 
div.ProductCategoryLevel3 td.NodeControl img
{
    left: 20px;
}
 
div.ProductCategoryLevel3 .ProductCategoryNameWrapper a
{
    display:block;
    padding: 1px 10px 2px 30px;
    width: 136px;
    line-height: 110%;
    position: relative;
    z-index: 20; 
}    
 
div.ProductCategoryLevel3
{
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png</a>) right top repeat-y; 
}   
 
div.ProductCategoryLevel3:hover
{
    background-position: left top;
    background-color: #fff;    
}           
 
div.ProductCategoryLevel4
{
    padding: 0px 0px 0px 0px;
    position: relative;
}    
 
div.ProductCategoryLevel4 td.NodeControl img
{
    left: 30px;
}
 
div.ProductCategoryLevel4 .ProductCategoryNameWrapper a
{
    display:block;
    padding: 1px 10px 2px 40px;
    width: 126px;
    line-height: 110%;
    position: relative;
    z-index: 20; 
}    
 
div.ProductCategoryLevel4
{
    background: url(<a href="http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-category-level-2-hover-bg.png</a>) right top repeat-y; 
}   
 
div.ProductCategoryLevel4:hover
{
    background-position: left top;
    background-color: #000;    
}   
 
 
div.ProductMenuFooter
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-menu-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-menu-bg.png</a>) left bottom no-repeat;
    height: 10px;
}
 
 
/* -- INFO AREA ----------------------------------------------- */
div.InfoTextWrapper
{
    margin-top: 15px;
}
 
 
/* -- MAIN AREA ----------------------------------------------- */
div.MainArea
{
    float: left;
    width: 602px;
    margin: 15px 0px 0px 15px;
}
 
div.MainAreaCheckout
{
    float: left;
    margin: 15px 0px 0px 15px;
    width: 770px;
}
 
/* -- BREADCRUMBS ----------------------------------------------- */
#ctl00_smp
{
    font-size: 0.9em;
    color: #999;    
    display: none;
}
 
#ctl00_smp a
{
    color: #999;
}
 
 
/* -- INFORMATION PAGE  ----------------------------------------------- */
div.PageDetailsPageWrapper
{}
 
div.PageDetailsHeader
{}
 
div.PageDetailsHeader h1
{}
 
div.PageDetailsBody
{
    padding-top: 10px;
}
 
div.PageDetailsImage
{
    float: left;
    margin-right: 16px;
}
 
div.PageDetailsFooter
{
    clear:both;
    height: 20px;
}
 
 
/* -- CATEGORY & MANUFACTURER PAGE  ----------------------------------------------- */
div.CategoryPageWrapper, div.ManufacturerContentWrapper
{}
 
div.CategoryPageHeader, div.ManufacturerContentHeader
{}
 
div.CategoryPageHeader h1, div.ManufacturerContentHeader h1
{}
 
div.CategoryPageBody, div.ManufacturerContentBody
{
    padding-top: 10px;
}
 
div.CategoryPageImage, div.ManufacturerContentImage
{
    float: left;
    margin-right: 16px;
}
 
div.CategoryPageText, div.ManufacturerContentBodyText
{}
 
div.CategoryPageFooter, div.ManufacturerContentFooter
{
    clear:both;
}
 
 
/* -- NEWS PAGE & ARCHIVE ----------------------------------------------- */
div.NewsListArchiveWrapper
{
    margin-top: 20px;
    border-top: 1px solid #fff;
}
 
div.NewsDetailsHeader
{
    padding-bottom: 10px;
}
 
div.NewsDetailsTeaser
{
    font-style: italic;
    margin-bottom: 4px;
}
 
div.NewsDetailsImage
{
    float: left;
    margin-right: 16px;
}
 
div.NewsDetailsHeader h1
{}
 
div.NewsListArchiveItem
{
    margin: 12px 0px;
}
 
div.NewsListArchiveItemImage
{
    padding: 5px 0px;
    display: none;
}
 
div.NewsListArchiveItemDate, div.NewsDetailsDate, div.NewsListArchiveItemText
{
    font-style: italic;
}
 
div.NewsListArchiveItem h3
{}
 
div.NewsArchiveButton, div.NewsArchiveButtonCssClass
{
    margin: 20px 0;
    float: left;
}
 
div.NewsArchiveButton *, div.NewsArchiveButtonCssClass *
{
    display: block;
}
 
div.NewsArchiveButton a:hover, div.NewsArchiveButtonCssClass a:hover
{
    background-position: left top;
}
 
div.NewsArchiveButton a:active, div.NewsArchiveButtonCssClass a:active
{
    background-position: left bottom;
}
 
div.NewsArchiveButton a:active img, div.NewsArchiveButton a:hover img,
div.NewsArchiveButtonCssClass a:active img, div.NewsArchiveButtonCssClass a:hover img
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
 
div.NewsDetailsFooter
{
    clear: both;
    height: 20px;
}
 
 
/* -- STARTPAGE TEMPLATE  ----------------------------------------------- */
div.ProductPageFooter
{
    padding-bottom: 30px;
}
 
 
/* -- PAGING CONTROL ----------------------------------------------- */
 
div.PagingContainer table
{
    margin: 0 0 15px;
}
 
.ListPagingControlPagerPrevious, .ListPagingControlPagerNext
{
    font-weight: bold;
}
 
.ListPagingControlSeparatorSelected, .ListPagingControlSeparator
{
    font-weight:normal;
    margin-left:2px;
    margin-right:2px;	
}
 
.ListPagingControlSeparatorSelected
{
    border:1px solid #fff
    font-weight:bold;
    padding:0 2px;
}
 
 
/* -- PRODUCT LIST STANDARD ----------------------------------------------- */
div.ProductListWrapper
{
    clear: both;
    padding-top: 15px;
    border-top: 1px solid #fff;
}
 
div.ProductListHeader
{
	display: none;
}
 
div.ProductListBody
{}
 
table.ProductListColumns
{
    margin: 0 0 15px;    
}
 
table.ProductListColumns *
{
    font-family: Arial;    
}
 
td.ProductListColumn1, td.ProductListColumn2, td.ProductListColumn3, td.ProductListColumn4
{
    width: 143px;
    padding-bottom: 10px;
    vertical-align: top;
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-list-column-cell-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-list-column-cell-bg.png</a>) left bottom no-repeat;    
}
 
div.StartPageProductListWrapper
{
    padding-left:1px;
}
 
div.StartPageProductListWrapper td.ProductListColumn1, div.StartPageProductListWrapper td.ProductListColumn2, div.StartPageProductListWrapper td.ProductListColumn3
{
    width: 193px;
    background: #000 url(<a href="http://www.newevents.no/shop/image/start-page-product-list-column-cell-bg.png" rel="nofollow">http://www.newevents.no/shop/image/start-page-product-list-column-cell-bg.png</a>) left bottom no-repeat;      
}
 
div.StartPageProductListWrapper table.ProductListColumns div.ProductName
{
    width: 173px;
}
 
 
 
 
 
 
table.ProductListColumns td.ColumnSpacer
{
    width: 10px;
}
 
table.ProductListColumns td.RowSpacer
{
    height: 15px;
}
 
table.ProductListColumns div.ProductImage
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/product-list-column-cell-bg.png" rel="nofollow">http://www.newevents.no/shop/image/product-list-column-cell-bg.png</a>) left top no-repeat;
    padding: 10px 2px 0 0;
    height: 116px;
}
 
 
div.StartPageProductListWrapper table.ProductListColumns div.ProductImage
{
    background: #000 url(<a href="http://www.newevents.no/shop/image/start-page-product-list-column-cell-bg.png" rel="nofollow">http://www.newevents.no/shop/image/start-page-product-list-column-cell-bg.png</a>) left top no-repeat;
    padding: 10px 2px 0 0;
    height: 116px;
}
 
table.ProductListColumns div.ProductImage a
{
    display: block;
    height: 114px;
    width: 114px;    
    overflow: hidden;
    border: 1px solid #bbb; 
    line-height: 114px;  
    text-align: center;  
    margin: 0 auto;
}
 
table.ProductListColumns div.ProductImage a:hover
{
    border: 1px solid #fff;
}
 
table.ProductListColumns div.ProductImage img
{
    vertical-align: middle;
}
 
table.ProductListColumns div.ProductPrice
{
    text-align: center;
    padding: 4px 2px 0 0;
    font-size: 0.8em;
}
 
table.ProductListColumns div.ProductPrice span
{
    font-weight: bold;
}
 
table.ProductListColumns div.ProductPrice span.PricePrevious
{
    display: inline;
}
 
table.ProductListColumns div.ProductPrice span.PricePrevious span
{
    font-weight: normal;
    text-decoration: line-through;
}
 
table.ProductListColumns div.ProductButtons
{
    margin-top: 2px;
    text-align: center;
}
 
table.ProductListColumns div.ProductButtons a:hover
{
    background-position: left top !important;
}
 
 
table.ProductListColumns div.ProductButtons, table.ProductListColumns div.ProductButtons span, table.ProductListColumns div.ProductButtons a
{
    font-size: 20px;
}
 
table.ProductListColumns div.ProductButtons img
{
    vertical-align: text-top
}
 
table.ProductListColumns a.ButtonInfo
{
    padding-right: 2px;
}
 
table.ProductListColumns a.ButtonInfo:active, table.ProductListColumns a.ButtonBuy:active
{
    background-position: left bottom;
}
 
table.ProductListColumns a.ButtonInfo:hover img, table.ProductListColumns a.ButtonInfo:active img,
table.ProductListColumns a.ButtonBuy:hover img, table.ProductListColumns a.ButtonBuy:active img
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
 
table.ProductListColumns div.ProductName
{
    margin-top: 4px;
    padding: 0px 11px 0px 9px;
    text-align: center;
    width: 123px;
    overflow: hidden;
}
 
table.ProductListColumns div.ProductName h3
{
    padding: 0;
    margin: 0;
    font-weight: bold;
}
 
div.ProductListFooter
{
    clear:both;
    display: none;
}
 
 
/* -- PRODUCT LIST WITH IMAGE, ADVANCED ----------------------------------------------- */
table.ProductListHorizontalAdvanced
{
    width: 100%;
    margin: 15px 0px;
    border-bottom: 1px solid #eee;
}
 
table.ProductListHorizontalAdvanced td
{
    vertical-align: middle;
    border-top: 1px solid #ddd;
    padding: 5px 0px;
}
 
table.ProductListHorizontalAdvanced td.ProductName
{
    vertical-align: top;
    padding: 5px 5px 0px 5px;
} 
 
table.ProductListHorizontalAdvanced div.NameMain
{
    font-weight: bold;
    font-size: 1.1em;
}
 
table.ProductListHorizontalAdvanced div.NameSub
{
    font-style: italic;
    padding-top: 2px;    
}
 
table.ProductListHorizontalAdvanced div.ArticleNumber
{
    display: block;
    padding-top: 2px;    
}
 
table.ProductListHorizontalAdvanced td.ProductDescription
{
    border: 0px;
}
 
table.ProductListHorizontalAdvanced td.ProductOrderInfo
{
    text-align: right;
}
 
table.ProductListHorizontalAdvanced div.ButtonContainer
{
    padding: 3px 0px 0px 0px;
}
 
table.ProductListHorizontalAdvanced table.ButtonBuyContainer
{
    float: right;
}
 
table.ProductListHorizontalAdvanced table.ButtonBuyContainer td
{
    border: 0px;
    text-align: right;
    vertical-align: middle;
    padding: 0px;
}
 
table.ProductListHorizontalAdvanced td.Quantity input
{
    width: 22px;
    text-align: center;
    margin-right: 10px;
    display: inline;
}
 
table.ProductListHorizontalAdvanced table.ButtonBuyContainer td.ButtonBuy
{
    padding-top: 1px;
}
 
table.ProductListHorizontalAdvanced table.ButtonBuyContainer td *,
table.ProductListHorizontalAdvanced div.ButtonInfo *,
table.ProductListHorizontalAdvanced td.ProductImage *
{
    display: block;
}
 
table.ProductListHorizontalAdvanced div.ButtonContainer a:hover img
{
    opacity: 0; 
    filter: alpha(opacity=0); 
}
 
table.ProductListHorizontalAdvanced div.ButtonContainer a:hover
{
    background-position: left top;
}
 
table.ProductListHorizontalAdvanced div.ButtonContainer a:active
{
    background-position: left bottom;
}
 
table.ProductListHorizontalAdvanced div.ButtonInfo
{
    float: right;
    padding-top: 2px;
}
 
table.ProductListHorizontalAdvanced div.Price
{
    clear: both;
    padding-top: 2px;  
    white-space: nowrap;  
}
 
table.ProductListHorizontalAdvanced span.PricePromotion span,
table.ProductListHorizontalAdvanced span.PriceStandard span
{
    font-weight: bold;
    font-size: 1.1em;
}
 
table.ProductListHorizontalAdvanced span.PricePrevious span
{
    padding-left: 10px;
    text-decoration: line-through;
}
 
table.ProductListHorizontalAdvanced div.StockStatus
{
    display: block;
    padding-top: 3px;
    clear: both;
}
 
table.ProductListHorizontalAdvanced  span.StockStatusValue
{
    margin-left: 5px;
    font-weight: bold;
}
 
 
/* ---------------- SEARCH RESULT -------------------------- */
 
tr.SearchResultAlternateRow td
{
    background-color:#f4f4f4;
}
 
div.SearchResultHeader h1
{
}
 
#ctl00_main_psl_ctl02_pagingTop, #ctl00_main_psl_ctl02_pagingBottom
{
    padding: 15px 20px 0;    
}
 
#ctl00_main_psl_ctl02_pagingTop table, #ctl00_main_psl_ctl02_pagingBottom table
{
    margin: 0 0 15px;    
}
 
#ctl00_main_psl_ctl02_pagingTop td, #ctl00_main_psl_ctl02_pagingBottom td
{
    border: 0;   
}
 
div.SearchResultBody table
{
    width: 100%;
}
 
div.SearchResultBody td
{
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    padding: 2px 6px;
    border-bottom: 1px solid #eee;    
}
 
div.SearchResultBody td.ProductImageHeader, 
div.SearchResultBody td.ProductArticleNameHeader, 
div.SearchResultBody td.ProductArticleNumberHeader, 
div.SearchResultBody td.ProductPriceHeader, 
div.SearchResultBody td.ProductQuantityHeader, 
div.SearchResultBody td.ButtonHeader
{
    background: #ddd;
    color: #000;
    border-left: 1px solid white;
    font-weight: bold;
    border-bottom: 0px solid #eee;
    text-align: center;
    padding: 6px;
}
 
div.SearchResultBody td.ProductArticleNameHeader,
div.SearchResultBody td.ProductArticleName
{
    text-align: left;
}
 
div.SearchResultBody td.ProductPrice span
{
    font-size: 12px;
}
 
div.SearchResultBody td.ProductImage *
{
    display:block;
}
 
 
div.SearchResultBody td.ButtonContainer
{
    padding: 2px 5px 1px 7px;
}
 
div.SearchResultBody td.ButtonContainer img 
{
    vertical-align: text-top;
}
 
div.SearchResultBody td.ButtonContainer a
{
    font-size: 19px;
}
 
div.SearchResultBody td.ButtonContainer a:hover img, div.SearchResultBody td.ButtonContainer a:active img  
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
div.SearchResultBody td.ButtonContainer a:hover
{
    background-position: left top;
}
 
div.SearchResultBody td.ButtonContainer a:active
{
    background-position: left bottom;
}
 
div.SearchResultBody td.ButtonContainer a.ButtonInfo
{
    display: none;
}
 
 
/* NOT DISPLAY HIDDEN AND DISABLED BUY BUTTON */
div.SearchResultBody td.ButtonContainer a + span
{
    display:none;
}
 
div.SearchResultBody div.ProductPrice span
{
    padding: 0;
}
 
div.SearchResultBody div.ProductPrice > span
{
    display: block;
    text-align: center;
}
 
 
/* -- PRODUCT DETAILS ----------------------------------------------- */
div.ProductPageWrapper
{
    position: relative;
}
 
div.ProductPageHeader h1
{}
 
div.ProductImagesWrapper
{
    float: right;
    width: 232px;
    margin-top: 15px;
}
 
div.ProductDescriptionWrapper
{
    float: left;
    width: 352px;
    margin-top: 10px;
}
 
div.ProductDescriptionHeader h2
{
    font-style: italic;
}    
 
div.ProductArticleNumber
{
    padding: 10px 0 0; 
}
 
span.ProductArticleNumberLabel
{
    margin-right: 5px;
}
 
div.ProductDescription
{
    padding: 10px 0 0; 
}
 
div.ProductDescriptionLabel
{
    display: none;
}
 
div.ProductDescriptionText
{}
 
div.ProductUnitWrapper
{
    padding-top: 5px;
}
 
span.ProductUnitLabel
{
    padding-right: 3px;
    font-weight: bold;
}
 
div.ProductQuantity
{
    display: none;
}
 
div.PurchaseBlockWrapper
{
    margin-top: 15px;
    margin-bottom: 2px;
}
 
div.PurchaseBlockWrapper *
{
    font-family: Arial;
}
 
div.PurchaseBlockWrapper .MonthlyCostWrapperCssClass
{
    padding: 2px 0 0 3px;
    font-size: 0.9em;
}
 
div.PurchaseBlockHeader
{
    background: #000 ;
    height: 8px;
}
 
div.PurchaseBlockFooter
{
    display:none;
}
 
div.PurchaseBlockBody
{
    padding: 3px 0 12px;
    background: #000 url(<a href="http://www.newevents.no/shop/image/purchase-block-bg.png" rel="nofollow">http://www.newevents.no/shop/image/purchase-block-bg.png</a>) left bottom no-repeat;  
}    
table.PurchaseBlock
{
    width: 100%;
}
 
table.PurchaseBlock td
{
    vertical-align: middle;
}
 
div.ProductAttributesWrapper, div.ProductSpecificationsWrapper
{
    margin-top: 15px;
}
 
div.ProductAttributesWrapper div, div.ProductSpecificationsWrapper div
{
    padding-bottom: 4px;
    clear: both;
}
 
div.ProductAttributesWrapper select, div.ProductSpecificationsWrapper select
{
    display: block;
    clear: both;
}
 
span.ProductAttribute1Label, span.ProductAttribute2Label, span.ProductSpecificationLabel1, span.ProductSpecificationLabel2
{
    font-weight: bold;
}
 
.AttributeValidator
{
    clear: both;	
}
 
span.ProductCommentLabel
{
    padding-top: 4px;
    display: block;
    font-weight: bold;
}
 
/* -- PRICES --*/
span.PriceAmount
{}
 
span.PricePromotion span
{
    font-size: 1.3em;
    color: #e33;
    font-weight: normal;
}
 
span.PricePromotion span.PriceAmount
{
    font-size: 1.5em;
    font-weight: bold;
}
 
span.PriceStandard span
{
    font-size: 1.3em;
    font-weight: normal;
}
 
span.PriceStandard span.PriceAmount
{
    font-size: 1.5em;
    font-weight: bold;
}
 
span.PricePrevious span
{
    text-decoration: line-through;
    padding-left:4px;
}
 
span.PriceEarlier 
{
    margin-left: 5px;
}
 
span.PriceEarlier span
{
    font-size: 1.1em;
    text-decoration: line-through;
}
 
span.PriceEarlier span.PriceAmount
{
    font-size: 1.1em;
 
}
 
td.PurchaseBlockStock
{
    font-size: 0.9em;
}
 
td.PurchaseBlockStock span
{
    display:block;
}
 
td.PurchaseBlockStock span.StockStatusLabel
{
    color: #666;
}     
 
td.ProductQuantity input
{
    text-align: center;
    width: 20px;
    margin-left: 4px;
}
 
td.PurchaseBlockBuy
{
    padding-top: 4px;
}
 
td.PurchaseBlockBuy a, td.PurchaseBlockBuy img
{
    display: block;
    width: 65px;
    height: 22px;
    margin-right: 8px;
}
 
td.PurchaseBlockBuy a:hover
{
    background-position: left top !important;
}
 
td.PurchaseBlockBuy a:active
{
    background-position: left bottom;
}
 
td.PurchaseBlockBuy a:hover img, td.PurchaseBlockBuy a:active img
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
td.PurchaseBlockPrice span.PriceEarlier
{
	display:block;
}
 
td.PurchaseBlockPrice span.PricePrevious
{
	display:block;
}
 
.addthis_toolbox
{
    float: left;
    padding: 5px 0 0;
}    
 
.addthis_toolbox div.atclear
{
    display: none;
}    
 
div.ProductTabsWrapper
{
    clear: both;
}
 
/* -- PRODUCT IMAGE --*/
div.ProductImagesWrapper a:hover, div.ProductImage a:hover, div.OffersListItemImage a:hover
{}
 
div.BigProductImage
{
    text-align: center;
}
 
div.BigProductImage *
{
    display:block;
}
 
div.BigProductImage a
{}
 
div.BigProductImage a:hover
{}
 
 
div.ProductImageClickMessage
{
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
}
 
div.ProductThumbnailsBody
{
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
}
 
div.ProductThumbnailsBody a
{
    margin: 0 3px;
}
 
div.ProductThumbnailsBody a img
{
    background: #bbb;
    padding: 1px;
    vertical-align: middle;
}
 
div.ProductThumbnailsBody a:hover img
{
    background: #000;
}
 
 
/* -- TOOLBAR -- */
div.ToolbarWrapper
{
    float: right;
    margin-bottom: 10px;
    text-align: right;
}
 
div.ToolbarWrapper div
{
    display:inline;
}
 
div.ToolbarWrapper br
{
    display:none;
}
 
.ProductToolbarShowImage
{
	/* CSS-Hack to fix margin-diff between FF, IE8 and IE7*/
	*margin-left: -3px; /* targets IE6 and 7 */
}
 
/* -- TIP A FRIEND -- */
div.SendTipMain
{
    background: #000;
    padding: 20px;
    border: 1px solid #000;
    display:block;
    width: 285px;
    position: absolute;
}
 
div.SendTipMain div
{
    display:block;
}
 
div.SendTipHeader
{
    text-align: left;
    padding-bottom: 10px;
}
 
span.SendTipHeaderText
{
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}
 
div.SendTipMain td
{
    padding: 2px;
    vertical-align: middle;
}
 
div.SendTipMain a, div.SendTipMain a:visited
{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 3px 8px;
    border: 1px solid #000;
    font-weight: bold;
    color: #fff;
    background: #000;
    text-decoration: none;
    float: right;
}
 
div.SendTipMain a:hover
{
    background: #000;
    text-decoration: none;eee
}
 
div.SendTipModalPopupBackground
{
    background: #fff;
    opacity: 0.8; 
    filter: alpha(opacity=80);
}
 
/* -- RELATED PRODUCTS -- */
table.relatedTable
{
    margin-right: 15px;
}
 
table.relatedTable td
{
    vertical-align: middle;
    padding: 2px;
}
 
tr.relAlterListItem td
{
    background: #eee;
}
 
td.RelatedProductImage a
{
    display:block;
    width: 40px;
}
 
td.RelatedProductImage a:hover
{}
 
td.RelatedProductImage img
{
    display:block;
}
 
td.RelatedProductArticleNumber
{
    display:none;
}
 
td.RelatedProductButtons
{
    white-space: nowrap;
    padding-bottom: 0px;
}
 
td.RelatedProductButtons a, td.RelatedProductButtons span
{
    font-size: 22px;   
}
 
td.RelatedProductButtons a:hover
{
    background-position: left top;    
}
 
td.RelatedProductButtons a:active
{
    background-position: 0px -50px;   
}
 
td.RelatedProductButtons img
{
    vertical-align: text-top;  
}
 
td.RelatedProductButtons a:hover img
{
    opacity: 0; 
    filter: alpha(opacity=0);    
}
 
td.RelatedProductButtons br
{
    display:none;
}
 
div.ProductPageBackLink
{
    margin-top: 10px;
    clear: both;
    float: left;
}
 
div.ProductPageBackLink *
{
    display: block;
}
 
div.ProductPageBackLink *
{
    display: block;
}
 
 
div.ProductPageBackLink a:hover img, div.ProductPageBackLink a:active img  
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
div.ProductPageBackLink a:hover
{
    background-position: left top;
}
 
div.ProductPageBackLink a:active
{
    background-position: 0px -50px;
}
 
 
 
/* -- UNSORTED -- */
.popupInfoBox
{
    border: 1px solid #D8D8D8;
    width: 620px;
    height: 230px;
    background: #fff url(/App_Themes/AT2/images/pop-up-bg.gif) no-repeat;
    padding: 8px 0px 0px 6px;
    display:none;
    position:absolute;
    margin: 0px 0px 0px 400px;
}
 
.popupInfoBoxLink 
{
    display: inline;
    text-decoration: underline;
    cursor: pointer;
    padding-left: 4px;
    color: #d91034;
}
 
div.popupInfoBoxContent
{
    width: 620px;
    height: 200px;
    overflow: auto;
}
 
.popupInfoBoxLinkClose
{
    text-decoration: underline;
    cursor: pointer;
    background: url(/App_Themes/AT2/images/fancybox/fancy_closebox.png) no-repeat;
    height: 30px;
    width: 30px;
    float: right;
}
 
div.MonthlyCostWrapperCssClass
{
    font-size: 0.8em;
 
}
 
.ProductFileListMain
{
    text-align: left;
    width: 300px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    padding: 5px;
}
 
.ProductFileListHeaderText
{
    margin-bottom: 20px;	
}
 
.ProductFileIcon
{
    background-image: url("/App_Themes/AT2/images/node-closed.gif");
    background-position: center;
    background-repeat: no-repeat;
    width: 7px;
    height: 15px;
    float: left;	
}
 
div.ProductFileWrapper
{
    clear: both;
    height: 20px;
    vertical-align: middle;
}
 
.ProductFileLinkWrapper
{
    float: left;
}
 
.ProductFileWrapper a
{
    margin-left: 10px;
}
 
.ProductFileListCloseWrapper
{
    float: right;
}
 
div.ProductFileListFilesWrapper div
{
    display: block;	
}
 
.ProductFileListModalPopupBackground
{
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
 
.ticketEventsListItem
{
    display: block;	
}
 
 
/* -- RIGHT AREA ----------------------------------------------- */
div.RightArea
{
    float: right;
    width: 170px;
    margin: 15px 0 0 0;
}
 
 
/* -- RIGHT AREA HEADERS ----------------------------------------------- */
div.NewsListHeader, div.OffersListItemHeader, div.SimpleProductListHeader, div.NewsletterBoxHeader
{
    background: #000;
    padding: 0 0 0 0;
}
 
div.NewsListHeader h2, div.OffersListItemHeader h3, div.SimpleProductListHeader h3, div.NewsletterBoxHeader h3
{
    margin: 0px;
    padding: 5px 8px 5px 8px;
    color: #FFF;
    background: none;
    font-size: 1.2em;		
}
 
div.NewsListBody, div.OffersListItemBody, div.SimpleProductListBody, div.NewsletterBoxBody
{
    background: #000;
    padding: 0 3px 4px 1px;
}
 
 
/* -- NEWS LIST BOX ----------------------------------------------- */
div.NewsListWrapper
{
    margin: 0 0 15px;            
}
 
div.RecommendationGeneralWrapper div.NewsListBody
{
    margin: 0 !important;
    padding: 0 3px 4px 1px !important;      
}
 
div.RecommendationGeneralWrapper div.NewsListBody .RWItemTemplate
{
    margin: 0 !important;
    padding: 2px 0 8px !important;
}
 
div.NewsListItem
{
    padding: 0 6px 0;    
}
 
div.NewsListItemSeparator + div.NewsListItem
{
    background: url(/App_Themes/AT2/images/custom/right-column-separator-bg.png) left top no-repeat;
    padding-top: 8px;    
}
 
div.NewsListItem h3
{}
 
div.NewsListItemDate
{
    font-weight: bold;
    font-size: 12px;
    color: #777;
    font-size: 0.9em;          
}
 
 
div.NewsListItemImage
{
    display: none;
}
 
div.NewsListItemText
{
    font-size: 0.9em;    
}
 
div.NewsListItemLink
{
    padding: 5px 2px 8px 0px; 
    text-align: right;
    font-size: 90%;
}
 
div.NewsListItemSeparator
{
    clear:both;
    display:none;
}
 
div.NewsListFooter
{
    clear:both;
    display: block;
    height: 0px;
}
 
 
/* -- OFFERS LIST BOX ----------------------------------------------- */
div.OffersListWrapper
{}
 
div.OffersListHeader
{
    display:none;
}
 
div.OffersListBody
{}
 
div.OffersListItemWrapper
{
    margin-bottom: 15px;
}
 
div.OffersListItemHeader
{}
 
div.OffersListItemHeader h3
{}
 
div.OffersListItemBody
{
    padding-left: 9px;
    padding-right: 7px;
}
 
div.OffersListItemBody div.ProductPrice span span
{}
 
div.OffersListItemImage
{
    text-align: center;
    padding: 5px 0px 5px 0px;
}
 
div.OffersListItemText
{
    font-size: 0.9em;
    margin-bottom: 10px;
    padding-top:2px;
}
 
div.OffersListBody .ProductPrice
{
    padding-top: 1px;
    width: 84px;
    float: left;
}
 
div.OffersListBody span.PriceStandard span, div.OffersListBody span.PricePromotion span
{
    font-size: 15px;
}
 
div.OffersListItemMoreInfo
{
    padding-bottom: 3px;
    text-align: right;
}
 
div.OffersListItemMoreInfo img 
{
    vertical-align: text-top;
}
 
div.OffersListItemMoreInfo a
{
    font-size: 22px;
}
 
div.OffersListItemMoreInfo a:hover img, div.OffersListItemMoreInfo a:active img  
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
div.OffersListItemMoreInfo a:hover
{
    background-position: left top;
}
 
div.OffersListItemMoreInfo a:active
{
    background-position: 0px -50px;
}
 
div.OffersListItemFooter
{
    clear:both;
}
 
div.OffersListItemSeparator
{
    clear:both;
    margin-bottom: 10px;
}
 
div.OffersListFooter
{
    clear:both;
    display: block;
    height: 0px;
}
 
 
/* -- PRODUCT LIST BOX ----------------------------------------------- */
div.SimpleProductListWrapper
{
    margin: 0 0 15px;    
}
 
div.SimpleProductListWrapper .Spacer
{
    font-size: 0px;
}
 
div.SimpleProductListBody
{
    padding-bottom: 10px;
}
 
div.SimpleProductListItem
{
    clear:both;
    padding: 0 6px 0;
}
 
div.SimpleProductListItemSeparator + div.SimpleProductListItem
{
    background: url(/App_Themes/AT2/images/custom/right-column-separator-bg.png) left top no-repeat;
    padding-top: 8px;    
}
 
div.SimpleProductListItemText
{}
 
div.SimpleProductListItemText a
{
    font-weight: bold;
}
 
div.SimpleProductListItemText a .SimpleProductListItemCounter, div.SimpleProductListItemText a .SimpleProductListItemCounterSuffix
{}
 
span.SimpleProductListItemSubName
{
    display: block;
    font-weight: normal;
}
 
div.SimpleProductListBody span.PriceStandard span, div.SimpleProductListBody span.PricePromotion span
{
    font-weight: bold;
}
 
div.SimpleProductListItemImage
{
    float: left;
    padding: 0px 5px 4px 4px;
}
 
div.SimpleProductListItemSeparator
{
    clear:both;
}
 
div.SimpleProductListBody .PriceStandard
{
    font-size: 0.8em;
}
 
div.SimpleProductListFooter
{
    clear:both;
    height: 0px;
}
 
 
/* -- NEWLSETTER BOX ----------------------------------------------- */
div.NewsletterBoxWrapper
{
    margin: 0 0 15px;
}
 
div.NewsletterBoxBody
{
    padding: 0 9px 8px 7px;
}
 
div.NewsletterBoxText
{}
 
div.NewsletterBoxRadio
{
    margin-top: 4px;
}
 
div.NewsletterBoxRadio input
{
    margin: 4px 2px 0 0;
    padding: 0;
}
 
div.NewsletterBoxRadioSubscribe
{
    float: left;
    margin-right: 5px;
    margin-bottom: 4px;
}
 
div.NewsletterBoxRadioUnsubscribe
{
    float: left;
}
 
div.NewsletterBoxRadio label
{
    font-size: 0.9em;
    position: relative;
    top: -2px;
    _top: -1px; /* IE6 workaround */
}
 
div.NewsletterBoxInput
{
    clear: both;
    float:left;
}
 
div.NewsletterBoxInput input
{
    width: 108px;
    border-top: 1px solid #7d7d7d;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #7d7d7d;
    background: url(/App_Themes/AT2/images/custom/search-box-input-bg.gif) no-repeat;    
    margin: 0px;
    padding: 3px 2px 3px 2px;
    font-size: 0.9em;
}
 
div.NewsletterBoxButton
{
    float:right;
    margin: 0px;
    _margin-top: 1px;    /* IE6 workaround */
}
 
div.NewsletterBoxButton input
{
    display: block;
}
 
div.NewsletterBoxButton input:hover, div.NewsletterBoxButton input:active
{
    opacity: 0; 
    filter: alpha(opacity=0);
}
 
div.NewsletterBoxButton:hover
{
    background-position: left top;
}
 
div.NewsletterBoxButton:active
{
    background-position: left bottom;
}
 
div.NewsletterBoxFooter
{
    clear:both;
}