/* THIS IS FOR THE INDEX PAGE IMAGES */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.smlpadding {
   padding:  2px 2px 2px 2px !important;
   margin: 0 !important;
}

.detailpadding {
   padding:  10px 10px 10px 10px !important;
   margin: 0 !important;
}


/********************************************************************/

/* for all modal popups on various pages */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px; color:#FFF;}
/****************************************/
#simplemodal-container a.modalCloseImg {
	background:url(images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
#simplemodal-container .buttons {line-height:24px; width:120px; float:right; background:url(images/button.gif) repeat-x; color:#000;} 
#simplemodal-container .buttons div{float:right; margin-left:4px; width:70px; height:26px; color:#000; font-weight:bold; text-align:center; background:url(images/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 	
#simplemodal-container a.modal-close,
#simplemodal-container a.modal-close:link,
#simplemodal-container a.modal-close:active,
#simplemodal-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#simplemodal-container a.modal-close:hover {color:#ccc;}
		
.table th, .table td 
{
border: #CCCCCC;
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}
.table-condensed th, .table-condensed td{
padding:0px 3px;

}

.table-detail th, .table-detail td 
{
border: #CCCCCC;
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
padding:1px 3px;

}



body {
font-family: 'Cabin', verdana, sans-serif;
/*font-family: "Comic Sans MS", cursive, sans-serif;*/
line-height:16px;
}

a{color:#FFFFFF;text-decoration:none;}


/* BUTTONS USED ON DETAIL PAGE */
/* GO TO BOTTOM OF PAGE TO FIND BUTTON STYLES !!!!!!! */


/* Coloring for the garment table background and hover */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f3f1;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #D4D9DE;
}

.table-striped > tbody > tr.highlight > td { 
    #background-color:#EAEAEA;
}

.table-top-header {
	color:rgba(250,250,250,1.00);
	background-color:rgba(86,86,86,1.00);
	overflow:hidden;	
}


/*////////  THIS IS USED FOR THE HEADER.PHP DROPDOWN MENUS ////////*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;		
}


/*//////// FOOTER //////////*/

.footer{
	font-family: Verdana, Helvetica, sans-serif;
	padding:20px 30px 20px 30px ;
	background-color:rgb(51,51,51);	
	}

.footerNav{
	color: #F7F7F7;
	font-size: 11px;
	line-height:16px;	
}

@media (max-width: 768px) {  
  .footerNav{font-size:16pt;line-height:32px;} /*1rem = 16px*/
  .footerNav h6{font-size:18pt;line-height:32px;} /*1rem = 16px*/
}

.footerNav hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }
	
.footerNav ul{ margin:0; padding:0}
.footerNav a{
	color: #F7F7F7;
}


/*************** PROGRESS BAR **********************/

ol.progtrckr {
	text-align:center;
    margin: 0;
    padding: 0;
	white-space:nowrap;
    list-style-type none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }


ol.progtrckr li.progtrckr-active {
    color: black;
    border-bottom: 4px solid #9acb43; /* orange is fcb712 */
	font-weight:bold;
}
ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #9acb43;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-active:before {
    content: "\2217";
    color: white;
    background-color: #9acb43;
    height: 1.3em;
    width: 1.3em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.1em;

}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #9acb43;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}



/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/




/* Style_bdelta CSS Document */
/*
*{ 
	margin: 0; 
	padding: 0
}

html{ text-align:center; margin:0; background: #333333;}    
body{
    font-family: verdana, Helvetica, sans-serif;
    font-size: 14px;
	line-height: 18px;
    text-align: left;
	margin:0;
	background:#ffffff;
}
*/

a.gray-btn {
	color: #FFF;
}

p{ margin:0 0 10px 0;  line-height: 20px}

img{ border:0;}

h1{
	font-size: 22px;
    line-height: 23px;
    margin: 0 0 15px 0;
    }

h2{
	line-height: 20px;
	font-size:18px;
}    
 
h3{
	font-size: 15px;
    line-height: 18px;
	/*color: #c04d2c;*/
	color: #333;
	font-weight:normal;	
}

h2,h3{margin:0 0 10px 0;}

.small {font-size: 11px;}

ol, ul { 
	list-style-position: outside;
    margin: 10px 0 10px 20px;
}

/* G L O B A L  Elements*/
.clear{ clear: both}
.left{float: left}
.right{float: right}
.center{
	display: block;
    margin: 5px auto;
    text-align: center;
    } 
.block{ display: block}    
.pad{ padding: 10px}
.in-block{ display: inline-block}
.no-disc{
	list-style:none;
	margin-left:0;
	}

.dev-indicator{
    margin-left:-200px !important;
}
	
/* W I D T H S */
.w150{width:150px;}
.w200{width:200px}
.w330{width:330px}
.w500{width:500px}
.w760{width:760px}

/*** FONTS****/

.headline{
	color:rgba(25,25,25,1.00);
	font-weight: normal;
}
.subheadline {
	color: #D65527;
	font-weight: normal;
}
.imp{color: #EE7D23}
.big{ font-size:27px}

.hidden{
    display:none;
}

.hidden-reviews{
    display:none;
	background-color:#DBE2EE;
	width:280px;
	padding:10px 10px 10px 10px;
}

/****** L A Y O U T *******/

#wrapper, .wrapper, .margin{
	width:1024px;
	margin: 0 auto;
}

#content{ padding-bottom:20px; min-height:400px;}

#rightcol{
	width:806px;
	padding:20px 0;
	min-height: 500px;
}

/*** hEADER STYLES ***/

#logo{
	float:left;
	width: auto;
	margin: 0 0 20px 20px;
}

#header-right{width: 615px;}

a.hdrlnks {padding:3px 10px }

#topNav{margin:0 0 15px 0}

#topNav li{
	display: inline;
	padding-right: 15px;
}

#topNav a{ 
	text-decoration: none; 
	color: #333;
	color: #ffffff;
	font-weight: bold}

#topNav a:hover{ color: #ffffff;text-decoration: underline}

.searchBar{
	background: #333333;
	text-align: right;
	padding:10px;
}

/**** homepage ****/

#homebanner {
	width: 100%;
}
#bannerlft {
	width: 70%;
	float: left;
}
#bannerlft img, .quarters img, .halves img {
	width: 100%;
}
#bannerrt {
	background: url("../images/new-homepage/natures-calling-2.jpg") top center no-repeat;
	width:30%;
	float: left;
	text-align: center;
}
#bannerrt h1 {
	color:#ffffff;
	font-size: 3.25em;
	font-family: 'Changa One', cursive;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 5%;
	margin: 0;
	/*background:rgba(255,255,255,0.5);*/
}
#bannerrt h2 {
	color:#ffffff;
	font-size: 2.5em;
	font-family: 'Changa One', cursive;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 5%;
	margin: 0;
	/*background:rgba(255,255,255,0.5);*/
}
#bannerrt h1 span, #bannerrt h2 span {
	color:#aa6717;
}
#bannerp {
	color:#ffffff;
	font-size: 14pt;
	padding:5% 1%;
	margin: 0;
	/*background:rgba(255,255,255,0.5);*/
}
#bannerbutton {
	width:100%;
	margin: 11% 0 12%;
	font-size: 2em;
}

a.buttona:hover, a.buttona:active {
	color:#ffffff;
	text-decoration:none;
	border: 2px solid #ffffff;
	background: #841637;
}
#bannerp {
	line-height: 1em;
	margin:0;
	padding: 12px 0 0;
}
#bannerp a:link, #bannerp a:visited {
	color:#841637; 
	text-decoration:underline;
}
#bannerp a:hover, #bannerp a:active {
	color:#1b5609;
	text-decoration:none;
}
#recommended, #newstuff, #collections {
	width: 100%;
	text-align: center;
}
#collections {
	margin-bottom: 2%;
}
h2.phil {
	font-family: 'Philosopher', sans-serif;
	font-weight: bold;
	color:#841637;
	font-size: 2.75em;
	margin: 4% 0 2%;
	line-height: 1em;
}
#newstuff h2.phil {
	margin-bottom: 4%;
}
#newstuff p.big {
	margin-bottom: 6%;
}
p.big {
	font-size: 1.5em;
	line-height: 1.25em;
	width: 90%;
	margin:2% 5% 1%;
	color: #666666;
	font-family: 'Cabin', sans-serif;
}
.quarters, .halves {
	margin:2% 0.5%;
	float: left;
}
.quarters {
	width:24%;
}
.halves {
	width:49%;
}
.quarters h3 {
	color:#292f63;
	font-family: 'Changa One', cursive;
	font-size: 2em;
	width: 100%;
	margin: 0;
	padding: 6% 0;
	background: #e5e5e5;
	line-height: 1em;
}
.quarters p {
	margin:0 0 5%;
	font-size: 2em;
	
}

.quarters a:hover, .quarters a:active {
	color:#ffffff;
	text-decoration:none;
	background: #292f63;
}

.halves p.btna {
	font-size: 2em;
	margin:-9% 0 5%;
}


/*
#mainNav{
	background: #333;
	padding: 0;
	margin:0
	}

#mainNav ul{
	color: #ee7e22;
}

#mainNav li{
	display: inline;
	margin:0;
	line-height: 34px;
}

#mainNav a{
	display: block;
	float: left;
	padding:0 15px;
	color: #ccc;
	text-decoration: none;
	}
#mainNav a:hover{ color:#34a9e1}*/

/**** footer ***/
/*
#footer{
	padding:20px 0;
	}

.footerNav{
	float: right;
	padding-left:30px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color:rgb(51,51,51);
}

.footerNav ul{ margin:0; padding:0}
.footerNav li{
	list-style: none;
	margin:0;
	padding:7px 0;
}
*/


a.credit{
	display: block;
	font-size:9px;
	text-decoration: none;
}

a.back{
	background: url(images/back.png) no-repeat 0 1px;
	padding:0px 15px 0 20px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	position:relative; 	
}
.back img{
	position: absolute;
	top:5px;
	left:5px;
}




/**** Old homepage ****

.heading{
	background: #dddddd;
	color: #333;
	font-weight: bold;
	line-height:32px;
	/*padding:0 10px 0 30px;*
	padding:0 10px;
	margin:0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

#flash, #rightcol{ 
	margin:0 0 10px 0;
	float: right;
}

#flash{ margin-bottom:10px}
.banner{
	margin:x 0 20px 0;
	display: block;
}*/
/* End old Home*/


/**leftnav**/

#leftnav{
	/*width:218px; */
	width:190px;
	margin:-32px 0 0 20px}
#leftnav  ul{  margin:0}
#leftnav li{
	display: block;
	margin:0;
	border-bottom:1px solid #dddddd;
	background: url(images/triangle.png) no-repeat 175px 9px #f7f7f7; 
}
#leftnav a{
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 13px;
	line-height:15px;
	padding: 8px 20px 8px 10px;
	
}

#leftnav a:hover{ 
	text-align:underline;
	color: #0c7db3;
	}


li.maincat{ 
	background:#d3e24c;
	background-image: none;
	font-weight: bold;}

#contact{
	background: url(images/contact-bkg.jpg) no-repeat top right;
	color: #fff;
	padding:20px 0 30px 10px;
}

.separator li{
	padding:5px;
	border-bottom: 1px dotted #bbb;
	margin:0;	
	color:#EE7D23;
}

.separator a{
	text-decoration:none;
	color:#333
}
.separator a:hover{ color:#666}

#area{
	padding:30px 10px;
}

/* ~~ miscellaneous float/clear classes ~~ */

.fltrt {
	float: right;
	margin-left: 8px;
}		
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.disclaimer {
	font-size:8pt;
	line-height: 1em;
}
.ninetyseven {
	width:97%;
}
.underline {
	text-decoration:underline;
}
.centered {
	width:100%;
	text-align:center;
}

/* ~~ End miscellaneous float/clear classes ~~ */


/*////////  THIS IS USED FOR THE HEADER.PHP DROPDOWN MENUS ////////*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu { 
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;

    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;		
}



/*** STORE ***/
.sale {
	color:red;
	font-weight:800;
}
.product{ 
	border: 1px solid #dddddd;
	padding:12px 10px;
	margin:5px 8px 5px 0; 
	background: url(images/product-bkg.jpg) repeat-x bottom;
	float: left;
	/*height:140px;*/
	height: 110px;
	overflow: hidden;
	position: relative
	}
	
.thumb, .desc{
	width: 140px;
}

.thumb{
	text-align: center; 
	height:110px; 
	overflow:hidden; 
	border: 1px solid #dddddd;
	background:#ffffff;

	-moz-box-shadow:    0x 1px 4px 0px #eee;
	-webkit-box-shadow: 0px 1px 4px 0px #eee;
	box-shadow:         0px 1px 4px 0px #eee;
}

.desc{
	margin-left:30px;
	padding-top:10px;
}
.product-item-title{ 
	height:24px; 
	overflow: hidden;
	margin:0;
	vertical-align:bottom;

}
.product-item-title a, a.product-item-title{
	color: white;
	text-decoration: underline;
	font-weight: bold;

}

.product-item-title a:hover{ color: #666}

#productdetail{
	background: #fff;
	border:1px oslid #ddd;
}

.relatedproduct{
	text-align:center;
	margin-right:10px;
	margin-bottom: 0px;
	color:white;
}
.relatedproduct:last-child {
	border-right: 0px solid #ccc;
}

.recently-viewed{
	text-align:center;
	margin-right:5px;
	margin-bottom: 0px;
	color:white;
	background-color:white;
	height: 180px;
}
.recently-viewed:last-child {
	border-right: 0px solid #ccc;
}
.more-info{
	position: absolute;
	bottom:10px;
}

h3.toggler{
	background: url(images/arrow.jpg) no-repeat 0 7px;
}


.largebox, .box{
	padding: 20px;
	border: 1px solid #ccc;
	min-height:200px;
	margin:10px;
	background: #eee;
}

/*.box{width:320px;}*/
.largebox{width: 710px;}

/*
a.btn{
	display:block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding:1px  5px;
	line-height:20px;
	width:110px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
*/
.product-compare table, .product-compare td, .product-compare th { 
	border: none;
}

/** pagination **/
#pagenum{
	text-align: right;
	/*margin-right:110px;*/
}

#pagenum a{
	color: #333;
	margin:2px;
	padding: 2px 5px;
	text-decoration: none;
}

a.pagenumberhighlight{ background: #297ea7; color: #fff}
#pagenum a.pagenumberhighlight{color:#fff}
/***** F O R M S ******/

label{
	/*float: left;*/
	display: inline-block;
	width: 25%;
	text-align: right;
	margin:1% 4% 1% 0;
	clear: left;
	padding:2px;
}


select {
	height: auto;
	display: inline-block;
	padding: 2px 0 2px 10px;
	-moz-box-shadow: none;
    width: 60%;
}

input[type=text], .text, textarea{font-family: Verdana, Geneva, sans-serif;}

textarea{height: 200px;}

.small-txt, .form-field .small-txt{ width: 11%; margin:1% 1% 1% 0}

input[type=submit], .submit, .gray-btn {
	border: none;
	height:26px;
	padding:0 10px;
	line-height:25px;
	vertical-align: top;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	border: none;
	cursor:pointer;
}

.btn.gray-btn, input.gray-btn, a.gray-btn{
	color: #444;
	background: ; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	border:1px solid #ccc;

}

a.gray-btn{ line-height:25px}

.icon {
	background: rgb(226,170,106);
	background: -moz-linear-gradient(top,  rgba(226,170,106,1) 0%, rgba(214,85,39,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,170,106,1)), color-stop(100%,rgba(214,85,39,1)));
	background: -webkit-linear-gradient(top,  rgba(226,170,106,1) 0%,rgba(214,85,39,1) 100%);
	background: -o-linear-gradient(top,  rgba(226,170,106,1) 0%,rgba(214,85,39,1) 100%);
	background: -ms-linear-gradient(top,  rgba(226,170,106,1) 0%,rgba(214,85,39,1) 100%);
	background: linear-gradient(to bottom,  rgba(226,170,106,1) 0%,rgba(214,85,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2aa6a', endColorstr='#d65527',GradientType=0 );
	line-height: 19px;
    font-size:13px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-weight: bold;
	cursor:pointer;
    padding:0 6px;
    color:#FFFFFF;
	width: 6px;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}


#print-quote, .print{
	color: #333;
	background: #fff;
	margin-top: 15px;
	padding: 5px 0 5px 28px;
	background: url(images/icon-print.jpg) no-repeat left top;
	text-decoration: none;
}

#print-quote:hover{ 
	background: url(images/icon-print-hover.jpg) no-repeat left top;
	color: #297EA7;
}

/***** MEMBER AREA*****/
.member-nav li{ list-style:none; margin:0}
.member-nav li a{
	display: block;
	padding:8px 20px;
	border-bottom: 1px dotted #ccc;
	margin:0;
}
.member-nav a{ text-decoration: none}

.member-nav a:hover{ background: #f7f5f5}
.active{
	font-weight: bold;
	background: url(images/triangle.png) no-repeat 125px 8px #f7f5f5;
}

/**** CART ****/
.cart-total, .cart-subtotal {
	text-align: right;
}
.cart-total input {
	text-align: right;
}




/**** FORM STUFF ****/
.form-error {
	color: #AA2828;
	padding-left: 121px;
	font-weight: 900;
	clear: left;
}
.top-error, .top-success {
	height: 41px;
	/*padding: 8px;*/
	text-align: center;
	color: white;
	font-size: 15px;
/*	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	margin-bottom: 15px;

}
/*.top-error{
	background-image: url(images/error-bg.png);
}*/
.top-success {
	/*background-image: url(images/success-bg.png);
	background: url(../images/icon-success.png) no-repeat 5px 7px #effeb9;
	color:#333;
	border: 1px solid #98c700;
	text-align: left;
	padding:15px 10px 10px 45px;*/
}
.top-error-inner, .top-success-inner {
	color:#333;
	padding:8px 10px 8px 35px;
	text-align: left;
	margin:0 2px;
/*	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;	*/
}

 .top-success-inner {
	background: url(../images/icon-success.png) no-repeat 5px 4px #effeb9;
	border: 1px solid #98c700;  
 }

.top-error-inner{
	background: url(../images/icon-error.png) no-repeat 5px 4px #faddd9;
	border: 1px solid #e25240;  
}


.top-error-button {
	font-size: 12px;
	display: inline-block;
	width: auto;
/*	border: 1px solid #8D2222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FEEFEF;
	background: -moz-linear-gradient(top, #FEEFEF, #FFDBDB);
	background: -webkit-gradient(linear, left top, left bottom, from(#FEEFEF), to(#FFDBDB));
	filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#FEEFEF', EndColorStr='#FFDBDB', GradientType=0);
	color: #072A59;*/
	color: #AA2828;
	font-weight: bold;
	/*margin-left: 15px;*/
	margin-top: -5px;
	/*-webkit-text-shadow: 1px 1px 0px white;*/
	/*text-shadow: 1px 1px 0px white;*/
	cursor: pointer;
}
.top-error-button-inner {
	/*border: 1px solid white;*/
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	/*padding: 5px 10px;*/
}

/**** T A B L E ****/

table{ 
	/*border: 1px solid #ccc; ORIGINAL COMENTUM SETTING */
	border-collapse: collapse;
	}
td, th{
	border: 1px solid #ccc;
	padding:5px
}
th{
	background: #eee;
}

#previous-image, #next-image {
    cursor: pointer;
}

.gallery-model-thumb .active-thumb {
    border-color: #666;
}

/* Tabs */

#tabs-nav {
    height: 26px;
    border-bottom: 1px solid #ccc;
    margin:0;
}
#tabs-nav > li {
    float: left;

    list-style: none;
    border: 1px solid #ccc;
    border-bottom: none;
    margin:0 5px 0 0;
    background: #eee;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
#tabs-nav > li > a h4 {
    display: inline;
    /*font-size:16px;*/
}
#tabs-nav > li > a {
    color: #888;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.1em;
    /*padding: 5px 7px 3px;*/
    padding: 5px 10px;
    display: block;
}
#tabs-nav > li.selected > a {
    /*border-bottom: solid 1px #fff;*/
    /*color: #C7C3C2;*/
    text-shadow: none;
    color: #D65527;
    background: #fff;
    height: 16px;
}
#tabs-body {
    position: relative;
    overflow: hidden;
    margin:0;
    border: 1px solid #ccc;
    border-top: none;
    padding:15px 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
#tabs-body > li {
    padding: 10px;
    color: #666;
    display: none;
}
#tabs-body > li.tab-active {
    display: block;
}
#tabs-nav > li > a {
    outline: 0;
}

/*********************/
/** jRating CSS **/
/*********************/
/**Div containing the color of the stars */
.jRatingAverage {
	background-color:#F3D800;
	position:relative;
	top:0;
	left:0;
	z-index:20;
	height:100%;
}
.jRatingColor {
	background-color:#9acb43; /* bgcolor of the stars*/
	position:relative;
	top:0;
	left:0;
	z-index:20;
	height:100%;
}
/** Div containing the stars **/
.jStar {
	position:relative;
	left:0;
	z-index:30;
}
/** P containing the rate informations **/
p.jRatingInfos {
	position:absolute;
	z-index:10;
	background:	transparent url('../images/jrating/bg_jRatingInfos.png') no-repeat;
	color:			#FFF;
	display:		none;
	width:			91px;
	height:			29px;	
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
p.jRatingInfos span.maxRate {
    color:#c9c9c9;
    font-size:14px;
}

#add_review{
    cursor:pointer;
}

#add_review_popup textarea{
    width:90%;
}


#add_review_popup label {
	font-weight:bold;
	display: inline;
	width: auto;
	text-align: left;
	margin: auto;
	clear: none;
	padding: 2px;

}
.dialog-form-field {
	margin-bottom:6px;
	clear:both;
}

.review-location {
	font-style: italic;
}

.ui-dialog
{
	background-color:white;
    box-shadow: 1px 1px 5px #333;
}
.dialog-error{
	background-color:#F9F9F9;
	font-weight:bold;
	padding-top:20px;
    color:#AA2828 !important;

}
.dialog-success{
	background-color:#F9F9F9;
	padding-top:40px;
    font-weight:bold;
	text-align:center;
	font-size:18px;
    color:#6C8B10 !important;
}

.recent_listing {
	margin-right: 20px;
	text-align: center;
	width: 140px;
}


.reviews li{
	list-style: none;
	display: block;
	margin-bottom: 10px;
	margin-right: 40px;
}
.reviews .comments {
	margin: 5px 0;
	padding:10px; 
	background-color:#eee; 
	display:inline-block; 
	width:100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Rating pop up */
.ui-dialog .ui-dialog-buttonpane button {
	color: #000000;

}
.ui-dialog .ui-dialog-buttonpane button:hover {
	background: #EEEEEE;
	color: #D65527;
	border: #DDDDDD solid 1px;
}
.ui-dialog .ui-dialog-titlebar{
	font-weight:bold;
	padding-left:6px;
}
.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-buttonset {
	text-align:right;
}

/* Slide */


#homeslide {
	width:940px;
	min-height:120px;
	position:relative;
	z-index:0;
	border: 1px solid #333;
	margin-bottom: 10px;
}
#slides {
	margin: 0 auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.slides_container {
	width:940px;
	position:relative;
	/*display:none;*/
}

.slides_container a {
	width:940px;
	min-height:120px;
	display:block;
}

.slides_container a img {
	display:block;
	margin: 0 auto;
}

.pagination {
	position: absolute;
	bottom: 20px;
	margin: 0 -20px 0 20px
	width:100px;
	z-index: 10000;
}

.pagination li {
	float:left;
	margin:0 2px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:18px;
	height:0;
	padding-top: 20px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position: 0 -19px;
}
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clear{ clear: both; font-size: 0; height: 0; }
.drilldown-list {
	margin: 0;
	font-size: 11px;
	letter-spacing: -1px;
}
.drilldown-list li {
	list-style: none;
}
.drilldown-list a.selected {
	font-weight: 900;
}
.drilldown-block:first-child {
	width: 13%;
}
.drilldown-block {
	width: 14.5%; 
	float: left;
}
.drilldown-block h5 {
	letter-spacing: -1px;
}

#narrow-search {
	background: #fff;
	background: rgba(255,255,255, 0.90);
}

.drilldown-list input {
	vertical-align: top;
}

.pr_snippet_category .pr-snippet-stars {
	margin: 0 auto;
	display: inline-block;
	float: none;
}

.pr_snippet_category .pr-snippet-wrapper {
	text-align: center;
}

/* END Style_bdelta CSS Document */

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

/* BUTTON STYLES */
.btn-custom{color:#000 !important ;background-color:#ffcb4b;border-color:#ccc}
.btn-custom:hover{color:#999 !important;background-color:#ffd22a;border-color:#adadad}

.btn-custom-2{color:#000 !important ;background-color:#f4f4f4;border-color:#ccc;  border:3px; border-style:solid transparent;}
.btn-custom-2:hover{color:000 !important;background-color:#e4f1cd;  border:3px;}

/*.btn-garment{color:#fff;background-color:#fff;border-color:#fff;display: inline-block;padding: 1px 1px 1px 1px;border: 1px solid transparent;border-radius: 4px;} */
.btn-garment{color:#fff; display: inline-block;padding: 1px 1px 1px 1px;border: 1px solid transparent;border-radius: 4px;}

.btn-garment:hover{color:#333;background-color:#9bcb44;border-color:#000}
/*.btn-colors{color:#fff;background-color:#fff;border-color:#fff;display: inline-block;padding: 3px 2px 3px 2px;margin-top:4px; border: 1px solid transparent;border-radius: 4px; vertical-align:central;}*/
.btn-colors{color:#fff;display: inline-block;padding: 3px 2px 3px 2px;margin-top:4px; border: 1px solid transparent;border-radius: 4px; vertical-align:central;}
.btn-colors:hover{color:#333;background-color:#fff;border-color:#009ABC}

.btn-picksizes{color:#000 !important;  background-image:url(images/checkout-btn-2.jpg); font-size:20px !important; border:2px solid #B48C00 !important; height:40px !important; font-weight:800; width:100%;}

.btn-addcart{color:#000 !important;  background-image:url(images/checkout-btn-2.jpg); font-size:20px !important; border:2px solid #B48C00 !important; height:40px !important; font-weight:800; width:80%;}

.btn-checkout{color:#000 !important;  background-image:url(images/checkout-btn-2.jpg); font-size:20px !important;  border:2px solid #B48C00 !important; height:40px !important; font-weight:800; width:100%;}

.btn-checkout-continue-shopping{color:#fff !important; border-radius:4px;  background-color:#555555; font-size:20px !important;  border:2px solid black !important; height:40px !important; font-weight:800; width:100%;}

/*  SPINNER GIF THAT POPS UP WHEN SOMEONE TYPES THEIR NAME   */
.showSpinner:before {
    position: absolute;
	top: 20%;
	left: 43%;
    content: '';
    background: url('/images/floating_rays.gif');
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    pointer-events: none;

}

.hideSpinner:before{
    position: absolute;
	top: 20%;
	left: 43%;
    content: '';
    background: url('/images/floating_rays.gif');
    opacity: 0.0;
    filter: alpha(opacity=00); /* For IE8 and earlier */
	background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    pointer-events: none;	
}



.navbar {
	border:none;	
}

/* GET RID OF THE LITTLE SPINNERS ON THE NUMBER INPUT BOXES  */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}


/* CAROUSEL FOR HOME PAGE */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;

}

.carousel .glyphicon {
  font-size:1.4em;

}

.slide1, .slide2, .slide3, .slide4 {
    min-height: 300px;
    background-size: cover;
    background-position: center center;
}



.carousel-overlay {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
	color: white;
	background: rgba(0,0,0,0.2);
	padding: 10px;
	width:100%;
}

/* END CAROUSEL  */


/* XS LITTLE MENU BARS   */
.navbar-toggle .icon-bar {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #707070;
  border-radius: 2px;
}


@media only screen and (max-width: 1199px) {
	/**** homepage ****/
	#bannerrt {
		background: url("../images/new-homepage/white-wood.jpg") top center repeat-x;
	}
	#bannerrt h1 {
		color:#6d7c8c;
		font-size: 2.5em;
		line-height: 1em;
		padding-top: 5%;
	}
	#bannerrt h2 {
		color:#6d7c8c;
	}
	#bannerp {
		color:#333333;
		padding:5px 0;
		font-size: 11pt;
	}
	#bannerbutton {
		font-size: 1.5em;
		margin:29px 0;
	}
	#topslogan h2 {
		font-size: 20pt;
	}
	#drinktab {
    	margin-left: 100px;
	}
}
@media only screen and (max-width: 991px) {
	/**** homepage ****/
	#bannerrt h1 {
		font-size: 2em;
		line-height: 1em;
		padding-top: 1%;
	}
	#bannerrt h2 {
		font-size: 1.5em;
	}
	#bannerrt p {
		font-size: 1em;
	}
	#bannerbutton {
		margin: 5% 0;
		font-size: 1em;
	}
	.quarters h3 {
		font-size: 1.5em;
	}
	.quarters p {
		font-size: 1em;
	}
	#topslogan h2 {
		font-size: 16pt;
	}
	.navbar-default {
		font-size: 16px;
	}
}
/*@media only screen and (max-width: 800px) {
	/**** homepage ****
	#bannerrt h1 {
		font-size: 2em;
		line-height: 1em;
		padding-top: 1%;
	}
	#bannerbutton {
		margin: 5% 0;
		font-size: 0.75em;
	}
	#topslogan h2 {
		font-size: 12pt;
	}
}
@media only screen and (max-width: 700px) {
	/**** homepage ****
	#bannerrt h1 {
		font-size: 1.75em;
	}
}*/
@media only screen and (max-width: 767px) {
	/**** homepage ****/
	#topslogan h2 {
		font-size: 12pt;
	}
	#bannerlft, #bannerrt {
		width: 100%;
		float: none;
	}
	#bannerrt h1 {
		font-size: 2.25em;
		line-height: 1em;
		padding-top: 2%;
	}
	#bannerrt h2 {
		padding-top:2%;
	}
	#bannerbutton {
		margin: 2% 0 5%;
		font-size: 1.25em;
	}
	.quarters, .halves {
		width: 100%;
		margin:0 0 15%;
		float: none;
	}
	.halves {
		margin:0 0 20%;
	}
	.quarters h3 {
		font-size: 3em;
	}
	.quarters p {
		font-size: 2em;
		margin-bottom: 5%;
	}
	h2.phil {
		margin-bottom: 4%;
	}
	p.big {
		margin-bottom: 6%;
	}
}