@charset "utf-8";

body {
	text-align: center;
	background-color: #EEEEEE;
	line-height: 20px;
}
* html body, td, form, div, p, input, select, textarea {
	font-family: Arial;
	font-size: 12px;
	color: #888888;
	text-align: left;
}
body, td, form, div, p, input, select, textarea {
	font-family: Arial;
	font-size: 12px;
	color: #888888;
	text-align: left;
}
form, p {
	padding: 0px;
	margin: 0px;
}
a:link, a:visited {
	color: #8cc63f;
	text-decoration: none;
}
a:hover {
	color: #5f8e20;
	text-decoration: none;
}
a img {
	border: 0 none transparent;
}

#container {
	margin: 0px auto 0px auto;
	width: 780px;
	border: 1px solid #aeaeae;
	background-color: #FFFFFF;
}

/****************** Top ********************/
#top {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*height: 126px;*/
	height: 246px;
	vertical-align: top;
}
#topDiv {
	position: relative;
	height: 246px;
}
#topDiv #slogan {
	position: absolute;
	right: 0px;
}
#topDiv #searchForm {
	position: absolute;
	/*top: 102px;*/
	top: 223px;
	right: 0px;
	z-index: 90;
}
#topDiv #searchForm #searchBox {
	font-size: 11px;
	font-style: italic;
	line-height: 11px;
	color: #989898;
}
#topDiv #searchForm #searchBtn {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	border: 0px;
	background-color: #7a7a7a;
	height: 19px;
}
.phone {
  float: right;
  font-weight: bold;
	font-family: Verdana;
	font-size: 18px;
  margin-right: 17px;
	color: #054F52;
}
/****************** Newsletter ******************/
#newsletter {
	/*border-bottom: 14px solid #FFFFFF;*/
	border-top: 10px solid #FFFFFF;
	padding: 5px;
	background-color: #e4e4e4;
	width: 215px;
}
#newsletter table {
	background-color: #054f52;
	width: 215px;
}
#newsletter td {
	padding: 5px 5px 0px 5px;
	color: #e4e4e4;
}
#newsletter .txtField {
	font-size: 11px;
	font-style: italic;
	line-height: 11px;
	color: #989898;
	border: 0px;
	width: 205px;
}
#newsletter #submitBtn {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	border: 0px;
	background-color: #7a7a7a;
	height: 19px;
	margin-bottom:10px;
}

/****************** Top Menu ********************/
#topMenu {
	position: absolute;
	top: 99px;
	left: 240px;
	text-align: left;
	width: 526px;
}
#topMenu h1 {
	width: 508px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 6px 0px;
	font-family: Verdana;
	font-size: 16px;
	font-style: italic;
	text-transform: uppercase;
	color: #c40000;
	border-bottom: 1px solid #a4c0c1;
	z-index: 1;
}
#topMenu ul {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#topMenu ul li {
	margin: 0px 14px 1px 0px;
	padding: 3px 6px 3px 6px;
	background-color: #054f52;
	width: 235px; /* 247 - 6 - 6 */
	float: left;
}
#topMenu ul li a{
	font-size: 13px;
	font-weight: bold;
	color: #e4e4e4;
	line-height: 16px;
	text-transform: uppercase;
	display: block;
	width: 100%;
}
#topMenu ul li#highlight {
	background: #C40000	;
}
#topMenu #tel {
	position: absolute;
	right: 18px;
	top: -1px;
	font-size: 18px;
	font-weight: bold;
	color: #054f52;
	line-height: 21px;
}
#topMenu #tel img {
	vertical-align: bottom;
}

/****************** Menu ********************/
.arrowlistmenu{
	/*width: 180px; /*width of accordion menu*/
	padding: 5px;
	width: 215px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	margin: 0px 0px 1px 0px;
	padding: 4px 4px 4px 42px;
	font-size: 13px;
	font-weight: bold;
	color: #e4e4e4;
	line-height: 16px;
	text-transform: uppercase;
	background-color: #054f52;
	cursor: hand;
	cursor: pointer;
	height: 33px;
}

.arrowlistmenu .menuheader img{
	position: absolute;
	margin: 0px 4px 0px -38px;
	vertical-align: middle;
	line-height: 15px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-color: #08787c;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 7px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	font-weight: bold;
	font-size: 11px;
	color: #054f52;
	padding-bottom: 1px; /*bottom spacing between menu items*/
	padding-left: 43px;
	margin-bottom: 1px;
	background: url(../images/cart/bullet-submenu.gif) no-repeat top left #ccd4d4; /*custom bullet list image*/
}

.arrowlistmenu ul li a{
	font-weight: bold;
	font-size: 11px;
	color: #054f52;
	background: url(../images/cart/bullet-submenu.gif) no-repeat top left #ccd4d4; /*custom bullet list image*/
	display: block;
	padding: 0px;
	padding-left: 43px; /*link text is indented 19px*/
	margin-bottom: -1px;
	margin-left: -43px;
	text-decoration: none;
	vertical-align: top;
}

.arrowlistmenu ul li a:visited{
	color: #054f52;
	background: url(../images/cart/bullet-submenu.gif) no-repeat top left #ccd4d4;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background: url(../images/cart/bullet-submenu.gif) no-repeat top left #e3eeee;
}

/****************** Content ********************/
#leftContent {
	vertical-align: top;
	background-color: #e4e4e4;
}
#leftContentDiv {
	position: relative;
	width: 225px;
	padding: 0px 0px 0px 0px;
}

#littleCart {
	border-bottom: 5px solid #FFFFFF;
	width: 225px;
}
#littleCart td {
	color: #054f52;
	font-weight: bold;
}
#littleCart .red {
	color: #bb0203;
}
#littleCart #total {
	font-size: 11px;
}

#btnViewCart img {
	border-bottom: 10px solid #FFFFFF;
}

#menu {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	list-style: none;
	vertical-align: middle;
}
#menu li {
	height: 33px;
	margin: 0px 0px 5px 0px;
	padding: 4px 4px 4px 42px;
	font-size: 13px;
	font-weight: bold;
	color: #e4e4e4;
	line-height: 16px;
	text-transform: uppercase;
	background-color: #054f52;
}
#menu li img {
	position: absolute;
	margin: 0px 4px 0px -38px;
	vertical-align: middle;
	line-height: 15px;
}
#menu li a {
	color: #e4e4e4;
	text-decoration: none;
}

#address {
	border-top: 14px solid #FFFFFF;
	border-bottom: 14px solid #FFFFFF;
	height: 158px;
	width: 225px;
}
#address td, #address div {
	color: #054f52;
	font-weight: bold;
	font-size: 11px;
	line-height: 17px;
}
#address h1 {
	font-size: 12px;
	margin: 0px;
}
#address td div {
	margin: 5px 0px 5px 0px;
}
#address #red {
	color: #bb0203;
}
#address #total {
	font-size: 11px;
}



#rightContent {
	vertical-align: top;
	background-color: #054f52;
}
#rightContentDiv {
	position: relative;
	width: 508px;
	padding: 0px 0px 6px 0px;
}
#rightContentDiv h1 {
	position: absolute;
	top: -36px;
	width: 508px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 6px 0px;
	font-family: Verdana;
	font-size: 16px;
	font-style: italic;
	text-transform: uppercase;
	color: #c40000;
	border-bottom: 1px solid #a4c0c1;
	z-index: 1;
}
#rightContentDiv h1 a {
	color: #c40000;
}
#rightContentDiv h1 a:hover {
	color: #054f52;
}
#rightContentDiv h1 b {
	font-size: 10px;
	color: #7a7a7a;
}
#rightContentDiv h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 14px;
	color: #054f52;
}

#rightContentDiv #popularProducts {
	margin: 12px 0px 0px 0px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 0px;
}
#rightContentDiv h3 {
	width: 508px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 6px 0px;
	font-family: Verdana;
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	color: #c40000;
	border-top: 1px solid #a4c0c1;
}

#rightContentDiv .listTable {
	position: relative;
	left: 6px;
	top: 6px;
	margin: 0px 0px 6px 0px;
}
#rightContentDiv .listTable td {
	position: relative;
}
#rightContentDiv .listTable td table {
	position: relative;
}

#rightContentDiv .catImg {
	position: relative;
	text-align: center;
	height: 135px;
	width: 165px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/cart/cat-middle.gif);
	overflow: hidden;
}
#rightContentDiv .catImg img {
	max-height: 128px;
	max-width: 145px;
	/* Max 165px(W) x 122px(H); *
	_width: expression((this.width/145 > this.height/122)
	  ? (this.width > 145 ? "144px" : "auto")
	  : (this.height > 122 ? this.width/(this.height/121)+"px" : "auto") );
	_height: expression((this.width/145 > this.height/122)
	  ? (this.width > 145 ? this.height/(this.width/144)+"px" : "auto")
	  : (this.height > 122 ? "121px" : "auto") );
	  /**/
}
#rightContentDiv .catText {
	padding: 0px 10px 0px 10px;
	width: 145px;
	height: 38px;
	font-size: 13px;
	color: #054f52;
	text-align: center;
	background-image: url(../images/cart/cat-middle-text.gif);
}
#rightContentDiv .catText a {
	color: #054f52;
}

#rightContentDiv #productTop {
	height: 8px;
	background-image: url(../images/cart/product-middle.gif);
	background-repeat: repeat-y;
}
#rightContentDiv #icons {
	position: absolute;
	right: 7px;
	top: 7px;
}
#rightContentDiv #iconsCat {
	position: absolute;
	right: 7px;
	top: 13px;
}

#rightContentDiv .productImg {
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/cart/product-middle.gif);
	background-repeat: repeat-y;
	height: 135px;
}
#rightContentDiv .productImg img {
	max-height: 128px;
	max-width: 145px;
	/* Max 165px(W) x 122px(H); *
	_width: expression((this.width/145 > this.height/122)
	  ? (this.width > 145 ? "144px" : "auto")
	  : (this.height > 122 ? this.width/(this.height/121)+"px" : "auto") );
	_height: expression((this.width/145 > this.height/122)
	  ? (this.width > 145 ? this.height/(this.width/144)+"px" : "auto")
	  : (this.height > 122 ? "121px" : "auto") );
	  /**/
}
#rightContentDiv .productText {
	padding: 0px 10px 0px 10px;
	width: 145px;
	height: 43px;
	font-size: 11px;
	color: #054f52;
	line-height: normal;
	text-align: center;
	background-image: url(../images/cart/product-middle-text.gif);
}
#rightContentDiv .productText #price {
	font-size: 13px;
	font-weight: bold;
}
#rightContentDiv .productText a {
	color: #054f52;
}
#rightContentDiv .productBottom {
	height: 5px;
	background-image: url(../images/cart/product-middle.gif);
	background-repeat: repeat-y;
}

#rightContentDiv #paging {
	text-align: center;
}
#rightContentDiv #paging a {
	font-size: 11px;
	color: #e4e4e4;
}
#rightContentDiv #paging a#selected {
	font-weight: bold;
	text-decoration: underline;
}

#rightContentDiv #txtContent {
	position: relative;
	left: 6px;
	top: 6px;
	width: 497px;
	margin: 0px 0px 6px 0px;
}
#rightContentDiv #txtContent td {
	background-image: url(../images/cart/cat-desc-middle.gif);
	padding: 5px 15px 15px 15px;
	font-size: 13px;
	text-align: justify;
	color: #054f52;
	line-height: normal;
}
#rightContentDiv #txtContent td td {
	background-image: none;
	padding: 0px;
}


#rightContentDiv .textfield {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
	height: 17px;
	width: 230px;
}
#rightContentDiv .textfield_120px {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
	height: 17px;
	width: 120px;
}
#rightContentDiv .textfield_140px {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
	height: 17px;
	width: 145px;
}
#rightContentDiv .textarea {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
	width: 120px;
	height: 36px;
}
#rightContentDiv .selectbox {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
}
#rightContentDiv .btn {
	font-size: 11px;
}


#rightContentDiv #catDesc {
	position: relative;
	left: 6px;
	top: 6px;
	width: 497px;
	margin: 0px 0px 6px 0px;
}
#rightContentDiv #catDesc td {
	background-image: url(../images/cart/cat-desc-middle.gif);
	padding: 5px 15px 5px 15px;
	font-size: 11px;
	color: #054f52;
	line-height: normal;
}

#rightContentDiv #productDetails {
	position: relative;
	left: 6px;
	top: 6px;
	width: 497px;
	margin: 0px 0px 6px 0px;
}
#rightContentDiv #productDetails #content {
	background-image: url(../images/cart/cat-desc-middle.gif);
	padding: 6px 14px 6px 14px;
	font-size: 13px;
	color: #054f52;
	line-height: normal;
}
#rightContentDiv #productDetails #content form, #rightContentDiv #productDetails #content form td {
	font-size: 13px;
	color: #054f52;
}

#rightContentDiv td#largeImg {
	vertical-align: top;
	width: 210px;
}
#rightContentDiv #largeImg img {
	max-height: 204px;
	max-width: 204px;
	/**
	_width: expression((this.width > this.height)
	  ? (this.width > 204 ? "203px" : "auto")
	  : (this.height > 204 ? this.width/(this.height/203)+"px" : "auto") );
	_height: expression((this.width > this.height)
	  ? (this.width > 204 ? this.height/(this.width/203)+"px" : "auto")
	  : (this.height > 204 ? "203px" : "auto") );
	  /**/
}
#rightContentDiv td#largeImg table td {
	border: 1px solid #e4e4e4;
	text-align: center;
	vertical-align: middle;
	width: 205px;
	height: 205px;
}
#rightContentDiv td#largeImg table #smallthumb td {
  height: 68px;
  width: 68px;
}
#rightContentDiv td#largeImg table #smallthumb td img {
	max-height: 66px;
	max-width: 66px;
	/**
	_width: expression((this.width > this.height)
	  ? (this.width > 66 ? "65px" : "auto")
	  : (this.height > 66 ? this.width/(this.height/65)+"px" : "auto") );
	_height: expression((this.width > this.height)
	  ? (this.width > 66 ? this.height/(this.width/65)+"px" : "auto")
	  : (this.height > 66 ? "65px" : "auto") );
	  /**/
}
#rightContentDiv td#smallImg {
	border: 1px solid #e4e4e4;
	text-align: center;
	vertical-align: middle;
	width: 64px;
	height: 64px;
}

#rightContentDiv td#options {
	vertical-align: top;
	padding-left: 15px;
}
#rightContentDiv td#options h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: normal;
	color: #c40000;
}
#rightContentDiv td#options td {
	font-size: 13px;
	color: #054f52;
	padding: 0px 0px 3px 0px;
}
#rightContentDiv td#options td.price {
	padding-right: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #c40000;
}

#rightContentDiv #productDetails #cart {
	background-image: url(../images/cart/cat-desc-middle.gif);
	padding: 6px 14px 6px 14px;
	font-size: 12px;
	color: #054f52;
	line-height: normal;
}
#rightContentDiv #productDetails #cart td {
	font-size: 12px;
	color: #054f52;
	line-height: normal;
}
#rightContentDiv #productDetails #cart #hr {
	width: 468px;
}
#rightContentDiv #productDetails #cart #shippment {
	width: 100%;
}
#rightContentDiv #productDetails #cart #shippment td {
	padding: 0px 10px 5px 0px;
}
#rightContentDiv #productDetails #cart #resellerCode {
	width: 150px;
	height: 14px;
	vertical-align: middle;
}
#rightContentDiv #productDetails #cart #btnGo {
	vertical-align: middle;
}
#rightContentDiv #productDetails #cart #btnCheckOut, #rightContentDiv #productDetails #cart #btnEnquiry, #rightContentDiv #productDetails #cart #btnKeepShopping, #rightContentDiv #productDetails #cart #btnUpdate {
	margin: 0px 8px 0px 0px;
	vertical-align: middle;
}
#rightContentDiv #productDetails #cart #btnCheckOut {
	margin: 0px;	
}
#rightContentDiv #productDetails #cart #itemList {
	width: 468px;
}
#rightContentDiv #productDetails #cart #itemList td {
	background-color: #EFEFEF;
	border-bottom: 2px solid #FFFFFF;
	font-size: 12px;
	color: #054F52;
}
#rightContentDiv #productDetails #cart #itemList #quantity {
	width: 26px;
}
#rightContentDiv #productDetails #cart #itemList td.itemImg {
	border: 1px solid #e4e4e4;
	text-align: center;
	vertical-align: middle;
	width: 46px;
	height: 46px;
	background-color: #FFFFFF;
}

#rightContentDiv .itemImg img {
	max-height: 46px;
	max-width: 46px;
	/**
	_width: expression((this.width > this.height)
	  ? (this.width > 46 ? "45px" : "auto")
	  : (this.height > 46 ? this.width/(this.height/45)+"px" : "auto") );
	_height: expression((this.width > this.height)
	  ? (this.width > 46 ? this.height/(this.width/45)+"px" : "auto")
	  : (this.height > 46 ? "45px" : "auto") );
	  /**/
}

#rightContentDiv .pack td, #rightContentDiv .pack th {
	text-align: center; 
}

#rightContentDiv .pack th {
  background-color: #054F52;
  color: white; 
}

#rightContentDiv .pack tr.odd {
  background-color: #E3EEEE; 
}

#rightContentDiv .pack tr.even {
  background-color: #CCD4D4;
}


#rightContentDiv #retailSystems {
	position: relative;
	left: 6px;
	top: 6px;
	width: 497px;
	margin: 0px 0px 6px 0px;
}
#rightContentDiv #retailSystems #content {
	background-image: url(../images/cart/cat-desc-middle.gif);
	padding: 6px 14px 6px 14px;
	font-size: 13px;
	color: #054f52;
	line-height: normal;
}
#rightContentDiv #retailSystems #content h3 {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-family: Verdana;
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	color: #c40000;
	border: none;
}
#rightContentDiv #retailSystems #content #img {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
#rightContentDiv #retailSystems #content #img img {
	border: 1px solid #E4E4E4;
}
#rightContentDiv #retailSystems #content #btnDetails {
	margin: 5px 0px 0px 0px;
	text-align: right;	
}

/******************** FOOTER *******************/


#footer {
	margin: 0px auto 0px auto;
	width: 780px;
}
#footerDiv {
	position: relative;
}
#footerDiv #copyright {
	position: absolute;
	left: 15px;
	font-size: 11px;
}
#footerDiv #footerLinks {
	position: absolute;
	right: 15px;
	font-size: 11px;
}
#footerDiv #footerLinks a {
	color: #888888;
}
#footerDiv #footerLinks a:hover {
	color: #5f8e20;
}