/* iPhone 4 [portrait] and [landscape], iPhone 5 [portrait] and [landscape] */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape), 
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
/* main content divs*/
#content_main,
#header {
	width: 100%;
}
#content_main {
	padding: 0;
	border: none;
	background: #fff;
}
/* footer modules */
#collection #content_main ul.modules {
	margin: 0;
	padding: 0;
}
#content_main ul.modules li,
#collection #content_main ul.modules li {
	width: 100%;
	margin-bottom: 20px;
}
#content_main ul.modules li img {
	width: 80%;
	height: auto;
}
/* IMAGES */

/*rotating banners */
#jqb_object {
    width: 100%;
	height: 200px;
}
#jqb_object .jqb_slide {
	width: 100%;
	height: 200px;
}
#jqb_object .jqb_slide img {
	width: 100%;
}
img.banner,
img.quote,
img.promo {
	width: 100%;
	height: auto;
}
img.quote {
	display: none;
}
.cat-main .column img {
	width: 100%;
}
/*store locator  */
#banner {
    display: none;
}
.map {
    float: none;
    margin-left: 10px;
    width: 80%;
	clear: both;
}
div.results {
	width: 45%;
}
table#zip_search,
table#other_search {
	width: 90%;
	margin: 0 auto;
}
table#zip_search th,
table#other_search th,
table#zip_search td,
table#other_search td {
	font-size: 1.8em;
}
table#zip_search td input,
table#other_search td input {
	height: 40px;
}
table#zip_search td select,
table#other_search td select {
	font-size: 1.3em;
}
/* locator - tabs */
div#main_menu {
	width: 90%;
	margin: 0 auto;
}
#main_menu a {
    font-size: 2.1em;
}
/* HOME PAGE */
#home #callouts .column {
	width: 90%;
}
#home #callouts .column p {
	font-size: .9em;
}
#home #callouts .column img {
	margin-right: 15px;
	margin-bottom: 10px;
	width: 30%;
	height: auto;
}
/* sliders */
#home .bx-wrapper .bxslider1 img {
    width: 65%;
	margin: 0px auto;
}
.bx-wrapper .bx-controls-direction a {
 	height: 168px;
 	width: 84px;  
	top: 30%;  
}
.bx-wrapper .bx-next {
    background-image: url("/images/home/slider_next_lg.png");
}
.bx-wrapper .bx-prev {
    background-image: url("/images/home/slider_prev_lg.png");
}
#home .bxslider1 .slide p {
	width: 60%;
	text-align: center;
	margin: 10px auto;
}
#home .bxslider1 .slide p a.button:link, 
#home .bxslider1 .slide p a.button:visited {
    display: block;
    font-size: 3.1em;
	width: 70%;
	margin: 10px auto;
	padding: 20px;
}
#home .bx-wrapper .bx-pager {
	display: none;
}
/* HOME - Canada */
#home.canada .rounded .column#intro {
	display: none;
}
#home.canada .rounded .column#options {
	width: 95%;
	clear: both;
}
#home.canada .rounded .column#options ul li {
	width: 90%;
	border-right: none;
	margin-bottom: 20px;
}
#home.canada #content_main .rounded .column#options ul li {
	font-size: 1.5em;
}
/* general styles - font sizes */
#content_main p,
.fullwidth #content_main .column p {
	font-size: .9em;
	line-height: 1.1em;
}
#content_main ul li, 
#content_main ul.features li {
	font-size: 1.2em;
	line-height: 1.3em;
}
#content_main #tab_area ul li,
#content_main #tab_area ul.features li,
#content_main #tab_area #features ul li {
	font-size: .8em;
}
#content_main div#tabs ul.features li {
    font-size: 1.3em;
}
#column2 .product-map .product-block p {
	font-size: 1.7em;
}
/* adjust font sizes */
#content_main table.matrix ul.bullets li {
	font-size: .8em;
}
#baby #content_main p,
#sippy #content_main p,
#kid-sport #content_main p {
    font-size: .9em;
    line-height: 1.3em;
}
.cat-main h1,
.acc h1,
.classic h1,
.wide h1,
.insulated h1,
#canisters h1,
#pint h1,
#intro h1 {
	font-size: 2.4em;
}
h1,
h2 {
	font-size: 2.1em;
}
.cat-main #content_main h1 {
	font-size: 1.1em;
}
.cat-main #content_main .column p {
    font-size: .7em;
	line-height: 1.3em;
}
#content_main p.hide {
	display: none;
}
/* header */
#header #logo {
	width: 100%;
	height: auto;
	text-align: center;
	float: none;
}
#header #logo img {
	width: 80%;
}
ul#account {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 0px;
	padding-top: 0px;
}
ul#account li {
	background: #fff;
	width: 28%;
	padding: 10px 0px;
	margin: 10px 0px;
}
ul#account li a,
ul#account li a:hover {
	font-weight: normal;
	font-size: 2.1em;
	color: #ff6600;
	padding: 0;
	border-right: 0;
}
span#shipping {
	display: block;
	background: none;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
span#shipping a,
span#shipping a:hover {
	font-size: 5.1em;
	text-align: center;
}
/* shipping - HOLIDAY
span#shipping {
	display: inline-block;
	background: none;
	width: 100%;
	margin-top: -50px;
	text-align: center;
	padding-left: 10px;	
}
span#shipping a,
span#shipping a:hover {
	font-size: 4.8em;
	text-align: center;
	background: none;
}*/
span#shipping a strong {
	display: block;
	font-size: 1.4em;
	background: url(../images/interface/arrow_down_green_mobile_large.png) no-repeat 45px 60%;
	padding-left: 0px;
}
/* account subnav */
ul#account li#shop {
	border-radius: 10px 0px 0px 10px;
}
ul#account li#pledge {
	border-radius: 0px 10px 10px 0px;
	width: 40%
}
/* pledge stacked below
ul#account li#pledge {
	display: inline-block;
	background: none;
	width: 50%;
	text-align:center;
}
ul#account li#pledge a,
ul#account li#pledge a:hover {
	font-size: 2.8em;
	color: #939598;
} */
ul#community {
	width: 100%;
	text-align: center;
	margin: 10px 0px;
}
ul#community img {
	height: 50px;
}
/* footer */
#footer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#footer #logos {
	float: none;
	width: 100%;
	text-align: center;
}
#footer #logos img {
	height: 100px;
	width: auto;
}
#footer #signup {
	float: none;
	width: 100%;
}
#footer #signup form {
	font-size: 2.6em;
	width: 100%;
	text-align: center;
}
#footer #signup form label {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;
}
#footer #signup form input.text {
	width: 60%;
	height: 40px;
	margin: 10px auto;
	display: block;
	text-align: center;
}
#footer #signup form input.button {
    font-size: 1.1em;
    height: auto;
    padding: 10px 15px;
	margin: 10px auto;
	display: block;
	text-align: center;
	background: #80BD01;
	-webkit-appearance: none;
}
#footer #copyright {
	float: none;
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
#footer #copyright p {
	text-align: center;
	font-size: 2.1em;
	margin: 20px auto;
}
#footer #copyright p select {
	font-size: 1.1em;
}
#footer #copyright p img {
	height: 40px;
	width: auto;
}
#footer li {
    font-size: .9em;
    font-weight: normal;
}
#subfooter #share {
	width: 95%;
}
#subfooter ul {
	clear: both;
    float: left;
    text-align: center;
    width: 95%;
	margin-top: 10px;
}
#subfooter ul li {
	font-size: 1.6em;
	text-align: center;
	float: left;
}
/* main navigation */
div#nav {
	border: none;
	padding: 1%;
	height: auto;
	width: 98%;
	background: #8C8A8A;
}
ul#navmain {
	width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 10px;
	background: none;
}
ul#navmain li.menubar {
	height: auto;
	width: 46%;
	padding: 5px;
	margin: 0px 5px;
	border-radius: 10px;
}
ul#navmain li.menubar:hover ul.menu,
ul#navmain li.sfhover ul.menu {
	display: block;
}
ul#navmain li.menubar#products {
	width: 96%;
}
ul#navmain li.menubar ul.menu {
    background-color: #1F1C1C;
    border-radius: 0;
    padding: 15px;
	width: auto;
}
ul#navmain li.menubar#products ul.menu {
	width: 460px;
	height: auto;
}
ul#navmain li.menubar ul.menu li a {
	padding: 5px 0px;
}
ul#navmain li.menubar ul.menu li a,
ul#navmain li.menubar ul.menu li ul li a {
    font-size: 2.4em;
}
ul#navmain li.menubar a.activator {
	height: auto;
	font-size: 2.1em;
	padding: 15px;
	margin: 0;
	color: #fff;
	background: #333333;
	border-right: none;
	border-radius: 10px;
	margin: 0px;
}
ul#navmain li.menubar#products a.activator {
	font-size: 3.2em;
	padding: 15px;
}
ul#navmain li.menubar:hover ul.menu,
ul#navmain li.sfhover ul.menu {
	left: auto;
	top: auto;
	margin-left: -5px;
	margin-top: -5px;
	width: 85%;
}
ul#navmain li.menubar:hover ul.float,
ul#navmain li.menubar:hover ul.float#one,
ul#navmain li.sfhover ul.float ,
ul#navmain li.sfhover ul.float#one {
	margin-left: 0px;
	clear: both;
	float: left;
	margin-top: 600px;
	margin-left: -5px;
}
ul#navmain li.menubar ul.menu li ul li a,
ul#navmain li.menubar ul.menu li.bar ul li a,
#nav.intl ul#navmain li.menubar ul.menu li ul li a {
	font-size: 1.6em;
}
/* subnav */
.fullwidth #content_main ul.subnav,
.classic #content_main ul.subnav, 
.wide #content_main ul.subnav, 
.insulated #content_main ul.subnav, 
.kid #content_main ul.subnav, 
.cat-main #content_main ul.subnav, 
#reflect #content_main ul.subnav,
#baby #content_main ul.subnav,
#sippy #content_main ul.subnav,
#kid-sport #content_main ul.subnav, 
#cups-main #content_main ul.subnav, 
#pint #content_main ul.subnav, 
#tumbler #content_main ul.subnav, 
#canisters #content_main ul.subnav, 
.oneone #content_main ul.subnav,
.classic #content_main ul.subnav, 
.cat-main #content_main ul#wider.subnav  {
	width: 100%;
	float: none;
	text-align: center;
	background: none;
}
.fullwidth #content_main ul.subnav,
.dealers #content_main ul.subnav {
    float: none;
    margin: 10px 0px;
	with: 100%;
}
.fullwidth #content_main ul.subnav li, 
.dealers #content_main ul.subnav li,
#reflect #content_main ul.subnav li,
#tumbler #content_main ul.subnav li,
#pint #content_main ul.subnav li {
	font-size: 1.7em; 
	border-right: none;
	margin: 5px;
	padding: 10px 5px;
	width: 45%;
	border-radius: 10px;
	background: #f1f0f0;
}
.fullwidth #content_main ul.subnav li a, 
.dealers #content_main ul.subnav li a {
	width: 100%;
}
.fullwidth #content_main ul.subnav li.header,
.fullwidth #content_main ul.subnav li.cat,
#reflect #content_main ul.subnav li.header,
#pint #content_main ul.subnav li.header,
#tumbler #content_main ul.subnav li.header {
	background: none;
	width: 100%;
	font-size: 2.1em;
}
/* subnav - orange tabs*/
.classic #content_main ul.subnav li.header, 
.wide #content_main ul.subnav li.header, 
.insulated #content_main ul.subnav li.header, 
.kid #content_main ul.subnav li.header, 
.cat-main #content_main ul.subnav li.header, 
#reflect #content_main ul.subnav li.header, 
#cups-main #content_main ul.subnav li.header, 
#pint #content_main ul.subnav li.header, 
#tumbler #content_main ul.subnav li.header, 
#canisters #content_main ul.subnav li.header, 
.oneone #content_main ul.subnav li.header {
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px 0px;
}
/* hide header in subnav on product pages, masthead replaces */
.classic #content_main ul.subnav li.header, 
.wide #content_main ul.subnav li.header, 
.insulated #content_main ul.subnav li.header, 
.kid #content_main ul.subnav li.header, 
.cat-main #content_main ul.subnav li.header, 
#reflect #content_main ul.subnav li.header, 
#cups-main #content_main ul.subnav li.header, 
#pint #content_main ul.subnav li.header, 
#tumbler #content_main ul.subnav li.header, 
#canisters #content_main ul.subnav li.header {
	display: none;
}
.classic #content_main ul.subnav li.header a, 
.classic #content_main ul.subnav li.header a:visited, 
.wide #content_main ul.subnav li.header a, 
.wide #content_main ul.subnav li.header a:visited, 
.insulated #content_main ul.subnav li.header a, 
.insulated #content_main ul.subnav li.header a:visited, 
.kid #content_main ul.subnav li.header a, 
.kid #content_main ul.subnav li.header a:visited, 
.cat-main #content_main ul.subnav li.header a, 
.cat-main #content_main ul.subnav li.header a:visited, 
#reflect #content_main ul.subnav li.header a, 
#reflect #content_main ul.subnav li.header a:visited, 
#cups-main #content_main ul.subnav li.header a, 
#cups-main #content_main ul.subnav li.header a:visited,
#pint #content_main ul.subnav li.header a, 
#pint #content_main ul.subnav li.header a:visited, 
#tumbler #content_main ul.subnav li.header a, 
#tumbler #content_main ul.subnav li.header a:visited, 
#canisters #content_main ul.subnav li.header a, 
#canisters #content_main ul.subnav li.header a:visited,
.oneone #content_main ul.subnav li.header a, 
.oneone #content_main ul.subnav li.header a:visited {
	font-size: 1.7em;
	color: #ff6600;
}
/* orange tabs for product subnav */
.classic #content_main ul.subnav li, 
.wide #content_main ul.subnav li, 
.insulated #content_main ul.subnav li, 
.kid #content_main ul.subnav li, 
.cat-main #content_main ul.subnav li, 
#reflect #content_main ul.subnav li, 
#cups-main #content_main ul.subnav li,
#pint #content_main ul.subnav li, 
#tumbler #content_main ul.subnav li,
#canisters #content_main ul.subnav li, 
.oneone #content_main ul.subnav li {
	padding: 15px;
	width: auto;
	float: none;
	background: #FF6600;
}
.classic #content_main ul.subnav li,
#reflect #content_main ul.subnav li {
	width: 18%;
}
.classic #content_main ul.subnav li#reflect,
#reflect #content_main ul.subnav li#reflect {
	clear: both;
}
.classic #content_main ul.subnav li#reflect,
.classic #content_main ul.subnav li.last,
#reflect #content_main ul.subnav li#reflect,
#reflect #content_main ul.subnav li.last {
	width: 30%;
	margin-top: 5px;
}
.classic #content_main ul.subnav li a, 
.wide #content_main ul.subnav li a, 
.insulated #content_main ul.subnav li a, 
.kid #content_main ul.subnav li a, 
.cat-main #content_main ul.subnav li a, 
.online-store #content_main ul.subnav li a,
#reflect #content_main ul.subnav li a, 
#cups-main #content_main ul.subnav li a, 
#pint #content_main ul.subnav li a, 
#tumbler #content_main ul.subnav li a,
#canisters #content_main ul.subnav li a {
	font-size: 1.6em;
}
/* promo pages */
#promo .product-map .product-block {
	width: 100%;
}
/* main kanteens pages */
#kanteens #content_main ul.columns li,
#kanteens #content_main.intl ul.columns li {
	width: 95%;
	clear: both;
	margin-top: 10px;
}
#kanteens #content_main ul.columns li img.right {
	width: 50%;
}
#kanteens #content_main ul.columns li#insulated,
#kanteens #content_main ul.columns li#classic  {
    background: none;
    height: auto;
}
#content_main ul.columns li {
	width: 100%;
}
#content_main ul.columns li p {
    font-size: 1.3em;
    line-height: 1.4em;
	display: none;
}
/* category pages */
.cat-main #content_main div.column,
#kid-main.cat-main #content_main div.column {
    width: 95%;
}
.cat-main #content_main div#intro.column,
#kid.cat-main #content_main div#intro.column 
#kab.fullwidth #content_main div#intro.column {
	width: 95%;
}
/* special edition pages */
body#special #special .product-block {
    margin-right: 0;
    width: 50%;
	margin-bottom: 20px;
}
#kab.fullwidth div#sidebar,
#ntr.fullwidth div#sidebar,
#obfl.fullwidth div#sidebar,
#tap.fullwidth div#sidebar {
	width: 100%;
}
.fullwidth #content_main div#bottle.special,
#tap.fullwidth #content_main div#bottle.special,
#obfl.fullwidth #content_main div#bottle.special {
	width: 80%;
	margin: 10px auto;
	float: none;
}
.fullwidth #content_main div#bottle div.rounded {
	width: 100%;
}
/* reflect page */
#reflect.fullwidth #content_main div#bottle.special {
	width: 60%;
	margin: 10px auto;
}
/* friends pages */
.friend #content_main div.video {
	text-align: center;
}
.friend #content_main div.column {
    width: 100%;
	clear: both;
}
.fullwidth #content_main div.video p {
    font-size: 1.6em;
}
.friend .vid {
	display: none;
}
/* site map */
#content_main ul.sitemap {
	width: 90%;
}
/* customer care section */
#careanduse #content_main div.column,
#contact #content_main div.column {
	width: 95%;
}
/* pledge page */
#pledge #content_main div.column {
	width: 100%;
}
#pledge #content_main ul.modules li {
    width: 50%;
}
#pledge #content_main ul.modules li#text {
	display: none;
}
#pledge #content_main div.gray {
	width: 100%;
}
/* events pages */
.event #content_main div#intro.column {
    width: 90%;
	padding: 20px;
}
.event div#sidebar {
	float: none;
	margin: 10px auto;
}
/* sidebars */
.fullwidth #content_main div.sidebar, 
#content_main div.sidebar {
	width: 90%;
	margin: 20px auto;
	float: none;
	clear: both;
}
.fullwidth #content_main .rounded,
.fullwidth #content_main #image.rounded, 
.fullwidth #content_main .sidebar .rounded, 
.fullwidth #content_main .sidebar .gray {
	width: 90%;
	float: none;
	clear: both;
	margin: 20px auto;
}
#ordering #content_main #image.rounded {
	display: none;
}
/* headers */
.fullwidth .section h1, 
.fullwidth .section h2 {
	clear: both;
}
/* testimonials */
.fullwidth #content_main ul.blocks li {
	width: 95%;
	height: auto;
}
/* spec tables */
table.matrix {
    margin: 10px 0px;
    width: 95%;
}
table#classic.matrix th {
	display: none;
}
/* all pages */
.fullwidth #column2,
.cat-main #column2,
.classic #column2,
.wide #column2,
.insulated #column2,
.kid #column2,
#baby #column2,
#sippy #column2,
#kid-sport #column2,
#cups-main #column2,
#pint #column2,
#tumbler #column2,
#canisters #column2,
#pledge #column2,
#accessories #column2,
#kab #column2,
#tap #column2,
#obfl #column2,
#ntr #column2 {
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
/* left intro column (text) */
.acc #content_main div#intro.column,
.classic #content_main div#intro.column,
.wide #content_main div#intro.column,
.insulated #content_main div#intro.column,
.kid #content_main div#intro.column,
#baby #content_main div#intro.column,
#sippy #content_main div#intro.column,
#kid-sport #content_main div#intro.column,
#cups #content_main div#intro.column,
#pint #content_main div#intro.column,
#tumbler #content_main div#intro.column,
#canisters #content_main div#intro.column,
#kab #content_main div#intro.column,
#ntr #content_main div#intro.column,
#obfl #content_main div#intro.column,
#tap #content_main div#intro.column,
#reflect.fullwidth #content_main div#intro.column {
	width: 95%;
	margin-right: 0;
}
#kid.cat-main #content_main div.column {
	width: 70%;
}
/* right column store modules */
.classic #content_main div.column #store,
.wide #content_main div.column #store,
.insulated #content_main div.column #store,
.kid #content_main div.column #store,
#baby #content_main div.column #store,
#sippy #content_main div.column #store,
#kid-sport #content_main div.column #store,
#pint #content_main div.column #store,
#tumbler #content_main div.column #store,
#canisters #content_main div.column #store {
	width: 100%;
}
.fullwidth #content_main ul.dots {
	clear: both;
	width: 100%;
}
.fullwidth #content_main div.column #store form.products ul.swatches {
	display: none;
}
/*tabs for specs */
#tab_area {
	width: 100%;
}
.fullwidth #content_main #tab_area #features ul, 
.fullwidth #content_main #tab_area ul.wider,
.fullwidth #content_main #tab_area ul,
.fullwidth #content_main #tab_area #features ul.narrow, 
.insulated #content_main #tab_area #features ul  {
    width: 97%;
}
#tab_area #icons,
#tab_area #icons.narrow {
    clear: both;
	float: left;
    text-align: center;
    width: 100%;
	display: block;
}
#tab_area #icons img {
	width: 20%;
}
.fullwidth #content_main #tab_area ul {
    float: left;
    width: 90%;
}
.fullwidth #content_main ul.tabrow li {
	text-align: center;
}
.fullwidth #content_main ul.tabrow a {
	font-size: 1.4em;
	text-align: center;
	padding: 5px;
}
/* cobrand */
.cobrand #content_main form.validated ul.left li {
    width: 45%;
	margin-bottom: 20px;
}
.cobrand #content_main form.validated ul.left li#insulated {
	clear: both;
}
/* cart modules */
.acc #content_main div#cart.column, 
.classic #content_main div#cart.column, 
.wide #content_main div#cart.column, 
.insulated #content_main div#cart.column, 
.kid #content_main div#cart.column,
#pint #content_main div#cart.column,
#tumbler #content_main div#cart.column,
#canisters #content_main div#cart.column {
	width: 100%;
}
.classic #content_main div.column #store, 
.wide #content_main div.column #store, 
.insulated #content_main div.column #store, 
.kid #content_main div.column #store,
#pint #content_main div.column #store,
#tumbler #content_main div.column #store,
#canisters #content_main div.column #store {
	width: 100%;
}
.classic #content_main div.column #store form ul,
.wide #content_main div.column #store form ul,
.insulated #content_main div.column #store form ul,
.kid #content_main div.column #store form ul,
#pint #content_main div.column #store form ul,
#tumbler #content_main div.column #store form ul,
#canisters #content_main div.column #store form ul {
    width: 58%;
}
#store form.products ul li {
	padding: 10px 0px;
}
#store form.products ul li.subhead1,
#store form.products ul li.subhead2 {
	font-size: 3.2em;
}
#store form.products ul li.subhead1 img,
#store form.products ul li.subhead2 img {
	width: 100%;
	height: auto;
}
#store form.products ul li input {
	width: 35px;
	height: 35px;
}
.fullwidth #content_main form ul li input,
#store form ul li input,
#store form.products ul li input {
	margin-top: 0;
}
#store form.products ul li input.qty {
	margin-left: 20px;
	padding-top: 0;
	margin-top: 0;
}
#store form.products ul li input.button {
	height: 60px;
	width: auto;
	padding: 8px 16px;
	-webkit-appearance: none;
}
#store form.products ul li label {
	font-size: 1.4em;	
}
#collection #store form.products ul li label img {
	height: 50px;
}
#store form.products ul li label.hdr {
    width: auto;
	font-size: 2.1em;
}
#store form.products ul li label strong {
	font-size: 1.2em;
}
#store form.products ul li label.option img {
	height: 40px;
    width: auto;
	vertical-align: top;
}
#store form#classic.products ul li.header span.cap img,
#store form#classic.products ul li.header span.loop img {
	height: 60px;
	width: auto;
}
#store form.products ul li label span.swatch {
	width: 35px;
	height: 35px;
}
/* hide swatch names */
#store form.products ul li label span.name {
	display: none;
}
.fullwidth #content_main #store.classic ul#stainless-previews, 
.fullwidth #content_main #store.insulated ul#stainless-previews {
    display: none;
}
#store form.products ul li#button  {
	font-size: 1.2em;
}
input.button {
	height: 50px;
	font-size: 1.2em;
}
/* image galleries on product pages */
#content_main ul.thumbs {
	width: 100%;
}
#content_main ul.thumbs li,
.fullwidth #content_main #cart ul.thumbs li,
.fullwidth #content_main #overview ul.thumbs li {
	width: 23%;
}
.column h2.gallery {
	display: none;
}
#pint #content_main ul.thumbs li,
#tumbler #content_main ul.thumbs li,
#canister #content_main ul.thumbs li {
}
.classic #content_main ul.thumbs li a img, 
.wide #content_main ul.thumbs li a img, 
.insulated #content_main ul.thumbs li a img,
#baby #content_main #cart ul.thumbs li a img, 
#sippy #content_main #cart ul.thumbs li a img, 
#kid-sport #content_main #cart ul.thumbs li a img, 
.acc #content_main #cart ul.thumbs li a img,
#pint #content_main ul.thumbs li a img,
#tumbler #content_main ul.thumbs li a img,
#canisters #content_main #cart ul.thumbs li a img,
.fullwidth #content_main #overview ul.thumbs li a img {
    height: auto;
    width: 100%;
}
/* main SHOP page */
#shop #insulated.product-map,
#shop #classic.product-map,
#shop #wide.product-map,
#shop #kid.product-map,
#shop #cups.product-map,
#shop #canisters.product-map,
#shop #special.product-map,
#shop #accessories.product-map,
#shop #collection.product-map {
    width: 95%;
}
#shop #column2 {
    width: 96%;
	padding: 2%;
}
#shop .product-map h2 {
	font-size: 2.3em;
}
#shop #classic.product-map .product-block,
#shop #special.product-map .product-block,
#shop #canisters.product-map .product-block {
    width: 45%;
	margin-bottom: 15px;
}
#shop #cups.product-map .product-block,
#shop #cups.product-map #tumbler {
    width: 40%;
}
#shop #kid.product-map .clear {
    margin-left: 0px;
}
/* accessories page */
#accessories .product-map .product-block {
    width: 50%;
	margin-bottom: 20px;
}
/* accessories - caps pages */
.product-map#caps .product-block {
	width: 50%;
}
/* 101 section - design and why pages*/
.fullwidth #content_main div.narrow, 
#design #content_main div.narrow {
    width: 95%;
}
.fullwidth #content_main p.divider,
#why.fullwidth #content_main p.divider {
    padding: 20px;
}
#why #content_main div.alt p {
	padding-right: 0;
}
#why #content_main div.section p {
	padding-left: 0;
}
#why.fullwidth div.section {
	padding-top: 0;
}
#why.fullwidth div.section h2 {
	margin-top: 20px;
}
#why.fullwidth div#triple.section h2 {
	padding-left: 0;
}
.fullwidth div#triple.section .column {
    width: 90%;
}
.fullwidth div#quad.section .column {
    width: 90%;
}
#one-overview #one-intro {
	background-color: #5b5b5b;
	background-image: none;
}
/* features interactive piece */
#buttons {
	display: none;
}
#features.oneone #column2 {
	width: 95%;
	display: block;
}
#features .content {
	width: 520px;
    margin: 20px;
}
#features #zero.content img.banner {
	width: 520px;
}
.content div.text,
.content#two div.text,
.content#two div.img,
.content#three div.text,
.content#three div.img,
.content#five div.text {
	width: 85%;
}
.content div.col {
	width: 85%;
}
#five.content div.img {
	width: 90%;
}
.fullwidth #content_main ul.intnav {
	width: 100%;
	background: url(../images/about/kanteen-101/anatomy_interactive/anatomy_of_klean_interactive_family_mobile.jpg) no-repeat top center;
}
.fullwidth #content_main ul.intnav:before {
	width: 100%;
}
.fullwidth #content_main ul.intnav li,
.fullwidth #content_main ul.intnav li:before {
	width: 100px;
	height: 100px;
}
.fullwidth #content_main ul.intnav li a {
	width: 40px;
	height: 32px;
}
ul.intnav li#numone,
ul.intnav li#numtwo,
ul.intnav li#numthree,
ul.intnav li#numfour,
ul.intnav li#numfive,
ul.intnav li#numsix,
ul.intnav li#numseven,
ul.intnav li#numeight,
ul.intnav li#numnine {
	top: 200px;
}
ul.intnav li#numone {
	left: 10px;
}
ul.intnav li#numtwo {
	left: 70px;
}
ul.intnav li#numthree {
	left: 130px;
}
ul.intnav li#numfour {
	left: 190px;
}
ul.intnav li#numfive {
	left: 250px;
}
ul.intnav li#numsix {
	left: 310px;
}
ul.intnav li#numseven {
	left: 370px;
}
ul.intnav li#numeight {
	left: 430px;
}
ul.intnav li#numnine {
	left: 490px;
}

.content#zero {
	width: 100%;
}
.content#zero img.banner {
	width: 320px;
}
/* buttons */
a.button:link, a.button:visited, input.button {
	font-size: 1.9em;
	-webkit-appearance: none;
}
a.arrow:link, a.arrow:visited, input.arrow {
	background: #ff6600;
	padding-right: 15px;
}
#specials #content_main form ul li input.button {
	background: #D20D11;
	font-size: 1.9em;
	margin-top: 10px;
}
table.matrix a.button:link,
table.matrix a.button:visited {
	background: #ff6600;
	padding: 10px 20px 10px 10px;
	font-size: 1.8em;
}
/* b corp page */
#bcorp #content_main div.section p {
	font-size: .8em;
}
#bcorp #content_main div.section p.quote {
	font-size: 1.8em;
}
/* holiday specials page */ 
#specials div.module {
    width: 50%;
}
#specials #content_main form ul li.header {
	font-size: 1.6em;
	line-height: 1.6em;
}
#specials #content_main form ul li label strong {
	font-size: 2.1em;
}
/* PDG cart - online store*/
.online-store #masthead {
	background:url(../images/store/online_cart_header_banner_grn_mobile.png) no-repeat top left;
	display: block;
	width: 100%;
	height: 80px;
}
.online-store #masthead img {
	display: none;
}
online_cart_header_banner_grn_mobile.jpg
.online-store #store form ul li {
	font-size: 1.4em;
	line-height: 1.4em;
}
.online-store #store p,
.pdgmain {
	font-size: 1.0em;
}
#store table#shipselect tr td.greenship img {
	width: 95%;
	display: block;
	margin-bottom: 20px;
}
#store table#shipselect tr td.greenship p {
	width: 90%;
	font-size: 1.5em;
}
.online-store #store h1 {
	font-size: 2.6em;
	text-align: center;
	text-transform: uppercase;
}
.online-store #store h2 {
    font-size: 2.4em;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.online-store #store form h2 {
	margin: 30px 0px;
}
.online-store #column2 {
    width: 95%;
}
.online-store #content_main #pod_acct {
	width: 100%;
	margin: 0;
	padding: 0;
}
.online-store #content_main #pod_acct ul.subnav {
	text-align: center;
	background: none;
	float: left;
	width: 100%;
	margin: 10px 0px;
	padding: 0;
}
.online-store #content_main #pod_acct ul.subnav li {
    border-right: none;
	float: left;
	display: inline-block;
	width: 24%;
	margin-bottom: 10px;
	text-align: center;
	background: #ccc;
	border-radius: 10px;
	margin: 0px 10px 10px 0px;
	padding: 20px;
}
.online-store #content_main #pod_acct ul.subnav li a {
	text-transform: uppercase;
	font-size: 1.7em;
	font-family: 'MercadoSans-Bold', sans-serif;
	white-space: nowrap;
	color: #fff;
}
.online-store #content_main ul.cartnav {
	display: none;
}
.online-store #sidebar {
	display: none;
}
.online-store img#shipping {
	width: 90%;
	display: block;
}
.online-store #navcart {
    background: url("../images/store/cart_sidebar_hdr.jpg") no-repeat scroll center top #E3DFDF;
    width: 100%;
}
.online-store #store {
	width: 100%;
	clear: both;
}
.online-store #content_main ul.cartnav {
	width: 90%;
}
.online-store #store form#coupon {
	width: 85%;
	text-align: center;
	margin: 15px;
	float: left;
	height: auto;
	padding: 20px;
}
.online-store #store form#coupon p {
	width: 90%;
	text-align: center;
	float: none;
	margin: 10px;
	font-size: 1.9em;
}
.online-store #store form#coupon div#fields {
    float: none;
    width: 90%;
}
.online-store #store form#coupon input.image {
	height: 60px;
	width: auto;
}
.online-store #store form#coupon input.text {
	height: 40px;
	width: 80%;
}
/* checkout table */
#store table.checkout_table,
#store table.checkout_table td {
	font-size: 1.6em;
}
#store table td,
#store td.pdgmain {
	font-size: 1.3em;
}
#store table.checkout_table td#product {
	width: 30%;
	text-align: left;
}
#store table.checkout_table th {
	font-size: 1.5em;
}
#store table.checkout_table tr.footer_row td {
	font-size: 1.6em;
}
#store table.checkout_table td#product img {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
	display: block;
}
#store table.checkout_table tr.item_row td input {
	height: 30px;
	width: 30px;
	font-size: 1.3em;
}
#store table.checkout_table td#product span.prodname,
#store table.checkout_table td#product span.note {
	display: none;
}
#store table.checkout_table td#icons a#trash input {
	height: 40px;
	width: auto;
}
#store table.checkout_table td#icons input#recalc {
	display: none;
}
#store table.checkout_table td.buttons {
	text-align: center;
}
#store table#shipselect td#continue input,
#store table.checkout_table td.buttons input,
#store img.button,
#store table#shipselect td#continue img {
	height: 60px;
	width: auto;
	margin: 5px 0px;
}
#store table.checkout_table .footer_row table#totals,
#store table.receipt table#totals {
    border-collapse: collapse;
}
#store form ul#payment {
	width: 90%; 
	float: left;
}
#store table.checkout_table .footer_row table#totals th,
#store table.checkout_table .footer_row table#totals td {
	font-size: .8em;
}
#store table.receipt table#totals th,
#store table.receipt table#totals td {
	font-size: 1.5em;
}
div#security {
	margin-top: 20px;
}
div#security img {
	height: 90px;
}
.online-store #store form ul li {
	margin-bottom: 10px;
	text-align: center;
}
#store form ul#giftcert {
	width: 90%;
}
/* input sizes */
.online-store #store form ul li label {
    text-align: center;
    width: 100%;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.online-store #store form ul#payment li label {
	font-size: 1.8em;
}
.online-store #store form ul#payment li label.float {
    text-align: right;
    width: 50%;
	float: left;
}
.online-store #store form ul li.indent,
.online-store #store form ul li.button, 
.online-store #store ul li.indent  {
	padding: 0;
}
.online-store #store form ul li input {
	height: 40px; 
	width: auto;
	clear: both;
	text-align: center;
	font-size: 1.7em;
}
.online-store #store form ul li select {
	height: 60px; 
	font-size: 1.7em;
}
.online-store #store form ul li select option {
	font-size: 1.7em;
}
.online-store #store form ul#payment li input.float {
	clear: none;
	text-align: left;
	width: 45%;	
}
.online-store #store form ul li input.inline {
	height: 40px;
	width: auto;
	clear: none;
}
#store form ul li select {
	font-size: 140%;
}
/* button sizes */
.online-store #store form ul li.button input {
	height: 60px;
}
}
/* iPhone 4S [portrait] */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
#container {
	width: 320px;
}
.cat-main .masthead img,
.insulated .masthead img,
.classic .masthead img,
.wide .masthead img,
.kid .masthead img,
#reflect .masthead img,
#cups-main .masthead img,
#pint .masthead img,
#tumbler .masthead img,
#canisters .masthead img {
	display: none;
}
.cat-main .masthead,
.insulated .masthead,
.classic .masthead,
.wide .masthead,
.kid .masthead,
#reflect .masthead,
#cups-main .masthead,
#pint .masthead,
#tumbler .masthead,
#canisters .masthead {
	width: 100%;
	height: 320px;
}
.insulated .masthead,
#insulated-main .masthead {
	background: url(../images/banners/mobile/banner_mobile_insulated_560.jpg) no-repeat left top;
}
.classic .masthead,
#classic-main .masthead {
	background: url(../images/banners/mobile/banner_mobile_classic_560.jpg) no-repeat left top;
}
.wide .masthead,
#wide-main .masthead {
	background: url(../images/banners/mobile/banner_mobile_wide_560.jpg) no-repeat left top;
}
#kid-main .masthead {
	background: url(../images/banners/mobile/banner_mobile_kid_sippy_560.jpg) no-repeat left top;
}
#sippy .masthead {
	background: url(../images/banners/mobile/banner_mobile_kid_sippy_560.jpg) no-repeat left top;
}
#kid-sport .masthead {
	background: url(../images/banners/mobile/banner_mobile_kid_sport_560.jpg) no-repeat left top;
}
#baby .masthead {
	background: url(../images/banners/mobile/banner_mobile_kid_baby_560.jpg) no-repeat left top;
}
#cups-main .masthead {
	background: url(../images/banners/mobile/banner_mobile_cups_560.jpg) no-repeat left top;
}
#pint .masthead {
	background: url(../images/banners/mobile/banner_mobile_pint_560.jpg) no-repeat left top;
}
#tumbler.masthead {
	background: url(../images/banners/mobile/banner_mobile_tumbler_560.jpg) no-repeat left top;
}
#canisters .masthead {
	background: url(../images/banners/mobile/banner_mobile_canisters_560.jpg) no-repeat left top;
}
#reflect .masthead {
	background: url(../images/banners/mobile/banner_mobile_reflect_560.jpg) no-repeat left top;
}
#special .masthead {
	background: url(../images/banners/mobile/banner_mobile_specialeditions_560.jpg) no-repeat left top;
}
}
/* iPhone 4S [landscape] and iPhone 5 [landscape] */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
#container {
	width: 480px;
}
/* header  - pre-holiday
#header #logo {
	width: 55%;
	float: left;
}
span#shipping {
	width: 40%;
	float: left;
	margin-top: 10px;
	text-align: right;
}
span#shipping a,
span#shipping a:hover {
	font-size: 2.6em;
	text-align: right;
}
*/
/* header  - HOLIDAY */
#header #logo {
	width: 70%;
	float: none;
	margin: 0 auto;
	text-align: center;
}
span#shipping {
	width: 100%;
	float: none;
	margin-top: 10px;
	text-align: center;
	margin: 0 auto;
}
span#shipping a,
span#shipping a:hover {
	font-size: 3.3em;
	text-align: left;
}
span#shipping a strong {
	display: inline;
	padding-left: 15px;
	font-size: 1.3em;
	background: url(../images/interface/arrow_down_green.png) no-repeat left center;
}
/* account subnav */
ul#account {
	width: 65%;
}
ul#account li a,
ul#account li a:hover {
	font-size: 1.3em;
}
ul#community {
	width: 35%;
}
ul#community img {
	height: 30px;
	width: auto;
}
/* main nav */
/* ul#navmain li.menubar {
	width: 21%;
	margin: 5px;
	height: 60px;
}
ul#navmain li.menubar#products {
	width: 46%;
} */
ul#navmain li.menubar#products ul.menu {
	width: 230px;
}
ul#navmain li.menubar:hover ul.float,
ul#navmain li.menubar:hover ul.float#one,
ul#navmain li.sfhover ul.float ,
ul#navmain li.sfhover ul.float#one {
	margin-left: 240px;
	clear: none;
	margin-top: -3px;
	width: 270px;
}
/* 
ul#navmain li.menubar a.activator {
	font-size: 1.4em;
	padding: 10px;
}
ul#navmain li.menubar#products a.activator {
	font-size: 2.3em;
} */
ul#navmain li.menubar ul.menu li a,
ul#navmain li.menubar ul.menu li ul li a,
ul#navmain li.menubar ul.menu li ul li.subhead {
    font-size: 1.7em;
}
ul#navmain li.menubar#news {
	clear: both;
}
ul#navmain li.menubar#last {
	margin-right: 0px;
}
/* footer modules */
#content_main ul.modules {
	margin: 10px 0px;
}
#content_main ul.modules li {
	width: 30%;
	margin: 0px 5px;
}
#content_main ul.modules li img {
	width: 100%;
}
/*accessories page */
#accessories .product-map .product-block {
    width: 33%;
	margin-bottom: 20px;
}
/* accessories - caps pages */
.product-map#caps .product-block {
	width: 100%;
}
/* image galleries */
#content_main ul.thumbs li,
.fullwidth #content_main #cart ul.thumbs li {
	width: 15%;
}
}
/* iPhone 5 [portrait] AND [landscape] */
@media
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
#container {
	width: 560px;
}
}
/* iPhone 5 [landscape] */
@media
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}