/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
body{min-width:100%;line-height:1}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
    }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }

	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
    }
    a, img { outline: 0;outline: none;border: none }
    a, a:hover{
        font-size:14px;
        line-height:16px;
        font-family: Arial, Helvetica, sans-serif;
        cursor: pointer
    }





/* #Basic Styles
================================================== */



/* #Typography
================================================== */
	h1, h3, h4, h5, h6 {
        font-weight: normal;
        text-transform: uppercase
    }
	h2 {
        font-weight: normal;
        text-transform: uppercase;
	font-size: 16px;
    }

    .contentText h3{font-family:arial}

	p {margin: 0;padding: 0;font-family: arial;font-size: 12px}

em { font-style: italic; }
strong { font-weight: bold; }
.br_space{ line-height:5px}
.pos_relative{ position:relative}
.display_none{ display:none}
.display_block{ display: block}
.f_left { float:left}
.f_right { float:right}
.t_right{text-align: right}
.t_center{text-align:center}

.v_align_top{vertical-align: top;}
.v_align_mid{vertical-align:middle;}

.table_style{padding: 0;margin: 0;border: none;width: 100%}
.td_style{padding: 0;margin: 0;border: none}

.border_none{border:none}

/* #Lists
================================================== */
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}

/* #Images
================================================== */

	img.scale-product-image {
		max-width: 100%;
		max-height: 80px;
		min-height: 80px;
    }

   img.scale-product-image-160px {
		max-width: 100%;
		max-height: 160px;
		min-height: 160px;
    }


	img.scale-with-grid {
		max-width: 100%;
    }

    .product_img_wrapper a{display: block;}
    .product_img_wrapper img.scale-with-grid {
            width: 100%;
            height: auto!important;
        }

    img.scale-with-grid-resize{
        width: 100%;
        height: auto;
    }

    img.scale-with-grid-resize-one{
        max-width: 100%;
        height: auto;
    }

/* #Buttons
================================================== */
	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */
	select{
		padding: 0;
    }

.selectWrapper{
  border-radius:36px;
  display:inline-block;
  overflow:hidden;
  background:#cccccc;
  border:1px solid #cccccc;
}
.selectBox{
  -webkit-text-fill-color: #000000;
  -webkit-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  width:400px;
  height:32px;
  border:1px solid #cccccc;
  outline:none;
  font-size: 12px;
  font-weight: 400;
  padding-right: 10px;
  padding-left: 10px;
}

.selectBox_mobile{
  -webkit-text-fill-color: #000000;
  -webkit-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  width:270px;
  height:32px;
  border:1px solid #cccccc;
  outline:none;
  font-size: 13px;
  font-weight: 400;
  padding-right: 10px;
  padding-left: 10px;
}

.select_box{
  -webkit-appearance: none;
  -webkit-text-fill-color: #000000;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  width:380px;
  height:32px;
  border:1px solid #cccccc;
  outline:none;
  font-size: 11px;
  font-weight: 300;
  padding-right: 10px;
  padding-left: 10px;
}