/* Global Class */
html, body {height:100%;}
body {margin:0px; background:url(../images/canvasbg.gif) repeat-x top #55B5FC;} 
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;}

h1{font-size:24px; background:url(../images/hdbg1.gif) repeat-x; text-transform:uppercase; font-family:Impact; height:36px; color:#6F6F6F; margin:0 0 0 0; padding:5px 0 0 10px; font-weight:normal;}
h2{font-size:30px; color:#EB9C1A; font-family:Impact; text-transform:uppercase; background:url(../images/xrep.gif) repeat-x; border:1px solid #FDF2D5; height:55px; margin:0 0 0 0; padding:10px 0 0 15px;}
h4{font-size:20px; color:#1D5894; margin:0 0 0 0; padding:0 0 0 10px;}
h3{font-size:18px; color:#333333; background:url(../images/dthd.gif) repeat-x bottom #ffffff; height:30px; margin:0 0 0 0; padding:10px 0 0 15px;}
hr{color:#999999; height:1px; padding:0px;}

.p10{padding:10px; background-color:#EAF7FF;}
.p5{padding:5px;}
.pl10{padding:10px;}
.pr10{color:#0679D1; font-weight:bold;}
.pt10{background-color:#D7EDFF; height:37px;}
.pb10{padding-bottom:10px;}


.xline {border-top:1px #DFDFDF solid; height:1px;}
.yline {border-left:1px #DFDFDF 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:#C7331C; font-weight:bold; font-size:20px;}
.error, .errmsg, .errormsg {color:#FF0000; font-weight:bold;}
.borderb{ background-color:#EBF6FF; border:1px solid #D4EAFB;}

/*Site width handle */
.maintable {width:950px;}
.mainborder{background:url(../images/mainbg.gif) repeat-x top #158FED; padding:9px;}

/* Top Section */
.topsection {width:100%; vertical-align:top; height:130px;}
.topsection b{font-weight:bold; font-size:14px; color:#D22E15;}
.topsection a{color:#0679D1; text-decoration:none; font-weight:bold;}
.topsection a:hover {color:#000000; text-decoration:none;}
a.toplink:link, a.toplink:visited, a.toplink:active {color:#ffffff; font-family:Trebuchet MS; font-size:16px; text-decoration:none; font-weight:bold;}
a.toplink:hover {color:#eeeeee; text-decoration:none;}

/* Left Section */
.leftsection {width:200px; vertical-align:top; background-color:#ffffff; padding-top:8px; border-right:1px solid #1992EE;}
.leftsection b{font-weight:bold; color:#ffffff; font-size:14px;}
.leftsection a{color:#000000; text-decoration:underline; font-weight:normal;}
.leftsection a:hover {color:#666666; text-decoration:none;}

.leftsection1 ul{padding:0px; margin:5px 10px 10px 10px; list-style:none;}
.leftsection1 li{padding:4px 0px 4px 25px; margin:0px; background:url(../images/leftbullet.gif) no-repeat; border-bottom:1px dotted #cccccc;}
.leftsection1 li a{color:#0678D0; text-decoration:none; font-weight:bold;}
.leftsection1 li a:hover {color:#000000; text-decoration:none;}

.leftsection .hd{text-transform:uppercase; font-weight:bold; height:38px; font-size:14px; padding-left:10px; background:url(../images/hdbg.gif) repeat-x; color:#6a6a6a;}
.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;}

.deal-box{background:url(../images/deal-of-day.gif) no-repeat top;}
.deal-box td{color:#fff;}
.deal-box a{text-decoration:none; color:#fff;}
.deal-box a:hover{text-decoration:none; color:#ceeaff}
.deal-box b{ color:#f1cb5c; font-weight: normal;}

/* Middle Section */
.middlesection { vertical-align:top; background-color:#ffffff;/* border:6px solid #ffffff;*/}
.middlesection b{font-weight:bold; font-size:12px; color:#3DB8B8;}
.middlesection a{color:#000000; text-decoration:underline; font-weight:normal;}
.middlesection a:hover {color:#666666; text-decoration:none;}

.middlesection ul{padding:0px; margin:5px 10px 10px 20px; list-style:none;}
.middlesection li{padding:4px 0px 4px 10px; margin:0px; background:url(../images/midbullet.gif) no-repeat top left;}
.middlesection li a{color:#0678D0; text-decoration:none; font-weight:bold;}
.middlesection li a:hover {color:#000000; text-decoration:none;}

/* Navigation Class */
a.midbutton{background: transparent url(../images/tableftI.gif) no-repeat top left; display:block; float:left; font-size:16px; line-height: 14px; height:35px; padding-left:5px; text-decoration:none;  margin-right:0px; color:#ffffff; text-transform:uppercase;}
a:link.midbutton, a:visited.midbutton, a:active.midbutton{ color:#ffffff; text-decoration: none; text-transform:uppercase;}
a.midbutton span{background: transparent url(../images/tabrightI.gif) no-repeat top right; display:block; padding:11px 56px 10px 56px; text-decoration:none; font-weight:bold;}
a.midbutton:hover{ background-position: bottom left; text-transform:uppercase;}
a.midbutton:hover span{ background-position: bottom right; color:#ffffff; text-transform:uppercase;}

a.midbuttonup{background: transparent url(../images/tableftIon.gif) no-repeat top left; display:block; float:left; font-size:16px; line-height: 14px; height:35px; padding-left:5px; text-decoration:none;  margin-right:0px; color:#ffffff; text-transform:uppercase;}
a:link.midbuttonup, a:visited.midbuttonup, a:active.midbuttonup{ color:#ffffff; text-decoration: none; text-transform:uppercase;}
a.midbuttonup span{background: transparent url(../images/tabrightIon.gif) no-repeat top right; display:block; padding:11px 56px 10px 56px; text-decoration:none; font-weight:bold;}
a.midbuttonup:hover{ background-position: bottom left; text-transform:uppercase;}
a.midbuttonup:hover span{ background-position: bottom right; color:#ffffff; text-transform:uppercase;}



/* bottom Section */
.bottomsection {vertical-align:top; background-color:#3B3C40;}
.bottomsection td{color:#ffffff;}
.bottomsection b{font-weight:bold; color:#158FED; font-size:15px;}
.bottomsection a{color:#ffffff; text-decoration:none; font-weight:normal;}
.bottomsection a:hover {color:#eeeeee; text-decoration:none; font-weight:normal;}

.bottomsection ul{padding:0px; margin:5px 0px 10px 5px; list-style:none; font-size:11px;}
.bottomsection li{padding:0px 0px 0px 10px; margin:0px; font-size:11px; line-height:18px; background:url(../images/botbullet.gif) no-repeat;}
.bottomsection li a{color:#DFDFDF; text-decoration:none; font-size:11px;}
.bottomsection li a:hover {color:#ffffff; text-decoration:none;}

/* link Class */
.more{padding:10px 18px 3px 5px; margin:0px; background:url(../images/more.gif) no-repeat right top; display:block; height:20px;}
a.more {color:#1D8BDE; text-decoration:none; text-transform:uppercase; font-weight:bold;}
a.more:hover {color:#000000; text-decoration:none;}

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

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

/* prodcut related Class */
.thumb{width:auto; height:auto;}
.middthumb{width:auto; border:1px solid #666666; height:auto;}
a.prname:link, a.prname:visited, a.prname:active{color:#565656; text-decoration:none; font-weight:bold;}
a.prname:hover{color:#000000; text-decoration:none;}
.productbox{width:95%;}
.rprice{text-decoration:line-through; font-weight:normal; color:#ff0000;}
.gprice{font-weight:bold; color:#21A94D;}
.deal-probox{border:1px solid #bfd5e7;}

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

/* button Class */
a.ovalbutton{background: transparent url(../images/oval-blue-left.gif) no-repeat top left; display: block; float:left;font: normal 12px; line-height: 14px; height:20px; padding-left:7px; text-decoration: none;  margin-right:3px; font-weight:bold; text-transform:uppercase;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #ffffff;}
a.ovalbutton span{background: transparent url(../images/oval-blue-right.gif) no-repeat top right; display: block; padding:3px 7px 3px 0; }
a.ovalbutton:hover{ background-position: bottom left;}
a.ovalbutton:hover span{ background-position: bottom right; color:#eeeeee;}

/* Paging Class */
.pagination{padding:0px;}
.pagination ul{margin:0; padding:0px; 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:1px 5px 0px 5px; border:1px solid #7FC6FF; text-decoration:none; color:#6F6F6F;}
.pagination a:hover,.pagination a:active{border:1px solid #cccccc; color: #0678D0; background-color:#fffff;}

.pagination a.currentpage{background-color:#49AEFF; color:#ffffff !important; border-color:#7FC6FF; font-weight:bold; cursor:default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color:white; cursor:default; color:#929292; border-color: #929292; font-weight:normal !important;}
.pagination a.prevnext{font-weight: bold;}

/* Static Pages */
.staticpg ul{padding:0px; margin:0px; list-style:none;}
.staticpg li{padding:3px 3px 3px 10px; margin:0px; background:url(../images/middarrow.gif) no-repeat left;}
.staticpg li a{color:#006699; text-decoration:underline; font-weight:normal;}
.staticpg li a:hover {color:#000000; text-decoration:none;}

.tab a, .tabselect a:hover{ background:#696b6a; height:29px; text-align:center; line-height:29px; font-size:12px; font-weight:bold; text-decoration:none; width:120px; color:#FFFFFF; border:1px solid #999999; display:block; border-bottom:0px; margin-right:3px;}
.tab a:hover, .tabselect a{background:#fff; color:#696b6a; height:29px; margin-right:3px; text-align:center; line-height:29px; font-size:12px; font-weight:bold; text-decoration:none; width:120px; border:1px solid #999999; display:block; border-bottom:0px;}

.brandbox{width:180px; height:80px; background:#FFFFFF;} 
.brandname span {color:#006699; text-decoration:none; font-weight:bold; width:180px; height:25px; display:block;  background:url(../images/brandname.gif) no-repeat left #eaf7ff; padding:10px 15px 0px 25px; text-transform:uppercase; font-size:13px;}
.brandname span:hover {color:#000000; text-decoration:none;  background:url(../images/brandname.gif) no-repeat left #f1f1f1; padding:10px 15px 0px 25px;}
.brandname span a, a:hover{text-decoration:none; font-weight:bold;} 

/* Site Structure END shopping cart Sections*/
.border{border:1px solid #E1E1E1;}
.blackborder{border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;}
.allborder {background:#E0E1D4;}
.tableheader td{background:#9c9c9c; 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:#ffffff; padding:5px;}
.lightbg a{text-decoration:underline; color:#666666; font-weight:normal;}
.lightbg a:hover {text-decoration:none; font-weight:normal; color:#333333;}
.darkbg td{ background:#f1f1f1; padding:3px;}

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

a.maheading:link, a.maheading:visited, a.maheading:active{color:#006EB9; font-weight:normal; text-transform:uppercase; font-family:Impact; font-size:18px; text-decoration:none;}
a.maheading:hover {color:#000000; text-decoration:none; font-weight:normal;}

.graybg{background-color:#DFDFDF;}

a.acclink-top:link, a.acclink-top:visited, a.acclink-top:active{color:#006EB9; font-weight:normal; font-size:12px; text-decoration:none;}
a.acclink-top:hover {color:#000000; text-decoration:none; font-weight:normal;}

.statictxt b{font-weight:bold; font-size:14px; color:#D22E15;}
.statictxt a{color:#0679D1; text-decoration:none; font-weight:bold;}
.statictxt a:hover {color:#000000; text-decoration:none;font-weight:bold}