body {
    margin:0;
    padding:0;
    background:#FFF9EB url(images/background.png) repeat-x top left;
    color:#444;
    font-size:0.75em;
    line-height:1.5em;
    font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

a
{
    color:#444;
}

a:hover
{
    color:#666;
}

.date 
{
    font-size: 0.9em;
    font-style: italic;
}

#center
{
    width:970px;
    margin:0 auto 0 auto;
}

#priceTag
{
    position:absolute;
    top:37px;
    background:url(images/pricetag.png) no-repeat top left;
    display:block;
    width:157px;
    height:167px;
}

#top
{
    padding:5px 0;
    height:28px;
}

/* search */

#top .search
{
    margin-top:4px;
    float:right;
}

#top .search td
{
    height:20px;
    line-height:11px;
    
}

#top .search td.title
{
    text-transform:uppercase;
    color:#fff;
    padding-right:1em;
}

#top .search td.picto
{
    width:20px;
    background:url(images/background-search.png) no-repeat top left;
}

#top .search td.textBox
{
    width:80px;
    background:#fff;
    
}

#top .search td.textBox input
{
    padding:0;
    margin:0;
    font-size:11px;
    border:none;
}


#top .search td.button
{
    width:20px;
    background:url(images/background-login.png) no-repeat top right;
}

#top .search td.button a
{
    display:block;
    width:20px;
    height:20px;
}

#top .search td.button a:hover
{
    background:url(images/background-go-hover.png) no-repeat top left;
}

#top #printBox
{
    float:right;
    margin-top:4px;
    padding-right:20px;
    margin-right:20px;
    border-right:dotted 1px #fff;
}

#top #printBox a 
{
    background:url(images/picto-print.png) no-repeat left top;
    display:block;
    padding-left:20px;
    text-decoration:none;
    line-height:22px;
    color:#fff;
}

#top #printBox a:hover
{
    text-decoration:underline;
}

/* blind box */

#top #blindBox
{
    float:right;
    margin-top:4px;
    padding-right:20px;
    margin-right:20px;
    border-right:dotted 1px #fff;
}

#top #blindBox a
{
    color:#fff;
    padding:0 3px;
    text-decoration:none;
    
    /*
    width:15px;
    display:block;
    float:left;
    text-align:center;
    vertical-align:bottom;
    text-decoration:none;
    */
}

#top #blindBox a:hover,
#top #blindBox a.active
{
    /*
    background:#fff;
    color:#ee3032;
    */
    text-decoration:underline;
}

#top #blindBox .normal
{
    font-size:10px;
    line-height:18px;
}

#top #blindBox .large
{
    font-size:14px;
    line-height:18px;
}

#top #blindBox .extraLarge
{
    font-size:18px;
    line-height:18px;
}

/* login */

#top .login
{
    margin-top:4px;
    float:left;
}

#top .login td
{
    height:20px;
    line-height:11px;
}

#top .login td.title
{
    text-transform:uppercase;
    color:#fff;
    padding-right:1em;
}

#top .login td.picto
{
    width:20px;
    background:url(images/background-login.png) no-repeat top left;
}

#top .login td.textBox
{
    background:#fff;
    overflow:hidden;
}

#top .login td.textBox input
{
    padding:0;
    margin:0;
    font-size:11px;
    font-family:Sans-Serif;
    border-width:0;
    float:left;
    width:120px;
}

#top .login td.separator
{
    width:1px;
    background:url(images/background-login.png) no-repeat top center;
}

#top .login td.spacer
{
    background:#fff;
    width:5px;
}

#top .login td.button
{
    width:20px;
    background:url(images/background-login.png) no-repeat top right;
}

#top .login td.button a
{
    display:block;
    width:20px;
    height:20px;
}

#top .login td.button a:hover
{
    background:url(images/background-go-hover.png) no-repeat top left;
}

#top .login td.error
{
    color:#fff;
}

#top .loggedIn
{
    color:#fff;
    float:left;
    line-height:2.2em;
    font-family:Sans-Serif;
}

#top .loggedIn img
{
    padding:4px;
    float:left;
}

#top .loggedIn a
{
    color:#fff;
}

#top .loggedIn a:hover
{
    color:#ddd;
}

/* header */

#header
{
    height:145px;
    background:url(images/logo-header.png) no-repeat center center;
}

#header #topMenu
{
    float:right;
    font-size:0.8em;
}

#header #topMenu a
{
    text-transform:lowercase;
    text-decoration:none;
    color:#4b4b4b;
    padding:0 0.3em;
}

#header a.home
{
    display:block;
    width:100%;
    height:120px;
    float:left;
}

#header #topMenu a:hover, 
#header #topMenu a.active
{
    color:#ee3032;
}

#body
{

}

#body #mainMenu
{
    font-size:0.75em;
    text-align:center;    
    border-top:solid 1px #ddd;
    background:url(images/background-mainmenu.png) repeat-x bottom left;
    margin-bottom:20px;
}

#body #mainMenu a
{
    font-family:Arial, Helvetica, Sans-Serif;
    text-decoration:none;
    letter-spacing:0.04em;
    text-transform:uppercase;
    display:inline-block;
    line-height:1.2em;
    font-size:1.3em;
    text-decoration:none;
    color:#666;
    font-weight:bold;
    padding:0.8em 0.6em;
    
}

#body #mainMenu a:hover, 
#body #mainMenu a.active
{
    color:#ee3032;
    background:url(images/background-mainmenu-hover.png) no-repeat bottom center;
}

/* homepage */

#contentHome
{
    
}

#contentHome .left
{
    float:left;
    width:265px;
}

#contentHome .left h1, 
#contentHome .right h1
{
    font-size:1.7em;
    font-weight:normal;
    text-align:left;
    border-bottom:solid 1px #ddd;
    color:#666;
    margin:0 0 0.5em 0;
    padding:0;
    float:left;
    width:100%;
}

#contentHome .left .homeText
{
    line-height:1.8em;
    padding:0 10px 0 0;
    margin:0 0 2em 0;
    width:250px; 
    float:left; 
}

#contentHome .left a.item,
#contentHome .right a.item.action
{
    text-decoration:none;
    color:#444;
    display:inline;
    float:left;
    width:113px;
    padding-right:3px;
    margin-right:16px;
    background:url(images/picto-readmore.png) no-repeat bottom right;
    margin-bottom:20px;
}

#contentHome .right a.item.action
{
    margin-right:6px;
}

#contentHome .left a.item:hover,
#contentHome .right a.item.action:hover
{
    background-image:url(images/picto-readmore-hover.png);
    color:#ee3032;
} 

#contentHome .left a.item img,
#contentHome .right a.item.action img
{
    border:solid 1px #ddd;
    width:115px;
    height:65px;
    display:block;
    margin-bottom:0.5em;
}

#contentHome .left a.item .title, 
#contentHome .right a.item .title
{
    font-size:1.25em;
    font-weight:bold;
    margin-bottom:0.4em;
    padding:0;
    color:#ed2f31;
    display:block;
}

#contentHome .middle
{
    float:left;
    width:434px;
    height:369px;
    padding:2px;
    background:#fff;
    border:solid 1px #ddd;
    
}

#contentHome .right
{
    float:left;
    width:265px;
}

#contentHome .right h1
{
    text-align:right;
}

#contentHome .right a.item
{
    text-decoration:none;
    color:#444;
    display:block;
    float:left;
    /*padding-left:10px;*/
    width:255px;
    background:url(images/picto-readmore.png) no-repeat bottom right;
}

#contentHome .right .line
{
    padding-left:10px;
    width:255px;
    height:10px;
    margin-bottom:10px;
    float:left;
    border-bottom:solid 1px #efece3;
}

#contentHome .right a.item:hover
{
    background-image:url(images/picto-readmore-hover.png);
    color:#ee3032;
}

#contentHome .right .basket
{
    margin:4em 0 0 0;
    float:left;
    width:100%;
}

#contentHome .right .basket .title
{
    background:url(images/background-mainmenu.png) repeat-x left 10px;
    float:left;
    width:100%;
    margin-bottom:0.5em;
}

#contentHome .right .basket .buttons
{
    float:left;
    width:120px;
    display:inline;
    margin-right:15px;
}

#contentHome .right .basket .overview
{
    float:left;
    width:130px;
}

#contentHome .right .basket .buttons a
{
    background:url(images/background-button-small.png) no-repeat top right;
    text-align:right;
    display:block;
    color:#ee3032;
    text-decoration:none;
    padding-right:25px;
    height:22px;
    line-height:1.8em;
    margin-bottom:0.4em;
}

#contentHome .right .basket .buttons a:hover
{
    color:#666;
}
/* smallBasketOverview */

#smallBasketOverview
{
    float:left;
    width:100%;
    padding-bottom:0.5em;
}

#smallBasketOverview .item
{
	border-bottom: solid 1px #ddd;
	font-size: 0.9em;
	padding: 3px 1px;
}
#smallBasketOverview .item a
{
	text-decoration: none;
	color:#666;
}
#smallBasketOverview .item a:hover
{
	color: #999;
}
#smallBasketOverview .item .quantity
{
	float: right;
}

/* content page */
#content
{
}

#content .left
{
    width:150px;
    float:left;
}

#content .left .menu a, 
#content .right .login a
{
    display:block;
    text-decoration:none;
    padding-left:12px;
    background:url(images/bullet.gif) no-repeat center left;
    line-height:2em;
    border-top:solid 1px #ddd;
}

#content .left .menu a:hover, 
#content .left .menu a.active,
#content .right .login a:hover,
#content .right .login a.active
{
    background:url(images/bullet-hover.gif) no-repeat center left;
    color:#ee3032;
}

#content .middle
{
    width:640px;
    padding:0 15px;
    float:left;
}

#content .middle h1
{
    color:#ed2f31;
    font-size:1.8em;
    margin:0;
    padding:1em 0;
    margin-bottom:0.5em;
    border-bottom:solid 1px #efece3;
}

#content .middle h2
{
    font-size:1.7em;
    font-weight:normal;
    text-align:left;
    color:#666;
    margin:0.5em 0 0.25em 0;
    padding:0;
}

#content .middle h3
{
    font-size:1.25em;
    font-weight:bold;
    margin-bottom:0.4em;
    padding:0;
    color:#ed2f31;
}

#content .right
{
    width:150px;
    float:left;
}

/* footer */

#footer
{
    margin-top:2em;
    width:100%;
    float:left;
    border-top:solid 1px #ddd;
    color:#999;
    font-size:0.8em;
    text-align:right;
}

/* basket button */

.buttonBasket
{  
    background:url(images/background-home-basket.png) no-repeat top left;
    height:30px;
    float:left;
    color:#fff;
    float:right;
    font-weight:bold;
    line-height:2.4em;
    padding-left:35px;
    width:98px;
}

#content .left h1, 
#content .right h1
{
    line-height:2.5em;
    font-size:1em;
    height:30px;
    margin:0;
    padding:0;
    background:url(images/background-button-big.png) no-repeat top left;
    color:#fff;
    padding-left:10px;
    text-align:left;
}

#content .left h1 img, 
#content .right h1 img
{
    vertical-align:text-top;
    padding-right:4px;
}

.buttonSmall
{
    background:url(images/background-button-small.png) no-repeat right top;
    display:inline-block;
    color:#ee3032;
    text-align:left;
    text-decoration:none;
    padding-left:10px;
    width:140px;
    height:22px;
    line-height:1.8em;
    margin-bottom:0.4em;
}

/* specific styles so this would also work with buttons */
input.buttonSmall
{
    font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif;
    border:none;
    font-size:1em;
    width:150px;
    cursor:pointer;
}


.buttonSmall2
{
    background:url(images/background-button-small2.png) no-repeat right top;
    display:inline-block;
    color:#ee3032;
    text-align:left;
    text-decoration:none;
    padding-left:10px;
    width:120px;
    height:36px;
    padding-right:20px;
    padding-top:8px;
    line-height:1.2em;
    margin-bottom:0.4em;
}

.buttonSmall.red
{
    background:url(images/background-button-small-red.png) no-repeat right top;
    color:#fff;
}

.buttonSmall img
{
    border:none;
    vertical-align:middle;
}

.buttonNarrow
{
    background:url(images/background-button-narrow.png) no-repeat right top;
    display:inline-block;
    color:#ee3032;
    text-align:left;
    text-decoration:none;
    padding-left:10px;
    width:100px;
    height:22px;
    line-height:1.8em;
    margin-bottom:0.4em;
}

.buttonNarrow.red
{
    background:url(images/background-button-narrow-red.png) no-repeat right top;
    color:#fff;
}

.buttonSmall:hover, 
.buttonNarrow:hover
{
    color:#666;
}

.buttonNarrow.red:hover
{
    color:#ddd;
}

.buttonSmall.red:hover
{
    color:#ddd;
}

.buttonSmall .close
{
    background:url(images/background-button-small.png) no-repeat left top;
    height:22px;
    width:5px;
    float:left;
    display:block;
}

#crumbs
{
    font-family:Arial, Helvetica, Sans-Serif;
    text-transform:uppercase;
    font-size:0.8em;
    font-weight:bold;
    color:#666;
    border-bottom:solid 1px #ddd;
    margin-bottom:1em;
    
}

#crumbs a
{
    color:#666;
    text-decoration:none;
}

#crumbs a:hover,
#crumbs a.active
{
    color:#ee3032;
}

/* templates */
.imagesFooter, .filesFooter, .linksFooter
{
    width:100%;
    border-top:solid 1px #ddd;
    margin-top:1em;
    padding-top:1em;
    float:left;
}

.imagesFooter
{
   margin-top:2em; 
}

.imagesFooter a
{
    display:block;
    float:left;
    padding-right:1em;
}

.filesFooter img
{
    padding-right:0.5em;
    vertical-align:text-bottom 
}

.linksFooter
{
}

/* brands */

.brands
{
    display:table;
    margin-bottom:2em;
    margin-top:1em;
    width:100%;
}

.brands a
{
    text-decoration:none;
    float:left;
    width:48%;
    margin-right:1%;
    margin-bottom:10px;
    display:block;
}

.brands a:hover
{
    color:#ee3032;
}

.brands a:hover img
{
    border-color:#ee3032;
}

.brands a img
{
    display:inline;
    float:left;
    margin-right:1em;
    border:solid 1px #ddd;
    padding:0;
    background:#fff;
}

.brands a em,
.brands a u
{
    font-weight:bold;
    line-height:26px;
}

/* actions */

.actions
{
    display:table;
    margin-bottom:2em;
}

.actions .separator
{
    height:1em;
    margin-top:1em;
    border-bottom:dotted 1px #ccc;
    float:left;
    width:100%;
}

.actions a
{
    text-decoration:none;
    float:left;
    width:100%;
    background:url(images/picto-readmore.png) no-repeat bottom right;
}

.actions a:hover
{
    background-image:url(images/picto-readmore-hover.png);
    color:#ee3032;
}

.actions a img
{
    display:inline;
    float:left;
    margin-right:1em;
    border:solid 1px #ddd;
}

.actionDetail
{
}

.actionDetail img
{
    display:inline;
    float:left;
    margin-right:1em;
    border:solid 1px #ddd;
}

a.back
{
    display:table;
    clear:both;
    margin:1em 0;
}

.box
{
    margin:1em 0; 
    border-bottom:solid 1px #ddd;
}

.buttons
{
    padding-top:1em;
    width:100%;
    float:right;
    text-align:right;
}

#googleMap
{
    float:left;
    width:430px;
    height:365px;
    margin: 2px 0 0 2px;
}