/*This area is for custom CSS -- START HERE*/

.electronics2{
    display: none;
}

/* PLEASE **DO NOT** MAKE CHANGES TO OTHER CSS FILES */
#SitemapContent {
    padding-left: 20px;
}

/* Style show UPS rates link */
#cartForm > table > tfoot > tr:nth-child(4) > td > div > div > div > div > div:nth-child(1) > div > a,
#cartForm > table > tfoot > tr:nth-child(4) > td > div > div > div > div > div:nth-child(2) > div > a{
    font-size: 16px;
    border: 3px solid #9E9E9E;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}


/*This area is for custom CSS -- END HERE */

/*Moved from different files*/

.cat_bottom .service-block{ float:none;}

/* Blog pages */
#NewsContent {
    margin-right: 0px;
}


/* Account order Status page */

#AccountRecentItems{
    margin: 20px; 
}

#EditAccountForm{
   margin: 20px; 
}

.AccountAddressBook{
    margin: 20px;
}

.AccountOrders{
    margin: 20px;
}

.InfoMessage {
    background: none;
    font-size: 14px;
}

.AccountOrderStatus{
   padding: 20px;
}

.ShippingStatusHelpHeader{
font-family: 'Titillium Web', sans-serif;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 10px 0;
}

.AccountOrder{
   padding: 20px;
}

/*Product description */
.prodAccordionContent p{
    font-size: 14px;
}

/*Category description*/
.CategoryDescription{
    padding-left: 10px;
    padding-right: 60px;
}


.Breadcrumb {
    color: #525252;
}

.BlockContent.PageContent a {
    color: #2877A7;
}

/*Move price to a new line in category pages*/
.p-price{
    clear: both;
}

/*Product page price, name etc...*/
.ProductDetailsGrid .DetailRow.product-heading {
    margin-bottom: 20px;
}

/*Set the text color/margin for product option boxes on cart pulldown */
table.productAttributes  label{
    color: black;
}

table.productAttributes  span{
    color: black;
}

table.productAttributes  td{
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Breadcrumbs*/
.Breadcrumb li {
    font-size: 14px;
}

.Breadcrumb li a {
    font-size: 14px;
}

/*Account pages styling*/
#AccountInbox{
    margin-left: 21px;
}


/* Checkout styling */
.ExpressCheckout{
    font-size: 16px;
}

.FormFieldLabel{
    font-size: 14px;
}

.FormField{
    border: solid 1px rgba(65, 173, 226, 0.43);
    transition: box-shadow 0.4s, border 0.4s;
    width: 98%;
    font-size: 16px;
    font-family: 'Open Sans Regular';
}

.FormField:focus,
.FormField.focus {
  border: solid 1px rgba(65, 173, 226, 0.43);
  box-shadow: 0 0 3px 1px rgba(65, 173, 226, 0.43);
}

.PTB20{
    color: #41ade2;
}

/*Blog page styling*/

.Tutorials{
    /*padding-left: 40px;
    padding-right: 40px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:14px;*/
}

/*main menu customization*/
 #SideCategoryList .sf-menu li ul li{clear: none;  float: left; padding: 0; width: 176px;}
    #SideCategoryList .sf-menu li ul li a.hasSub{background-image: none !important;    padding: 0; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #333333;}
    #SideCategoryList .sf-menu li ul li ul { position: static; width: 150px; padding:0 !important; display: block !important; visibility: visible !important;}    
    #SideCategoryList ul li ul li{ background:none;}
    .PageMenu li ul{ width:911px;}



    .PageMenu li ul li a:hover { color: #000 !important;}
    .SideCategoryListFlyout ul li ul li ul{ border:none !important;}
    .PageMenu li ul li a{ line-height:2em !important;}
    .PageMenu .pages-menu li ul{ width:201px !important;}
    .PageMenu .pages-menu li ul li{ background:none;}
    .PageMenu .sf-menu li ul{padding-left: 21px;}

/*Quick hacks.. (form main menu) gotta find permanent solution*/    
#SideCategoryList > div > div > ul > li:nth-child(3) > ul > li > ul > li > ul{
    position: static; 
    width: 150px; 
    padding:0 !important; 
    display: block !important; 
    visibility: visible !important;
    box-shadow: none;
}  

#SideCategoryList > div > div > ul > li:nth-child(3) > ul > li:nth-child(5) > ul
{
    position: static; 
    width: 150px; 
    padding:0 !important; 
    display: block !important; 
    visibility: visible !important;
    box-shadow: none;
}


#SideCategoryList > div > div > ul > li:nth-child(3) > ul > li:nth-child(3) > ul > li:nth-child(1) > a{
    font-size:12px;
}

#SideCategoryList > div > div > ul > li:nth-child(3) > ul > li:nth-child(3) > ul > li:nth-child(2) > a{
    font-size:12px;
}

#SideCategoryList > div > div > ul > li:nth-child(3) > ul > li > a{
    background-image: none !important;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
}

/*Styles for custom tables on product page*/
.InfoTable {
  display: table;
  width: 100%;
  border-collapse:collapse;
}

.InfoTableHeader {
  display: table-row;
  background-color: #41ade2;
  border: 1px solid #e9e9e9;
  text-align: center;
  font-weight: bold;
  font-size: 12;
  color: white;
  height: 35px;
}

.InfoTableRow {
  display: table-row;
}

.InfoTableCell {
  display: table-cell;
  border: 1px solid #e9e9e9;
  padding: 4px;
  vertical-align: middle;
}

.Width20{
  width:20%;
  text-align: center;
}

.Width20{
  width:20%;
  text-align: center;
}

.Width10{
  width:10%;
  text-align: center;
}

.Width5{
  width:5%;
  text-align: center;
}

.Width1{
  width:1%;
  text-align: center;
}

.center{
  text-align: center;
}

.TitleHeading {
    font-family: 'Titillium Web', serif;
}

div#LayoutColumn2 {
    margin-top: 0px;
}


/*Contact page*/
.contact-map-wrap #map{
    height:297px;
    border:6px solid #ececec;
}

.contact-location-wrap-inner{
    padding-top:18px;
    padding-right:20px;
    padding-bottom:10px;
    padding-left:10px;
}

.contact-text{
    padding-top:10px;
}

.form-wrapper .input-box .input-text{
    width:100%;
    max-width:395px;
}
.form-wrapper .input-box #comment{
    width:100%;
    max-width: none;
}
.form-wrapper li .field{
    margin-bottom:10px;
}
.form-wrapper .form-list li{
    margin-bottom:0px;
}
.store-info .list-info .item-info{
    padding-left:52px;
    position:relative;
    margin-bottom:20px;
    list-style:none;
}
.store-info .list-info .item-info > div:before{
    content:"";
    width:34px;
    height:34px;
    display:inline-block;
    background-color:#f0f0f0;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    left:0px;
    top:0px;
    border-radius:50%;
}
.store-info h2{
    padding:0px;
}

.store-info p{
    line-height: 18px;
}

.store-info .list-info .item-info.main-info > div:before{
    background-image:url(http://numato.com/skin/frontend/sm_g2shop/default/images/add_contact.png);
}
.store-info .list-info .item-info.email-info > div:before{
    background-image:url(http://numato.com/skin/frontend/sm_g2shop/default/images/email_contact.png);
}
.store-info .list-info .item-info.phone-info > div:before{
    background-image:url(http://numato.com/skin/frontend/sm_g2shop/default/images/phone_contact.png);
}

.store-info .list-info .item-info .info-content > h2{
    text-transform:uppercase;
    font-size:100%;
    font-family:inherit;
}
.store-info .list-info .item-info .info-content .des-info {
    line-height: 18px;
    padding-top: 5px;
}
.contact-form .buttons-set {
    border:none;
}
.contact-form .buttons-set .button{
    float:left;
    margin-left:0px;
}
#yt_wrapper .page-title.title-c{
    margin-bottom:30px;
}
#yt_wrapper .page-title.title-c h1{
    position:relative;
}
#yt_wrapper .page-title.title-c h1:before{
    position:absolute;
    display:inline-block;
    content:"";
    width:70px;
    height:3px;
    bottom:3px;
    left:0px;
    
}


/* Our customers widget*/
.electronics2{
    padding-bottom: 0px;
}

.electronics2 h2{
    padding-bottom: 10px;
}



/*This area is for TREPOLY's additional custom CSS -- START HERE*/

#yt-totop {
    margin-bottom: 20px !important;    
}

#HomeFeaturedProducts .midbor {
    margin: 0px 15px 0px;    
}

.carticon {
    float: left;
    width: 50px;
    text-align: center;
    border-right: 1px solid #3a9bcb;
}

.carticon img {
    margin-top: 7px;
    position:static;
}

#CategoryHeading .TitleHeading {
    background-color: transparent;
}

ul.tabsnew li:last-child {
    border-right: 1px solid #CCC;
    display: inline-block;
}

.ProductDescription {
    color: #686868;
}

#LayoutColumn2 {
    padding: 0px !important;
}

#LayoutColumn2 p, #LayoutColumn2 pre {
    padding: 0px 0px 0px !important;
}

.RegisterH {
    display: none !important;
}

#SearchResultsCategory {
    padding-left: 20px !important;
}

.SearchSuggest {
    padding-left: 20px !important;
}

.actions #LoginButton:hover {
    background: #fff !important;
}

.btn.alt:hover {
    border: 3px solid #41ADE2;
    color: rgb(65, 173, 226);
}

/*This area is for TREPOLY's additional custom CSS -- END HERE*/