/* M A I N   P A G E   L A Y O U T   S E T T I N G S */

html, body {
	margin: 0; 
	padding: 10px;
	text-align: center; 
	background-color: #ccc;
}
#pagewidth {
	width: 760px; 
	text-align: left; 
	min-width: 500px;
	margin-left: auto; 
	margin-right: auto; 
	background-color: white;
}
#header {
	width: 100%; 
	background-color: #FFFFFF;
}
#leftcol {
	background-color: #fff;
	width: 155px; 
	float: left; 
	position: relative; 
	margin-left: -155px; 
	margin-right: 1px;
	height: 100%;
}
#outer { 
	border: solid white 0px; 
	border-left-width: 155px ;  /* left column width. NN4 hack to hide borders - this link was originally commented out with slash star slash star */ 
	border-left-color: #FFFFFF;   /* left column colour */ 
	border-left-style: solid; 
	background-color: #FFFFFF; /* center column colour */ 
	width: auto;
} 
#footer {
	height: 50px; 
	width: 100%; 
	background-color: #FFFFFF; 
} 
#inner {
	margin: 0;
	width: 100%;
}
#maincol { 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px;
}
#outer>#inner {border-bottom: 1px solid #FFFFFF;}
.clr {clear: both;} 
.content {padding-left: 10px;} /*padding for content */
#header .content {padding-bottom: 0;} /*padding bottom 0 to remove space in IE5 Mac*/

#topMenu {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 2px;
	padding-right: 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #fff;
	margin: 10px 10px 10px 10px;
}
#footerMenu {
	padding: 35px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
#bgtl {
	background-image: url(../images/common/tl.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 10px;
}
#bgtr {
	background-image: url(../images/common/tr.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 10px;
}
#bgbl {
	background-image: url(../images/common/bl.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 10px;
}
#bgbr {
	background-image: url(../images/common/br.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 10px;
}
#cartFunc {
	width: 285px;
	height: 50px;
	float: right;
	margin-right: 10px;
/*	background-image: url(../images/common/cartFuncbg.gif); */
/*	background-repeat: no-repeat; */
	background-color: #f1f1f1;
	border: 1px solid #999;
	padding: 5px; 
}
#pagingNav {
	width: 90%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* printer styles */ 
@media print { 
	#leftcol {display: none;} 
	#outer {border-left: 0;} 
}

/* C O L L A P S I B L E   M E N U */

/* main buttons */
ul#menuCat {
	list-style-image: none;
	background-color: #CC2712;
	list-style-type: none;
	line-height: 13px;
	margin: 0;
	padding: 0;
	width: 145px;
	margin-left: 10px;
}

ul#menuCat li {
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
}

ul#menuCat a,
ul#menuCat a.active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 5px;
	padding-left: 15px;
	color : #fff;
}
ul#menuCat a span {
	color : #fff;
}

ul#menuCat a:hover {
	color: #fff;
}

/* second level buttons */

ul#menuCat ol {
	list-style-image: none;
	display: none;
	list-style: none;
	padding: 5px;
	margin: 0;
	line-height: 12px;
}

ul#menuCat ol li {
	border: none;
	background-image: none;
}

ul#menuCat ol li a{
	text-transform: none;
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	margin-left: 20px;
	padding: 3px 3px 3px 3px;
}
ul#menuCat ol li a:link a:visited {
	text-decoration: none;
	color: #fff;
}
ul#menuCat ol li a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #fff;
	background-image: none;
}

/* M A I N   F O R M A T T I N G   S E T T I N G S */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	padding: 0 10px 0 10px;
}
p.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
	color: #333;
	padding: 0 10px 0 10px;
}
p.intro {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 19px;
}
#about p {
	padding-left: 25px;
	padding-right: 50px;
}
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	color: #333;
}
img {border: 0;}
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
h1 {
   /*Size of the image*/
   padding-top: 150px;
   width: 740px;
   margin: 0px;
   margin-left: 10px;
        
   /*The image*/
   background-image: url(../images/head/000.jpg);
   background-repeat: no-repeat;
        
   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 150px;
        
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0;
}
h2 {
	font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0 10px 10px 10px;
}
#about h2 {
	color: #5C6683;
	padding: 10px 0 0 10px;
}
h3 {
	font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, Helvetica, serif;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 10px 0 0;
	padding: 5px;
	background-image: url(../images/common/bg_prodName.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #ebebeb;
	border-bottom: 1px solid #B4B4B4;
}
#about h3 {
	color: #333;
	padding: 10px 0 0 15px;
	background-image: none;
	border: 0;
	margin: 0;

}
.pageOf {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #999;
	margin: 0;
	padding: 0 10px 10px 20px;
}
a.topMenuLink:link, a.topMenuLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
	padding: 2px 5px 2px 5px;
}
a.topMenuLink:hover {
	text-decoration: none;
	color: white;
	background-color: #333;
}
a.pagingNavLink:link, a.pagingNavLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: blue;
}
a.pagingNavLink:visited {
	color: purple;
}
a.pagingNavLink:hover {
	text-decoration: underline;
}
a.footerMenuLink:link, a.footerMenuLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #999;
}
a.footerMenuLink:hover {
	text-decoration: underline;
	color: #333;
}
.prodListEnc {
	border: 1px solid #ebebeb;
	border-top: 0;
	padding: 5px 15px 15px 15px;
	margin: 0 10px 10px 0;
	overflow: auto;
}
.prodListHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	margin-left: -5px;
	color: #000;
}
p.prodList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	padding-left: 20px;
}
img.prodList {
	padding: 20px 40px 20px 20px;
}
.cartFuncDetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #666;
	width: 50%;
	float: left;
}
.cartFuncMenu {
	width: 45%;
	margin-left: 10px;
	float: right;
	text-align: center;
	border-top: 1px solid #efefef;
	height: 50px;
}
.cartFuncMenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	width: 99%;
	background: #f9f9f9;
	color: #666;
	display: block;
	text-decoration: none;
	border: 1px solid #efefef;
	border-top: 0;
}
.cartFuncMenu a:hover {
	background: #999;
	text-decoration: none;
	color: white;
}
.cartTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
a.cartShow:link, a.cartShow:hover, a.cartShow:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
}
fieldset {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: black;
	padding: 5px;
	margin: 5px;
	border: none;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 24px
}
a.more:link, a.more:hover, a.more:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #80180C;
	text-decoration: none;
}
.help {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
a.help:link, a.help:hover, a.help:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
a.help:hover {
	text-decoration: underline;
	color: #333;
}
.cart {
	margin: 10px;
	background-color: #f1f1f1;
}
.cartbgtl {
	background-image: url(../images/common/cart/tl.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 10px;
}
.cartbgtr {
	background-image: url(../images/common/cart/tr.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 10px;
}
.cartbgbl {
	background-image: url(../images/common/cart/bl.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 10px;
}
.cartbgbr {
	background-image: url(../images/common/cart/br.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 10px;
}
.frontspec {
	color: #80180C;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 5px;
	margin: 0 5px 5px 5px;
	border: none;
}