/* -----------------------------------------------------------------------


 pret.css
   * Pret specific CSS styles
   
----------------------------------------------------------------------- */


html,body,form {
    height:100%;
    width:100%;
}

body {
    background-attachment:fixed;
    background-position:center top;
    background-repeat:no-repeat;
}


/* pagecontainer */
#page-container {
    position:relative;
    font-family:Arial, Sans-Serif;
}


/*
    Header
*/

/* Header nav*/
#page-container #header {    
}

#page-container #header h1 {
    margin-top:40px;
    float:right;
}
#page-container #header #topnav {
    height:120px;
}

#page-container #header #topnav .menu {
    margin-top:100px;
}

#page-container #header #topnav .menu ul {
    list-style:none;
    margin:0;
    padding:0;
}

#page-container #header #topnav .menu ul li {
    display:inline;
}

#page-container #header #topnav .menu ul li {
    display:inline;
    padding-left:25px; 
}
#page-container #header #topnav .menu ul li a {
    font-size:1.2em;
    color:#000000;
    text-transform:none;
    text-decoration:none;
}
#page-container #header #topnav div.menu ul li a.selected {
    color:#e85252;
}


/*
    Content styling
*/

/* content */
#page-container #content {
    margin-top:2.5em;
    padding-bottom:7em;
    min-height:325px;    
}




/* content - h2 */
#page-container #content-full h2,
#page-container #content h2 {
    text-transform:uppercase;
    font-size:2.0em;
    margin-top:0;
    margin-bottom:0.9em;
    letter-spacing:0.1em;
    color:#000000;
}

/* content - p */
/*
#page-container #content-full td,
#page-container #content td,
*/
#page-container #content-full p,
#page-container #content p {
    line-height:1.4em;
    letter-spacing:0.05em;
    color:#1a171b;    
}

/* content - content-full */
#page-container #content-full {
    margin-left:65px;
    margin-right:65px;
    margin-top:2.5em;
    padding-bottom:7em;
    min-height:325px;   
    float:left; 
    position:relative;
}

#page-container #content-full a,#page-container #content-full a:link,#page-container #content-full a:active,#page-container #content-full a:visited,#page-container #content-full a:hover, #footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a:hover
{
    text-decoration:underline;
    color:#e85252;
    font-family:Arial,Sans-serif;
}

/* content - content-collection */
#page-container #content-collection {
    margin-top:140px;
    padding-bottom:7em;
    min-height:400px;   
    float:left; 
    margin-left:68px;
}

#page-container #content-collection div.item-details-view {

}

/* content - content-collection - collection item */
#page-container div.item-details-view img.image-big {
    width:480px;
}

#page-container div.item-details-view h2 {
    position:relative;
    left:170px;
    top:-100px;
}

#page-container div.item-details-view div.collection-item-body {
    margin:0px 0px 0px 20px;
    position:relative;
}

#page-container div.item-details-view div.collection-items-container {
    position:relative;
    
}

/* content - collections - items list */
ul.collection-items-list {
    list-style-type:none;
    margin:0;
}

ul.collection-items-list li {
    display:inline;
}

ul.collection-items-list li img {
margin-bottom:13px; 
}

ul.collection-items-list .item-left {
    padding-right:0px;
}

ul.collection-items-list .item-right {
    padding-left:15px;
}

ul.collection-items-list a:link,
ul.collection-items-list a:visited,
ul.collection-items-list a:active,
ul.collection-items-list a:hover {
    text-decoration:none;
}

/* content - blog */

#page-container #content-full div.blog-entry {
    position:relative;
    margin-bottom:60px;
    padding-bottom:20px;    
    border-bottom: 1px solid #9f9f9f;    
}
#page-container #content-full div.blog-entry .date,
#page-container #content-full div.blog-entry .posted-by {
    text-transform:uppercase;
    font-size:1.2em;
}

#page-container #content-full div.blog-entry h2 {
    font-size:1.3em;
}

#page-container #content-full div.blog-entry h2 a:link,
#page-container #content-full div.blog-entry h2 a:visited,
#page-container #content-full div.blog-entry h2 a:active,
#page-container #content-full div.blog-entry h2 a:hover {
    color:#000000;
    font-size:1em;
    font-weight:500;
    letter-spacing:0.03em;
    line-height:2.4em;
    text-decoration:none;
}

#page-container #content-full div.blog-entry a.read-more:link,
#page-container #content-full div.blog-entry a.read-more:visited,
#page-container #content-full div.blog-entry a.read-more:active,
#page-container #content-full div.blog-entry a.read-more:hover {
    position:absolute;
    bottom:0px;
    text-decoration:none;
    font-weight:700;
    color:#9f9f9f;
}

/* content - blog - comments */
#page-container #content-full .comment {
  font-size: .9em;
  margin: 10px 0;
  padding: 10px;
  background: #ecefef;
}

#page-container #content-full #comments h2,
#page-container #content-full #comment-form h2 {
    font-size:1.3em;
}

#page-container #content-full .comment p {
  margin-bottom: 0;
}

#page-container #content-full .comment.rejected {
  color: #d00;
}

#page-container #content-full #comment-form {
  margin-top: 20px;
}

#page-container #content-full #comment-form fieldset {
  background: #ecefef;
  padding: 10px;
  margin-top: 10px;
  border:0 none;
}

#page-container #content-full #comment-form .info {
  font-size: .9em;
}

#page-container #content-full #comment-form .field input {
  width: 40%;
}

#page-container #content-full #comment-form .field textarea {
  width: 80%;
  height: 200px;
}

#page-container #content-full #comment-form .field label {
    display:block;
}

#page-container #content-full #comment-form .field.required label:after {
  content: ' *';
}

/* content - blog - image - right */
/*Sync changes to this class in texteditor.css*/
#page-container #content-full div.blog-entry .pret-blog-image-right {
    float:right;
    position:relative;
    top:-60px;    
    margin-bottom:-60px;
}

/* content - startpage - startboxes */
#page-container #content-full #startboxes {
    width:430px;
    min-height:190px;
    position:relative;
    float:left;
    margin-top:60px;   
    background-color:transparent;
    background-image:url('startboxes-bg-sprite.png'); 
    background-repeat:no-repeat;
    background-position:0px -400px;            
}

#page-container #content-full #startboxes div.box-container {
    z-index:0;
}

#page-container #content-full #startboxes div.selected {
    z-index:10;
}

#page-container #content-full #startboxes.box-1-selected {
    background-position:0px 0px;
}

#page-container #content-full #startboxes.box-2-selected {
    background-position:0px -200px;
}

#page-container #content-full #startboxes.box-3-selected {
    background-position:0px -400px;
}

#page-container #content-full #startboxes #box-1,
#page-container #content-full #startboxes #box-2,
#page-container #content-full #startboxes #box-3 {
    width:390px;
    height:160px;
    position:absolute;
    top:20px;
    left:20px;
    
    background-color:transparent;
    background-image:url('startboxes-bg-sprite.png');
    background-repeat:no-repeat;    
}

#page-container #content-full #startboxes .tab {
    width:53px;
    height:12px;
    position:absolute;
    top:-20px;    
}


#page-container #content-full #startboxes #box-1 {
    background-position:0px -20px;    
}
#page-container #content-full #startboxes #box-1 .tab {  
    left:-20px;
}

#page-container #content-full #startboxes #box-2 {
    background-position:0px -220px;
}
#page-container #content-full #startboxes #box-2 .tab {  
    left:33px;
}

#page-container #content-full #startboxes #box-3 {
    background-position:0px -420px;    
}
#page-container #content-full #startboxes #box-3 .tab {  
    left:86px;
}

/*****************/
/* Startboxar V2 */
/*****************/
.startboxar { margin-top:50px; }
.startboxar .startbox { float:left; clear:left; background:url(../Images/startboxar_bg2.png) repeat top left; width:336px; padding:11px; color:#fefefe; overflow:hidden; margin-bottom:21px; font-family:arial; }
.startboxar .startbox img { float:left; margin-right:11px; }
.startboxar .startbox .startbox-body { float:left; width:175px; }
.startboxar .startbox h3 { text-transform:uppercase; color:#fefefe; font-weight:normal; font-size:12px; letter-spacing:1px; margin-bottom:2px; }
.startboxar .startbox p { font-size:10px; color:#fefefe !important; line-height:12px !important; margin:3px 0 10px; letter-spacing:0 !important; }
.startboxar .startbox a { font-size:10px; color:#fefefe !important; text-decoration:none !important; }


/* content - stores */
#page-container #stores-info {
    margin-top:20px;
}

/*
    Left side navigation styling
*/

/* left panel */
#page-container #left-panel {  
    width:135px;  
    position:absolute;
    top:163px;
    left:65px;
}

#page-container #left-panel.left-panel-collection {  
  
}

/* left panel - menu - nav styling */
#page-container #left-panel div.menu ul {
    list-style-type:none;
    margin:0;
}

#page-container #left-panel div.menu ul li {

}

/* selected and expandes items */
#page-container #left-panel div.menu a:link.selected,
#page-container #left-panel div.menu a:visited.selected,
#page-container #left-panel div.menu a:active.selected,
#page-container #left-panel div.menu a:hover.selected,
#page-container #left-panel div.menu a:link.expanded,
#page-container #left-panel div.menu a:visited.expanded,
#page-container #left-panel div.menu a:active.expanded,
#page-container #left-panel div.menu a:hover.expanded {
    color:#1a171b !important;
}

/* selected and expandes items - collections */
#page-container #left-panel div.menu a:link.selected,
#page-container #left-panel div.menu a:visited.selected,
#page-container #left-panel div.menu a:active.selected,
#page-container #left-panel div.menu a:hover.selected,
#page-container #left-panel div.menu a:link.expanded,
#page-container #left-panel div.menu a:visited.expanded,
#page-container #left-panel div.menu a:active.expanded,
#page-container #left-panel div.menu a:hover.expanded {
    color:#e85252 !important;
}

/* level 1 */
#page-container #left-panel div.menu ul li a:link,
#page-container #left-panel div.menu ul li a:visited,
#page-container #left-panel div.menu ul li a:active,
#page-container #left-panel div.menu ul li a:hover {
    color:#1A171B;
    text-decoration:none;
    font-size:1.3em;    
    font-weight:500;
    line-height:2.4em;
    letter-spacing:0.03em;
}

/* level 1 - collections */
#page-container #left-panel.left-panel-collection div.menu ul li a:link,
#page-container #left-panel.left-panel-collection div.menu ul li a:visited,
#page-container #left-panel.left-panel-collection div.menu ul li a:active,
#page-container #left-panel.left-panel-collection div.menu ul li a:hover {
    color:#1a171b;
}



/*
    Footer
*/
#footer {
    min-height:45px;  
    width:100%;
    background-color:transparent;
    background-image:url('transp-90.png');
    background-repeat:repeat;   
    position:fixed;
    bottom:0px;  
    z-index:30;  
}

#footer-inner {
    width:950px;
    margin-left:auto;
    margin-right:auto;
}

#footer ul {
    list-style:none;
    margin:10px 0 0 15px;
    padding:0;
}

#footer ul li {
    display:inline; 
    padding-left:25px;   
}

#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active,
#footer ul li a:hover {
    color:#1a171b;
    text-decoration:none;
    font-size:1em;    
    font-weight:500;
    line-height:2.4em;
    letter-spacing:0.03em;
}

/* Footer - Language switcher */
#footer-inner div.lang {
    float:left;
    margin-top:10px;
    margin-left:25px;
}

#footer-inner div.lang a:link,
#footer-inner div.lang a:visited,
#footer-inner div.lang a:active,
#footer-inner div.lang a:hover {
    color:#1A171B;
    font-size:1em;
    font-weight:500;
    letter-spacing:0.03em;
    line-height:2.4em;
    text-decoration:none;
    text-transform:uppercase;
}