@import "/assets/css/navigation.css";
@import "/assets/css/select.css";
@import "/assets/css/jScrollPane.css";

body {
background-image: url(/assets/visual/bg.gif);
text-align:center;
}

#divSiteBorder {
width: 1000px;
background-image: url(/assets/visual/border.png);
margin: 0 auto;
}

#divSiteContainer {
width: 990px;
background-color:#FFFFFF;
margin: 0 auto;
}


/**************************************/
/*              HEADER                */
/**************************************/

#divSiteHeader {
height:130px;
text-align:left;
background-image: url(/assets/visual/headerbg.png);
background-repeat:repeat-x;
position: relative;
z-index: 3;
}

#divSiteHeadRight {
float:right;
height:117px;
width:550px;
background-repeat:no-repeat;
background-image: url(/assets/visual/spots.png);
background-position:right top;
}

.divSiteHead {
height:50px;
margin-right:17px;
margin-top:38px;
position:relative;
}

#divSiteHeadNav {
height:30px;
}

.top_email, .top_pass, .top_login, .divMemberBasket, #divMemberMenu
{
    position:absolute;
    top:12px;
}

.top_email {right:250px;}
.top_pass {right: 102px;}
.top_login {right: 4px;}
.divMemberBasket {right:170px}
#divMemberMenu {right:-5px;}

/**************************************/
/*               MAIN                 */
/**************************************/

#divSiteMain {
text-align:left;
z-index: 1;
    position:relative;
    height:auto;
}

#divSiteMenu {
width:200px;
float:left;
    background-image:url(/assets/visual/content_bg.jpg);
    background-repeat:repeat-x;
}

#divSiteSearch div{
margin:5px 15px;
height:25px;
}

#divSiteSearch div div {margin:0}

#divSiteSearch input[type=image] {
position:relative;
left:91px;
}

#divSiteSearch .code-search 
{
    margin: 0px 15px 5px;
    width:153px;
}

#divSiteOccasions{
    margin-top:5px;
}

#divSiteArtists{
    margin-top:5px;
}

#divSiteContent 
{
    position:relative;
    float:right;
    padding-right:5px;
    padding-left:15px;
    width:770px;
    background-image:url(/assets/visual/content_bg.jpg);
    background-repeat:repeat-x;
}

#divSiteCrumb {
font-size:90%;
padding: 10px 0;
}

#dibSiteCrumb a {
text-decoration:none;
}

.divWelcome {
padding:20px;
}

.divCardContainer {
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
height:235px;
margin-left:10px;
float:left;
}

.divCardContainer2 {
border-left: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
margin:10px;
float:left;
}

.divCardBox {
border: 1px solid #d1d1d1;
border-left: 0px;
border-top: 0px;
float:left;
padding:25px 28px 14px;
}

.divCardBox span 
{
display:block;
height:16px;
text-align:center;
margin-top:18px;
}

.divCardBox span span
{
display:inherit;
height:auto;
text-align:center;
margin-top:0px;
color:#838383;
}

.divProduct 
{
    position:relative;
    float:left;
}

.divCardContainer2 .divCardBox {
background-image: url(/assets/visual/zoom.gif);
background-repeat: no-repeat;
background-position: bottom right;
position:relative;
}

.divCardContainer2 .divCardBox img
{
    margin-bottom: 6px;
}

.divCardContainer2 .divCardBox
{
    text-decoration: none;
    text-align:center;
    line-height:130%;
    color:#878787;
}

.divCardContainer2 .divCardBox b
{
    color: #D71A21;
}

.divCardNav {
border: 1px solid #d1d1d1;
background-color:#ededed;
color:#878787;
margin:10px;
font-size:90%;
padding:3px 6px;
}

.product_check 
{
    position:absolute;
    bottom:5px;
    left: 3px;
    z-index: 500;
}

#divArtist {
margin-right: 15px;
}

.add_to_basket 
{
    text-align:right;
    margin-right: 20px;
}


/**************************************/
/*              FOOTER                */
/**************************************/

#divContentFooter 
{
    position:relative;
    top:60px;
    left:20px;
    clear:both;
    height: 200px;
    margin-right:20px;
}

#divContentFooter div {
float:left;
margin-right:15px;
max-width:40%;
}

#divContentFooter div a {
float:right;
}

#divContentFooter b {
color:#d71a21;
}

.divSiteFooter {
clear:both;
color: #9a9999;
padding:20px;
}


#divNewsMenu, #divAboutMenu {position:absolute; top:70px; right:0px; min-width:200px;}
#divNewsMenu ul, #divAboutMenu ul { margin-left:14px; margin-right:23px; }
#divNewsMenu ul li, #divAboutMenu ul li { border-bottom: 1px solid #f9ddde; padding:5px; color:#d71a21;}
#divNewsMenu ul li a, #divAboutMenu ul li a { color:#333333; text-decoration:none; line-height:16px; }
#divNewsMenu ul li.active, #divAboutMenu ul li.active { background-color:#fbe9e9;}
#divNewsMenu ul li.active a, #divAboutMenu ul li.active a {color:#d81921; text-decoration:underline;}
#divNewsMenu ul li.active ul, #divAboutMenu ul li.active ul {border-top:1px solid #f9ddde; display:block;}

.range_id_hidden {display:none;}