@import url(http://fonts.googleapis.com/css?family=Roboto);
* 				{margin: 0; padding: 0;}
html, body 			{}
body 				{background:none; font-family: Roboto; height: 100%; min-height: 100%; width: 100%;}
a 				{outline: none; text-decoration: none; border: none;}
img 				{border: none; vertical-align: middle; outline: none;}
a img				{border: none; outline: none;}
table 				{border-collapse: collapse;}
td				{font-family:"Roboto";}
p				{font-family:"Roboto";}
/*div				{height:100%}*/
ul				{list-style-type: none;}
.clear				{clear: both;}
.floatLeft			{float: left;}
.floatLeftMarginRight		{float: left; margin-right: 10px;}
.floatRight			{float: right;}
.bumper				{margin: 10px 0px; display: block;}
.block				{display: block;}
.centered			{text-align: center;}
.close-gap			{margin-top: -7px;}
.subcontentHeader		{ color: #8C1111; font-size: 14px; font-weight: bold; margin: 5px 0; text-shadow: 0 1px 0 #E5E5E6;}
.center				{margin: 0 auto; display: block;}
header, nav, article, section, footer, address {  display: block;  }  
img#backgroundImg		{position: absolute; top: 0px; left: 0px; z-index: 1;}
img#backgroundImg[onclick*="window.location"] {cursor: pointer;}
div.rotator			{ z-index: 1; overflow: hidden; width: 710px; height: 351px;}
.floatSeperator			{clear: both; border: 0px; background: #dadbdb; height: 1px;}
h4#inStoreOnly			{margin: 20px 0px 40px 0px; padding: 5px;font-size: 16px; width: 370px; line-height: 18px;  background: #FFE6E6; border:1px dashed red;}
hr.seperator			{ background: #000; display: block; border: 0px; height: 1px; width: 100%; clear: both;}
#seasonalBanner			{ margin: 0px 0px 10px 0px;}

/***************************IFRAME*************************/
@media (max-width: 1024px) {
	table.cfdebug {
		display: none;
	}
	
	div#colorDiv,
	div#sizingDiv,
	div#sizeBoxes,
	div#socialNetworking {
		width: 100% !important;
	}
	
	select#color {
		width: 90% !important;
		margin: 0 auto !important;
		float: none !important;
	}
	
	span#txtShare {
		width: 55px !important;
	}
	
	div#socialNetworking {
		width: 200px !important;
		margin-top: 0 !important;
	}

}

div#attributesContainer {margin:0px; padding:0px; float:left; width:232px; height:auto; margin-left:8px;}
label.textLbl {    margin: 15px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #231F20;
    font-size: 13px;
    padding-bottom: 2px;
    padding-left: 1px;}
select#size {margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; float:left;  width:230px; height:23px; color:#000000; font-size:12px;   border:1px solid #D5D6D6}
select#color {margin:5px 0px 7px 0px; padding:5px 2px 5px 2px; float:left;  width:230px; height:40px; color:#231f20; font-size:15px;  border:1px solid #e4e4e5; border-radius:5px;}
select#attr1 {margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; float:left;  width:230px; height:23px; color:#000000; font-size:12px;  border:1px solid #D5D6D6}
select#attr2 {margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; float:left;  width:230px; height:23px; color:#000000; font-size:12px;  border:1px solid #D5D6D6}

/*------- QTY -------*/
label.qtyLabel {margin:27px 0px 0px 0px; padding:0px 0px 2px 0px; float:left; width:auto; color:#231f20; font-size:13px;}
input.qtyInput {    margin:10px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 24px;
    height: 24px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    margin-left: 8px;
    border: 1px solid #D5D6D6;
    border-radius: 4px;
    text-align: center;
        margin-top: 22px;}
		
/*------- SIZE CHART --------*/
label.sizeChart {margin:27px 0px 0px 0px; padding:0px 0px 2px 0px; float:right; width:auto; color:#231f20; font-size:13px;}

/*------- STOCK -------*/
div#itemNoAndStock {margin:0px; padding:0px; float:left; width:100%; height:16px; margin-left:0px; margin-top:12px;}
h4#stockStatusIn {margin:0px; padding:0px; float:left; color:#404041; font-size:12px; font-weight:normal; width:auto; margin-left:10px; font-family:Arial;}
h4#stockStatusIn span{margin:0px; padding:0px; float:left; color:#00a14b; font-size:12px; font-weight:bold; font-family:Arial;}

/*------- BUTTONS -------*/
a.addToCart {
	/* margin:0px; padding:0px; float:left; background:url(../images/add_to_cart.gif) no-repeat; width:180px; height:41px; text-indent:-999px; margin-left:0px; margin-top:10px;
	 */
	     height: 50px;
    line-height: 50px;
    background: #AF100B;
    font-size: 16px;
    border: none;
    border-radius: 0;
    font-family: "Arial",sans-serif;
    margin: 0 0 7px;
    margin-top: 6px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
    width: 90%;
	}
/* a.addToCart:hover {background:url(../images/add_to_cart.gif) no-repeat 0 -41px;}
 */
a.addToWishList {    margin: 0px;
    padding: 3px 0 0 0;
    float: left;
/*    background: url(../images/prod-add-to-wish-icon.gif) no-repeat;*/
    /* width: 180px; */
    height: 17px;
    margin-top: 6px;
    clear: both;
    /* text-indent: -999px; */
    background-position: 0 4px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
	border: 2px solid #000;
    width: 89%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Arial",sans-serif;
    background: none;
    transition: background-color 0.5s ease;}
a.addToWishList:hover {
	/*background:url(../images/add_to_wish_list.gif) 0 -35px no-repeat; */
	background: #000;
    color: #fff;
}

div#sizingDiv {margin:12px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; width:100%; height:25px;}
div#sizingDiv span#label2 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; color:#231f20; font-size:13px; width:auto;}
div#sizingDiv span#yourChName {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; color:#231f20; font-size:13px;font-weight:normal;height:24px;}

div#sizingDiv span#yourCh {margin:0px; padding:0px; float:left; color:#4c8c3f; font-size:12px; font-weight:normal;border-left:#e4e4e5 solid 1px;padding-right:7px; height:24px;padding-left:7px; padding-top:4px;}
a.sizCh {margin:0px; padding:0px; float:left;color:#404041; font-size:11px; font-family:Arial; font-weight:normal; text-decoration:underline; margin-top:0px; margin-left:1px;}
a.sizCh img.sizingIcon {margin:19px 0px 6px 86px; padding:5px; float:right; }

div#sizeBoxes {margin:0px; padding:0px; float:left; width:100%; height:auto; margin-top:5px;}
div#sizeBoxes a.sizeBox {margin:0px; padding:0px; float:left; width:40px; height:40px; margin-right:6px;font-weight:normal;border:#cfcfcf solid 1px; background:#FFFFFF; border-radius:5px;}
div#sizeBoxes a.sizeBox:hover { width:40px; height:40px;margin-left:0px; color:#fff; background:#c44531;}
div#sizeBoxes a.sizeBox:selected{ width:40px; height:40px; background:#c44531; margin-left:2px; color:#fff;}
div#sizeBoxes a.sizeBox:hover span#sizes {color:#ffffff; font-size:12px; font-weight:normal;}

div#sizeBoxes a.active  { width:40px; height:40px; background:#c44531; margin-left:2px; color:#fff;}
div#sizeBoxes a.sizeBox:hover span#sizes, div#sizeBoxes a.active  span#sizes{color:#ffffff; font-size:12px; font-weight:normal;}
div#sizeBoxes span#sizes {margin:0px; padding:0px; float:left; margin-top:13px; width:40px; text-align:center; color:#404041; font-size:12px;font-weight:normal;}
div#sizeBoxes a.sizeChart { margin:0px; padding:0px; float:left; margin-left:5px;}
div#sizeBoxes a.sizeChart img {margin:0px; padding:0px; float:left;}
div#sizeBoxes a.sizeChart span {margin:0px; padding:0px; float:left; margin-left:5px; color:#be0000; font-size:11px; font-family:Arial; margin-top:4px; text-decoration:underline;}

div#colorDiv {margin:0px; padding:0px; float:left; width:500px; height:65px; margin-top:15px;}
div#colorDiv span#label2 {margin:0px; padding:0px; float:left; color:#231f20; font-size:13px; font-stretch:condensed; width:100%; margin-right:3px; margin-top:2px; }

div#colorBoxes {margin:0px; padding:0px; float:left; width:100%; height:39px; margin-top:5px;}
div#colorBoxes a.clrBox {margin:0px; padding:0px; float:left; width:auto; padding-left:10px; padding-right:10px; height:28px; margin-right:6px;font-weight:normal; text-align:center; border:#c8c7c7 solid 1px;}
div#colorBoxes a.clrBox:hover {width:auto;padding-left:10px; padding-right:10px; height:28px;background:#5e8a14; color:#404041;}
div#colorBoxes a.clrBox:hover span#clrs { color:#FFFFFF;}
div#colorBoxes a.clrBox:selected {width:auto;padding-left:10px; padding-right:10px; height:28px;background:#5e8a14; margin-left:2px; color:#404041;}
div#colorBoxes a.clrBox:hover span#sizes {color:#000000; font-size:11px; font-family:Arial; font-weight:normal;}
div#colorBoxes span#clrs {margin:0px; padding:0px; float:left; margin-top:6px; width:auto; text-align:center; color:#404041; font-size:13px;font-weight:normal;}
span#txtShare {margin: 10px 0 0; padding:0px 0px 0px 0px; float:left; width:100%; color:#231f20; font-size:13px; font-stretch:condensed;}
div#socialNetworking {margin:0px; padding:0px; float:left; width:100%; height:20px; margin-top:7px; }


select#size {margin:0px; padding:0px; float:left; margin-left:0px; margin-top:7px; height:28px; color:#404041; font-size:12px; width:231px; padding:5px; padding-left:7px;}
	select#siz, select#attr1, select#attr2 {
    width: 90%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-appearance: menulist-button;
}
@media(max-width: 1024px){
	div#colorDiv{
		height:auto;
	}

	div#colorDiv span#label2{
		width:100%;
	}

	img.iframeDivider{
		display:none;
	}
}