/*** IMAGES ON THE CATALOG PAGE ***/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 100px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover 
{    
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


/**** IMAGES ON THE CATALOG MODEL DISPLAY *****/
ul.thumb2 {
	float:right;
	position:relative;
	left:-20%;
	list-style: none;
	margin: 0; padding: 10px;
	width: 100px;
}
ul.thumb2 li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb2 li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px solid #ddd;
	padding: 5px;
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; top: 0;
	
}
ul.thumb2 li img.hover 
{    
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


.CatalogHeader {
    background-color:white;
    margin: 0 auto;
    box-shadow: 0 0 10px #888888;                             
    margin-top:10px;
    margin-bottom:10px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px; 
    padding:15px;
    text-align:center;
}

/***** Catalog Item *****/

.CatalogList
{
    border-collapse:separate;
}

.ShoppingCartHeader
{
    font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#999;
    padding-bottom:5px; 
}
    
.ShoppingCartButtons
{    
    display:inline-block;
	background:url(../images/button-tail.gif) repeat-x 0 -45px #fff; 			
	font-size:14px;
	line-height:15px;
	color:black;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:9px 24px 8px 24px;
	text-decoration:none;
	text-transform: capitalize;			
	box-shadow:0 3px 4px #969797;			
}

.OrderReviewHeader
{    
    height:20px;    
    font-weight:bold;
    text-align:center;
    padding-top:4px;
    font-size:larger;
    margin-bottom:10px;
    background-color:#BFBFBF;
    font-style:italic;
}

.NoStyleHyperLink
{
    text-decoration:none;
    color:#6e7881;
    border-style:none;
    border-width:0px;
    
}

.CatalogGridItemContainer{
    display:inline-block;
    text-align:center;
    padding:.625rem;    
    vertical-align:top;
    width:90%;    
}


.CatalogListItemContainer{
    display:inline-block;
    text-align:center;
    padding:.625rem;    
    vertical-align:top;
}

.CatalogLineBreak {
    clear:both;
}


.CatalogListItemContainer .CatalogItem
{
    /*border:3px solid #6e7881;*/
    padding:1em;
    
    /*
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;  
    */
    margin: 0 auto;
    box-shadow: 0 0 5px #888888;                          
    text-align:center;         
    /*background:#fff url(../images/catalogItemBackground.png) repeat-x; */ 
    background-color:white;
    /*height:240px;*/
    margin-right:20px;
    margin-top:10px;
    border-collapse:separate;
    /*width:200px;*/
    float:left;
}

.CatalogListItemContainer .CatalogItem .divText
{
    text-align:center;
    margin:auto; 
    line-height:20px;
    padding-top:0px;
}

.CatalogListItemContainer .CatalogItem .divImg
{
    text-align:center;
    width:100%;
}

.CatalogListItemContainer .CatalogItem img
{
    height:100px;
    max-width:200px;
}

.CatalogListItemContainer .CatalogItem .orangeButton
{
    /*display: block;*/
	font-size: .9em;
	font-weight: bold;
	/*padding: 5px 5px;*/
	margin: auto;
    height:20px;
    width:80px;
	/*color: #ccc;*/
	background-color: #7B7B7B;
	/*background: -webkit-linear-gradient(#777777, #7B7B7B);
	background: linear-gradient(#777777, #7B7B7B);*/
	border: 0 none;
	border-radius: 3px;
	/*text-shadow: 0 -1px 0 #000;
	box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);*/
	cursor: pointer;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
    color:white;
    text-decoration:none;
    outline:none;
    display:block;
}

.CatalogListItemContainer .CatalogItem .greenButton
{
    /*display: block;*/
	font-size: .9em;
	font-weight: bold;
	/*padding: 5px 5px;*/
	margin:auto;
    height:20px;
    width:80px;
	/*color: #ccc;*/
	background-color: #cccc66;
	/*background: -webkit-linear-gradient(#777777, #7B7B7B);
	background: linear-gradient(#777777, #7B7B7B);*/
	border: 0 none;
	border-radius: 3px;
	/*text-shadow: 0 -1px 0 #000;
	box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);*/
	cursor:pointer;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
    /*line-height:5px;*/
    color:white;
    text-decoration:none;
    outline:none;
    display:block;
}

.CatalogListItemContainer .CatalogItem .noDisplay
{
    display:none;
}


.CatalogGridItemContainer .CatalogItem
{
    /*border:3px solid #6e7881;*/
    padding:1em;
    
    /*
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;  
    */
    margin: 0 auto;
    box-shadow: 0 0 5px #888888;                          
    text-align:center;         
    /*background:#fff url(../images/catalogItemBackground.png) repeat-x; */ 
    background-color:white;
    /*height:240px;*/
    margin-right:20px;
    margin-top:10px;
    border-collapse:separate;
    width:100%;
    float:left;
}

.CatalogGridItemContainer .CatalogItem .divText
{
    text-align:left; 
    margin-left:50px; 
    float:left; 
    line-height:20px
}

.CatalogGridItemContainer .CatalogItem .divImg
{
    float:left;
    width: 225px;
}

.CatalogGridItemContainer .CatalogItem img
{
    height:175px;
    max-width:225px;
}

.CatalogGridItemContainer .CatalogItem .orangeButton
{
    /*display: block;*/
	font-size: .9em;
	font-weight: bold;
	/*padding: 10px 15px;
	margin: 10px auto;*/
	/*color: #ccc;*/
	background-color: #7B7B7B;
	/*background: -webkit-linear-gradient(#777777, #7B7B7B);
	background: linear-gradient(#777777, #7B7B7B);*/
	border: 0 none;
	border-radius: 3px;
	/*text-shadow: 0 -1px 0 #000;
	box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);*/
	cursor: pointer;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
    /*line-height:15px;*/
    color:white;
    text-decoration:none;
    outline:none;
    height:20px;
    width:100px;
    display:block;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
}

.CatalogGridItemContainer .CatalogItem .greenButton
{
    /*display: block;*/
	font-size: .9em;
	font-weight: bold;
	/*padding: 10px 15px;
	margin: 10px auto;*/
	/*color: #ccc;*/
	background-color: #cccc66;
	/*background: -webkit-linear-gradient(#777777, #7B7B7B);
	background: linear-gradient(#777777, #7B7B7B);*/
	border: 0 none;
	border-radius: 3px;
	/*text-shadow: 0 -1px 0 #000;
	box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);*/
	cursor: pointer;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
    /*line-height:15px;*/
    color:white;
    text-decoration:none;
    outline:none;
    height:20px;
    width:100px;
    display:block;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
    cursor:not-allowed;
}


/* @group breadcrumb */
#content { padding: 0 55px; }

#breadcrumb, #breadcrumb2 { display: block; }


.crumbs { display: block; }
.crumbs li {  display: inline; }
.crumbs li.first { padding-left: 8px; }
.crumbs li.firstSelected a {color: #333; background-position: 100% -48px; cursor: pointer;}
.crumbs li.selected a {color: #333; background-position: 100% -48px; cursor: pointer;}
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -13px; padding: 7px 17px 11px 25px; position: relative; text-decoration: none; }

.crumbs li a { background-image: url('../images/bg-crumbs.png');  background-repeat: no-repeat; background-position: 100% -96px; position: relative; }
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }
.crumbs li.firstSelected a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }
.crumbs li.disabled a:hover { background-image: url('../images/bg-crumbs.png');  background-repeat: no-repeat; background-position: 100% -96px; position: relative; cursor:text; }

.container a
{
  /*color: #cccc66;*/
  cursor:pointer;
}

.container a:hover
{
    cursor:pointer;
    /*color:#7B7B7B;*/
}

.ShoppingCartView {
   font-size: 28px; 
   width:20%; 
   float:left;
}

.ShoppingCartView .icon
{
    color:#7B7B7B;
    opacity:.4;
}

.ShoppingCartView .icon:hover
{
    opacity:1 !important;
}

.ShoppingCartView .iconSelected
{
  color: #7B7B7B !important;  
  opacity:1 !important;
}

.right-input-addon{
    position:relative;
}

.right-input-addon .customTextBox {
    padding-right:100px;
}

.right-input-addon .searchButton {
    left: -90px;
    border-right: 1px solid #7B7B7B;
    border-bottom: 1px solid #7B7B7B;
    border-top: 1px solid #7B7B7B;
    padding:9px 12.5px;
}