/* Global Class */
html, body {height:100%;}
body {margin:0px; background: url(../images/main-bg.gif) no-repeat center top #9B9B9B;}
table {font-size:12px; color:#666666; font-family:Arial, Tahoma, Helvetica, Verdana; text-align:left;}
img{border:0px;}
input, select, textarea{ font-size:11px; border:1px solid #CCCCCC;}
form {margin:0px; padding:0px;}

.input{ font-size:11px; border:1px solid #CCCCCC; /*background-color:#CACACA;*/}
/*a:link, a:visited, a:active{color:#333333; text-decoration:underline; font-weight:normal;}
a:hover {color:#000000; text-decoration:underline;}
*/
h1{font-size:22px; color:#fff; background:#A1A1A1; line-height:35px; height:35px; margin:20px 15px 0 15px; padding:0px 0 0px 10px;}
h2{font-size:18px; color:#fff; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0;}
h3{font-size:24px; color:#222; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}
h4{font-size:16px; color:#5D5B5B; margin:0 0 0 0; padding:4px 0px 10px 30px;}
h5{font-size:18px; color:#fff; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}

hr{color:#999999; height:1px; padding:0px;}

.p10{padding:10px;}
.p5{padding:5px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.whitetxt{color:#ffffff;}
.img-b{border:2px solid #666666;}
.img-s{border:2px solid  #4787E7;}

.xline {border-top:1px #858585 solid;}
.yline {border-left:1px #C4C4C4 solid;}
.noborder {border:0px none; padding:0px;}
.h100{height:100%; vertical-align:top;}
.taj{text-align:justify;}
.tsm{font-size:11px;}
.price{ color:#ff0000; font-weight:bold;}
.priceb{ color:#ff0000; font-size:16px; font-weight:bold;}
.error, .errmsg, .errormsg {color:#ff0000; font-weight:bold;}

/*Site width handle */
.maintable {width:970px; }

/* Top Section */
.topsection {vertical-align:top; background:#f5f5f5;}
.topsection strong{font-weight:bold; font-size:12px; color:#006699;}
.topsection a{color:#000000; text-decoration:underline; font-weight:normal;}
.topsection a:hover {color:#666666; text-decoration:none;}
.toplink{ color:f1f1f1; padding:7px;}
.toplink a{ color:f1f1f1; text-decoration:none; padding-left:2px; padding-right:2px;}
.toplink a:hover{ color:f1f1f1; text-decoration:underline;}

/* Left Section */
.leftsection {width:169px; vertical-align:top; background:#676767; border-left:#c5c5c5 7px solid;}
.leftsection td{ color:#ffffff;}

a.leftlink:link, a.leftlink:visited, a.leftlink:active {color:#ffffff; text-decoration:none; font-weight:normal; padding-left:12px;}
a.leftlink:hover {color:#DFDEDE; text-decoration: none;}

.leftsection ul{padding:0px; margin:5px 10px 10px 12px; border-bottom:0px #474747 solid; list-style:none; }
.leftsection li{padding:5px 0px 5px 12px; margin:0px; border-bottom:1px solid #858585; background:url(../images/leftbullet.gif) no-repeat left 10px; text-align:left;}
.leftsection ul .NonSelected{padding:5px 0px 5px 12px; margin:0px; border-bottom:1px solid #858585; background:url(../images/leftbullet.gif) no-repeat left 10px; text-align:left;}
.leftsection ul .Selected{padding:5px 0px 5px 12px; margin:0px; font-weight:bold !important; background-color:#3B3B3B; background-image:none;border-bottom:1px solid #000000; text-align:left;}
.leftsection li .selectedLink{color:#ffffff; text-decoration:none; font-weight:normal; text-align:center;}
.leftsection li .selectedLink strong{color:#ffffff; text-decoration:none; font-weight:bold;}
.leftsection li .selectedLink:hover strong{color:#DFDEDE; text-decoration:none; font-weight:bold;}
.leftsection li .selectedLink:hover {color:#DFDEDE; text-decoration:none;}
.leftsection li .NonselectedLink{color:#ffffff; text-decoration:none; font-weight:normal; text-align:center;}
.leftsection li .NonselectedLink strong{color:#ffffff; text-decoration:none; font-weight:bold;}
.leftsection li .NonselectedLink:hover strong{color:#DFDEDE; text-decoration:none; font-weight:bold;}
.leftsection li .NonselectedLink:hover {color:#DFDEDE; text-decoration:none;}

.leftsection li a{color:#ffffff; text-decoration:none; font-weight:normal; text-align:center;}
.leftsection li a strong{color:#ffffff; text-decoration:none; font-weight:bold;}
.leftsection li a:hover strong{color:#DFDEDE; text-decoration:none; font-weight:bold;}
.leftsection li a:hover {color:#DFDEDE; text-decoration:none;}

.leftsection .hd{font-weight:bold; font-family:Trebuchet MS; padding:8px 0px 8px 12px; background:url(../images/hdbg.gif) repeat-x; font-size:12px; font-size:18px; color:#FFFFFF;}
.leftsection .hd a{background-color:#666666; color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.leftsection .hd a:hover {background-color:#666666; color:#FFFFFF; text-decoration:none;}

/* Middle Section */
.middlesection { vertical-align:top; color:#000000;}
.middlesection td{ color:#222;}
.middlesection strong{font-weight:bold; font-size:12px; color:#000000;}
.middlesection b{color:#ffffff; font-weight:bold; text-decoration:none;}

.middlesection a{color:#222; text-decoration: underline; font-weight:normal;}
.middlesection a:hover {color:#222; text-decoration:none;}

/* bottom Section */
.bottomsection td {color:#ffffff;}
.bottomsection b{ font-family:Trebuchet MS; font-size:18px; color:#dddada; font-weight:normal;}
.bottomsection span{ font-weight: normal; font-size:12px; color:#b2b2b2;}
.bottomsection a{color:#dddada; text-decoration:none; font-weight:normal; padding:0 3px 0 3px;}
.bottomsection a:hover {color:#fff; text-decoration:underline;}


/* link Class */
.more{padding:3px 8px 3px 3px; margin:0px; background:url(../images/middarrow.gif) no-repeat right;}
a.more {color:#006699; text-decoration:underline; font-weight:normal;}
a.more:hover {color:#000000; text-decoration:none;}

a.normallink:link, a.normallink:visited, a.normallink:active {color:#ff8000; text-decoration:underline; font-weight:normal;}
a.normallink:hover {color:#E0B64D; text-decoration: underline;}

a.productlink:link, a.productlink:visited, a.productlink:active {color:#ffffff; text-decoration:underline; font-weight:normal;}
a.productlink:hover {color:#ffffff; text-decoration:none;}

.qualdev{font-size:10px;}
a.qualdev:link, a.qualdev:visited, a.qualdev:active {color:#fff; font-size:10px; text-decoration:none; font-weight:normal;}
a.qualdev:hover {color:#fff;  text-decoration:underline;}

/* prodcut related Class */
.thumb{width:auto; border:1px solid #666666; height:auto;}
.middthumb{width:250px; border:1px solid #666666; height:auto;}
.prname{color:#000000;}
a.prname:link, a.prname:visited, a.prname:active{color:#000000; text-decoration:none; font-weight:normal;}
a.prname:hover{color:#666666; text-decoration:none;}
.prname1{color:#666666;}
.prname1 a{color:#666666; text-decoration:none;}
.prname1 a:hover{color:#666666; text-decoration:none;}
.prname1 a.selected{color:#4787E7; font-weight:bold; text-decoration:none;}

.productbox{width:auto;}
.rprice{text-decoration:line-through;}

/* Breadcrumb Links */
.breadcrumb{color:#000000; background:#f2f2f2; padding:5px; height:35px; font-weight:bold;}
.breadcrumb a{background:transparent url(../images/breadarrow.gif) no-repeat center right; padding:0 12px 0 5px; color:#4F5153; font-weight:normal; } 
.breadcrumb a:visited, .breadcrumb a:active{color:#4F5153; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover{text-decoration:none;}

/* button Class */
a.ovalbutton{background: transparent url(../images/oval-black-left.gif) no-repeat top left;
display: block; float:left; font-size:11px; font-weight:bold;  /* Change 13px as desired */
line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 20px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #fff; text-transform:uppercase; /*button text color*/}
a.ovalbutton span{background: transparent url(../images/oval-black-right.gif) no-repeat top right; display: block; padding: 0px 11px 0px 0; /*Set 11px below to match value of 'padding-left' value above*/}
a.ovalbutton:hover{ /* Hover state CSS */ text-transform:uppercase; text-decoration:none;}
a.ovalbutton:hover span{ /* Hover state CSS */  color:#e1e1e1; text-decoration:none;}

a.ovalbutton1{background: transparent url(../images/oval-black-left1.gif) no-repeat top left;
display: block; float:left; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 28px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;}

a:link.ovalbutton1, a:visited.ovalbutton1, a:active.ovalbutton1{color: #fff; text-transform:uppercase; font-size:11px; /*button text color*/}
a.ovalbutton1 span{background: transparent url(../images/oval-black-right1.gif) no-repeat top right; display: block; padding: 0px 11px 0px 0; line-height:28px; /*Set 11px below to match value of 'padding-left' value above*/}
a.ovalbutton1:hover{ /* Hover state CSS */  text-decoration:none;}
a.ovalbutton1:hover span{ /* Hover state CSS */  color: e1e1e1; text-decoration:none;}



a.ovalbutton2{background: transparent url(../images/oval-black-left2.gif) no-repeat top left;  font-weight:bold;
display: block; float:left; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 28px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;}

a:link.ovalbutton2, a:visited.ovalbutton2, a:active.ovalbutton2{color: #fff; text-transform:uppercase; font-size:11px;  font-weight:bold; /*button text color*/}
a.ovalbutton2 span{background: transparent url(../images/oval-black-right2.gif) no-repeat top right; display: block; padding: 0px 11px 0px 0; line-height:28px; /*Set 11px below to match value of 'padding-left' value above*/}
a.ovalbutton2:hover{ /* Hover state CSS */  text-decoration:none;}
a.ovalbutton2:hover span{ /* Hover state CSS */  color: e1e1e1; text-decoration:none;}

/* Paging Class */
.pagination td{padding:2px; color:#404040;}
.pagination ul{margin:0;padding:0; text-align: right; /*Set to "right" to right align pagination interface*/}
.pagination li{list-style-type:none; display:inline; padding-bottom:1px;}
.pagination a, .pagination a:visited{padding:0 3px; text-decoration:none; color:#848484;}
.pagination a:hover,.pagination a:active{ color: #000; }

.pagination a.currentpage{ color:#404040 !important; border:1px solid #7F9DB9; padding-right:10px; font-weight:bold; cursor:default;}
.pagination a.disablelink, .pagination a.disablelink:hover{ cursor:default; color:#000000; font-weight:bold !important;}
.pagination a.prevnext{ font-weight: bold; color:#000000;}
.pagination a.prevnext:hover{ font-weight: bold; color:#000000;}

/* Static Pages */
.statictxt{font-size:12px;  font-weight:normal; font-family:Arial; text-align:justify; line-height:16px;}
.statictxt td{color:#222;}
.statictxt b{font-family:Arial; color:#494949; font-weight:bold; text-decoration:none; font-size:12px; text-align:left;}
.statictxt a {font-family:Arial; color:#222; text-decoration:underline; font-size:12px;}
.statictxt a:hover {color:#000; text-decoration:none;}

.statictxt ul{padding:0px; margin:0px 0px 0px 20px; list-style:disc;}
.statictxt li{padding:2px 0px 2px 1px; margin:0px;}
.statictxt li a{color:#006699; text-decoration:none; font-weight:normal;}
.statictxt li a:hover {color:#000000; text-decoration:none;}

/* Site Structure END shopping cart Sections*/
.border{border:1px solid #F0DBA8; height:100%}
.allborder {background:#c4c4c4;}
.tableheader td{background:#b1b1b1; color:#ffffff; padding:5px; font-weight:bold;}
.tableheader a{ color:#ffffff; text-decoration:underline; font-weight:bold;}
.tableheader a:hover { color:#ffffff; text-decoration:none;}
.lightbg td{ background:#ebebeb; color:#222; padding:3px 3px 3px 5px;}
.darkbg td{ background:#dfdfdf; padding:3px;}

/* myaccount*/
.malink strong{font-size:12px; color:#222;}
a.malink:link, a.malink:visited, a.malink:active{color:#222; text-decoration:underline;}
a.malink:hover{color:#222; text-decoration:none;}

a.maheading:link, a.maheading:visited, a.maheading:active{color:#222222; text-transform:uppercase; font-size:18px; font-family:arial; text-decoration:none;}
a.maheading:hover {color:#000; text-decoration:none;}

.whitetxt{color:#ffffff;}

.TopLinksBg{background:url(../images/TopCmsLinkBg.jpg) no-repeat right; height:19px; vertical-align:middle; padding-right:10px; font-size:11px; color:#FFFFFF; font-weight:bold;}
.TopLinksBg a:link{color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold;}
.TopLinksBg a:visited{color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold;}
.TopLinksBg a:hover{color:#000000; text-decoration:underline; font-size:11px; font-weight:bold;}
/*
Heading Color = "#000000" (h1)
Sub Heading Color = "#333333" (h2)
highlight message = "#999999" (h4)
normal heading = "#006699" 
normal text color ="#666666"
*/