body {margin:0; background:#003399;}

img {border:0;}

.aleft {text-align:left;}
.aryt {text-align:right;}
.actr {text-align:center;}
.ajst {text-align:justify;}

.padding100btm {padding-bottom:100px;}
.padding100top {padding-top:100px;}

.padding5 {padding:5px;}
.padding5btm {padding-bottom:5px;}
.padding5top {padding-top:5px;}
.padding5left {padding-left:5px;}
.padding5ryt {padding-right:5px;}

.padding9 {padding:9px;}
.padding10 {padding:10px;}
.padding10btm {padding-bottom:10px;}
.padding10top {padding-top:10px;}
.padding10left {padding-left:10px;}
.padding10ryt {padding-right:10px;}

.padding20 {padding:20px;}
.padding20btm {padding-bottom:20px;}
.padding20top {padding-top:20px;}
.padding20left {padding-left:20px;}
.padding20ryt {padding-right:20px;}

.padding30 {padding:30px;}
.padding30btm {padding-bottom:30px;}
.padding30top {padding-top:30px;}
.padding30left {padding-left:30px;}
.padding30ryt {padding-right:30px;}

.margin5 {margin:5px;}
.margin5btm {margin-bottom:5px;}
.margin5top {margin-top:5px;}
.margin5left {margin-left:5px;}
.margin5ryt {margin-right:5px;}

.margin9 {margin:9px;}
.margin10 {margin:10px;}
.margin10btm {margin-bottom:10px;}
.margin10top {margin-top:10px;}
.margin10left {margin-left:10px;}
.margin10ryt {margin-right:10px;}

.margin20 {margin:20px;}
.margin20btm {margin-bottom:20px;}
.margin20top {margin-top:20px;}
.margin20left {margin-left:20px;}
.margin20ryt {margin-right:20px;}

.margin30 {margin:30px;}
.margin30btm {margin-bottom:30px;}
.margin30top {margin-top:30px;}
.margin30left {margin-left:30px;}
.margin30ryt {margin-right:30px;}

.dottedbtm {border-bottom:dotted #cccccc 1px;}
.dottedbtm:hover {border-bottom:dotted #999999 1px;}
.dottedbtm1 {border-bottom:dotted #cccccc 1px;}
.dottedbtm1:hover {border-bottom:dotted #ffffff 1px;}
.dashedbtm {border-bottom:dashed #cccccc 1px;}
.solidall {border:solid #cccccc 1px;}
.solidbtm {border-bottom:solid #cccccc 1px;}
.solidbtm1 {border-bottom:solid #333333 1px;}
.solidbtm2 {border-bottom:solid #444444 1px;}
.solidbtm3 {border-bottom:solid #d70c0a 3px;}
.solidbtm4 {border-bottom:solid #eceaeb 1px;}
.solidtop3 {border-top:solid #ffffff 1px;}
.solidtop4 {border-top:solid #eceaeb 1px;}
.solidryt {border-right:solid #666666 1px;}
.solidryt1 {border-right:solid #ffffff 1px;}
.solidrytimg {background:url(../images/sep.gif) no-repeat right top;}


.bgdotsbtm {background:url(../images/hdots.gif) repeat-x bottom;}

.fleft {float:left;}
.fryt {float:right;}

.bradius {border-radius:4px;}
.bradiustl {border-top-left-radius:8px;}
.bradiustr {border-top-right-radius:8px;}

.divmain { float:left; width:100%;}
.divauto {margin:0 auto; width:1000px;}
.divall {float:left; width:1000px;}
.divall-1 {float:left; width:984px;}
.divall-2 {float:left; width:1000px; padding:10px 0;}
.divall-2all {float:left; width:1000px;}
.divall-21 {float:right; width:700px;}
.divall-21all {float:left; width:700px;}
.divall-22 {float:left; width:300px;}
.divall-22all {float:left; width:280px;}
.divall-221 {float:left; width:260px; padding:10px; background:#f2f2f2;}
.divall-221all {float:left; width:260px;}

.hdiv{float:left; width:100%; background:#092e6f;}
.hdiv1 {float:left; width:350px;}
.hdiv2{float:left; width:420px;}
.hdiv3 {float:left; width:230px;}
.hdiv31{float:left; width:70px; padding-right:10px;}
.hdiv32 {float:left; width:150px;}
.mdiv {float:left; width:100%; background:url(../images/navbg.jpg) repeat-x; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}

.bdiv{float:left; width:990px; padding:5px; background:#000000;}
.urhdiv {float:left; width:980px; padding:5px 10px 5px 10px;}

.fdiv {float:left; width:100%; background:#003399;}

/*prods*/
.catdiv {float:left; width:240px;}
.catdivall {float:left; width:180px;}
.catdiv1 {float:left; width:170px; padding:3px; background:#eceaeb; border:solid #dfdfdf 2px;}
.catdiv1:hover {border:solid #999999 2px; background:#cccccc;}
.catdiv2 {float:left; width:180px; padding:5px 0;}

.prodiv {float:left; width:240px;}
.prodivall {float:left; width:220px;}
.prodiv1 {z-index:1; position:relative; float:left; width:220px;}
.prodiv11 {float:left; width:200px; padding:10px; background:#f0f2f1;}
.prodiv2 {float:left; width:210px; padding:10px 5px;}
.prodiv2all {float:left; width:210px;}

.pofr {z-index:2; position:absolute; float:left; width:43px; padding:0 10px; text-align:center;}

.pofrimg {background:url(../images/offbg.png) no-repeat; float:left; width:43px; padding:6px 0; height:31px;}

.pofrtext {font-family:Arial; font-size:12px; color:#000000; font-weight:bold; text-decoration:none;}.ptext {font-family:Arial; font-size:11px; color:#666666; font-weight:normal; text-decoration:none;}
.ptext:hover {text-decoration:underline;}

.pmps {font-family:Arial; font-size:11px; color:#333333; font-weight:bold; text-decoration:none; background:url(../images/arrow2.gif) no-repeat left; padding:3px 0 3px 20px; display:inline-block;}
.pmps:hover {text-decoration:underline; color:#000000;}

.pprice {font-family:Arial; font-size:12px; color:#cc0000; font-weight:bold; text-decoration:none;}

.pprice1 {font-family:Arial; font-size:12px; color:#666666; font-weight:bold; text-decoration:line-through;}

.pview {font-family:Arial; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 20px; background:url(../images/grad10.gif) repeat-x; border-radius:5px; border:solid #000000 1px; display:inline-block;}
.pview:hover {color:#ffff00; background:#333333;}

.prtitle {font-family:Arial; font-size:15px; color:#ffff00; font-weight:bold; text-decoration:none;}
.prtitle:hover {text-decoration:underline;}

.pdimgbg {float:left; width:300px; padding:9px; background:#f5f5f5; border:solid #ebebeb 1px;}

.pdsimg {float:left; width:85px;}

.pdsimga {float:left; width:75px; padding:2px; background:#cccccc;}
.pdsimga:hover {background:#999999;}

.pdsimgasel {float:left; width:55px; padding:2px; background:#999999;}

/*heads*/
.logotext {font-family:Palatino Linotype; font-size:38px; color:#ffffff; font-weight:bold; text-decoration:none; line-height:120%; text-transform:uppercase;}

.slogan {font-family:Brush Script MT; font-size:32px; color:#1c2433; font-weight:normal; text-decoration:none; line-height:100%;}

.linetext {font-family:Monotype Corsiva; font-size:36px; color:#444444; font-weight:bold; text-decoration:none; line-height:120%;}

.wel {font-family:Californian FB; font-size:20px; color:#d70c0a; font-weight:bold; text-decoration:none; line-height:100%;}
.wel1 {font-family:Arial; font-size:20px; color:#448543; font-weight:bold; text-decoration:none; line-height:100%;}

.ghead {font-family:Arial; font-size:17px; color:#000000; font-weight:bold; text-decoration:none; background:#f2f2f2; padding:8px 10px; line-height:100%; border:solid #ebebeb 2px;}

.ghead1 {font-family:Arial; font-size:20px; color:#ffffff; font-weight:normal; text-decoration:none; background:url(../images/hline2.jpg) repeat-x bottom; padding:8px 10px; line-height:100%;}

.ghead2 {font-family:Arial; font-size:20px; color:#000000; font-weight:normal; text-decoration:none; background:url(../images/hline3.jpg) repeat-x bottom; padding:0 10px 8px 10px; line-height:100%;}

.ghead3 {font-family:Arial; font-size:18px; color:#000000; font-weight:normal; text-decoration:none; border-bottom:solid #cccccc 1px; padding:0 10px 8px 10px; line-height:100%;}

.nhead {font-family:Arial; font-size:18px; color:#333333; font-weight:normal; text-decoration:none; line-height:100%;}

.ahead {font-family:Arial; font-size:18px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%; background:#ffffff; padding:8px 10px; border-radius:8px; border:solid #ebebeb 2px;}

.ehead {font-family:Kozuka Mincho Pro; font-size:20px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-1 {color:#ffff00;}
.ehead1 {font-family:Kozuka Mincho Pro; font-size:18px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#0058b1; border:solid #ffedc4 1px; padding:7px 10px 10px 10px;}
.ehead2 {font-family:Arial; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../images/grad4.jpg) repeat-x #038141; border:solid #aaaaaa 2px; border-radius:15px; padding:5px 20px; float:left;}
.ehead3 {font-family:Arial; font-size:17px; color:#ffffff; font-weight:bold; text-decoration:none;}
.ehead4 {font-family:Kozuka Mincho Pro; font-size:20px; color:#333333; font-weight:normal; text-decoration:none; line-height:100%;}

.subhead {font-family:Arial; font-size:17px; color:#000000; font-weight:bold; text-decoration:none;}

.subhead1 {font-family:Arial; font-size:14px; color:#003366; font-weight:bold; text-decoration:none;}

.subhead2 {font-family:Arial; font-size:17px; color:#ffffff; font-weight:bold; text-decoration:none;}

.bluehead {font-family:Arial; font-size:18px; color:#012a5e; font-weight:normal; text-decoration:none;}

.greenhead {font-family:Arial; font-size:18px; color:#336600; font-weight:normal; text-decoration:none;}

.pinkhead {font-family:Arial; font-size:18px; color:#8C0001; font-weight:normal; text-decoration:none;}

.pinkhead1 {font-family:Arial; font-size:18px; color:#8C0001; font-weight:normal; text-decoration:none;}

.phead {font-family:Arial; font-size:17px; color:#000000; font-weight:bold; text-decoration:none;}

/*links*/
.icon {float:left; padding:1px; background:#666666; margin:0 4px 0 0;}
.icon:hover {background:#000000;}

.catlink {font-family:Arial; font-size:15px; color:#333333; font-weight:bold; text-decoration:none; padding:8px 10px; display:block;}
.catlink:hover {background:#ebebeb; color:#a71312;}

.elink {font-family:Arial; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none; padding:8px 10px 8px 25px; background:url(../images/arrow2.png) no-repeat center left 5px; display:block;}
.elink:hover {background:url(../images/arrow2.png) no-repeat center left 5px #ebebeb; color:#000000; text-decoration:;}

.elink1 {font-family:Arial; font-size:16px; color:#ffffff; font-weight:bold; text-decoration:none; padding:6px 10px; background:url(../images/grad5.jpg) repeat-y #000000; float:left; width:234px; border:solid #000000 3px; border-radius:8px;}
.elink1:hover {background:#000000; color:#ffff00; border:solid #666666 3px;}

.elink2 {font-family:Arial; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding:6px 10px; background:url(../images/grad1.jpg) repeat-x #000000; border:solid #ffffff 1px; display:inline-block;}
.elink2:hover {background:#ffffff; color:#000000; border:solid #000000 1px;}

.elink3 {font-family:Arial; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding:7px 10px; background:url(../images/grad5.jpg) repeat-x #c4c4c4; border:solid #999999 2px; float:left; border-radius:8px;}
.elink3:hover {background:#efdaa3; color:#000000; border:solid #999999 2px;}

.prod1 {font-family:Kozuka Mincho Pro; font-size:20px; color:#003366; font-weight:bold; text-decoration:none;}
.prod1:hover {color:#cc0000;}

.add {font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; background:#ffff00; border:solid #cccccc 2px; padding:8px 15px; display:inline-block; border-radius:5px; line-height:100%;}
.add:hover {color:#ffff00; background:#d70c0a; border:solid #000000 2px;}

.add1 {font-family:Arial; font-size:17px; color:#000000; font-weight:bold; text-decoration:none; background:#ffff00; border:solid #cccccc 2px; padding:8px 15px; display:inline-block; border-radius:8px; line-height:100%;}
.add1:hover {color:#ffff00; background:#d70c0a; border:solid #000000 2px;}

.tabs {font-family:Arial; font-size:13px; color:#666666; font-weight:bold; text-decoration:none; float:left; padding:7px 20px 7px 20px; background:#ececed; margin:0 3px 0 0;}
.tabs:hover {color:#ffffff; background:url(../images/grad2.gif) repeat-x #222c3c;}

.tabssel {font-family:Arial; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; float:left; padding:7px 20px 7px 20px; background:url(../images/grad2.gif) repeat-x #222c3c; margin:0 3px 0 0;}

.topmenu {font-family:Arial; font-size:12px; color:#666666; font-weight:normal; text-decoration:none;}
.topmenu:hover {color:#000000; text-decoration:underline;}

.menu {font-family:Arial; font-size:14px; color:#666666; font-weight:bold; text-decoration:none; padding:10px 26px 10px 28px; background:url(../images/line.jpg) repeat-y right; float:left; z-index:99;}
.menu:hover {color:#000000; background:url(../images/line.jpg) repeat-y right #ffffff;}
.menusel {font-family:Arial; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding:10px 26px 10px 28px; background:url(../images/line.jpg) repeat-y right #ffffff; float:left; z-index:99;}

.menufb{font-family:Arial; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 20px; background:#3b5998; float:left;border:solid #666666 1px;}
.menufb:hover{border:solid #000000 1px; background:#ebebeb; color:#000000;}
.menutw{font-family:Arial; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 20px; background:#48c3ed; float:left; border:solid #666666 1px;}
.menutw:hover{border:solid #000000 1px; background:#ebebeb; color:#000000;}
.menugp{font-family:Arial; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 20px; background:#d64a2b; float:left; border:solid #666666 1px;}
.menugp:hover{border:solid #000000 1px; background:#ebebeb; color:#000000;}

.more {font-family:Arial; font-size:14px; color:#333333; font-weight:bold; text-decoration:underline;}
.more:hover {text-decoration:none;}

.more1 {font-family:Arial; font-size:13px; color:#060606; font-weight:bold; text-decoration:none; padding:8px 35px 8px 20px; background:url(../images/arrow1.png) no-repeat center right 12px #ffffff; display:inline-block; border:solid #999999 1px;}
.more1:hover {background:url(../images/arrow1.png) no-repeat center right 12px #d8d7dc; border:solid #000000 1px; color:#000000; text-decoration:underline;}

.nlink {font-family:Arial; font-size:14px; color:#333333; font-weight:normal; text-decoration:none; padding:4px 0 4px 12px; background:url(../images/arrow4.png) no-repeat left 8px; display:block; line-height:130%;}
.nlink:hover {background:url(../images/arrow4.png) no-repeat 2px 8px; color:#000000; text-decoration:underline;}
.nlinksel {font-family:Arial; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; padding:4px 0 4px 15px; background:url(../images/arrow1.png) no-repeat left 8px; display:block; line-height:130%;}

.clink {font-family:Arial; font-size:15px; color:#666666; font-weight:normal; text-decoration:none;}
.clink:hover {color:#000000; text-decoration:underline;}

.femail {font-family:Arial; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none;}
.femail:hover {color:#ffff00; text-decoration:underline;}

.btmmenu {font-family:Arial; font-size:12px; color:#cccccc; font-weight:normal; text-decoration:none;}
.btmmenu:hover {color:#ffffff; text-decoration:underline;}

.btmmenu1 {font-family:Arial; font-size:12px; color:#999999; font-weight:bold; text-decoration:none; display:block;}
.btmmenu1:hover {color:#ebebeb;}


.sidemenu {font-family:Arial; font-size:13px; color:#666666; font-weight:normal; text-decoration:none; border-bottom:dotted #cccccc 1px; display:block; padding:5px 15px;}
.sidemenu:hover {color:#333333; font-weight:bold;}

.sidemenusel {font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; border-bottom:dotted #cccccc 1px; display:block; padding:5px 15px;}

.sidemenusel1 {font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; border:solid #cccccc 1px; display:block; padding:5px 15px; background:url(../images/tboxbg.gif) repeat-x #ffffff;}

.sidemenu1 {font-family:Arial; font-size:12px; color:#666666; font-weight:normal; text-decoration:none; display:block; padding:5px 5px;}
.sidemenu1:hover {color:#333333; font-weight:bold;}

.sidemenu1sel {font-family:Arial; font-size:12px; color:#333333; font-weight:bold; text-decoration:none; display:block; padding:5px 5px;}

.sidemenu1sel1 {font-family:Arial; font-size:13px; color:#333333; font-weight:bold; text-decoration:none; border:solid #cccccc 1px; display:block; padding:5px 5px; background:url(../images/tboxbg.gif) repeat-x #ffffff;}

.link {font-family:Arial; font-size:11px; color:#2357A0; font-weight:normal; text-decoration:none; line-height:150%;}
.link:hover {text-decoration:underline;}

.link1 {font-family:Arial; font-size:11px; color:#cccccc; font-weight:normal; text-decoration:none; line-height:150%;}
.link1:hover {text-decoration:underline; color:#ffffff;}

.link2 {font-family:Arial; font-size:12px; color:#003366; font-weight:bold; text-decoration:none; padding:5px 0 5px 5px; display:block;}
.link2:hover {text-decoration:underline; color:#000000;}
.link2sel {font-family:Arial; font-size:12px; color:#000000; font-weight:bold; text-decoration:underline; padding:5px 0 5px 5px; display:block;}

.link3 {font-family:Arial; font-size:17px; color:#ebebeb; font-weight:normal; text-decoration:none;}
.link3:hover {text-decoration:underline; color:#ffffff;}

.link4 {font-family:Arial; font-size:11px; color:#999999; font-weight:normal; text-decoration:none; padding:0 0 5px 0; display:block;}
.link4:hover {text-decoration:underline; color:#666666;}
.link4sel {font-family:Arial; font-size:11px; color:#666666; font-weight:normal; text-decoration:underline; padding:0 0 5px 0; display:block;}

.link5 {font-family:Arial; font-size:12px; color:#18479f; font-weight:normal; text-decoration:underline; padding:5px 10px; float:left; margin:0 5px 0 0;}
.link5:hover {background:#18479f; color:#ffffff; font-weight:normal; text-decoration:none;}
.link5sel {font-family:Arial; font-size:12px; background:#18479f; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 10px; float:left; margin:0 5px 0 0;}

.link6 {font-family:Arial; font-size:12px; color:#666666; font-weight:normal; text-decoration:none; padding:0 0 5px 0; float:left; margin:0 10px 0 0;}
.link6:hover {text-decoration:underline; color:#000000;}
.link6sel {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-decoration:underline; padding:0 0 5px 0; float:left; margin:0 10px 0 0;}

.urh {font-family:Arial; font-size:12px; color:#cc0000; font-weight:bold; text-decoration:underline;}

.urh1 {font-family:Arial; font-size:12px; color:#0066FF; font-weight:normal; text-decoration:none;}
.urh1:hover {text-decoration:underline;}

.urh2 {font-family:Arial; font-size:10px; color:#666666; font-weight:normal; text-decoration:none;}

/*texts*/
.date {font-family:Arial; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:none;}
.no {font-family:Trebuchet MS; font-size:17px; color:#000000; font-weight:normal; text-decoration:none;}

.bodytext {font-family:Arial; font-size:13px; color:#292929; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytext1 {font-family:Arial; font-size:15px; color:#000000; font-weight:normal; text-decoration:none; line-height:150%;}

.bodytextw {font-family:Arial; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytextw1 {font-family:Arial; font-size:15px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:150%;}

.points {font-family:Arial; font-size:13px; color:#333333; font-weight:normal; text-decoration:none; padding:4px 7px 4px 12px; background:url(../images/arrow1.png) no-repeat left 9px;}

.points1 {font-family:Arial; font-size:13px; color:#333333; font-weight:normal; text-decoration:none; padding:4px 7px 4px 15px; background:url(../images/right.gif) no-repeat center left 2px;}
.points1:hover {background:url(../images/right.gif) no-repeat center left 4px;}

.white {font-family:Arial; font-size:11px; color:#ffffff; font-weight:normal; text-decoration:none;}

.whitetext {font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:normal; text-decoration:none;}

.colortext {font-family:Arial; font-size:13px; color:#A50101; font-weight:bold; text-decoration:none;}
.colortext1 {font-family:Arial; font-size:15px; color:#A50101; font-weight:bold; text-decoration:none;}
.colortext2 {font-family:Arial; font-size:15px; color:#18479f; font-weight:bold; text-decoration:none;}
.colortext3 {font-family:Arial; font-size:15px; color:#005035; font-weight:bold; text-decoration:none;}

.posted {font-family:Arial; font-size:11px; color:#A50101; font-weight:normal; text-decoration:none;}

.ftext {font-family:Arial; font-size:11px; color:#a13b3b; font-weight:bold; text-decoration:none;}

.ftext1 {font-family:Arial; font-size:13px; color:#a13b3b; font-weight:bold; text-decoration:none;}

.copy {font-family:Arial; font-size:11px; color:#666666; font-weight:normal; text-decoration:none;}
.copy1 {font-family:Arial; font-size:11px; color:#999999; font-weight:normal; text-decoration:none;}

/*page view*/
.pgdiv {float:left; width:1000px;}

.pgbimgdiv {float:left; width:990px; padding:4px; background:#333333; border:solid #cccccc 1px;}

.pgdivall {float:left; width:1000px;}

.pgdiv1 {float:left; width:980px; background:url(../images/grad1.jpg) repeat-x #fce352; padding:7px 8px; border:solid #666666 2px;}

.pgdiv2 {float:left; width:1000px; /*padding:10px 4px; border:solid #ebebeb 1px; background:url(../images/tboxbg.gif) repeat-x,url(../images/tboxbg3.gif) repeat-x bottom;*/}

.pgdiv2all {float:left; width:1000px;}

.pgdiv21 {float:left; width:970px; padding:14px; border:solid #d8d8d8 1px; border-radius:0; background:#ffffff;}

.pgdiv21all {float:left; width:970px;}

.pgcimgdiv {float:right; width:260px; padding:0 0 0 10px;}

.pgcimgdivbg {float:right; width:250px; padding:4px; border:solid #cccccc 1px;}

.wd1 {width:200px;}
.wd2 {width:350px;}
.wd3 {width:210px;}
.wd4 {width:190px;}
.wd5 {width:34px;}
.wd6 {width:200px;}
.wd7 {width:978px;}
.wd8 {width:968px;}

/*input,textarea submit*/
.etextbox {font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:218px; height:30px; background:#ffffff; padding:0 10px;}
.etextbox:hover {border:solid #333333 1px;}
.etextbox:active {border:solid #333333 1px;}
.etextbox:focus {border:solid #333333 1px;}

.etextarea {font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:218px; height:75px; background:#ffffff; padding:5px 10px;}
.etextarea:hover {border:solid #666666 1px;}
.etextarea:active {border:solid #666666 1px;}
.etextarea:focus {border:solid #666666 1px;}

.esubmit {font-family:Arial; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 15px; background:url(../images/grad2.jpg) repeat-x; float:left; border:solid #ebebeb 2px; cursor:pointer;}
.esubmit:hover {background:#000000; color:#ffffff;}

.esubmit1 {font-family:Arial; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none; padding:6px; background:url(../images/grad3.jpg) repeat-x #cc0000; border:solid #cc0000 1px; cursor:pointer;}
.esubmit1:hover {background:#cc0000; border:solid #000000 1px; color:#ffff00;}

.ctextbox {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-decoration:none; width:25px; padding:2px 5px; height:20px; background:#ffffff; border:solid #cccccc 1px;}

.wtextbox {font-family:Arial; font-size:11px; color:#666666; font-weight:normal; text-decoration:none; width:120px; height:22px; background:none; border:none;}

.ttextbox {font-family:Arial; font-size:11px; color:#666666; font-weight:normal; text-decoration:none; width:120px; height:22px; background:none; border:none;}

.atextbox {font-family:Arial; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:250px; height:28px; background:#f7f7f7;}

.textbox {font-family:Arial; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:200px; height:22px; margin-bottom:5px; border-radius:5px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.textbox1 {font-family:Arial; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:400px; height:100px; margin-bottom:5px; border-radius:5px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.textbox11 {font-family:Arial; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:200px; height:22px; margin-bottom:5px; border-radius:0px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.submit {font-family:Arial; font-size:12px; color:#ffffff; font-weight:normal; text-decoration:none; border:solid #333333 1px; padding:5px 10px; background:url(../images/grad.gif) repeat-x #000000;}

/*shadows*/
.shad1 {background:url(../images/shad1.png) repeat-x bottom;}
.shad1-bgwt {background:url(../images/shad1.png) repeat-x bottom #ffffff;}
.shad2 {background:url(../images/shad2.png) repeat-x bottom; height:4px;}

.shadmb {background:url(../images/shadmb.gif) no-repeat center bottom 6px;}
.shadmb:hover {background:url(../images/shadmb.gif) no-repeat center bottom;}

.shadmbsel {background:url(../images/shadmb.gif) no-repeat center bottom;}

.shadtlr {float:left; width:968px; padding:0 16px; height:8px; background:url(../images/shadtl.png) no-repeat top left,url(../images/shadtr.png) no-repeat top right;}

.shadtm {float:left; width:968px; height:8px; background:url(../images/shadtm.png) repeat-x;}

.shadlrt {float:left; width:984px; padding:0 8px; height:8px; background:url(../images/shadlt.png) no-repeat left top,url(../images/shadrt.png) no-repeat right top;}

.shadlrm {float:left; width:984px; padding:0 8px; background:url(../images/shadlt.png) no-repeat left top,url(../images/shadrt.png) no-repeat right top,url(../images/shadlm.png) repeat-y left,url(../images/shadrm.png) right repeat-y;}

.shadlrb {float:left; width:984px; padding:0 8px; height:8px; background:;}

.shadblr {float:left; width:968px; padding:0 16px; height:8px; background:url(../images/shadbl.png) no-repeat bottom left,url(../images/shadbr.png) no-repeat bottom right;}

.shadbm {float:left; width:968px; height:8px; background:url(../images/shadbm.png) repeat-x bottom;}

.shadtlr1 {float:left; width:324px; padding:0 8px; height:4px; background:url(../images/shadtl1.gif) no-repeat left,url(../images/shadtr1.gif) no-repeat right;}

.shadtm1 {float:left; width:324px; height:4px; background:url(../images/shadtm1.gif) repeat-x;}

.shadlrt1 {float:left; width:332px; padding:0 4px; height:4px; background:url(../images/shadlt1.gif) no-repeat left top,url(../images/shadrt1.gif) no-repeat right top;}

.shadlrm1 {float:left; width:332px; padding:0 4px; background:url(../images/shadlm1.gif) repeat-y left,url(../images/shadrm1.gif) right repeat-y;}

.shadlrb1 {float:left; width:332px; padding:0 4px; height:4px; background:url(../images/shadlb1.gif) no-repeat left bottom,url(../images/shadrb1.gif) no-repeat right bottom;}

.shadblr1 {float:left; width:324px; padding:0 8px; background:url(../images/shadbl1.gif) no-repeat left,url(../images/shadbr1.gif) no-repeat right; height:4px;}

.shadbm1 {float:left; width:324px; height:4px; background:url(../images/shadbm1.gif) repeat-x;}


/*extras*/
.bold {font-weight:bold;}
.ht5 {height:5px;}

.pgbg {background:#e2d5b7;}
.bgwt {background:#ffffff;}
.bg1 {background:url(../images/tboxbg2.gif) repeat-x top,url(../images/tboxbg3.gif) repeat-x bottom;}
.bg2 {background:url(../images/tboxbg3.gif) repeat-x bottom;}
.hline1 {background:url(../images/hline1.jpg) repeat-x bottom;}
.hline2 {background:url(../images/hline2.jpg) repeat-x bottom;}

.bgrep-x {background-repeat:repeat-x;}
.bgrep-y {background-repeat:repeat-y;}
.bgpos-b {background-position:bottom;}
.bgpos-t {background-position:top;}
.bgpos-l {background-position:left;}
.bgpos-r {background-position:right;}

/*brands ftrd about*/
#about{display: none;}

/* for auto fill search box*/
.ui-autocomplete-loading { background: white url(../images/loader.gif) right center no-repeat;}
.ui-autocomplete {border-top:3px solid #000; font-family:Arial; font-size:12px; color:#666666; max-height:200px; max-width:450px; overflow:auto;}
.ui-widget {font-family:Arial; font-size:12px; color:#666666;}
#birds2 {z-index:200; position:relative;}

/*sticky navigation*/
#sticky_navigation { width:100%; z-index:100;}

/*load more*/
.loadmore {color:#000000; font-size:15px; font-family:Arial; font-weight:bold; background:#cccccc; padding:6px 20px; display:inline-block; border:solid #999999 1px;}

/*brands - text on img hover */
ul.img-list {list-style-type:none; margin:0; padding:0; text-align:center;}
ul.img-list li {display:inline-block; height:70px; margin:0 1em 1em 0; position:relative; width:110px;}
span.text-content {background:rgba(0,0,0,0.5); color:white; font-size:17px; font-weight:bold; font-family:Courier New; cursor:pointer; display:table; height:70px; left:0; position:absolute; top:0; width:110px; opacity:0; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms;}
span.text-content span {display:table-cell; text-align:center; vertical-align:middle;}
 
ul.img-list li:hover span.text-content {opacity:1;}

/*products - text on img hover */
ul.img-list1 {list-style-type:none; margin:0; padding:0;}
ul.img-list1 li {position:relative;}
div.text-content1 {background:rgba(30,30,30,0.6); color:#000000; font-size:18px; font-weight:bold; font-family:Courier New; cursor:pointer; display:table; left:0; position:absolute; bottom:0; margin:0; opacity:0; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms; border-top:solid #333333 1px;}
div.text-content1 div {display:; text-align:center; vertical-align:middle;}
 
ul.img-list1 li:hover div.text-content1 {opacity:1;}

/*admin*/
.menum {font-family:Arial; font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none; float:right; padding:5px; background:#cc0000;}
.menum:hover {background:#09769E;}

.adminmenu {font-family:Arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/tboxbg.gif) repeat-x; display:block; float:left; padding:8px; margin-right:5px; border:solid #cccccc 1px; border-bottom:none; border-top:none;}
.adminmenu:hover {background-position:bottom; background-color:#cccccc; text-decoration:underline; border-color:#000000;}

.adminmenusel {font-family:Arial; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/tboxbg.gif) repeat-x bottom #cccccc; text-decoration:underline; display:block; float:left; padding:8px; margin-top:0px; margin-right:5px; border:solid #000000 1px; border-bottom:none; border-top:none;}

.adminsidemenu {font-family:Arial; font-size:10px; color:#636363; font-weight:normal; text-decoration:none; background:#f7f7f7; height:10px; padding:5px; display:block; margin-bottom:15px;}
.adminsidemenu:hover {font-family:Arial; font-size:10px; color:#ffffff; font-weight:normal; text-decoration:none; background:#000000; height:10px; padding:5px;display:block; margin-bottom:15px;}

.adminsidemenusel{font-family:Arial; font-size:10px; color:#ffffff; font-weight:normal; text-decoration:none; background:#000000; height:10px; padding:5px;display:block; margin-bottom:15px;}

.menua {font-family:Arial; font-size:12px; color:#000000; font-weight:bold; text-decoration:none; background:#f7f7f7; display:block; padding:5px; float:left; border:solid #000000 1px;}
.menua:hover {background:#F0F2B6; color:#000000; border:solid #000000 1px;}

.paging {font-family:Arial; font-size:12px; color:#0264AA; font-weight:bold; text-decoration:underline;}
.paging:hover {background:#0264AA; color:#ffffff; padding:5px;}

.pagingsel {font-family:Arial; font-size:12px; background:#0264AA; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px;}


/*users*/
.umenu {font-family:Arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; background:url(../images/arrow2.png) no-repeat right 10px top 10px #f7f7f7; display:block; padding:15px 10px; border-bottom:dotted #cccccc 1px;}
.umenu:hover {color:#cc0000; background-color:#ebebeb; border-bottom:solid #cccccc 1px;}

.umenusel {font-family:Arial; font-size:13px; color:#cc0000; font-weight:bold; text-decoration:none; background:url(../images/arrow2.png) no-repeat right 10px top 10px #ebebeb; display:block; padding:15px 10px; border-bottom:solid #cccccc 1px;}

/*paging*/
div.nav {padding:2px; margin:2px;}

div.nav a {font-family:Arial; font-size:11px; padding:2px; margin:2px; border:1px solid #000000; text-decoration:none; color:#000000;}
div.nav a:hover, div.nav a:active {font-family:Arial; font-size:11px; border:2px solid #000000; margin:1px; color:#cc0000; background:#eaeaea;}

div.nav span.current {font-family:Arial; font-size:12px; padding:4px; margin:2px; border:2px solid #000000; font-weight:bold; background:#cc0000;
color:#FFF;}

div.nav span.disabled {padding:2px; margin:2px; border:1px solid #EEE; color:#DDD; font-size:11px; font-family:Arial;}