/*	eliquid.com CSS Selectors global styles */


/* Imports

----------------------------------------*/
@import url("reset.css");


/*	body
------------------------------------------------------------------------------- */
html, body { text-align: center; background: #7C795A url(../images/nav/bkgnd-pins.jpg) repeat; }


/*	eliquidMEDIA Link
------------------------------------------------------------------------------- */

/* -- <a href="http://www.eliquid.com" target="_blank" style="text-decoration:none"><span class="eli1">eliquid</span><span class="eli2">MEDIA</span></a> -- */

.eli1 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #00F; }
.eli2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #084; }


/*	clearHacks
------------------------------------------------------------------------------- */

/* Put ** overflow: auto; ** in any div containing floats to have them auto-magically cleared  */

/* -- <img src="images/nav/spacer15.gif" width="1" height="1" border="0" class="clearHack" /> -- */

.clearHack { display: block; visibility: hidden; clear: both; height: 0; }


/*	Forms
------------------------------------------------------------------------------- */

input, textarea, select, option { background-color: #F0F0F0; border: 1px solid #BBB; padding: 1px; }
input:focus, textarea:focus, select:focus, option:focus,  input:hover, textarea:hover, select:hover, option:hover { border: 1px solid #000; }
input.clear { background-color: #FFF; border: 0; }


/*	layout
------------------------------------------------------------------------------- */

#main { width: 100%; padding-bottom: 5px; z-index: 0; }
#top_logo { width: 100%; height: 130px; text-align: center; }
#top_ilogo { margin: 0 auto; width: 1015px; height: 130px; text-align: center; }
#int_logo { float: left; width: 344px; height: 130px; }
#int_flash { float: right; padding-top: 9px; width: 535px; height: 120px; }
#box { 
	clear: both; 
	margin: 0 auto; 
	width: 1015px; 
	background: #FFF url(../images/nav/bkgnd-box-hd-wide.png) no-repeat; text-align: left; overflow-x: hidden; 
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}


/* Main Menu ------------------------------------------- */

#menu { width: 1015px; height: 36px; text-align: center; }
#menu ul { float: right; margin: 0 10px 0 0; padding: 0; width: auto;  /* with Gallery = width: 747px; */ height: 36px; text-align: center; }
#menu ul li { float: left; display: block; margin: 0; text-align: center; list-style-type: none; }
#menu ul li.mdiv { margin: 6px 2px 0 2px; border-right: 1px dotted #333; width: 1px; height: 24px; }
#menu ul li a { display: block; margin: 0; width: auto; /* default width - set width in <a> */ height: 36px; font: italic 18px/36px Georgia, "Times New Roman", Times, serif; color: #E4E6D1; text-decoration: none; }
#menu ul li a:hover, #menu ul li a.current, #menu ul li a.current:hover { background: #222 url(../images/nav/mnu-mo.gif) repeat-x; color: #FFF; }

#menu ul li.shop a {
	margin-top:2px;
	margin-left:3px;
	height:32px;
	line-height:32px;
	background:#C00;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px;
}

#menu ul li.shop a:hover {
	background:#F00;
}


/* Content Area ------------------------------------------- */

#box_content { clear: both; margin: 0; padding: 20px 0 5px 10px; width: 1005px; overflow-x: hidden; text-align: left; }


/* Front Copy ------------------------------------------- */

#front_col_left { float: left; width: 340px; text-align: left; overflow-x: hidden; }
#front_col_right { float: right; width: 662px; text-align: left; overflow-x: hidden; border-left: 1px solid #ccc;}

#front_clip1 { 
	float: left; padding: 0 10px 0 35px;border-right: 1px solid #CCC; 
	width: 300px; text-align: left; 
	overflow-x: hidden; 
}

#front_clip2 { float: right; padding: 0 25px 0 0; width: 280px; text-align: left; overflow-x: hidden; }

#front_clip_top {
	clear:both; 
	margin:0 10px 10px 10px; 
	padding:0 10px; 
	text-align:left;
	  -webkit-box-sizing: border-box; 
     	 -moz-box-sizing: border-box;
          	  box-sizing: border-box;
}

#front_clip_full {clear:both; width:100%; text-align:center;}


/* Front Carousel ------------------------------------------- */

#front_flash { 
	position:relative;
	margin: 0 auto 10px auto; width: 606px; height: 306px; 
	/*background: url(../images/nav/front-flash-red.png) no-repeat; */
	background: url(../images/nav/front-flash-taupe.png) no-repeat; 
	overflow: hidden; 
}

.carousel {
	margin:0;
	padding:0;
	list-style:none;
	width:606px;
	height:306px;
	overflow:hidden;
}

.carousel li {
	margin:0;
	text-align:left;
	display:block;
	width:606px;
	height:306px;
}

.carousel-pagination {
	display:inline-block; 
	position:absolute; z-index:999;
	top:282px;  left:15px;
}

.carousel-pagination li {
	display:block;
	width:10px;
	height:10px;
	margin:0 5px 0 0;
	cursor:pointer;
	float:left;
	background:#E4E6D1;
	opacity:0.6;
}

.carousel-pagination .carousel-pagination-active {
	background:#FF9;
	opacity:1.0;
}


/* Content Area Sub Menu ------------------------------------------- */

#sub_menu { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #C6CA9B; width: 995px; height: 18px; text-align: center; }
#sub_menu ul { margin: 0; padding: 0; width: 995px; height: 18px; text-align: center; }
#sub_menu ul li { float: left; display: block; margin: 0; text-align: center; list-style-type: none; }
#sub_menu ul li.mdiv { margin: 4px 2px 0 2px; border-right: 1px dotted #100; width: 1px; height: 10px; }
#sub_menu ul li a, #sub_menu ul li.sm_heading { display: block; margin: 0; width: 90px; /* default width - set width in <a> */ height: 18px; font: 12px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: #747C0C; text-decoration: none; }
#sub_menu ul li a:hover, #sub_menu ul li a.sub-current, #sub_menu ul li a.sub-current:hover { background:rgba(124,121,90,0.1); color: #747C0C; }

#sub_menu.short {}
#sub_menu.short ul {width:99%;}
#sub_menu.w120p ul li a {width:120px;}
#sub_menu.w60p ul li a {width:70px;}


/* stacked horizontal nav */

.sub-mnu-row1, .sub-mnu-row2, .sub-mnu-row-mid {
	text-align: center;
}

.sub-mnu-row1 {
	margin-bottom:5px;
	padding-top: 5px;
	border-top: 1px dotted #C6CA9B;
}

.sub-mnu-row2 {
	margin-bottom:20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #C6CA9B;
}

.sub-mnu-row-mid {
	margin-bottom:5px;
	padding-bottom: 0px;
}

.sub-mnu-row1 a, .sub-mnu-row2 a, .sub-mnu-row-mid a {
	display:block;
	padding:5px 0;
	font: 14px;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
	color: #747C0C; 
	text-decoration: none;
}

.sub-mnu-row1 a:hover, .sub-mnu-row2 a:hover, .sub-mnu-row-mid a:hover, 
.sub-mnu-row1 a.sub-current, .sub-mnu-row1 a.sub-current:hover, 
.sub-mnu-row2 a.sub-current, .sub-mnu-row2 a.sub-current:hover, 
.sub-mnu-row-mid a.sub-current, .sub-mnu-row-mid a.sub-current:hover {
	background:rgba(124,121,90,0.1); 
	color: #747C0C;
	text-decoration: none;
}


/* Internal Copy ------------------------------------------- */

#int_full { width: 995px; overflow-x: hidden; text-align: left; }
#int_half { float: left; margin-right: 10px; width: 780px; text-align: left; }
#int_col1 { float: left; margin-right: 10px; width: 415px; overflow-x: hidden; text-align: left; }
#int_col2 { float: left; width: 212px; overflow-x: hidden; text-align: left; }
#int_col3 { float: left; margin-left: 10px; width: 212px; overflow-x: hidden; text-align: left; }

#int_full:after, #int_half:after, 
#int_col1:after, #int_col2:after, 
#int_col1:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}



/* Internal Copy - misc divs ------------------------------------------- */

#int_full ul, 
#int_half ul {width:auto;}

.thumb { width: 206px; height: 159px;/* background: url(../images/nav/thumbs.png) no-repeat; */}
#box_footer { 
	clear: both; 
	margin: 0 auto 10px auto; 
	padding-top: 8px; 
	width: 1015px; 
	height: 17px;  /* height: 25px */ 
	background: url(../images/nav/box-btm-wide.gif) no-repeat; 
	text-align: left; font: 11px "Trebuchet MS", Helvetica, sans-serif; color: #999; 
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.miniGal {margin:40px 0 20px 0;}
.miniGal h3 {margin-bottom:20px;}
.miniGal .col {text-align:center;}
.miniGal img {
	border:3px solid #FFF;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 3px #CCC; -webkit-box-shadow:0 0 3px #CCC; box-shadow:0 0 3px #CCC;
}

.miniGal.nomar {margin-top:0!Important;}

.miniGal ul {clear:both; display:block; margin:0; padding:0; list-style:none;}
.miniGal ul:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.miniGal ul li {font-size:12px;}

.pp_social {display:none!Important;}

/* Footer ------------------------------------------- */

#footer { clear: both; margin: 5px 0 0 0; width: 100%; height: 125px;  /* -135px */ padding-top: 10px; /*background: url(../images/nav/bkgnd-footer.gif) repeat-x;*/ z-index: 2; }
#footer #footer_left, #footer #footer_right, #footer #footer_copy { font: 10px "Trebuchet MS", Helvetica, sans-serif; color: #FFF; }
#footer_left { float: left; width: 49.5%; text-align: left; }
#footer_right { float: right; padding: 0 20px 0 0; width: 48%; text-align: right; }


/* Footer Menu ------------------------------------------- */

#footer_menu { width: 100%; height: 18px; text-align: center; }
#footer_menu ul { float: right; margin: 0; padding: 0; width: auto; /* with Gallery = width: 517px; */ height: 18px; text-align: center; }
#footer_menu ul li { float: left; display: block; margin: 0; text-align: center; list-style-type: none; }
#footer_menu ul li.mdiv { margin: 4px 2px 0 2px; border-right: 1px dotted #100; width: 1px; height: 10px; }
#footer_menu ul li a { display: block; margin: 0; width: auto; /* default width - set width in <a> */ height: 18px; font: italic 12px/18px Georgia, "Times New Roman", Times, serif; color: #E4E6D1; text-decoration: none; }
#footer_menu ul li a:hover { /*background: #280000;*/ background:rgba(60,60,43,0.6); color: #FFF; }
#footer_copy { clear: both; padding: 5px 0; text-align: center; }



/* Grids  **DO NOT EDIT**
----------------------------------------------------- */

.row:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.lastcol:after {content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.row {*zoom:1;}
.lastcol {display:table-cell; *display:block; *zoom:1; float:none; *position:relative; *left:-3px; *margin-right: -3px;}

.col {float:left;}

.cols1of1 {float:none;}
.cols1of2 {width:50%;}
.cols1of3 {width:33.33333%;}
.cols2of3 {width:66.66666%;}
.cols1of4 {width:25%;}
.cols2of4 {width:50%;}
.cols3of4 {width:75%;}
.cols1of5 {width:20%;}
.cols2of5 {width:40%;}
.cols3of5 {width:60%;}
.cols4of5 {width:80%;}
.cols1of6 {width:16.66666%;}
.cols2of6 {width:33.33333%;}
.cols3of6 {width:50%;}
.cols4of6 {width:66.66666%;}
.cols5of6 {width:83.33333%;}
.cols1of7 {width:14.28571%;}
.cols2of7 {width:28.57142%;}
.cols3of7 {width:42.85714%;}
.cols4of7 {width:57.14285%;}
.cols5of7 {width:71.42857%;}
.cols6of7 {width:85.71428%;}
.cols1of8 {width:12.5%;}
.cols2of8 {width:25%;}
.cols3of8 {width:37.5%;}
.cols4of8 {width:50%;}
.cols5of8 {width:62.5%;}
.cols6of8 {width:75%;}
.cols7of8 {width:87.5%;}
.cols1of10 {width:10%;}
.cols2of10 {width:20%;}
.cols3of10 {width:30%;}
.cols4of10 {width:40%;}
.cols5of10 {width:50%;}
.cols6of10 {width:60%;}
.cols7of10 {width:70%;}
.cols8of10 {width:80%;}
.cols9of10 {width:90%;}