/* 
    Document   : styles
    Created on : Mar 2, 2012, 6:53:55 PM
    Author     : efta
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@import url("/static/css/common.css");

body {
    font-size: 11px;
    background-color: #F7F7F7;
}


.scroll-area div.page{
    padding: 0.3em;
    border: 1px solid #c6c6c6;
    display: inline-block;
    min-width: 2em;
    text-align: center;
}
.scroll-area div.active, .scroll-area div.page:hover{
    background-color: #DDDDDD;
}

.scroll-area div.box {
	display:inline-block;
	margin-bottom:1em;
}

.catalogMenu .menuSquare {
    width: 8px;
    height: 8px;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    float:left;
    display:block;
    border-collapse: collapse;

} 
.catalogMenu .menuItem {
	margin-bottom: 9px;
}
.catalogMenu .menuItemText {
	line-height: 11px;
	
}
p {margin-bottom: 1em;}

a:hover {color: red !important; text-decoration:none;}

.catalogMenu .aSelected:hover .menuSquare, .gray{
    color: #DDDDDD;
}


.catalogMenu .aSelected .menuSquare, .catalogMenu a:hover .menuSquare{
    background-color: #DDDDDD;
}

.aSelected:hover .menuSquare {
    background-color: #DDDDDD;
}

.aSelected .menuItemText, .aSelected{
    color: red !important;
}

#leftNav, #rightNav {
    cursor: pointer;
    width: 9px;
    height: 13px; 
    background-repeat: no-repeat;
    margin-top: 0.5em;
}

#leftNav{
    background-image: url("/static/images/icon-left-triangle.svg");
}
#leftNav:hover, .leftNavMo{
    background-image: url("/static/images/icon-left-triangle-hover.svg") !important;
}

#rightNav{
    background-image: url("/static/images/icon-right-triangle.svg");
}
#rightNav:hover, .rightNavMo{
    background-image: url("/static/images/icon-right-triangle-hover.svg") !important;
}

#itemImg {
    margin: auto; display:none;
}