@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.left-bdr {
	background-image: url(/images/left-bdr.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height: 13px;
	width: 23px;
}
.submenu {
	background-image: url(/images/bgsub-mn.jpg);
	background-repeat: repeat-x;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
	vertical-align: middle;
	padding-left: 20px;
}
.submenu a
{
    color:Black;
}
.leftmost-tab {
	background-image: url(/images/leftmost-tab.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	width: 26px;
}
.rightmost-tab {
	background-image: url(/images/rightmost-tab.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.spacerbg-tab {
	background-image: url(/images/spacer-tab.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.bgcenterx-tab {
	background-image: url(/images/bgcenterx-tab.png);
	background-repeat: repeat-x;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;

}
.bgcenterx-tab a
{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
}
.searchinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}



.main-menu {
	background-image: url(/images/default_r3_c3.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 992px;
	background-position: right bottom;
	background-color: #FFFFFF;
}

.right-bdr {
	background-image: url(/images/right-bdr.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 13px;
	width: 23px;
}
.center-area {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	padding: 10px;
}
.searchbox {
	float: right;
	padding-right: 10px;
}

.topmenu-bg {
	background-image: url(/images/default_r1_c7.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 392px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
	vertical-align: bottom;
	padding-left: 10px;
}

.right-area {
	background-color: #FFFFFF;
	vertical-align: top;
}
.left-area {
	background-color: #FFFFFF;
	vertical-align: top;
}


.grungebg-topright {
	background-image: url(/images/default_r2_c6.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 411px;
}


.left-box {
	background-color: #DBD9CA;
	/* border: 1px solid #68604B; */
	border-right: 1px solid #68604B;
	border-top: 1px solid #68604B;
	border-bottom: 1px solid #68604B;
}
.left-shopcart {
	background-color: #f6f6f6;
	/* border: 1px solid #68604B; */
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:0px;
}
.bgcenterx-tab-off {
	background-image: url(/images/bgcenterx-tab-off.png);
	background-repeat: repeat-x;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	
}
.bgcenterx-tab-off a
{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
}
.spacerbg-tab-off {
	background-image: url(/images/spacer-tab-off.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.leftmost-tab-off {
	background-image: url(/images/leftmost-tab-off.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	width: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.spacerbg-tab-on-2nd {
	background-image: url(/images/spacer-tab-on-2nd.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 26px;
}
.rightmost-tab-on {
	background-image: url(/images/rightmost-tab-on.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 28px;
}
.right-panel {
	background-color: #f6f6f6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding:5px;
}
.searchbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DEDEE1;
	border: 1px solid #999999;
	text-transform: uppercase;
}

#new-prod
{
    font-family: Arial;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #666666;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #666666;
    width: 95%;
    margin-left: 10px;
    padding-top:5px;
}

#new_item{float:left;
          padding-bottom:30px;
          width:240px;}
          
          #detail_button
{
    position:relative;
    top:-70px;
    left:0px;
    text-align: right;
    vertical-align: bottom;
}

#new_item_discount
{
    border: 1px solid #666666;
    float: left;
    padding-bottom: 30px;
    width: 122px;
    height: 150px;
    margin: 5px;
    vertical-align: middle;
    text-align: center;
font-size: 9px;
}

#new_discount_img
{
    width: 118px;
    height: 140px;
    display:block;
    text-align: center;
    }
    
    #imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 403px;	/* IE 5.x */
		width/* */:/**/403px;	/* Other browsers */
		width: /**/403px;
		
		/* CSS HACK */
		height: 253px;	/* IE 5.x */
		height/* */:/**/253px;	/* Other browsers */
		height: /**/253px;
		
		background-color:#000;
		border:3px solid #317082;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:403px;
		height:253px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}