/* TERRY BICYCLES RESPONSIVE SITE DEVELOPMENT 
styles-sitewide-notIE.css
Author Colin Dodgson
version 20160425
adjustments for IMGRSZ
item page width tweaks
 */

 /*media Query mods to defaults - IE gets confused, so hide from lte IE8
 Add to page after styles-sitewide so MQs can override defaults */ 




/* @group SITEWIDE - HEADER - FOOTER - GENERAL PAGES */
#socialmedialinks ul {
 float: none !important; 
 margin-left: 0 !important; 
}
#socialmedialinks ul li {
 float:  none  !important; 
 margin: 5px auto  !important; 
 display: inline-block  !important;
}

 #path_nav { display: none; }




/* @end */ 

/* @group RESPONSIVE CART */

/* CD additions for css overrides in cart 20140822 */

#respcartbtns {
    min-width: 300px;
	width: 100%;
	/*margin: 1% 1% 0;*/ 
	background-color: #ededed;
}
#respcartbtns td {
    display: block;
    margin: 3px auto;
    text-align: center;
}
#respcartbtns a.cartbtn {
    margin: 5px 5px 0;
    max-width: 250px;
    width: 100%;
    text-align: center;
    border-radius: 0.3em;
    min-width: 140px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #fdfdfd;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 2em;
    padding: 4px 12px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    text-transform: uppercase;
    transition: background-color 0.15s ease-out 0s;
    vertical-align: middle;
}
#respcartbtns #respchkout {
   	font-size: 14px;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    transition: background-color 0.15s ease-out 0s;
	background-color: #00cc00;
	margin-bottom: 10px;
}
#respcartbtns #respupdate:hover, #respcartbtns #respcancel:hover {
	transition: background-color 0.2s ease-in 0s;
    background-color: #fff;
}
#respcartbtns #respchkout:hover {
	transition: background-color 0.2s ease-in 0s;
    background-color: #006600;
}
.shipdivtext {
	float: right;
	text-align: right;
	margin-left: 10px;
	font-size: 12px;
	padding: 10px 0;
}
.shipdivcntr {
	clear: both;
    display: block;
    height: 20px;
    margin: 5px 10%;
}
.shipdivcntr:nth-child(2) {
		border-top: 1px solid silver;
}
#thirdPartyCheckoutButtons {
	/*background-color: #ededed;*/
	margin: 0 5px;
	padding-bottom:  20px;
}
#thirdPartyCheckoutButtonsTable {
	margin-right: 0;
}
#thirdPartyCheckoutButtonsTable tr:nth-child(1) {
	display: none;
}

#maincontents .rmainwidth {
    width: 850px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 824px !important;
} 

/* @end */

@media only screen 
and (min-width : 1025px) {
	/*and (min-width : 769px) {*/
/* Styles */
	#header-wrap .logo { display: block; }
	#logobar { display: none; }

	.headerbar, #header-wrap .menu-bgd  { max-width:824px; }
	#header-wrap #toplinks-box, .headerbar  { width:824px; }
/*	#header-wrap { display: block; }*/

}
/* iPads G1 (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */
	#header-wrap .logo {  width:  100px; }
	#logobar { display: block; }
	#header-wrap-480 #emailcontainer, 
	#left-wrap { width: 0 !important; display: none  !important; }
	#header-wrap #toplinks-box, .headerbar  { width: 100%; }
	#category-list.landingcontent, .category-wrap, #maincontentsfirsttable { 
	width:100%; }
	
}
/* ipad G1 portrait and larger ----------- */
@media only screen 
and (min-width : 768px) {
/* Styles */
	#crumb_cont, #header-wrap-480, #header-wrap-480 #search480, #header-wrap #account480,
	#header-wrap-480 #navcontrol-resp, #header-wrap-480 #navcontrol-resp .close { display: none; }
}
/* content driven ----------- */
@media only screen 
and (max-width : 814px) {
/* Styles */
	#featured-items { display: none; }
}
@media only screen 
and (max-width : 767px) {
/* Styles */
	#header-wrap .logo {  width:  100px; }
	#logobar, #header-wrap-480 { display: block; }
	#fullwidthheaderpanel, #featured-items { display: none; }
	#header-wrap .dropli { position:initial !important; z-index:none; }
	#logocontainer, #offerfloaterboxwide, #featured-items/*, #featurepanel*/ { display: none; }
	#footerbannercont, #footermenucont { float:none; margin: 0; }
	#left-wrap { width: 0 !important; display: none  !important; }
	#path_nav { width: 80%; max-width: 480px; }
	#sortwrap { padding-left: 5px; }
	#maincontents tbody, #category-list.landingcontent, .category-wrap, #maincontentsfirsttable { 
	width:100%; }
	#header-wrap.showcontrol #navcontrol-resp { display: none; } /*always hide navcontrol*/ 
	/*#item-tpl-wrap { max-width: 760px; }*/
}
@media only screen 
and (max-width : 640px) {
/* Styles */
	#slider2 { display: block; }
	#slider1 { display: none; }
	#topcatleft, #herotier { /*display: none;*/ }
	#subcatlist { /*display: block;*/ }
	#landingcontent, #landingcontent #landingright { min-height: 0; }
	/* Cat Landing pages */
	#landingcontent #landingright {  min-height: 60px; /*padding-left: 10px;*/ }
	#sc_tabs_content {  max-width:400px; }
	#item-tpl-wrap { /*max-width: 620px;*/ }
	#tabtier1 { width: 95%; }
	#tabtier2 { width: 100%; }
	/*#maincontents { max-width: 630px; }*/
}

/* full list at http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	table[class=stack] {table-layout:auto !important;}
	table[class=stack] tr {display:block !important;}
	table[class=stack] td {display:inline-block !important; max-width:none !important;}
	table[class=message], td[class=message] {width:100% !important; max-width: 470px !important;}

	table[class=cta] { padding:10px; margin:auto 0 !important; }
	td[class=cta] {text-align:center !important; width:360px !important; display:inline-block !important; padding:10px; margin:auto 0 !important; font-size:24px !important; border-radius:10px;}
	
	table[class=center], td[class=center], img[class=center], .switchtocenter {text-align:center !important;}
	a[class=embiggen] {font-size:150% !important; margin:8px 0;}
	.fatthumb { margin:8px 15px  !important;}
	.addpad { padding-left:10px  !important; padding-right:10px  !important;}
	.moveinline { display:inline-block !important; padding:6px; margin: 5px 0 !important;  border-radius:6px; background-color:#FFF;}
	.moveinline a, .moveinline a:link, .moveinline a:focus, .moveinline a:hover {
		   color:#d708c3;
		   text-decoration: none;
		   }
	span .subheading { display:block !important; width:100%; padding:10px; }
	.forcewidth100 { width:100% !important; max-width: 460px; }
	#logocontainer { display: none; }
	#logobar { display: block;  }
	#header-wrap-480 .infobutton, #header-wrap-480 .infobutton:link {
		width: 35%;
	}
}

/* Smartphones (landscape) -----------
max-width: 50%; float:left; display:inline-block;
*/
@media only screen 
and (min-width : 321px) {
/* Styles */
.aside_then_stack { width: auto;  margin: 4px 2px; height: auto; }
}


/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 480px) {
/* Styles */
	table[class=message], td[class=message] {width:100% !important; max-width: 480px !important;}
	td[class=cta] {width:460px !important;}
	#logocontainer,#offerfloaterboxwide, #featureslot1, #featureslot2, #path_nav { display: none; }
	#featurepanel { display: none; }
	#header-shipping-box { margin: 3px 2%; }
		#header-wrap-480 #hdrcartbox .infobutton, #header-wrap-480 #hdrcartbox .infobutton:link {
		width: 100%; margin: 0;
	}
	.menu li { display: inline-block !important; margin: 10px 5px; }
	.emailoffer { margin: 5px  15px;  }
	#shopbybox, #sortform { margin-left: 12px; }
	#sc_tabs_content {  max-width:360px; }
	#item-tpl-wrap, #tabtier1 { /*width: 90%; max-width: 440px;*/ }
	/*#maincontents { max-width: 460px; }*/
	
	
#its, #its tbody, #filteredoutput table, #filteredoutput tbody,
#maincontents, #maincontents tbody, #category-list.landingcontent, .category-wrap, .category-wrap table, #maincontentsfirsttable { min-width: 320px; }
}
/* small screens (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	table[class=message], td[class=message] {width:100% !important; max-width: 320px !important;}
	td[class=cta] {width:280px !important;}
	.forcewidth100 { width:100% !important; max-width: 310px; }
	#logocontainer { display: none; }
	#logobar { display: block; }
	
	.headerbartext { font-size: 10px; }
	.aside_then_stack { width: 100%;  float:left; display:block;  margin: 2px  ; height: auto; }
	#header-wrap-480 .infobutton, #header-wrap-480 .infobutton:link {
		width: 40%; margin: 5px;
	}

	#header-shipping-box { margin: 3px 2%; }
	#emailbanner-480 .opener { /*display: none;*/ }
	#shopbybox { float: none; }
	#sortleft {min-width: 250px; max-width: 310px; }
	#sc_tabs_content {  max-width:300px; }
	#item-tpl-wrap, #tabtier1 { /*max-width: 310px;*/ }
	/*#maincontents { max-width: 300px; }*/
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* @end */



/* @group LANDING PAGES */


/* @group FROM SHORTS */

@media only screen 
and (max-width : 640px) {
/* Styles */
	#ridertypeblockblock {
		display:none;
	}
	#ridertypeblockblock-smalldev {
		display:block;
	}
	

}
/* @end */



@media only screen 
and (max-width : 450px) {
/* and (max-device-width : 1022px) {
Styles */
	.bottomstopcatrow {
		/*width:265px;
		float:none;
		height:auto;*/
	}
}

/* @end */



/* @group CATEGORY PAGES */

@media only screen 
and (max-width : 960px) {
#landingcontent, .landingcontent {	background:  none  !important; }
#landingcontent #landingleft { display: none !important; }
}

@media only screen 
and (max-width : 1025px) {
/* and (max-device-width : 1022px) {
Styles */
.bgmd { padding:  0 10px; }
}

/* content driven ----------- */
@media only screen 
and (max-width : 835px) {
/* Styles */
/* Saddles top cat Landing page */
	#topcatright  { display: none !important; }
	#topcatleft {   float:  none;  margin: 0 auto; display: block; }
}
/* tablets screens ----------- */
@media only screen 
and (max-width : 768px) {
/* Styles */
/* Cat Landing pages */

#landingcontent #landingright #landingcategory { /*width: 320px;*/ }
#landingcontent #landingright #herotier #heroright  { display: none !important; }
#category-list.landingcontent, /*#landingcontent,*/ tbody { background: none; width:100%; max-width:965px; height: auto; }
#category-list.landingcontent #category-wrap { margin-left: 0 !important; }
#topcatleft, #topcatlefttop, #topcatlefttop img, 
#landingcontent #landingright #herotier, #landingcontent #landingright #herotier #heroleft, #landingcontent #landingright #herotier #heroleft img { width: 100% !important; max-width: 610px; height: auto; }
#landingcontent #landingright { width:100%; max-width:824px; }
.gctopimage {  background-position: -10px 0 !important; width: 95%; }

}
/* content driven ----------- */
@media only screen 
and (max-width : 610px) {
/* Styles */
/* Saddles top cat Landing page */
	#topcatleftbottom  { display: none !important; }
}
/* @group SHOP BY SIZE adjustments */
@media only screen 
and (max-width : 480px) {
/* Styles */
#shopbybox {  float:  none; }
#shopbyarrayinner .arrayrow {  margin:  0 0 0 3px; }
#shopbyarrayinner .arrayrow .arraycell {  margin:  0 10px 10px 0; }


}
/* @end */


 /*reference to cat level css*/ 

/* @end */


/* @group FROM TAB LEVEL CATEGORY - FOR CAT LISTINGS NOT ITEMS - SMALLEST VIEWS */


@media only screen 
and (max-width : 400px) {
/* Styles */
/* Tab Level Cat Landing pages */
/*div[id^=sitecategory].itemlistcell { float: none; 	background-color: whitesmoke;
	width:95%; min-height: 0; height: 27px;
	padding: 5px; margin: 0 auto;
 }
div[id^=sitecategory].itemlistcell .category-cell { margin: 0 auto; padding: 0; width:  280px; height: 15px; }
div[id^=sitecategory].itemlistcell .category-cell a img { display: none; }
div[id^=sitecategory].itemlistcell .category-cell h1 a { 	color: #ed1b34 ; 
	text-transform:uppercase; padding: 5px; margin-top: 0;
    text-align: left;
 }*/
.category-wrap { min-width: 300px; }
.featurefloat { display: none; }
.category-cell { width: 155px; }
}


/* @end */


/* @end */



/* @group ITEM LISTS */
@media only screen 
and (max-width : 960px) {
.category-wrap { padding-left:  0  !important; }
}

@media only screen 
and (max-width : 440px) {
/* Styles */
.landingcontent .itemlistcell, .landingcontent .category-cell, .itemlistcell, .category-cell { width: 189px; }
}

@media only screen 
and (max-width : 400px) {
/* Styles */
.landingcontent .category-wrap { min-width: 320px; }

.landingcontent .itemlistcell, .landingcontent .category-cell, .itemlistcell, .category-cell { width: 155px; }
.itemlistcell .item-stars { width: 154px;  }
}

/* @end */




/* @group  RESPONSIVE TABLES / INFO ITEMS */


@media only screen 
and (max-width : 440px) {
/* Styles */
	table.resptable td, table.resptable th,  #cont_size_chart table td,  #cont_size_chart table th { font-size:0.8em; padding:0.5em .75em; }
	#sc_info_items, table.resptable, table.resptable tbody,  #cont_size_chart table,  #cont_size_chart table tbody { width:  90%; max-width: 420px; }
	#sc_info_items p, .tipbox p, #sc_info_items .gctext p {
    font-size: 11px;
    line-height: 140%;
    padding-bottom: 10px;
	    padding-left: 0;
	}
	#sc_info_items .gctext { padding:10px; margin: 30px 0; max-width: 400px; }
	.landingcontent .featurefloat { display: none; }
}
@media only screen 
and (max-width : 340px) {
/* Styles */
	table.resptable, table.resptable tbody,  #cont_size_chart table,  #cont_size_chart table tbody {
	width:  90%;
	max-width: 300px;
	}
	#sc_info_items { max-width: 300px; }
	#sc_info_items .gctext { margin: 20px 0; max-width: 300px; }
	.gctext, #cart-wrap { width: 100%; max-width: 300px;  }
}



/* @end */		



		
/* @group ITEM PAGES */

@media only screen 
and (max-width : 1025px) {
/* Styles */

#cartwrap { width: 100%; min-width: 695px; }
#featured-items-drilldown {
height: auto;
background: #fff;
width: 100%;
border: none;
}
#featured-items-drilldown .links {
width: 100%;
height: auto;
border: none; 
float: left;
/* background: #FFFFFF; */
}
#featured-items-drilldown .links li:nth-of-type(2) ~ li {
    display: none;
}
#featured-items-drilldown .drilldown1,#featured-items-drilldown .drilldown2 {
display: none;
}

}
@media only screen 
and (max-width : 950px) {
	#item-tpl-wrap { width: 80%; }
/* Content driven - item pages 2 col collapse to 1 */
	#imagecol { width: 100%; }
	#related-items {
	 width: 410px; 
	 display: block; 
	 float: none; 
	 margin: 0 auto;
	}
}
@media only screen 
and (max-width : 768px) {
/* Styles */
	#item-tpl-wrap { width: 95%; }
	#cartwrap { width: 100%; /*max-width:750px; min-width: 440px;*/ }
	#rotator, #rotator img {  width: 100%; max-width: 600px; min-width: 300px; }
	#imagecol { /*min-width: 350px;*/ }
	#copycol {  min-width: 260px; }
	#featured-items-drilldown .links li:nth-of-type(2) ~ li { display: none; }
	#gctoppr, #gctopeg, #gcmidpr, #gcmideg, #gcbotpr, #gcboteg { margin: 10px; margin-left:20px; }
	#gctoppr, #gctopeg { display: none; }
}
@media (max-width: 650px) {
/*  Suppress element at 650px to avoid overflow ============================================ */
	#featurepanel { display: none; }
	#offerfloaterboxwide { display: none; }
	#imagecol { /*width: 100%; min-width: 350px;*/ }
	#copycol {  width: 100%; min-width: 260px; margin-left: 0; }

}

@media only screen 
and (min-width : 480px) {
/* Styles */
.cart table td { padding:  2px 0 ; /*display: inherit;*/ }
}


@media only screen 
and (max-width : 480px) {
/* Styles */
#item-tpl-wrap { /*width: 90%;*/ /*max-width: 420px;*/ }
#item-tpl-wrap .cart-wrap { /*width: 390px;*/ }
.cart .input, .cart .inputreq/*, .cart #amount*/ { width:180px; }
#cartwrap { width: 95%; max-width:440px; min-width: 320px; }
#rotator, #rotator img, #thumbnails {  width: 100%; max-width: 400px; height: auto;  }
#imagecol { /*width: 95% !important; max-width: 400px !important;*/ }
#reltier, #path_nav { display: none; }
#gctoppr, #gctopeg { display: none; }
}

@media only screen 
and (max-width : 400px) {
/* Styles */
#item-tpl-wrap { /*max-width: 340px;*/ }
#item-tpl-wrap .cart-wrap { /*width:320px;*/ }
.cart .input, .cart .inputreq/*, .cart #amount*/ { width: 240px; margin-top: 0; margin-bottom: 15px; }
.cart table td { display:  block; float:  none; }
#rotator, #rotator img, #thumbnails {  max-width: 350px;  }
	#thumbtier { display: none; }
	.itemlistcell, .category-cell { width: 155px; }
}

@media only screen 
and (max-width : 360px) {
/* Styles */
#item-tpl-wrap { /*max-width: 320px;*/ }
#item-tpl-wrap .cart-wrap { /*width:300px;*/ }
.cart table td { display:  block; float:  none; }
#rotator, #rotator img, #thumbnails {  max-width: 320px;  }
}


@media only screen 
and (max-width : 320px) {
/* Styles */
#item-tpl-wrap { /*max-width: 310px;*/ padding:  0; }
#item-tpl-wrap .cart-wrap { /*width: 300px;*/ }
#cartwrap { width: 100%; /*max-width:300px;*/ min-width: 280px; }
#rotator, #rotator img, #thumbnails {   /*max-width: 300px;*/ }
#copycol {  max-width: 100%; }
.landingcontent .itemlistcell, .itemlistcell, .category-cell, .itemlistcell .item-stars  { width: 150px; margin-right: 0; }
}



/* @end */

		
		
/* @group  HOME PAGE */


/* @end */		
		
		
		
/* @group  CART PAGE */

@media only screen 
and (max-width : 640px) {
#gwMsgOuter { width: 70%; margin: 0 auto; }
#gwCCs { float:none; display: block; margin: 0 auto; }
}
@media only screen 
and (max-width : 480px) {
#gwImg { float: none; display: block; }
#gwImg img { max-width: 70%; }
#gwMsgOuter { width: 90%; margin: 0 auto; }
#gwMsg2 { height:auto; width: 100%;  float:none; display: block; text-align: center;  }
#gwbuttonshow { margin: 0 auto; float: none; display: block; }
}

@media only screen 
and (max-width : 1025px) {
/* Styles */
#maincontents .rmainwidth {
    width: 800px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 780px !important;
} 
table #carttable {
    margin: 10px 5px;
} 
}
@media only screen 
and (max-width : 800px) {
/* Styles */
#maincontents .rmainwidth {
    width: 670px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 650px !important;
}
}

@media only screen 
and (max-width : 650px) {
/* Styles */
#maincontents .rmainwidth {
    width: 500px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 480px !important;
}
}

@media only screen 
and (max-width : 480px) {
/* Styles */
#maincontents .rmainwidth {
    width: 400px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 390px !important;
}
}

@media only screen and (max-width: 400px) {
#maincontents .rmainwidth {
    width: 320px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 310px !important;
}
.featurefloat {
    display: none;
}

}


@media only screen 
and (max-width : 320px) {
/* Styles */
#maincontents .rmainwidth {
    width: 310px !important;
}
#maincontents .rcartwidth, #respcartbtns {
    width: 300px !important;
}
.category-cell {  width: 149px; }
.yotpo .pull-left { text-align: center !important; }
.landingcontent .category-cell h1 a, .category-cell h1 a {  margin-left:  5px !important; }
.landingcontent .category-cell, .category-cell { /*border:  none;*/ }
}


/* @end */