/* HEADER NAV STYLE */
.megamenu-dropdown {
	
	background-color: #fff; /* horo submenu container background */
	border: 1px solid #ddd; /* horo submenu container border*/
}
#vp_welcomeboxsquare .toprightsection:first-child {
	border-color: inherit; /* mid top right border ------- */
}

/* MOBILE HEADER */
.mobile-header {
	background: linear-gradient(to bottom, #eee 0px, #dbdbdb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	min-height: 30px;
    padding: 0px;
	background: -webkit-linear-gradient(#dcdcdc, #ececec); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#dcdcdc, #ececec); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#dcdcdc, #ececec); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#dcdcdc, #ececec); /* Standard syntax */
}
/* MOBILE LOGO CONTAINER STYLE */
.mobile-header.container #vp_logo, .mobile-header.container .vp_logo { 
	background: #fff; background-image: url("/topbarpapeldeazucar.jpg"); background-repeat: no-repeat; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; 
}

/* MOBILE ICON DROPDOWN CONTAINER */
.navigation_dropdown_menu_mobile {
	 position: absolute; width: 100%;
	 z-index: 100;
	 top: 40px; 

}

/* MOBILE SLIDE MENU CONTAINER */
body .mm-menu {
    background-color: #d5824f !important;
    color: rgba(255, 255, 255, 0.6) !important;

}

/* NAVIGATION */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav > li > a:hover, .nav > li > a:focus, #flyout1 li:hover, #flyout1 li:focus {
	background-color: #f5f5f5;
	color: #262626;
}
.megamenu-dropdown a {
    display: block;
    line-height: 1.42857;
    padding: 3px 15px;
    width: 100%;
}
.megamenu-dropdown a:hover, .megamenu-dropdown a:focus {
   background-color: #f5f5f5;
}

/* LOGO */
.mobile-header.container #vp_logo { background: #ffffff; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; }
/* LOGO */

/* 
 * SLIDER 
 */
.cameraContent .camera_caption > div {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); /* opacity background */
	color: #fff; 
 }
/* END OF HEADER NAV STYLE */
/* WIDGETBOX STYLE */
.widget-box {
	border: 1px solid #e7e7e7; /* widgetbox border */
}
.featured-prod-widget {
	border: 1px solid #ddd; /* border for featured product widget */
	margin-top: 10px;
	padding: 5px;
}
.featured-prod-widget h6{
	font-size: 15px; /* featured product header title size */
}
/* style for widget product price */
span.widget-prod-price {
    
    font-size: 1em;
	display: block;
	margin-top: 6px;
}
/* FOR WIDGET TITLE WRAPPER CONTAINER */
.title {
	border-bottom:1px solid #e7e7e7;
	margin-bottom: 10px;
}
/* FOR WIDGET AND CENTER TITLE STYLE */
.title h2, .title h2 {
	text-transform: Uppercase;
	font-size: 1.3em;
	padding: 0px 5px 5px; 
}

.widget-title { color: inherit; }

/* TITLE WIDGET FOR MOBILE */

/* WIDGET LIST STYLE */
.menulist li a:before, .sidepage li a:before, .sideblogs li:before, .sidenews li a:before, .menulist-style li:before, .sidebarcell ul#accordion li a:before, .sidebarcell ul#flyout1 li:before{
	
    content: " ";
    display: inline-block;
    vertical-align: middle;
}
ul.sidepage a, ul.sideblogs a {
	width: 80%;
	display: inline-block;
	vertical-align: top;
}

ul li .right-bullet {
	display: inline-block;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 4px;
   
} 
#flyout1 li a {
    display: inline-block;
    visibility: 1;
    vertical-align: top;
	padding-top:3px;
	padding-bottom:3px;
	width: 80%
}   

/*
* END WIDGETBOX 
*/

/* 
* FOOTER STYLE 
*/
/* FOOTER LETTER SORTING BAR */
.letter-sorting {
    background-color: #d5824f;
    color: #fff;
    margin: 10px 0;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.footer {
    background: none repeat scroll 0 0 rgb(237, 237, 237);
    border-top: 8px solid #ccc;
    clear: both;
    display: block;
    width: 100%;
}
.footer h3{
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 20px;
    text-transform: uppercase;
	color: #6b6b6b;
}
/* 
* END FOOTER STYLE 
*/


/* 
* GENERALS 
*/

body {
	background-color: #FFF; 
	color: #777;
}

a {
	color: #3968ca;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
.right-bullet, .caret { /* FOR ARROW BULLET */
	color: #5a5a5a;
}
.default-btn-style {
	
	color: #fff;
	padding: 3px;
	max-width: 90px;
	min-height: 27px;
}
.global-font-color, .shadetabs li a, .global-font-color > a  {
	color: #5a5a5a !important;
	  
}
/* for hover */
.global-font-color:hover{
	color: #5a5a5a;
}
/* background of inner div, container or wrapper */
.global-background-color, .scrollToTop_default, .scrollToTop_default:hover, .scrollToTop, #vp_bodycontent a.submitbtn  { 
	background-color: #5a5a5a;
	color: #fff;
}
.global-3rd-background-color { background-color: #000;}
.global-2rd-background-color { background-color: #ededed;}

/* LOWER WELCOME BAR */
#vp_welcomeboxstretch .utility-bar {
    background: none repeat scroll 0 0 rgb(237, 237, 237);
    margin-top: 8px;
    padding: 0 15px;
}

.breadcrumb {
	background-color: #f5f5f5;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 8px 15px;
}
.pagination  > li  a {
	background-color: #fff;
	border: 1px solid #ddd;
}

/* FOR BUTTONS */
.submitbtn, #vp_bodycontent a.submitbtn, .default-btn-style,.btn-default {
   background-color: #d5824f;
   border: 0px;
   border-radius: 3px;
   color: #fff;
   padding: 5px;
}

.lower-header #vp_welcomeboxsquare .dropdown-menu {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

/* PRODUCT DETAILED PAGE */
.productsummary.productdesc_table {
	 background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
/* tab container  */
#productexdbottom .tab_content_container, #productexdbottom .shadetabs li a.selected {
	background-color: #f8f6f7; 
}
/* PRODUCT DETAILED PAGE */

/* FOR PRODUCTS THUMBNAIL */
 .nailthumb, .product_thumbnail {
 
	max-width: 100px;
    width: 100%;
	display: block;
	margin: 0 auto;
	
}
/* TABLES */
.info_table > tbody > tr > td {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #ddd;
    padding: 11px 5px;
}
table.view_cart tr:first-child th.menuhdr {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.view_cart th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #888787;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;
}

/* 
* default input style 
*/
.txtfield, .txtfielddropdown, .searchfield, .txtfieldqty {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    padding: 3px 5px 5px;
	margin-bottom: 5px;
}
input[type=text] {
	border-radius: 4px;
}
.input-group  .input-group-btn{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* DROPDOWNS AND FLYOUT */
.megamenu-dropdown , #flyout1 ul {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.searchresultwrapper {
	background-color: #fff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
#welcomeboxstretchresultlist > a {
	line-height: 1.8;
}

@media (max-width: 766px){
	.title { background: #777; }
	#flyout1 { margin-top: -20px;}
	#page .title h2, #page .title h2 > a { color: #fff !important;  }
	
	
	
	#flyout1, .sidepage {
		margin-top: -10px;
	}
	#flyout1 li, .sidepage > li {
		border-bottom: 1px solid #777;
		position: relative;
	}
	#flyout1 li:last-child, .sidepage > li:last-child {
		border-bottom: 0px none;
	}
	#flyout1 li a, .sidepage li a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
	}
	.sidebarcell, .sidepage {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.glyphicon.glyphicon-play.right-bullet {
		position: absolute;
		right: 0px;
		top: 20px;
	}
	.flyout, .sidepage {
		margin-right: -15px;
		margin-left: -20px;
	}
}

/* 
* end default input style 
*/

@media (max-width: 766px){
	/* MOBILE LOWER HEADER BAR STYLE */
	.lower-header {
		background: -webkit-linear-gradient(#dcdcdc, #ececec); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#dcdcdc, #ececec); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#dcdcdc, #ececec); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#dcdcdc, #ececec); /* Standard syntax */
		padding: 0px;
	}
	.breadcrumb { margin-bottom: 0px; }
	
}