/*
========================================================================
Custom Pages
Estilos das páginas personalizadas
========================================================================
*/
#CustomPages div {
	background-color: transparent;
	border-bottom-color: #0085cc;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	box-sizing:border-box;
	clear: both;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	margin-top: 40px;
	orphans: 2;
	padding-bottom: 2px;
	text-align: left;
	-webkit-text-stroke-width: 0px;
}
#CustomPages h2{
	box-sizing: border-box;
	color: #0085cc;
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
	margin-top: 20px;
}
#CustomPages span{
    line-height: 15px;
    text-align: center;
    width: 15px;
    height: 15px;
    display: inline-block;
	background-color: #0085cc;
	color: #fff;
	margin-right: 5px;
	box-sizing: border-box;
}
#CustomPages blockquote{
	background-color: transparent; 
	border-left-color: #eeeeee; 
	border-left-style: solid; 
	border-left-width: 5px; 
	box-sizing: border-box; 
	color: #333333; 
	font-size: 17.5px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	letter-spacing: normal; 
	margin-bottom: 20px; 
	orphans: 2; 
	padding-bottom: 10px; 
	padding-left: 20px; 
	padding-right: 20px; 
	padding-top: 10px; 
	text-align: left; 
	-webkit-text-stroke-width: 0px; 
}
#CustomPages p{
	box-sizing: border-box; 
	margin-top: 5px;
}
#CustomPages h5{
	box-sizing: border-box; 
	color: #333333;
	font-size: 14px; 
	font-weight: 500; 
	line-height: 18px; 
	margin-bottom: 10px; 
	margin-top: 10px;"	
}
#CustomPages a{
	background-color: transparent;
	box-sizing: border-box;
	color: #C30;
	text-decoration: none; 	
}
#CustomPages a:hover{
	background-color: #333;
	box-sizing: border-box;
	color: #fff;
	/*text-decoration: none;*/ 	
}
/* 
========================================================================
CATEGORY NAVIGATION MENU
The primary styles are created by foundation.css. Rather than change
styles there (which would be overwritten if we upgrade Foundation to
a newer version), just just grab the bits we need to change here.
========================================================================
*/
#categorymenu .top-bar                  { border-bottom: solid 1px #0085cc; max-width: 980px; margin: 0 auto; background-color: #0085cc; min-height: 45px; }
#categorymenu .top-bar-section li       { border-right: solid 1px #fff;  border-left: solid 1px #fff; }
#categorymenu .top-bar-section li a:not(.button)
                                        { color: #fff; background-color: #0085cc; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; height: 44px; line-height: 1.2em; font-weight: normal; width: 125px; font-size: 90%; text-transform:uppercase; text-align:center; padding-top: 14px; }
#categorymenu .top-bar-section li a:hover
                                        { background-color: #666; color: #fff; }
#categorymenu .top-bar-section li ul    { border-bottom: solid 1px #000; }
#categorymenu .top-bar-section li li    { background-color: #0085cc; border-right: solid 1px #000; }

#categorymenu .top-bar-section .has-dropdown > a:after
                                        { border-style: solid; border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; top: 12.5px; }
#categorymenu .top-bar-section .dropdown li a
                                        { background-color: #666; color: #fff; width: auto; height: auto; font-weight: normal; padding: 2px 15px 4px 15px; font-size: 90%; text-transform: none; }
#categorymenu .top-bar-section .dropdown li a:hover
                                        { color: #000; background-color: #aaa; }
#categorymenu .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after
                                        { visibility: hidden; }
#categorymenu .title-area li.name span  { display: none; }

/* Mobile version */
#categorymenu .top-bar.expanded         { border-bottom: solid 1px #fff; }
#categorymenu .top-bar.expanded .title-area
                                        { background-color: #0085cc; border-bottom: solid 1px #fff; }
#categorymenu .top-bar.expanded .title-area a
                                        { color: #fff; background-color: transparent; border-bottom: none; }
#categorymenu .top-bar.expanded li a    { border-bottom: solid 1px #fff; }
#categorymenu .top-bar.expanded li ul   { border: none; }
#categorymenu .top-bar.expanded li li   { border-right: none; }
#categorymenu .top-bar.expanded li li a { font-weight: bold; font-size: 13px; background-color: #0085cc; border-bottom: solid 1px #fff; }
#categorymenu .top-bar.expanded .has-dropdown .dropdown li.has-dropdown > a:after
                                        { visibility: visible; }
/* Button to replace main nav menu in small devices */
#categorymenu .mobile-link              { font-weight: bold; padding: 2px 15px; color: #ddd; display: block; }
#categorymenu .mobile-link:hover        { color: #fff; background-color: #555; }

#newestitems .item{ border: hidden; }
#newestitems .box{ border: #DAF3D6 solid 1px; }
#newestitems .pad{ border: hidden; }
/*#newestitems .pad:hover{ border: hidden; zoom: 1.2; transition: 0.5s;}*/

#recentlyviewed .box { text-align:left; }
#recentlyviewed { border-top:hidden; }

/* 
========================================================================
BIG SCREENS
========================================================================
*/
@media only screen and (min-width: 930px) {
#container { min-width: 100%; }
#centre_container { padding: 0 0; }
.row { max-width: 980px; margin: 0 auto; }
.top-bar-background { background-color: #0085cc; min-width: 100%; }
}
/* 
========================================================================
MEDIUM SCREENS
========================================================================
*/
@media only screen and (max-width: 930px) {
    /* Products*/
    .products_shortened .item,
    .subcategories_shortened .item          { width: calc(50% - 10px); }
    .products_tabular .item                 { width: calc(50% - 10px); }
    .versions td.info                       { max-width: 200px; overflow: hidden; }

    .Kartris-DetailsView-Value { width: 270px; }
    ul { max-width: 100%; }
    #pagecontent_pad { min-height: 200px; padding-bottom: 15px; }
    .versions td.info { max-width: 200px; overflow: hidden; }
    .basket td.quantity input { width: 32px; text-align: right; }
    #centre_container { padding: 0; }
    select,
    input { width: 100%; }
    #footer_inside { margin: 0; }

    /* Menus */
    #categorymenu .top-bar { min-height: 0px; }
    #categorymenu .top-bar-section li a:not(.button) { width: auto; height: 100%; padding: 5px 10px; overflow: hidden; white-space: nowrap; }

    /* Login status */
    #loginstatus #username,
    #loginstatus #statuslabel               { display: block; }

    /* Basket */
    #compactbasket_totalprice               { display: none; }
}

/* 
========================================================================
SMALL SCREENS
========================================================================
*/
@media only screen and (max-width: 530px) {
  .product div.imagecolumn { padding: 10px 0 0 0 !important; }

    /* Products*/
    .products_shortened .item,
    .subcategories_shortened .item          { width: 100%; }
    .products_tabular .item                 { width: 100%; }
    .versions td.info                       { max-width: 200px; overflow: hidden; }

    .Kartris-DetailsView-Value { width: 270px; }
    ul { max-width: 100%; }
    #pagecontent_pad { min-height: 200px; padding-bottom: 15px; }
    .versions td.info { max-width: 200px; overflow: hidden; }
    .basket td.quantity input { width: 32px; text-align: right; }
    select,
    input { width: 100%; }
    #footer_inside { margin: 0; }
}

/* 
========================================================================
ORBIT SLIDESHOW
========================================================================
*/
#front-slideshow                        { background-color: #e5e5e5; z-index: 0; }
#front-slideshow li                     { padding: 10px 80px; min-height: 200px; }

/* 
========================================================================
GENERAL 
========================================================================
*/
table tr td                             { font-size: 100%; }
table thead,
table tfoot                             { background: #fff; }
