/* CSS Document */

/* base css start*/
body { margin:0; padding:0; color:#545454}
.bodyTag {background:#f6f6f6 url(images/mainbg.gif) left top repeat-x; margin:0px; padding:0px;}
/* base css end*/

/* header css start*/
.logo A, .logo A:link, .logo A:visited, .logo A:hover {  }
A.sitetitlefont, A:link.sitetitlefont, A:visited.sitetitlefont, A:hover.sitetitlefont {font-family: 'Tangerine', arial, serif;  font-size: 80px; COLOR:#343421;text-decoration:none;line-height:50px;}
.slogantext {font-size:14px; COLOR:#455e57;text-decoration:none; text-transform:uppercase; letter-spacing:2px;line-height:40px; }
.imgborder { border:#666666 solid 1px;}

/* header css end*/

/* footer css start*/
.footer { width:100%; background:url(images/footerbg.gif) repeat-x left top; margin:0 auto; height:222px;}
.footerwrapper{width:980px; margin:0 auto; color:#ffffff;}
.footerwrapper .box1{width:110px; float:left; margin:0 3px 0 0; padding:20px 0 0 0;font-weight:bold;  border-right:solid 1px #034191; height:200px;}
.footerwrapper .box1 a {color:#ffffff; text-decoration:none; font-weight:bold;}
.footerwrapper .box1 a:link {font-weight:bold;color:#ffffff; text-decoration:none; }
.footerwrapper .box1 a:visited{ font-weight:bold;color:#ffffff; text-decoration:none;}
.footerwrapper .box1 a:hover { text-decoration:none;color:#94df67;}

.footerwrapper .box2{width:201px; float:left; margin:0 3px 0 0; border-right:solid 1px #034191; padding:20px 0 0 10px;  height:200px;}
.footerwrapper .box2 a {font-weight:normal;color:#ffffff; text-decoration:none; font-size:11px; line-height:16px;}
.footerwrapper .box2 a:link {font-weight:normal;color:#ffffff; text-decoration:none; }
.footerwrapper .box2 a:visited{ font-weight:normal;color:#ffffff; text-decoration:none;}
.footerwrapper .box2 a:hover { text-decoration:underline;color:#ffffff;}

.bottomwrapper{width:980px; margin:0 auto 10px auto; padding:15px 0 10px 0; color:#383838;}
.footercontact{width:250px; float:left;}
.footersocial{width:150px; float:right; color:#383838; font-size:11px;}
.footersocial img{width:38px; float:left; padding-right:10px; padding-bottom:7px;}

.footerlink{color:#383838; font-size:11px; text-align:right; padding-right:18px;}

/* footer css end*/

/* navigation css start*/
/* navigation css start*/
.navi{width:755px; height:43px; background:url(images/navigationbg.gif) no-repeat left top; margin:0 auto; padding:0 10px 0 10px;}
.navigation {height:43px; width:755px; color:#fffdfd; display:inline;}

/*.navlink a:link, .navlink a:visited{ text-decoration:none; padding:15px 26px 16px 26px; float:left; margin:0px; font-size:12px; color:#ffffff; text-align:center; background:url(images/navidivider.gif) no-repeat right top;vertical-align:middle; font-family: Arial, Helvetica, sans-serif; line-height:normal; }

.navlink a:hover {color:#ffffff; text-decoration:underline; padding:15px 26px 16px 26px; float:left; background: url(images/navibghover.gif) repeat-x left top; text-align:center;}*/

/**/
.navlink a:link, .navlink a:visited{ text-decoration:none; padding:15px 23px 16px; float:left; margin:0px; font-size:12px; color:#ffffff; text-align:center;  background:url(images/navidivider.gif) no-repeat right top;vertical-align:middle; font-family: Arial, Helvetica, sans-serif; line-height:normal; margin:0px;}

.navlink a:hover {color:#b5e3fd; text-decoration:underline; padding:15px 23px 16px; float:left; background: url(images/navibghover.gif) repeat-x left top; margin:0px; text-align:center;}
/**/


.overmenu a:link, .overmenu a:visited {background:none repeat scroll 0 0 #036BCD; border-bottom:1px solid #FFFFFF; color:#FFFFFF; display:block; font-weight:bold; height:25px; min-width:170px; padding:5px; text-align:left; text-decoration:none; width:auto;}
.overmenu a:hover { height:25px; display:block; color:#ffffff; text-decoration:none; font-weight:bold; padding:5px; background:#228bef; width:auto; min-width:170px;}

/* navigation css end*/

/*leftside css start*/
.leftback{padding:0 0 0 0px; width:284px; float:left;}

/*leftside css end*/

.mid{width:680px; float:left; margin:0 0 0 16px;}

/*rightside css start*/
.rightback {background:none; color:#1b1b1b; width:0px; padding-top:0px;}
.rightback td{ color:#1b1b1b;}
.rightback a:link {font-weight:normal;color:#1b1b1b; text-decoration:none; }
.rightback a:visited{ font-weight:normal;color:#1b1b1b; text-decoration:none;}
.rightback a:hover { text-decoration:none;color:#1b1b1b;}
/*right side css end*/

/*copyrights css start*/
.copyrights {color:#343421; font-size:12px;}
.copyrights a:link{color:#343421;}
.copyrights a:visited{ color:#343421;}
.copyrights a:hover{text-decoration:underline;}
/*copyrights css end*/

/* basic css start*/
A {COLOR:#036ccd; text-decoration:none; }
A:link { COLOR:#036ccd; text-decoration: none;}
A:visited { COLOR:#036ccd;text-decoration:none;}
A:hover {COLOR:#5e5e5e;text-decoration: underline;}

td, p, span, div{ color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;} 

img{border:0px;}

hr {padding-right: 5px; padding-left: 5px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input{color:#424242; border:1px solid #576680;  height:20px; padding-top:2px;}
textarea{color:#424242; border:1px solid #576680;  height: auto; padding-top:2px;}
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:24px; font-weight:bold; color:#023390; margin:0px; padding:0px;}
h1 a:link {font-size:24px; font-weight:bold; color:#023390; margin:0px; padding:0px;  text-decoration:none;}
h1 a:visited {font-size:24px; font-weight:bold; color:#023390; margin:0px; padding:0px;  text-decoration:none;}
h1 a:hover {font-size:24px; font-weight:bold; color:#023390; margin:0px; padding:0px;  text-decoration:none;}
/*use this for header (page title)*/

H2 {font-size:22px; font-weight:bold; color:#0362b2;margin:0px; padding:0 0 15px 0; text-transform:none;}
H2 a:link {font-size:22px; font-weight: bold; color:#0362b2;margin:0px;text-decoration:none;}
H2 a:visited {font-size:22px; font-weight:bold; color:#0362b2;margin:0px;text-decoration:none; }
H2 a:hover {font-size:22px;font-weight: bold;color:#0362b2;margin:0px;text-decoration:none; }
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {background:#E5E5E5; color:#888787; font-size:20px; font-weight:bold; margin:0px; padding:5px 0px 5px 10px;}
H3 a:link {font-size:20px; font-weight:bold; color:#888787; text-decoration:none;}
H3 a:visited {font-size:20px; font-weight:bold; color:#888787; text-decoration:none;}
H3 a:hover {font-size:20px; font-weight:bold; color:#888787;text-decoration:underline;}
/*use this for small-title */

H4 {font-size:16px; font-weight:bold;color:#666666;margin:0px; padding:4px 5px;}
h4 a:link {font-size:16px; font-weight:bold;color:#666666;margin:0px; padding:4px 5px;}
h4 a:visited {font-size:16px; font-weight:bold;color:#666666;margin:0px; padding:4px 5px;}
h4 a:hover {font-size:16px; font-weight:bold;color:#666666;margin:0px; padding:4px 5px;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:normal;margin:0px;color:#2c2c2c;}
h5 a:link {font-size:11px; font-weight:normal; text-decoation:none; color:#2c2c2c}
h5 a:visited {font-size:11px; font-weight:normal;  text-decoation:none; color:#2c2c2c;}
h5 a:hover {font-size:11px; font-weight:normal;  text-decoation:none; color:#2c2c2c;}

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


H6 {font-size:11px; font-weight:normal; font-style:normal;color:#ffffff; margin:0px;  }
h6 a:link {font-size:11px; font-weight:normal; font-style:normal; color:#ffffff; text-decoration:underline}
h6 a:visited {font-size:11px; font-weight:normal; font-style:normal; color:#ffffff; text-decoration:underline}
h6 a:hover {font-size:11px; font-weight:normal; font-style:normal;color:#ffffff; text-decoration:none}

/* 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 {color:#ff0000; font-weight:bold; text-decoration:none;}

.button {background-color:#02389c; border:1px solid #022566; color:#ffffff; font-weight:bold; font-size:11px; height:21px; padding-left:5px; padding-right:5px; vertical-align:middle;}


.noborder {border:0px;}
.noborder a:link{border:0px;}
.noborder a:visited {border:0px;}
.noborder a:hover {border:0px;}

.information {background-color:#ffffff;}

.breadcrumb {color:#545454;} 
.breadcrumb a:link {color:#545454; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#545454; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#545454; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color:#2076ce; padding:2px; color:#fff;}
.highlighted-row table {border:1px solid #d9edff; background-color: #cbe9fb; padding:2px; color:#fff;}
.highlighted-row table td table{border:0px solid #7e7a7a; background-color:#cbe9fb; padding:2px; color:#fff;}
.highlighted-row a:link {color:#545454; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#545454; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#545454; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #f1c65f; padding:2px;}
.highlighted-row1 table {border:1px solid #079dbb ;background-color: #f1c65f; padding:2px;}
.highlighted-row1 table td table{border:0px solid #079dbb; ;background-color: #f1c65f; padding:2px;}
.highlighted-row1 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#7e7a7a; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color:#e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 {border:1px solid # ;background-color:#e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 a:link {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#a1a1a1; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 {border:1px solid #7e7a7a; background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #a6e0e9; background-color: #797979; padding: 4px;}
.highlighted-row3 a:link {color:#7e7a7a; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#7e7a7a; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #d9edff; padding:4px;}

.price {background-color:#057bdd; font-weight:bold; color:#ffffff;}

.pagelist {color:#242424}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}

.pagelist p {color:#7e7a7a}
.pagelist p a:link {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:active {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:hover {color:#666666; text-decoration:none; font-weight:bold;}


table .alt-lines {border:1px solid #7e7a7a; border-collapse:collapse; background-color:#797979;}
table .alt-lines .alt-lineschange1 {background-color:#ffffff; padding:2px; border:1px solid #ffffff; }
table .alt-lines {background-color:#F7F7F7; padding:2px; font-weight:bold; font-size:12px;  }
table .alt-lines .alt-linechange2 {background-color:#eeeeee; color:#7e7a7a; font-weight:normal;  }


table.tablewithheader{border:1px solid #d9edff; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:2px solid #d9edff; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #d9edff; border-collapse:collapse; padding:3px; background-color:#d9edff; color:#000; font-size:12px;}
.tablewithheader a:link {color:#7e7a7a; font-weight:normal;}
.tablewithheader a:visited{color:#7e7a7a; font-weight:normal;}
.tablewithheader a:hover {color:#808080; font-weight:normal;}

.imgna {background-color:#dddddd; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#7e7a7a; text-decoration:underline}
.imgna td a:visited {color:#7e7a7a; text-decoration:underline}
.imgna td a:hover {color:#7e7a7a; text-decoration:none}


.textbold {font-size:11px; font-weight: bolder; color:#454545;}
.textsmall {font-size:10px;}
.txtprice {color: #013799;}

.logintab {background-color:#cbe9fb; padding: 4px;}
.logintab table {border:1px solid #cbe9fb; background-color:#90c3ee; padding: 4px;}
.logintab th {background-color:#005faf;}
.logintab table td table{background-color: #d9edff;  padding: 4px;}
.logintab a:link {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:visited {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:hover {color:#7e7a7a; text-decoration:underline; font-weight:normal;}

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

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


table.bluetable  {border:1px solid #80b5d3; border-collapse:collapse; padding:2px;}
.bluetable td {border:1px solid #80b5d3; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #80b5d3; border-collapse:collapse;  text-transform:uppercase; padding:2px;}
.bluetable th{border:1px solid #80b5d3; border-collapse:collapse; height:20px; background-color:#d9edff; color:#000; font-size:10px; text-transform:uppercase; padding:2px;}
.bluetable a:link {color:#079dbb; font-weight:normal;}
.bluetable a:visited{color:#079dbb; font-weight:normal;}
.bluetable a:hover {color:#7e7a7a; font-weight:normal;}



.fontwhite {color:#FFFFFF;}

.bdrmain { background:#FFFFFF; display:table; width:1004px;}

.titlefont { font-size:18px; font-weight: 100; color: #242424; height:25px; border-bottom: solid 1px #7e7a7a;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#929292; height:20px;}
.box td{ padding:2px; background:#f7f7f7;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#7e7a7a; background:#7e7a7a; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#242424; }

.graybg{ background-color:#a1a1a1; padding:5px 3px; border-bottom:2px solid #e9e9e9;}
.sepratorbg { background-color:#ffffff;}

/*general css end*/

/*extra css*/
.container {width:100%; margin:0 auto;}
.maincontent { width:980px;; margin:0 auto; padding:0;}
.headerbg { width:980px; height:103px; float:left; margin:0 0 25px 0;}
.content { width:980px; float:left; margin:0 0 8px 0;}
.footerbg {background:url(images/footerbg.gif) center top no-repeat; width:100%;}
.contentcontainer { width:950px; margin:0 auto; padding:0; display:table;}

.header { background:url(images/header-bg.jpg) left top no-repeat; height:120px;}
.logo { padding:0px;}

/*grid css start*/

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:950px; margin:0; }

.append-1 { padding-right: 40px;}
.prepend-1 { padding-left: 30px;}
.append-2 { padding-right: 20px;}
.prepend-2 { padding-left: 20px;}
.prepend-top { 
  padding-top:20px; 
}
.append-bottom { 
  margin-bottom:1.5em; 
}
.append-right { 
  margin-right:1.5em; 
}
.append-left { 
  margin-left:1.4em; 
}

/*grid css start*/


.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align: right;}
.aligncenter {text-align:center;}

.text18 { font-size:18px; line-height:24px;}


/*Customized*/
.topnavi{width:670px; float:right; font-size:12px; color:#ffffff; text-transform:uppercase; padding:14px 0 14px 0; text-align:right; margin:0px; height:60px; visibility:visible;}
.topnavi a{ font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0 10px 0 10px; visibility:visible;}
.topnavi a:hover{ color:#FFFFFF; text-decoration:underline;}
.topnavi table {width:auto;}
.newrapper{width:796px; margin:0 auto; height:122px;}
.cartaccount{width:250px; float:right; padding:7px 8px 9px 12px; background: url(images/cartbg.png) no-repeat left top;margin:12px 0 0 0;}

.carts{width:110px; float:left;}

.bluefontup{color:#1866ac; text-transform:uppercase; font-size:12px; font-weight:bold; float:left; padding:2px 0 0 0;}
.imgpad{padding:2px 4px 0 0; float:left;}
.myaccount{width:110px; float:left;}


.logoplace{width:300px; height:100px; float:left;}
.banner{width:980px; margin:0 0 15px 0;}

.bannerarea{width:796px; margin:0 auto;}
.bannerarea .leftpart{width:530px; float:left; padding:16px 12px 0 24px;}
.bannerarea .rightpart{width:230px; float:left;}

.bfont{ font-family: Gisha, "Trebuchet MS", Arial; font-size:36px; line-height:normal; color:#FFFFFF; font-weight:bold;}
.bfontblack{ font-family: Gisha, "Trebuchet MS", Arial; font-size:20px; line-height:normal; color:#4a4948; font-weight:bold; padding-left:60px;}
.whitecommon{font-size:12px; color:#FFFFFF; line-height:normal;}
.btnarea{text-align:right; padding:7px 35px 0 0;}

.leftlinkarea{width:160px; float:left; padding:10px 0 50px 20px;}
.leftlinkhd{width:160px; float:left; padding:0 0 10px 0;}

.leftlink a:link, .leftlink a:visited{ text-decoration:none; margin:0px; font-size:12px; color:#393a3b; font-family:Gisha, "Trebuchet MS", Arial; font-weight:bold; line-height:20px; padding:0 0 0 20px;}

.leftlink a:hover {color:#013799; text-decoration:underline; }

.midcontent{ width:680px; float:left;}

.commonfont{font-size:14px; color:#5c5c5c; line-height:20px; margin:0px; padding:0px;}

.cartraw{width:100%; padding::0 0 20px 0;} 
.cartbox{width:190px; padding:17px 12px 15px 12px; margin:0 5px 15px 0; border:solid 1px #c0bfc0; background:#ffffff; text-align:center; float:left;}


.bluefont {color: #268bc2; font-size:12px; font-weight: bold;} 
.bluefont a:link, .bluefont a:visited {color: #268bc2; text-decoration: none;}
.bluefont a:hover {color: #268bc2; text-decoration: underline;}

.addtocartbtn {font-family:Arial, Helvetica, sans-serif; display:block; min-width:95px; width:auto; padding:5px 0 5px 0; margin:0 0 0 0 ; text-decoration:none; color:#ffffff; background:url(images/btngreen.gif) top left repeat; font-size:12px; font-weight:bold; text-align:center; float:left;}
.addtocartbtn a{color:#FFFFFF; text-decoration:none;}
.addtocartbtn a:hover{color:#FFFFFF; text-decoration:none;}

.viewdetailbtn {font-family:Arial, Helvetica, sans-serif; display:block; min-width:95px; width:auto; padding:5px 0 5px 0; margin:0 0 0 0 ; text-decoration:none; color:#ffffff; background:url(images/btnblue.gif) top left repeat; font-size:12px; font-weight:bold; text-align:center; float:left;}
.viewdetailbtn a{color:#FFFFFF; text-decoration:none;}
.viewdetailbtn a:hover{color:#FFFFFF; text-decoration:none;}



/*Form CSS*/
.formarea{width:340px; float:left;}
.redcolor{color:#FF0000;}

.icondiv{padding:0 0 7px 0;}
.iconpad{padding:0 0 2px 0;}

.hdrightarea{padding:10px 39px 0 0;}
.iconspace{padding:0 6px 0 0;}

.copyright{ padding: 15px 0;}


/*MENU CSS*/
ul.menu, ul.menu ul {   font-size:12px;
  list-style-type:none;
  margin: 0;
  padding:0 0 0 0;
  width:284px;
}

ul.menu a {  
  font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top:0px; 
}

ul.menu li a {
  background: url(images/menuroll.gif) repeat-x left top;
  color: #fff;	
  padding:12px 0 10px 25px;
}

ul.menu li a:hover {
  background: url(images/menuhover.gif) repeat-x left top;
  
}
ul.menu li a:active {
  background: url(images/menuhover.gif) repeat-x left top;
  
}

ul.menu li ul li a {
  padding:5px 0 5px 30px; width:254px;
  color: #6d6d6d;
}

ul.menu li ul li a:hover {
  padding-left: 30px; color:#055ca8;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { padding: 3px; margin-bottom: 0; }
.code li { border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/*----------------------------------------HOME PAGE BANNER SLIDER----------------------------------------------------------*/

#page { width:980px; float:left;}
#gamesHolder { background: url(images/shadow.png) no-repeat center 295px; padding: 5px; margin-top: 20px; width: 980px; }

ul { padding: 0 0 0 15px; margin: 0; }

.holder {background: url(images/shadow.png) no-repeat center bottom; padding: 17px 5px;  }
.text { background-color: #f3f3f3; padding: 30px; margin-top: 10px; line-height: 20px; overflow: hidden; zoom: 1; }

.holder h2 { font-family: Georgia; margin: 0; padding: 0px 0px 15px 0px; }

code { display: block; background-color: #fff; padding: 10px; overflow: auto; }
pre { margin: 10px 0px; padding: 0; }

.download { width: 207px; height: 77px; background: url(images/download.png) no-repeat; float: right; }

/*----------------------------------------------------------------------------------------------------------------------------------------*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; visibility:hidden; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #000000; color: #FFFFFF; }

.cs-title { width: 980px; padding: 10px; background-color: #FFFFFF; color: #000000; font-weight:bold;}

.cs-prev, 
.cs-next { background-color: #FFFFFF; color: #000000; padding: 0px 10px; margin:0 8px 0 8px; font-weight:bold;}

/*--------------------------MEMU FOR LEFT SIDE---------------------------------------*/

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block; font-size:1px; border-width:0px; border-style:solid; position:relative; z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;position:relative;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}
.qmmc li {z-index:auto;}
.qmmc ul {}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none; display:block}.qmmc li:hover ul{left:auto;}

#qm0 ul {padding:0px; float:none; color:#333333;}
#qm0 li {float:none; display:inline;}
#qm0 li ul li{background: url("images/arrow.gif") no-repeat scroll 15px 10px #ffffff; border-left: #bdbcbd solid 1px; border-right: #bdbcbd solid 1px; color: #333333; display: block; height: auto; min-height:20px; padding: 5px 5px 5px 35px; width: auto;}

#qm0 li ul li:hover {background: url("images/arrow.gif") no-repeat scroll 15px 10px #f1f1f1; border-left: #bdbcbd solid 1px; border-right: #bdbcbd solid 1px; color: #333333; display: block; height: auto; min-height:20px; padding: 5px 5px 5px 35px; width: auto;}

#qm0 li ul li a:hover{background: url("images/arrow.gif") no-repeat scroll 15px 10px #f1f1f1; color: #333333; display: block; height: auto; padding: 5px 5px 5px 35px; width: auto;
}
#qm0 li ul li ul {padding:5px 0 0 0; margin:0;}

#qm0 li ul li ul li{background: url("images/arrow.gif") no-repeat scroll 0 10px #ffffff; color: #333333; display: block; height: auto; padding: 3px 5px 3px 15px; width: auto; border:0; margin:0;}

#qm0 li ul li:hover ul li {background: url("images/arrow.gif") no-repeat scroll 0 10px #f1f1f1; color: #333333; display: block; height: auto; padding: 3px 5px 3px 15px; width: auto; border:0; margin:0;}

#qm0 li ul li a {
  padding:0; color:#666666; text-decoration:none;
}

#qm0 li ul li a:hover {
  padding:0; color:#055ca8; text-decoration:none; background:#f1f1f1
}


/*CATEGORY*/
.categshoop{background:url(images/sbycategory_bg.jpg) no-repeat left top; height:30px; text-transform:uppercase; font-weight:bold; padding-top:7px; padding-left:10px; font-size:16px; color:#FFFFFF;}



/*#qm0 #sub {margin:0; padding:0px 0px; list-style:none;}
#qm0 #sub ul {margin:0; padding:0; color:#333333;}
#qm0 #sub li {background: url("images/arrow.gif") no-repeat scroll 15px 10px #ffffff; border-left: #bdbcbd solid 1px; border-right: #bdbcbd solid 1px; color: #333333; display: block; height: auto; min-height:20px; padding: 5px 5px 5px 35px; width: 242px;}
#qm0 #sub li:hover {background: url("images/arrow.gif") no-repeat scroll 15px 10px #f1f1f1; border-left: #bdbcbd solid 1px; border-right: #bdbcbd solid 1px; color: #333333; display: block; height: auto; min-height:20px; padding: 5px 5px 5px 35px; width: 242px;}*/


#qm0 #sub #subsub {margin:0; padding:0}
#qm0 #sub #subsub ul {margin:0; padding:0;}
#qm0 #sub #subsub li {background: url("images/arrow.gif") no-repeat scroll 5px 8px transparent; border: 0 none; display: block; list-style: none outside none; padding: 2px 5px 2px 25px;}
#qm0 #sub #subsub li li{background:url(images/subctg_ctg_ctg_blt.gif) no-repeat 5px 8px; list-style:none;}
/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0{width:284px; background-color:transparent; font-weight:normal;overflow:hidden}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a { width:279px; background: url(images/menuroll.gif) repeat-x left top;
  padding:6px 0 6px 25px; font-family:Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;  font-weight:bold;}
  
  #qm0 a:hover{background: url(images/menuroll.gif) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:none; width:279px;}

	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	{text-decoration:underline;}

	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div{padding:10px 15px; background-color:#FFFFFF; border-width:1px; border-style:none; border-color:#c5c5c4;}

	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a {background-color:transparent; background-image:none; border-style:none; margin:0; padding: 0; width: auto;}

	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover{text-decoration:underline; display:inline}

	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover{background-color:#eee;}
	.qmparent {background:url(images/bullets.jpg) no-repeat 7px 8px;}
	
	
	.searchbg{background: url("images/searchbg.jpg") no-repeat scroll left top transparent; height: 85px; padding:0 10px 10px;}
	.sercont{color:#1c65dd; font-size:14px; font-weight:bold; padding-top:8px; padding-bottom:4px; background:url(images/hline.jpg) no-repeat left bottom; line-height:18px;}
	
	
.productnme {
    background: url("images/product_cat_bg.gif") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-family: arial;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 70px;
    padding-left: 15px;
    padding-right: 15px;
}

.productnme a {
	color: #FFFFFF;
	text-decoration:none;
}

.productnme a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.shopentrybg {background:#FFFFFF; border-left:#d3d3d3 solid 1px; border-right:#d3d3d3 solid 1px; padding:0 10px;}
.cartboxdiv{min-width:108px; width:auto; text-align:center; height:190px;}
.cartboxdiv img{text-align:center; border:solid 3px #dbdbdb; }

.cartboxdiv {min-height:230px; height:auto;}

.blackfont {min-height: 100px; height:auto;}

.skin_mnuSiteMenu_1 {display:none;}

#dvPrice {color:#2c2c2c; font-size:18px; font-weight:bold;}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #0A569B;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
color: white;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 100;
}

.skin_mnuSiteMenu_1 {
display:none !important;
}

a .bigproductnme p {
    background:#046d0b url(images/bigproductnme-bg.jpg) top left repeat-x;
    border: 2px solid #05700E;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvitica,sans;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    width: 200px;
	text-decoration:none !important;
}


a .bigproductnme p:hover {
    background:#058e0e url(images/bigproductnme-hover-bg.jpg) top left repeat-x;
    border: 2px solid #05700E;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvitica,sans;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    width: 200px;
	text-decoration:none !important;
}



*{outline: none;}
img {border: 0;}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	margin:0 0 15px 0;
}
/*--Window/Masking Styles--*/
.window {
	height:270px;	width: 980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #08488f; 
	border: 1px solid #00336c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}