.overhide{
    overflow: hidden;
    width: 100%;
}
a{
    color: #626969;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/*~~~~~~~~~~~*/
.BrownBox-left, .BrownBox-right,
.WhiteBox-left, .WhiteBox-right,
.WhiteOnBrownBox-left, .WhiteOnBrownBox-right
{
    background-image: url('/images/boxes/boxes.png');
    background-repeat: no-repeat;
    width: 10px;
}
/*~~~~~~~~~~~*/
.WhiteBox,.WhiteBox-left,.WhiteBox-right,.WhiteBox-center{
    height: 23px;
    overflow: hidden;
    color: #626969;
    /*font-style: italic;*/
    font-size: 11px;
}
.WhiteBox-left{
    background-position: -20px 0px;
    float: left;
}
.WhiteBox-right{
    background-position: -30px 0px;
    float: right;
}
.WhiteBox-center{
    /*  background:#ffffff;  */
    background: url('/images/boxes/boxes_bg_repeat.png');
    background-position: 0px -23px;
    background-repeat: repeat-x;
    padding-top: 5px;
    float: left;
}
/*~~~~~~~~~~*/
.BrownBox, .BrownBox-left, .BrownBox-right, .BrownBox-center{
    color: #ffffff;
    height: 34px;
    overflow: hidden;
}
.BrownBox-left{
    background-position: -40px 0px;
    float: left;
}
.BrownBox-right{
    background-position: -50px 0px;
    float: right;
}
.BrownBox-center{
    background:url('/images/boxes/boxes_bg_repeat.png');
    background-position: 0 -46px;
    height: 34px;
    /*
    background: url('/images/boxes/boxes_brown_center34.png');
    */
    background-repeat: repeat-x;
    float: left;
}
/*~~~~~~~~~~*/
.WhiteOnBrownBox{
    position: relative;
    top:6px;
}
.WhiteOnBrownBox, .WhiteOnBrownBox-left, .WhiteOnBrownBox-right, .WhiteOnBrownBox-center{
    color: #54514f;
    height: 23px;
    overflow: hidden;
}
.WhiteOnBrownBox-left{
    background-position: 0px 0px;
    float: left;
}
.WhiteOnBrownBox-right{
    background-position: -10px 0px;
    float: right;
}
.WhiteOnBrownBox-center{
    background:url('/images/boxes/boxes_bg_repeat.png');
    background-position:0px 0px;
    background-repeat: repeat-x;
    float: left;
    padding-top: 4px;
}

/*~~~~~~~~~~~~*/

.WhiteOnBrownBox-input{
    background: none;
    border: 0px;
    font-family: Georgia,"Times New Roman",Tahoma; font-size: 11px;
    width: 200px;
    margin-top: -4px;
    color: #54514f;
}

/*~~~~~~~~~~~~*/

.ButtonBoxBrown,.ButtonBoxBlue{
    margin: 3px;
    height: 22px; overflow: hidden; float: right;
}
.ButtonBoxBlue-center,
.ButtonBoxBlue-left,.ButtonBoxBlue-right{ height: 22px; overflow: hidden; float: left;}

.ButtonBoxBlue-left,.ButtonBoxBlue-right{
    background-image: url('/images/boxes/boxes.png');
    background-repeat: no-repeat;
    width: 7px;
}
.ButtonBoxBlue-left{ background-position: 0px -23px; float: left;}
.ButtonBoxBlue-right{ background-position: -7px -23px; float: right;}
.ButtonBoxBlue-center{ background: #00bfd2; padding-top: 4px; color: #ffffff;}
.ButtonBoxBlue-center a{
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
}

.ButtonBoxBlue-center a:hover{
    text-decoration: underline;
}

/*~~~~~~~~~~~~*/
.ButtonBoxBrown-center, 
.ButtonBoxBrown-left,.ButtonBoxBrown-right{ height: 22px; overflow: hidden; float: left;}
.ButtonBoxBrown-left,.ButtonBoxBrown-right{
    background-image: url('/images/boxes/boxes.png');
    background-repeat: no-repeat;
    width: 7px;
}
.ButtonBoxBrown-left{ background-position: -14px -23px; float: left; }
.ButtonBoxBrown-right{ background-position: -22px -23px; float: right; }
.ButtonBoxBrown-center{
    background:url('/images/boxes/boxes_bg_repeat.png');
    background-position:0px -80px;
    background-repeat: repeat-x;
    padding-top: 4px; color: #ffffff;
}
.ButtonBoxBrown-center a{
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
}

.ButtonBoxBrown-center a:hover{
    text-decoration: underline;
}

/*~~~~~~~~~~~~*/

/*~~~~~~~~~~~~*/
.ButtonBoxOrange-center, 
.ButtonBoxOrange-left,.ButtonBoxOrange-right{ height: 22px; overflow: hidden; float: left;}
.ButtonBoxOrange-left,.ButtonBoxOrange-right{
    background-image: url('/images/boxes/boxes.png');
    background-repeat: no-repeat;
    width: 7px;
}
.ButtonBoxOrange-left{ background-position: 0px -47px; float: left; }
.ButtonBoxOrange-right{ background-position: -10px -47px; float: right; }
.ButtonBoxOrange-center{
    background:url('/images/boxes/boxes_bg_repeat.png');
    background-position:0px -102px;
    background-repeat: repeat-x;
    padding-top: 4px; color: #ffffff;
}
.ButtonBoxOrange-center a{
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
}

.ButtonBoxOrange-center a:hover{
    text-decoration: underline;
}

/*~~~~~~~~~~~~*/

.searchIcon{
    background: url('/js/jqueryui/css/smoothness/images/ui-icons_454545_256x240.png');
    background-position: -160px -112px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.product-list-item{
    width: 195px;
    height: 195px;
    background: url('/images/product_item_bg.jpg') no-repeat;
    margin: 10px 20px 10px 0;
    position: relative;
    overflow: hidden;
}

.product-list-link{
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.product-list-link .zoom-image {
    position: absolute;
    display: block;
    margin-top: -16px;
    margin-left: -16px;
    top: 50%;
    left: 50%;
    opacity: 0;
    filter: alpha(opacity = 0);
    
    -webkit-transition: opacity 0.2s;
    -moz-transition:  opacity 0.2s;
    -ms-transition:  opacity 0.2s;
    -o-transition:  opacity 0.2s;
    transition:  opacity 0.2s;
}

.product-list-link:hover .zoom-image {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.product-imge-container{
    padding: 25px;
}

.product-list-link img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.product-list-buttons{
    position: absolute;
    width: 155px;
    bottom: 11px;
    right: 12px;
}

.product-list-price{
    position: absolute;
    top: 6px;    
    left: 12px;
    /*color: #ce0013;*/
    color:#ce0013;    
    font-weight: bold;
    font-style: italic;
    font-size: 17px;
    z-index: 6;
}

.product-list-top-info{
    position: absolute;
    margin: 112px 0px 0px 10px;    
    width: 135px;
    text-align: right;
    color: #353332;	
    font-size: 10px;
}

.product-list-top-info span{cursor: pointer}

.project-info-below{
	text-align: right;
	font-family: Arial,Tahoma;
	font-size: 10px;
	padding-top: 8px;
	width: 99%;
}

.rating_area{
	z-index: 100000;
	width: 173px;
	margin-top: 10px;
        margin-left: 10px;
	margin-bottom: 10px;
}

.rating_area_designer{
	float: left; display: inline;
	margin-top: -8px;
	margin-left: 0;	
}

.rating_area img{
	cursor: pointer;
	float: left;
	display: inline;
	margin-right: 10px;
}

.rating_bar_total{
	float: left;
	display: inline;
	background: #00bfd2;
	height: 3px;
	margin-left: 3px;
	width: 123px;
	font-size: 1px;
	margin-top: 3px;
}

.rating_bar_bad{
	background: #ce0013;
	height: 3px;
	font-size: 1px;
	float: right;
}