@import "skinDesignerCSS.css";

/* CSS Document */

/* base css start*/
body { margin:0px; }
.bodyTag { background:#ffffff url(images/bg-img1.gif) left top repeat;}
.maintable { width:780px; background-color:#ffffff;}
.maintable td {font-family:A {COLOR: #FF0000;}

/* base css end*/

/* header css start*/
.header {BACKGROUND-COLOR: #FFFFFF;BORDER-BOTTOM:  #ffffff 1px;}
.sitetitlefont {font-size:22px; font-weight: 100; color:#424242;}
.slogantext {font-size:16px; font-weight: 200; color:#424242; }
.imgborder {}
/* header css end*/

/* footer css start*/
table.footer { border-top:#232323 solid 2px;}
.footer td{padding:3px; background:#ffffff; color:#242424;}
.footer a:link {COLOR: #FF0000;}
.footer a:visited {COLOR: #FF0000;}
.footer a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;}
/* footer css end*/

/* navigation css start*/
.menubg {COLOR: #FF0000;BACKGROUND-COLOR: #ffffff;BORDER-TOP:  #ffffff 1px;}

table.linkmenu {COLOR: #FF0000;BACKGROUND-COLOR: #ffffff; HEIGHT: 17px;}
.linkmenu td{ color:#424242; text-align:center; border-right:#ffffff solid 1px;  height:17px; padding:4px 15px 4px 15px;}
.linkmenu a:link {COLOR: #FF0000;}
.linkmenu a:visited {COLOR: #FF0000;}
.linkmenu a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;}

.overmenu {COLOR: #424242;BACKGROUND-COLOR: #ffffff;BORDER-BOTTOM:  #ffffff 1px; DISPLAY: block; HEIGHT: 20px;}
.overmenu a:link {COLOR: #FF0000;BACKGROUND-COLOR: #ffffff;PADDING-RIGHT: 5px; DISPLAY: block; HEIGHT: 20px;}
.overmenu a:visited {COLOR: #FF0000;BACKGROUND-COLOR: #ffffff;PADDING-RIGHT: 5px; DISPLAY: block; HEIGHT: 20px;}
.overmenu a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;BACKGROUND-COLOR: #ffffff;PADDING-RIGHT: 5px; DISPLAY: block; HEIGHT: 20px;}
/* navigation css end*/

/*leftside css start*/
.leftback1 {background-color:#ffffff;}
.leftback { border-right:#ffffff solid 1px; background-color:#ffffff;  color:#000000; padding:3px;}
.leftback td{ color:#000000;padding:2px;}
.leftback td table td { color:#000000;padding:2px;}
.leftback a:link {COLOR: #FF0000;}
.leftback a:visited {COLOR: #FF0000;}
.leftback a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;}
/*leftside css end*/

/*rightside css start*/
.rightback { background-color:#ffffff;  color:#424242; padding:3px;}
.rightback td{ color:#424242;}
.rightback a:link {COLOR: #FF0000;}
.rightback a:visited {COLOR: #FF0000;}
.rightback a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;}
/*right side css end*/

/*copyrights css start*/
.copyrights {font-size:11px; font-family:Arial;}
.copyrights a:link {FONT-SIZE: 11px;COLOR: #FF0000;}
.copyrights a:visited {FONT-SIZE: 11px;COLOR: #FF0000;}
.copyrights a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 11px;COLOR: #FF0000;}
/*copyrights css end*/

/* basic css start*/
A { COLOR:#424242; TEXT-DECORATION: none;}
A:link {COLOR: #FF0000;}
A:visited {COLOR: #FF0000;}
A:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;}

td, p, span, div{ color:#424242;}

hr {padding-right:5px; padding-left:5px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input,textarea{color:#424242; border:1px solid #424242;}
table.checkbox td input{ background-color:transparent; border: 0px; }
/* basic css end*/

/* general css start */
/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {FONT-SIZE: 18px;COLOR: #999999;BORDER-RIGHT:  #424242 0px solid;PADDING-RIGHT: 3px;}
H1 a:link {FONT-SIZE: 18px;COLOR: #ff0000;BORDER-RIGHT:  #424242 0px solid;PADDING-RIGHT: 3px;}
H1 a:visited {FONT-SIZE: 18px;COLOR: #FF0000;BORDER-RIGHT:  #424242 0px solid;PADDING-RIGHT: 3px;}
H1 a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 18px;COLOR: #FF0000;BORDER-RIGHT:  #424242 0px solid;PADDING-RIGHT: 3px;} 
/*use this for header (page title)*/


H2 {font-size:12px; font-weight:normal; color:#424242; margin:0px; padding:0px; display:inline;}
H2 a:link {FONT-SIZE: 12px;COLOR: #FF0000;}
H2 a:visited {FONT-SIZE: 12px;COLOR: #FF0000;}
H2 a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 12px;COLOR: #FF0000;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {FONT-SIZE: 14px;COLOR: #000000;PADDING-RIGHT: 2px;}
H3 a:link {FONT-SIZE: 14px;COLOR: #FF0000;PADDING-RIGHT: 2px;}
H3 a:visited {FONT-SIZE: 14px;COLOR: #FF0000;PADDING-RIGHT: 2px;}
H3 a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 14px;COLOR: #FF0000;PADDING-RIGHT: 2px;}
/*use this for small-title */

H4 {TEXT-TRANSFORM: uppercase;FONT-SIZE: 12px;COLOR: #424242;}
h4 a:link {TEXT-TRANSFORM: uppercase;FONT-SIZE: 12px;COLOR: #FF0000;}
h4 a:visited {TEXT-TRANSFORM: uppercase;FONT-SIZE: 12px;COLOR: #FF0000;}
h4 a:hover {TEXT-DECORATION: underline  ;TEXT-TRANSFORM: uppercase;FONT-SIZE: 12px;COLOR: #FF0000;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {FONT-SIZE: 14px;COLOR: #424242;}
h5 a:link {FONT-SIZE: 14px;COLOR: #FF0000;}
h5 a:visited {FONT-SIZE: 14px;COLOR: #FF0000;}
h5 a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 14px;COLOR: #FF0000;}

/*use this for bold small title (no special identification)*/


H6 {font-size:9px; font-weight:normal; font-style:normal; color:#424242; margin:0px; }
h6 a:link {FONT-SIZE: 9px;COLOR: #FF0000;}
h6 a:visited {FONT-SIZE: 9px;COLOR: #FF0000;}
h6 a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 9px;COLOR: #FF0000;}

/* here I used it for small italic or very small notes*/

/* These classes will apply at several standard places (like error message, in case if you don't want border (image link) information block etc.) default classes in each CSS*/

.error {color:#ff0000; font-weight:bold;}
.error a:link{color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:visited {color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:hover {TEXT-DECORATION: underline  ;FONT-WEIGHT: bold;COLOR: #ff0000;}

.button {FONT-SIZE: 11px;COLOR: #000000;BACKGROUND-COLOR: #C0C0C0;BORDER-RIGHT:  #000000 1px solid;PADDING-RIGHT: 5px; HEIGHT: 21px;}


.noborder {border:0px;}
.noborder a:link {COLOR: #FF0000;BORDER-RIGHT: 0px;BORDER-TOP: 0px;BORDER-LEFT: 0px;BORDER-BOTTOM: 0px;}
.noborder a:visited {COLOR: #FF0000;BORDER-RIGHT: 0px;BORDER-TOP: 0px;BORDER-LEFT: 0px;BORDER-BOTTOM: 0px;}
.noborder a:hover {TEXT-DECORATION: underline  ;COLOR: #FF0000;BORDER-RIGHT: 0px;BORDER-TOP: 0px;BORDER-LEFT: 0px;BORDER-BOTTOM: 0px;}

.information {background-color:#ffffff; border:1px solid #424242; padding:3px;}

.breadcrumb {color:#424242;} 
.breadcrumb a:link {COLOR: #FF0000;}
.breadcrumb a:visited {COLOR: #FF0000;}
.breadcrumb a:hover {TEXT-DECORATION: underline  ;COLOR: #ff0000;}

.highlighted-row {background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row table {border:1px solid #ffffff; background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row table td table{border:0px solid#ffffff; background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row a:link {COLOR: #FF0000;}
.highlighted-row a:visited {COLOR: #000000;}
.highlighted-row a:hover {color:#ff0000; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color:#cccccc; padding: 4px; color:#424242}
.highlighted-row1 table {border:1px solid #ffffff; background-color:#cccccc; padding: 4px; color:#424242}
.highlighted-row1 table td table{border:0px solid #ffffff; background-color:#cccccc;  padding: 4px; color:#424242}
.highlighted-row1 a:link {COLOR: #FF0000;}
.highlighted-row1 a:visited {COLOR: #FF0000;}
.highlighted-row1 a:hover {color:#ff0000; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row2 {border:1px solid #ffffff ;background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row2 table td table{border:0px solid #ffffff; background-color:#f5f5f5; padding: 4px; color:#424242;}
.highlighted-row2 a:link {COLOR: #FF0000;}
.highlighted-row2 a:visited {COLOR: #FF0000;}
.highlighted-row2 a:hover {color:#ff0000; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color:#cccccc; padding: 4px; color:#424242;}
.highlighted-row3 {border:1px solid #ffffff; background-color:#cccccc; padding: 4px; color:#424242;}
.highlighted-row3 table td table{border:0px solid #ffffff; background-color:#cccccc; padding: 4px; color:#424242;}
.highlighted-row3 a:link {COLOR: #FF0000;}
.highlighted-row3 a:visited {COLOR: #FF0000;}
.highlighted-row3 a:hover {color:#ff0000; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #232323; padding:3px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#efefef; font-weight:bold;}

.pagelist {}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {FONT-SIZE: 12px;COLOR: #FF0000;}
.pagelist table td a:visited {FONT-SIZE: 12px;COLOR: #FF0000;}
.pagelist table td a:hover {TEXT-DECORATION: underline  ;FONT-SIZE: 12px;COLOR: #ff0000;}

.pagelist p {color:#424242}
.pagelist p a:link {COLOR: #FF0000;}
.pagelist p a:active {COLOR: #FF0000;}
.pagelist p a:hover {TEXT-DECORATION: underline  ;COLOR: #ff0000;}


table .alt-lines {FONT-SIZE: 12px;BACKGROUND-COLOR: #f5f5f5;}
table .alt-lines .alt-lineschange1 {background-color:#cccccc; padding:2px; border:1px solid #424242;}
table .alt-lines {background-color:#f5f5f5; padding:2px; font-weight:bold; font-size:12px;}
table .alt-lines .alt-linechange2 {background-color:#f5f5f5; color:#424242; font-weight:normal;}


table.tablewithheader  {border:1px solid #424242; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #424242; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #424242; border-collapse:collapse; padding:3px; background-color:#ffffff; color:#424242; font-size:12px;}
.tablewithheader a:link {COLOR: #FF0000;}
.tablewithheader a:visited {COLOR: #FF0000;}
.tablewithheader a:hover {TEXT-DECORATION: underline  ;COLOR: #ff0000;}

.imgna {TEXT-TRANSFORM: uppercase;TEXT-ALIGN: center;BACKGROUND-COLOR: #FFFFFF; HEIGHT: 100px; WIDTH: 100px;}
.imgna td a:link {COLOR: #FF0000;}
.imgna td a:visited {COLOR: #FF0000;}
.imgna td a:hover {TEXT-DECORATION: underline  ;COLOR: #ff0000;}


.textbold {font-size:11px; font-weight: bolder;}
.textsmall {font-size:10px;}
.txtprice {COLOR: #000000;}

.logintab {background-color:#f5f5f5; padding: 4px; color:#424242;}
.logintab table {border:1px solid #ffffff ;background-color:#f5f5f5; padding: 4px;}
.logintab th {background-color:#f5f5f5;}
.logintab table td table{background-color:#f5f5f5;  padding: 4px;}
.logintab a:link {COLOR: #FF0000;}
.logintab a:visited {COLOR: #FF0000;}
.logintab a:hover {color:#ff0000; text-decoration:underline; font-weight:normal;}

.fntwhitebold {font-size:11px; font-weight: bold;	color: #FFFFFF;}

table.invocetab  {border:1px solid #424242; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #424242; border-collapse:collapse; padding:3px;}


table.bluetable  {border:1px solid #424242; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #424242; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #424242; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #424242; border-collapse:collapse; padding:2px; height:20px; background-color:#ffffff; color:#424242; font-size:10px; text-transform:uppercase;}
.bluetable a:link {color:#424242; font-weight:normal;}
.bluetable a:visited{color:#424242; font-weight:normal;}
.bluetable a:hover {color:#ff0000; font-weight:normal;}

.mid {padding:4px;}

.fontwhite {color:#FFFFFF;}

.bdrmain { background:#ffffff;}

table.topicons { padding:2px;}
.topicons td{ text-align:center; padding:5px;}
.topicons td.last{ text-align:center; padding:5px;}

.titlefont {FONT-SIZE: 18px;COLOR: #999999; HEIGHT: 25px;}

table.box { }
.box th{ padding:2px; color:#424242; background:#ffffff; height:20px;}
.box td{ padding:2px; background:#ffffff;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#424242; background:#ffffff; text-align:left; border-bottom:1px solid #424242; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#ffffff; }
/*general css end*/

ul { margin:0px; padding-left:25px; margin:0px; list-style-type:inherit; line-height:12px; }
li { margin:9px 0px; }

.topbg{ background:url(images/top-bg.jpg) right top no-repeat; height:30px;   font-size:16px; font-weight:600;  padding:3px; text-align:right;}
.graybg{ background-color:#ffffff; color:#424242;}
.sepratorbg {BACKGROUND-COLOR: #C0C0C0;BORDER-TOP:  #ffffff 1px;}           /* ---- ---- ---- ---- ---- ---- */