/*********** SELECTORS STYLES  ***********/
body { font-family:Arial, Helvetica; font-size:12px; line-height:1.3em; background:#73e5e5 url(images/spacer.gif) repeat-x center 90px; }
body, form, p, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, form { display:inline; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1em; }
hr { height:1px; }
li { margin-bottom:5px; }
ol { margin:4px 0 4px 30px; padding:0; }
ul { margin:4px 0 4px 30px; padding:0; }
ul ul, ol ol, ol ul, ul ol { margin-left:30px; }
table { border-collapse:collapse; }
input, select, textarea { font-size:0.9em; font-family:Arial, Helvetica, sans-serif; }
select { border:1px solid #ccc;	background:#fcfcfc; }
textarea { border:1px solid #ccc; background:#fcfcfc; padding:2px; }
a:link, a:visited { color:#008080; text-decoration:none; }
a:hover, a:active { text-decoration:underline; color:#000; }

/********** ALIGNMENT STYLES **********/
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }
.vat { vertical-align:top; }
.vab { vertical-align:bottom; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.fo { float:left; display:inline; width:100%; }
.flwm { float:left; margin:0 10px 5px 0; }
.frwm { float:right; margin:0 0 5px 10px; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }

/********** ACCESSORIES STYLES **********/
.m2px { margin:2px; }
.m5px { margin:5px; }
.m10px { margin:10px; }
.p2px { padding:2px; }
.p2px5px { padding:2px 5px; }
.p5px { padding:5px; }
.p5px10px { padding:5px 10px; }
.p10px { padding:10px; }
a img { border:0px; }
.banner { margin:15px auto; text-align:center; color:#008080; }
.banner img { display:block; margin:0 auto 5px; }
img.middle, input.middle, textarea.middle, select.middle { vertical-align:middle; }
.block2px { display:block; height:2px; width:2px; }
.block5px { display:block; height:5px; width:5px; }
.block10px { display:block; height:10px; width:10px; }
.keywords { background:#eee; padding:0 2px; color:#555; font-weight:bold; }
.star { font-weight:bold; color:#c00; }
.b { font-weight:bold; }
.n { font-weight:normal; font-style:normal; text-decoration:none; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.lh0px { line-height:0px; }

/********** OTHER STYLES **********/
.bdr { border:1px solid #ccc; }
.bdrTop { border-top:1px solid #ccc; }
.bdrRight { border-right:1px solid #ccc; }
.bdrBottom { border-bottom:1px solid #ccc; }
.bdrLeft { border-left:1px solid #ccc; }
.bdrNone, .bdrNone td, .bdrNone th { border:0; }

.bgBlack { background:#000; }
.bgGray { background:#666 }
.bgSilver { background:#ccc }
.bgWhite { background:#fff; }

.colorBlack { color:#000; }
.colorGray { color:#666; }
.colorSilver { color:#ccc; }
.colorWhite { color:#fff; }

/********** FORM STYLES **********/
.formHead { font-weight:bold; background:#ccc; padding:5px; }
.formHead span { font-weight:normal; }
.input { border:1px solid #999; color:#000; background:#fff; padding:2px 4px; }
.button { border:1px solid #ccc; background:#008080; color:#fff; cursor:hand; }

/********** BODY STYLES **********/
.div776px {
	width:776px;
	margin:auto;
	background:#fff url(images/spacer.gif) repeat center;
}
.padding {
	padding:0 22px;
}
.topLinks {
	background:#008080;
	padding:0 15px;
	height:50px;
	color:#73e5e5;
	font-size:0.9em;
}
.topLinks .fl img, .topLinks .fr img {
	vertical-align:middle;
	margin:0 5px;
}
.topLinks .links {
	text-transform:lovercase;
	font-weight:bold;
	width:550px;
	text-align:right;
}
.topLinks a:link, .topLinks a:visited {
	color:#c9ffff;
}
.topLinks a:hover, .topLinks a:active {
	color:#fff;
	text-decoration:none;
}

/**********/
.topLinks02 {
	padding:0 5px;
	height:40px;
}
.small {
	font-size:0.9em;
}
.light {
	color:#888;
}

/**********/
.company {
	background:url(images/spacer.gif);
}
.company .logo {
	padding:4px 0 0 15px;
}
.company .name {
	width:100%;
	vertical-align:top;
	padding:22px 0 0 15px;
}
.company .slogan {
	font-size:11px;
	color:#000;
	padding:0 15px;
}

/**********/
.padding02 {
	padding:15px 22px;
}
.welcomeText {
	background:url(images/spacer.gif) repeat-x bottom;
	padding:0 0 10px;
	margin:0 0 15px;
	text-align:justify;
}

/********** COLUMN STYLES **********/
.thinColumn {
	background:url(images/spacer.gif) repeat-y right;
	padding:0 8px 0 0;
	width:217px;
	vertical-align:top;
	font-size:0.9em;
}
.wideColumn {
	padding:0 0 0 15px;
	vertical-align:top;
}
.search {
	background:#008080;
	padding:7px 0;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.search .input {
	font-size:11px;
}

/********** PRODUCTS STYLES **********/
.products {
	margin:0 0 20px;
}
.products .head {
	margin:0 0 3px;
	border-left:5px solid #008000;
	padding:2px 2px 2px 5px;
}
.products .outer {
	border-top:5px solid #999;
	padding:5px 0 0 10px;
}
.products .divider {
	background:#ccc;
	margin:2px 0 3px 10px;
}

/**********/
.products .links {
	background:url(images/spacer.gif) no-repeat 0px .5em;
	padding:0 0 0 12px;
	font-weight:bold;
}
.products .linksSub {
	background:url(images/spacer.gif) no-repeat 0px .5em;
	padding:0 0 0 12px;
	margin:0 0 0 12px;
}
.products .linksSubSub {
	background:url(images/spacer.gif) no-repeat 0px .5em;
	padding:0 0 0 10px;
	margin:0 0 0 22px;
}
.products a:hover, .products a:active {
	text-decoration:none;
}

/**********/
.flags {
	margin:0 0 15px;
}
.flags .head {
	font-weight:bold;
	margin:0 0 5px;
	background:#f5f5f5;
	padding:2px 4px;
}
.flags img {
	margin:5px;
}

/********** HOT PRODUCTS STYLES **********/
.hotProducts {
	margin:0 0 15px;
}
.hotProducts .head {
	border:1px solid #c9ffff;
	background:#c9ffff;
	font-weight:bold;
	padding:2px 5px;
	text-transform:uppercase;
	color:#000;
	margin:0 0 2px;
}
.hotProducts .head a:link, .hotProducts .head a:visited {
	color:#000;
}
.hotProducts .head a:hover, .hotProducts .head a:active {
	color:#008080;
	text-decoration:none;
}

/**********/
.hotProducts .contentOuter {
	border:1px solid #e7e7e7;
	padding:5px;
	background:#e8fefe;
}
.hotProducts .name {
	
}
.hotProducts .pic {
	text-align:center;
}
.hotProducts .pic img {
	margin:5px auto;
	border:2px dotted #0cc;
	border-style:dotted;
}
.hotProducts .code {
	font-size:0.9em;
}

/********** FOOTER STYLES **********/
.footer {
	background:url(images/spacer.gif) repeat-x top;
	margin:0 7px 0 8px;
	padding:25px 15px 0;
	font-size:0.9em;
}
.botGenLinks {
	text-align:center;
	margin:0 0 10px;
}
.botGenLinks a:link, .botGenLinks a:visited {
	color:#000;
	text-decoration:underline;
}
.botGenLinks a:hover, .botGenLinks a:active {
	color:#008080;
	text-decoration:none;
}

/*********/
.botProLinks {
	text-align:center;
	line-height:1.5em;
	margin:0 0 10px;
	padding:5px;
	border:2px dashed #999;
	border-width:1px 0;
	font-weight:bold;
}
.botProLinks a:hover, .botProLinks a:active {
	text-decoration:none;
}
.copyright {
	background:#008080;
	color:#ddd;
	line-height:20px;
	text-align:center;
	padding:5px;
}
.copyright a:link, .copyright a:visited {
	color:#eee;
	text-decoration:underline;
}
.copyright a:hover, .copyright a:active {
	color:#fff;
	text-decoration:none;
}




/********** INNER PAGES STYLES **********/
.pageHead {
	background:url(images/spacer.gif) repeat-x bottom;
	padding:0 0 5px 2px;
	color:#008080;
	font-family:"Arial Narrow";
}
.pageHead h1, .pageHead span {
	font-size:1.8em;
	font-weight:normal;
}
.tree {
	font-size:11px;
	margin:0 0 15px;
	padding:0 5px;
	color:#999;
}
.tree img {
	vertical-align:middle;
	margin:0 2px 0 7px;
}
.tree a:link, .tree a:visited {
	text-decoration:underline;
	color:#999;
}
.tree a:hover, .tree a:active {
	text-decoration:none;
}

/********** FORM TABLE **********/
.formTable {
	border:1px solid #008080;
	background:#e8fefe;
}
.formTable td, .formTable th {
	border:1px solid #fff;
	padding:2px;
	color:#000;
}
.formTable .headHr {
	background:#9ee9e9;
	padding:3px;
}
.formTable .headVr {
	background:#c9ffff;
	padding:3px;
}
.formTable .bottom {
	border-top:5px solid #9ee9e9;
	background:#c9ffff;
}
.plus-minus {
	background:transparent;
	border:0px;
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	height:18px;
	width:18px;
}
.formTable .bdrNone, .formTable .bdrNone td, .formTable .bdrNone th {
	border:none;
}
.highlight {
	background:#f7f7f7;
	border:1px solid #ccc;
	padding:5px;
}

/********** PRODUCTS STYLES **********/
.productType01 {
	border-bottom:4px solid #ccc;
}
.productType01 .head {
	border-bottom:2px solid #008080;
	border-left:10px solid #008080;
	font-weight:bold;
	font-size:1.1em;
	font-weight:bold;
	color:#008080;
}
.productType01 .head a:hover, .productType01 .head a:active {
	text-decoration:none;
}
.highlighted {
	color:#f00;
}

/**********  **********/
.productType02 {
	padding:10px 20px 5px;
	vertical-align:top;
	border-bottom:5px solid #ccc;
}
.productType02 .head {
	border-bottom:1px solid #008080;
	font-weight:bold;
	margin:0 0 10px;
	font-size:1.1em;
}
.productType02 .head a:hover, .productType02 .head a:active {
	text-decoration:none;
}
.productType02 .desc {
	
}
.productType02 .desc strong {
	color:#f00;
	margin:0 10px 0 0;
}

/**********/
.productType02 .desc02 {
	border-top:1px solid #008080;
	padding:5px 0;
}
.productType02 .desc02 strong {
	color:#f00;
	margin:0 10px 0 0;
}
.productType02 .pic {
	
}
.productType02 .pic img {
	border:1px solid #008080;
	margin:10px auto;
}
.productType02 .details {
	font-weight:bold;
	font-size:0.9em;
}
.productType02 .details02 {
	font-weight:bold;
	margin:0 0 5px;
	text-align:center;
	font-size:0.9em;
}
.imgBorder {
	border:1px solid #0cc;
}
/**********/
.paging {
	border:1px solid #999;
	border-width:1px 0;
	margin:20px 0;
	background:#f7f7f7;
	font-size:0.9em;
}

.selAndClick {
	background:#f7f7f7;
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
}
.selAndClick input {
	vertical-align:middle;
	border:2px solid #fff;
}
