/* lg */ 
.containermargin {
	clear:both;
}
@media (min-width: 1200px) {
.containermargin  {
	margin-top:70px;
}
.noleftbar {
	display:none;
}
.sectionitem {
 width:25%;
 min-height: 325px;
}
.navbar-nav a {
	font-size:1em;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.containermargin  {
	margin-top:80px;
}

.noleftbar {
	display:none;
}
.sectionitem {
 width:25%;
 min-height: 290px;
}
.navbar-nav a {
	font-size:1em;
	}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.containermargin  {
	margin-top:150px;
}
.navbar-nav a {
	font-size:.8em;
	}
.noleftbar {
	display:none;
}
.sectionitem {
 width:25%;
 min-height: 290px;
}
}

/* xs */
@media (max-width: 767px) {
.containermargin  {
	margin-top:170px;
}
.sectionitem {
max-width: 158px;
 width:50%;
 margin:0;
 padding:8px 0 8px 0;
 min-height: 280px;
}
}

/* XS Portrait */
@media (max-width: 480px) {
.sectionitem {
 width:100%;
 min-width:275px;
 min-height:225px;
}
}

.pictureBorder { 
border-color: #959595; 
border-bottom: 2px solid; 
} 

.pictureBorder2 { 
border-color: #CCCCCC; 
border-bottom: 2px solid; 
} 

/* Style information for the pop-up text box. */
.hoverBox
{
	position      : absolute;
	width         : 130px;
	background    : white;
	visibility    : hidden;
	vertical-align: middle;
	text-align    : center;
	display       : table-cell;
	padding       : 5px;
	top           : 0px;
	left          : 0px;	
}

/* Border information for the pop-up text box. */
.hover_border
{
	border: 2px solid #000;
}

/* Style information for the large image. */
.clip
{
	position     : relative;
	visibility   : hidden;
}		

/* Style information for the zoom box. */
.zoombox
{
	position:absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
   	visibility:hidden;
	background: white;
	z-index: 50;
}

/* Border information for the zoom box */
.zoom_border
{
	border: 2px solid #000;	
}

/* Border information for the cursor box */
.cursor_border
{
	border: 1px solid #333333;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;	
}
	
/* Style information for the cursor box. */
.cursorbox
{
	top: 0px;  
	left: 0px;
	position: absolute;   
	width: 90px; 
	height: 95px;
    	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
    	background: gray;
    	visibility: hidden;
}

/* Style information for the real-time inventory size boxes */
.rt_size
{		
	background: #FAEDF2;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	line-height: 25px;
	cursor: pointer;
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 5px; 
	padding-bottom: 5px;
	 width: 25px;
	/*padding: 5;*/
	/*width: 25px;
	height: 25px;
	/*float: left;*/
}

.rt_size_IE
{		
	background: #FAEDF2;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	line-height: 25px;
	cursor: pointer;
	margin: 1px;
	padding-left: 5px; 
	padding-right: 5px;
	/*padding: 5;*/
	width: 25px;
	height: 25px;
	/*float: left;*/
}

.rt_size_out
{	
	background: #EEEEEE;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	line-height: 25px;
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 5px; 
	padding-bottom: 5px;
	 width: 25px;
	/*width: 25px;
	height: 25px;
	/*float: left;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.rt_size_out_IE
{	
	background: #EEEEEE;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	line-height: 25px;
	margin: 1px;
	padding-left: 5px; 
	padding-right: 5px;
	/*padding: 5;*/
	width: 25px;
	height: 25px;
	/*float: left;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.rt_size_text
{
	background: #FAEDF2;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: block;
	line-height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	/*padding: 5;*/
	/*width: 25px;
	height: 25px;*/
	/*float: left;*/
}

.rt_size_text_IE
{
	/*background: #FAEDF2;*/
	background: #FAEDF2;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	margin: 1px;
	line-height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	/*padding: 5;*/
	/*width: 25px;
	height: 25px;*/
	/*float: left;*/
}

.rt_size_text_out
{
	background: #EEEEEE;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: block;
	line-height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	 width: 25px;
	/*padding: 5;*/
	/*width: 25px;
	height: 25px;*/
	/*float: left;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.rt_size_text_out_IE
{
	background: #EEEEEE;
	border: 2px solid #EAEAEA;
	text-align: center;
	vertical-align: middle;
	display: inline;
	margin: 1px;
	line-height: 25px;
	padding-left: 3px;
	padding-right: 3px;
	 width: 25px;
	/*padding: 5;*/
	/*width: 25px;
	height: 25px;*/
	/*float: left;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.rt_sizediv
{	
	/*overflow: auto;*/
	/*float: right;*/
	/*border: 1px solid #000;*/	
	display: block;	
	/*height: 25px;*/
	/*width: 25px;*/	
}

.rt_swatchdiv
{
	display: block;
	
}

.rt_swatch
{
	display: inline;
	cursor: pointer;
	background-color: #DDDDDD;
	margin: 1px;		
}

.rt_swatch_out
{
	display: inline;	
	background-color: #DDDDDD;
	margin: 1px;	
	opacity: 0.4;
	filter:alpha(opacity=2);
}

.rt_swatch_img_out
{
	width: 25;
	height: 25;
	border: 2px solid #EAEAEA;
	opacity: 0.25;
	filter:alpha(opacity=25);
}


/* Style information size chart popup */
#sizechartdiv
{
	position: absolute;
	display: block;
	border: 0px solid #000;
	top: 140px;
	left: 200px;
	z-index: 50;
	visibility: hidden;	
}