body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
    background-image: url(/images/drop-sh.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
   
}
.shade {
	background-color:#F4F4F4;
}
#drop-s {
	width:980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/drop-sh.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrap {
	width:960px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#header {
	width:960px;
	margin: auto;
	background-image: url(/images/header-top-bckgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#header1 {
	width: 20%;
	float: left;
	
}
#view-cart {
 clear: none;
 float: right;
 width: 100px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 padding: 10px;
 text-align: right;
}

#login-box {
 clear: none;
 float: right;
 margin-top: -25px;
 *margin-top: -15px;
}
#login-box input{ margin-right: 5px; 
}

#header2 {
 float: left;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 margin-top: 0px;
 clear: none;
 margin-left: 70px;
}
#header2 a {
	display: inline-block;
	color: #ff9a33;
	margin-right: 10px;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 43px;
	padding-left: 10px;
	text-decoration: none;
	
}

#header2 a:hover {
	background-image: url(/images/menu-top-bckgrnd-on.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}


#header3 {
width:960px;
	
}

#prev_button {
 background-image: url(/images/arrow-left.gif);
 width:10px;
 border:none;
 background-repeat: no-repeat;
  background-color: transparent;
 height: 21px;
}

#next_button {
 background-image: url(/images/arrow-right.gif);
 background-repeat: no-repeat;
 width:10px;
 border:none;
 background-color: transparent;
 height: 21px;
}

#header3-n {
 width:900px;
 _width:890px;
 height: 200px;
 overflow: hidden;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}
#header3-n2 {
 /* *position:absolute;
 _position:absolute;*/
 width:960px;
 height: 126px;
 clear: both;
 overflow: hidden;
 float: left;
 background-image: url(/images/scroll-menu-bckgnd.jpg);
 background-repeat: repeat-x;
 margin-bottom: 10px;
 background-position: left bottom;
 *background-position: 160px; 
 *padding-bottom: 20px;
}


#arrow-right {
 
 float: right;
 margin-top: 100px;
 margin-right: 5px;


}
#arrow-left {
 float: left;
 margin-top: 100px;
 margin-left: 5px;

 }
.menu-unit {
 clear: none;
 height: 126px;
 width: 140px;
 float: left;
 margin-top: 0px;
 margin-right: 10px;
 margin-left: 10px;

}



.menu-unit-img {
 height: 90px;

 margin-left: 20%;
}
.menu-unit-text {
 clear: both;
 font-size: 11px;

 color: #FFFFFF;
 /*float: left;*/
 height: 35px;
 text-align: center;
 margin-top: 2px;
 /* word-wrap: break-word;*/
 white-space: normal;
 padding-top: 5px;
 *padding-top: 5px;
}
.menu-unit-text a {
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;

}
#search {
 float: right;
 margin-top: 120px;
 
 width: 500px;
 text-align: right;
 margin-right: 20px;
 color: #660099;
 font-size: 13px;
 font-weight: bold;
 text-transform: capitalize;
 position: absolute;
 z-index: 1000;
 margin-left: 450px;
 *margin-left: 250px;

 margin-top: 115px\9;
 *margin-top: 25px;

 
}
#header4 {
	background-image: url(/images/header4-bckgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 57px;
	padding-top: 17px;
	padding-left: 20px;
}
#header4 a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 10px;
}
#header4 a:hover{
	color: #F6F6F6;
	text-decoration: underline;
}

#content {
	width:960px;
	margin-right: auto;
	margin-left: auto;
	height:800px; 
	min-height:500px; 
	background-image: url(/images/body-bckgrnd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#content2 {
 width:960px;
 margin-right: auto;
 margin-left: auto;
 /*height:800px; */
	min-height:500px;

}
p, h1 { white-space: normal; 
}
#left {
 float:left;
 width: 520px;
 margin-left: 10px;

 _ margin-left: 7px;
 white-space: normal; 

}
#left-home {
 float:left;
 width: 530px;
 margin-left: 10px;
 _width: 490px;
 background-color: #663300;
}

#online-spec1  img, #online-spec2  img {
 margin-top: 40px;
 margin-left: 15px;
}


#left2 {
 float:left;
 width: 570px;
 _width: 490px;
 margin-left: 10px;

}
#notice-board {
 background-image: url(/images/notice-board.gif);
 background-repeat: no-repeat;
 height: 169px;
 width: 494px;
 font-size: 11px; 
 /*margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;*/

 
}
#notice-board p {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 height: 65px;
 width: 400px;
 padding: 40px;
 overflow: hidden;   
     
}
#online-s-wrap {
	clear: both;
	float: left;
	width: 515px;
}

.more-specials {
 background-image: url(/images/arrow-more.gif);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin-top: 40px;
 background-repeat: no-repeat;
 background-position: left center;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 15px;
}

#online-spec1 {
 background-image: url(/images/online-specials.gif);
 background-repeat: no-repeat;
 height: 213px;
 width: 181px;
 float: left;
 margin: 3px;
 
}
#online-spec2 {
	background-image: url(/images/online-specials.gif);
	background-repeat: no-repeat;
	height: 213px;
	width: 181px;
	float: right;
	margin: 3px;	
  
}
#sticky-left {
 background-image: url(/images/sticky-left.gif);
 background-repeat: no-repeat;
 height: 130px;
 width: 134px;
 float: left;
 margin: 3px;
 _width: 128px;

}
#sticky-right {
 background-image: url(/images/sticky-right.gif);
 background-repeat: no-repeat;
 height: 128px;
 width: 129px;
 float: left;
 margin: 3px;
 
}

#sticky-right img {
 margin-top: 20px;
 margin-left: 15px;
}

#sticky-left img {
 margin-top: 20px;

 margin-left: 15px;



}
#feat-p-wrap {
	clear: both;
	float: left;
	width: 515px;
}
#feat-products1 {
	background-image: url(/images/feat-products.gif);
	background-repeat: no-repeat;
	height: 215px;
	width: 182px;
	margin: 1px;
	float: left;
}

#feat-products2 {
	background-image: url(/images/feat-products.gif);
	background-repeat: no-repeat;
	height: 215px;
	width: 182px;
	margin: 1px;
	float: right;
}
#feat-products1 img, #feat-products2 img {
margin-top: 40px; 
 margin-left: 15px;

}

#middle a:hover {

	text-decoration: underline;
	color: #CC0000;
}
#right {
 float:right;
 margin-right: 10px;
 margin-left: 10px;

}
#right-home {
 float:right;
 background-color: #CC0000;

}
#advert{
	background-image: url(/images/advert.gif);
	background-repeat: no-repeat;
	height: 438px;
	width: 294px;
     margin-left: 60px;
 font-size: 12px; 
	
}
#advert2{
 background-image: url(/images/advert.gif);
 background-repeat: no-repeat;
 height: 438px;
 width: 294px;
 margin-left: 60px;
 font-size: 12px; 
}
#advert2 p {
	height: 380px;
	width: 200px;
	padding-top: 120px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
#advert p {
	height: 380px;
	width: 200px;
	padding-top: 120px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
#paper-clip{
 background-image: url(/images/paper-clip.gif);
 background-repeat: no-repeat;
 height: 277px;
 width: 405px;

}
#paper-clip p, #login-shop {
	height: 200px;

	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 105px;
}



#footer {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 10px;
 width: 70%;
 clear: both;
 margin-top: 20px;
 *margin-top: 1%;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;

}
#footer a{
	color: #000000;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}
#footer a:hover {
	color: #666666;
	text-decoration: underline;
	margin-right: 10px;
	margin-left: 10px;
}
a {
	
}

a:hover {
	text-decoration:underline;
}

/*content pages*/

.categories-wrap {
 width: 494px;
 margin-top: 20px;
 margin-right: 20px;
 _ margin-right: 5px;
 margin-bottom: 20px;
 margin-left: 10px;
 clear: both;
 float: left;		

}
.categories-wrap a {
 color: #000000;
 text-decoration: none;		

}
.categories-wrap a:hover {
 color: #660099;
 text-decoration: underline;
}

.category-col {
 width: 160px;
 margin: 2px;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.purple-heading, h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #660099;
 margin-bottom: 10px;
 clear: both;
 float: left;
}
 h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;
 margin-bottom: 10px;
 
}
.product-wrap {
 width: 494px;
 _width: 480px;
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 10px;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
 clear: both;
 float: left;
 padding-bottom: 20px;
}
.product-wrap-left {
 width: 131px;
 float: left;
 clear: both;
}

.product-image { 

border: 1px solid #CCCCCC; 
}
.enlarge-image {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-align: center;
}
.product-wrap-right {
 float: right;
 width: 353px;
 _width: 335px;
 margin-left: 10px;
}
.product-name {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;
 margin-bottom: 5px;
}
.product-desc {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 margin-bottom: 20px;
}


.product-qty {
 clear: both;
 float: left;
 margin-right: 10px;
}

.product-buttons { float: left; 
}
.cart-buttons {
 float: left;
 padding-right: 5px;
 padding-left: 5px; 
}

.cart-buttons-dtl {
 float: right;
 clear: both;
 margin-top: 20px;
}
.cart-buttons img {
 
 margin-right: 5px;
 margin-left: 5px;
}
.cart-buttons-dtl img {
 
 margin-right: 5px;
 
}


#search-button {
 background: transparent url(/images/go-button.jpg) no-repeat center top;
 width:50px;
 height:26px;
 border:none;
  margin-top: 6px\9;
 *margin-top: 5px;

}
#search_text {
 margin-top: 5px;

}

#mini-cart {
 padding: 10px;
 height: 116px;
 width: 334px;
 background-image: url(/images/mini-cart.jpg);
 background-repeat: no-repeat;
}
.mini-cart-buttons {
 margin-top: 15px;
 margin-left: 90px;
}
.mini-cart-text {
 margin-top: 5px;
 margin-left: auto;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-align: center;
 width: 80%;
 margin-right: auto;
}
.mini-cart-text a {
 border-left-width: 5px;
 border-left-style: solid;
 border-left-color: #FF6600;
 text-decoration: none;
 color: #663399;
 font-size: 12px;
 font-weight: bold;
 padding-left: 5px;
}
.mini-cart-text a:hover {
 border-left-width: 5px;
 border-left-style: solid;
 border-left-color: #6633CC;
 text-decoration: none;
 color: #FF6600;
}
/* product details */

.product-wrap-dtl {
 width: 490px;
 _width: 490px;
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 10px;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 border-bottom-color: #CCCCCC;
 clear: both;
 float: left;
 padding-bottom: 20px;
}

.product-wrap-left-dtl {
 width: 185px;
 float: left;
 clear: both;

}

.product-image-dtl { 

border: 1px solid #CCCCCC; 
}
#price-dtl {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;
 margin-top: 5px;
}

#ref-no-dtl {
font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;
margin-top: 5px;

}
.product-wrap-right-dtl {
 float: right;
 width: 290px;
 margin-left: 10px;
}
.product-name-dtl {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;
 margin-bottom: 5px;
}
.product-desc-dtl {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 margin-bottom: 10px;
}

.product-barcode-dtl {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin-bottom: 10px;
}
.product-uom-dtl {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin-bottom: 10px;

}
.product-pack-qty-dtl {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin-bottom: 10px;

}
.product-box-size-dtl {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin-bottom: 10px;

}
.product-qty {

}

#productSlider{
	width: 442px;
	margin-left:10px;
	margin-top:15px;
}

.sliderProduct{
	width: 106px;
	height: 152px;
	padding: 10px;
	font-weight: bold;
	float: left;
}
.sliderProduct a:link{
	color: #4ab400;
	text-decoration: none;
}
.sliderProduct a:visited{
	color: #4ab400;
	text-decoration: none;
}
.sliderProduct a:hover{
	color: #666666;
	text-decoration: none;
}

#container 
{
  text-align: center;
}

#imageBox 
{
 margin: auto;
 width: 376px;
 overflow: hidden;
 position: relative;

}

#imageBoxInside 
{
 width: 10000px;

}
#scroll-wrap {
 position: absolute;
 
}

#imageBox img 
{
  float: left;
  padding: 0px;
  margin: 0px;
}

#imageBox br 
{
  clear: both;
}

#controls img 
{
  border: 0;
}
#Login { margin-bottom: 20px; }

#Reference td { background-color: #99FF33; }

td { font-size: 12px; 
}
#shopp-cart-table {
 clear: both;
 float: left;
 width: 100%;
}
#shopp-cart-total {
 clear: both;
 float: right;

}
.box-button {
 
 display: block;
 height: 15px;
 margin-top: 5px;
 
}
a.box-button {
border-left-width: 5px;
 border-left-style: solid;
 border-left-color: #FF6600;
 text-decoration: none;
 color: #663399;
 font-size: 12px;
 font-weight: bold;
 padding-left: 15px;
}
a:hover.box-button {
 border-left-width: 5px;
 border-left-style: solid;
 border-left-color: #6633CC;
 text-decoration: none;
 color: #FF6600;
 font-size: 12px;
 font-weight: bold;
 padding-left: 15px;
}
#logo-section {

 float: left;
 width: 30%;
 overflow: hidden;
 height: 110px;
 margin-top: 35px;
 margin-left: 25px;
}
#text-section {
 float: right;
 width: 60%;
 _width: 55%;
 overflow-y: hidden;
 overflow-x: hidden;
 height: 110px;
 margin-top: 35px;
 margin-right: 20px;
 font-size: 11px;

}

#text-section p {
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin: 0px;
 width: 95%;
}
#order_loading {
 background-color: #00FF00;
 clear: both;
 float: left;

}
.purple-bold {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #660099;

}
.purple-bold-bigger {
font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #660099;

}
.mini-cart-text  {


}


#CheckoutCustomerDetails {

}
.MsoNormal  {
 font-family: Arial, Helvetica, sans-serif;

}
.text-style {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
em {
 color: #670099;
 font-weight: bold;
}
.clear-both {
 clear: both;
 float: left;
 margin-bottom: 20px;
}
label {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #660099;}