*{margin:0;	padding:0;	font: normal normal normal 11px/14px Verdana,arial;}
html{background:#fff;}
body{	margin:0;	color:#666;	background:#ccc;	height:100%;	width:100%; min-width:1200px;}
a{color:#06f;}
a:hover{color:#f00;}
a img{border:none;}

body.W2{background:#fff;}
body.WAC{background:#666;}

/*  --------- standard page ------- */


fieldset{margin:10px auto;border:solid 1px #ddd;}
legend{padding: 2px 10px; margin: 0 0 5px 20px; border:solid 1px #ddd; background:#eee;}
.pm input{border:solid 1px #000; background:#fff; color:#000; padding:2px;}

.clear{clear:both;}
.main {padding:10px;}

.center{margin:0 auto; text-align:center;}
.left{ text-align:left;}
.right{text-align:right;}

.vtop{ vertical-align:top;}
.vttop{ vertical-align:text-top;}
.vmiddle{ vertical-align:middle;}
.vbottom{ vertical-align:bottom;}
.vtbottom{ vertical-align: text-bottom;}
.vbaseline{ vertical-align:baseline;}


.fleft{float:left;}
.fright{float:right;}
.fnone{float:none;}

.top{ vertical-align:top;}
.bottom{ vertical-align:bottom;}

.bl{color:#999;}
.hl td{background:#fdd;}
input.ini{background:#fff; border:solid 1px #ccc; padding:2px;}
input.hl{background:#ffc;color:#900; }
.fs, body #main input.fs{color:#f00;}

.bg{background:#ccc;}
.bg2{background:#888;}

strong, b, .b{font-weight:bold;}
em, i,.o,.o *, .i *{ font-style:oblique;}
u,.u{ text-decoration:underline;}
s,.s{ text-decoration:line-through;}

h1,h2,h3{font-weight:bold;}

.nobd{border:none;}
.nodatamsg{color:#f00; background:#ff0; display:block; font-weight:bold; text-align:center;}
.font-big *{font-size:120%; line-height:180%;}
.h0{height:0;}

.pdt{padding-top:1em;}
.pdb{padding-bottom:1em;}
.pdl{padding-left:1em;}
.pdr{padding-right:1em;}

.mgt{margin-top:1em;}
.mgb{margin-bottom:1em;}
.mgl{margin-left:1em;}
.mgr{margin-right:1em;}

.nopd{padding:0 !important;}
.nomg{margin:0 !important;}

.panel{padding:0;margin:0;}
.print{background:transparent; border:solid 1px #333; padding:3px 10px;}

.hidden{display:none;}
.wrapper{ min-width:960px;}

.wauto{width:auto;}

.tdes{font-weight:normal; color:#666; text-transform: none;}

#header,#main{background:#fff;}
#header a img{border:none;}

#header #title{ position:relative; text-align:right; width:100%;}
#header #title .logo{position:absolute; top:0; left:0;}
/* 2012 01 13 */
#header{background:#fff url(../images/bg-header.png) no-repeat scroll 290px 0;}
#header #banner{height: 80px; text-align:right; margin:0 10px 0 300px;}

#header #banner #useropt{ background:#666 url(../images/bg-sq.png) no-repeat scroll left top;float:right; height:24px; list-style:none; clear:both; padding: 0 0 0 15px;}
#header #banner #useropt li{list-style:none; display: block; float:left; padding:5px 0 0 0; margin:0;}
#header #banner #useropt li a{color:#fff; display:block; float:left; padding:0 10px;  text-decoration:none;}
#header #banner #useropt li a:hover{color:#f90;}
#header #banner #useropt li #ctl00_profile{ border-right: solid 1px #fff;}

#header #banner #quicklinks{display:block; float:right; margin:20px 0 0 0; clear:both;}
#header #banner #quicklinks li{list-style:none; display: block; float:left; padding:0; margin:0;}
#header #banner #quicklinks li a{color:#000; display:block; float:left; padding:0 0 0 20px; margin:0 0 0 10px; text-decoration:none; background: transparent url(../images/bg-sq.png) scroll no-repeat 5px -25px;}
#header #banner #quicklinks li a:hover{color:#f90;}
#header #banner #quicklinks li a#ctl00_qlr11{background-position:5px -55px;}
#header #banner #quicklinks li a#ctl00_qlsuggest{background-position:5px -85px;}
/*  menu    */
#header .menu{background: transparent url(../images/bg-menu.png) repeat-x left top; color:#fff; padding:1px 10px; border-bottom:solid 2px #ccc; display:block; height:32px;}
/*
.W2 #header .menu{background-image: url(../images/bg-menu-w2.gif);}

.WAC #header .menu{background-image: url(../images/bg-menu-w2.gif);}
*/
#header .menu ul{ background:transparent; color:#fff;list-style:none;}
#header .menu ul li{display:inline-block; list-style:none; position:relative;}

#header .menu a{color:#fff; padding:0 10px; display:inline-block; line-height:32px; text-decoration:none;}
#header .menu ul li ul li a{line-height:25px;}
#header .menu a:hover{color:#000; background:#fff;}

/*  sub menu    */
#header .menu ul li ul{display:none; border-top:solid 1px #ccc; position:absolute; background:#666;}
#header .menu ul li:hover,
#header .menu ul li.over{background:#fff; color:#000;}
#header .menu ul li:hover a,
#header .menu ul li.over a{color:#000;}

#header .menu ul li:hover ul,
#header .menu ul li.over ul{display:block;}
#header .menu ul li ul li{display:block; border-bottom: solid 1px #ccc;}

#header .menu ul li ul li a,
#header .menu ul li:hover ul li a,
#header .menu ul li.over ul li a{display:block; white-space:nowrap; clear:both; color:#fff;}

#header .menu ul li ul li a:hover,
#header .menu ul li:hover ul li a:hover,
#header .menu ul li.over ul li a:hover{color:#000;}

/*  fix ie 6 menu   */

* html body #header .menu ul li{display:block; float:left;}
* html body #header .menu ul li ul{left:0; top: 32px;}
* html body #header .menu ul li ul li{width:240px; display:block; clear:both;}
* html body #header .menu ul li ul li a{width:240px; display:block; clear:both; float:left;}

/*  fix ie 7 menu   */
*+html body #header .menu ul li{display:block; float:left;}
*+html body #header .menu ul li ul{left:0; top: 32px;}
*+html body #header .menu ul li ul li{width:240px; display:block; clear:both; float:left;}

/* top title    */
#header #userinfo{clear:none; float:right;color:#8e8e8e; height:34px; line-height:34px; display: block; width: 400px; }
#header #nav{ border-bottom:solid 1px #ccc; height:34px; }
#header #nav h1{font-size:12px; height:34px; line-height:34px; padding:0 75px 0 10px; display:inline; float:left}
#header #nav h1 span,
#header #nav h1 span{line-height:34px; height:34px;}

/* hidden home nav link */
#header .menu ul li #ctl00_site_menu1_menuLevel1_ctl01_item{display:none;}

/*  page content    */
p#filter{padding:5px; background:#eef; margin:2px 0; line-height:2.0em; }
p#filter input{width:80px; height:auto; padding:2px;}
p#filter input.fbtn{width:auto; padding:0; margin:0;}

#main{min-height: 480px; padding:10px; clear:both;}
* html body #main{height:480px;}
*+html boyd #main{height:480px;}

/*  data table  */
#main table{border:solid 1px #999; border-collapse:collapse;text-align:left; width:100%; margin:0 auto 10px auto;}
#main th,
#main td{padding:3px; border:solid 1px #999;}

#main table tr.even{background:#f9f9f9;}
#main table tr:hover,
#main table tr.over{background:#ffe;}
#main table tr.sel{background:#def;}

#main table.nobd,
#main table.nobd tr,
#main table.nobd td,
#main table.nobd th{border:none;}

#main table.nobg,
#main table.nobg tr,
#main table.nobg td,
#main table.nobg th{background:none;}

#main th, .theader{background:#ddd; font-weight:bold; text-align:center; }
#main .theader td{font-weight:bold;}

#main th a{ text-decoration:none; color:#369;}
#main th a:hover{ text-decoration:none; color:#f00;}

#main table caption{padding:3px; border:solid 1px #999; border-bottom:none; background:#ddd; font-weight:bold;}
#main table.wauto{width:auto;}

/*  footer  */

.WAC #footer{ background:#666; color:#fff;}
.W2 #footer{background:#fff;color:#333;}
.W2 #footer p.bg2{border:2px solid #666; border-width:2px 0; color:#fff;}

#footer p{padding:10px;}
#footer a{color:#fff;}


/* ----------- report       ---------------- */

div.square{width:660px; border:solid 1px #ccc;margin:0 auto 20px auto; clear:both;}
div.square h2{border-bottom:solid 5px #ccc; padding:4px 10px; font-weight:bold;text-align:left; text-transform:uppercase;}
div.square div{padding:10px; text-align:left;}
div.square div p{line-height:1.2em; padding:0 0 1em 0; text-align:left;}
div.square div ul{margin:0;padding:0 0 0 15px;}
div.square.liquid{float:left; margin:0 10px 20px 0; clear:none;}

table .headerInfo .title{font-weight:bold; font-size:1.5em; border:solid 1px #ccc; padding:5px 15px; margin:4px 0; display:inline-block; width:10em; text-align:center;}
table .headerInfo label,
table .headerInfo span{display:inline-block;width:8em; padding:0 2px; text-align:left;}

table .headerInfo h1{font-weight:bold; text-transform:uppercase; font-size:20px; line-height:20px;}

table.iheader .theader th,
table.iheader .theader td{text-align:left;}

table.iheader td div.add{ margin:-1.2em 0 0 6em;}

table td.notes{}
table td.total b{ display:inline-block; width:128px;}

/* sortable table */
#main .sortable th.header{background: #ddd url(/themes/images/bg-sorter-table.gif) no-repeat scroll -7px center; padding-left:6px; cursor:pointer;}
#main .sortable th.headerSortUp{background-image:url(/themes/images/bg-sorter-table-asc.gif);}
#main .sortable th.headerSortDown{background-image:url(/themes/images/bg-sorter-table-desc.gif);}


/*  report form */
div.square div .bd{border:solid 1px #000; background:#fff; color:#000; padding:2px; margin: 0 8px;}

div#research{display:none;}

div.square .indent,
div.loginForm .indent{ display:inline-block; width:100px; text-align:right;}

div.square p.indent4note{ padding-left:106px;}
div.square p.indent4input{ padding-left:100px;}
div.square div.panel{padding:0;margin:0}
div.square select.customers{font-family:Lucida Console,Courier New,Monospace,Monaco; font-size:12px; padding:0; white-space:pre;}
div.square select.customers option{ white-space:pre;}
div.square select.customers option.s{color:#f00; background:#ffc;text-decoration:none;}

div.square input.date{background:#fff url(../images/bg-calendar.gif) no-repeat scroll 99% 50%;}


/*	---------- Login Form	----------------*/

body.login{background:#eee; margin:0 auto; padding:0; min-width:500px !important;}
.loginForm{ text-align:center; margin:0; float:left; width:400px; }
.loginForm table{border:none; border-collapse:collapse;width:400px; text-align:left; background:#fff;}
.loginForm .title{text-align:left; border-bottom:solid 4px #444;padding:5px; font-weight:bold; font-size:12px;}
.loginForm table table td{padding:20px; margin:5px; font-size:11px; line-height:11px;}

.loginForm input.bd{border:solid 1px #000; background:#fff; color:#000; padding:2px; margin:5px;}

.loginForm .err{color:#f00;}
.loginForm .cb input{margin:0 5px 0 137px;}
*+html>body .loginForm .cb input{margin-left:117px;}
.loginForm .cb label{margin:0;}

.loginForm .fgtpwd{padding:0 0 10px 20px;}
/*
.loginForm .fgtpwd a{color:#06f;}
.loginForm .fgtpwd a:hover{color:#f00;}
*/
div.loginForm{ background:#fff;}

table.loginForm table td.title{ text-indent:50px; background:#fff url(../images/bg-login-wac.gif) scroll no-repeat 20px 10px; height:32px; line-height:32px;}
.W2 table.loginForm table td.title{ background-image: url(../images/bg-login-w2.gif);}

.WAC table.loginForm{ }

/* forgot password */

.loginForm h1.title{text-indent:50px; background:#fff url(../images/bg-login-wac.gif) scroll no-repeat 20px 10px; height:32px; line-height:32px;}
.loginForm div{margin:10px;}
.loginForm p{text-align:left;}
/* features in login */

.login #notes{padding:20px; width:360px;}

.loginForm input.loginbtn{margin-right:212px;}

.login #content{width:665px; margin: 20px auto;}

.login #intro{width:250px; float:right; color:#666;}
.login #intro h2{font-size:14px; padding:15px 0 10px 0;}
.login #intro p{padding: 0 0 1px;}
.login #intro img.ss1{border:solid 1px #666; margin-top:5px;width:194px; height:162px;}


/*  change information form */
.changeinfo{border:none;}
table#ctl00_CP_ChangePassword table{border:none;}
.changeinfo .title{font-weight:bold; }


/*  thick box   */
.thickbox{}
.freeze{}
.sortable{}


/*cell with*/

table td.w8{width:8%;}
table td.w9{width:9%;}

table td.w12{width:12%;}
table td.w13{width:13%;}

table td.w25{width:25%;}
table td.w50{width:50%;}
table td.w75{width:75%;}

.wsq,
#main table.wsq{width:660px;}

/* -- reports center  --*/
.report-center{}
.bg3{ background:#444546 url(../images/bg-reports-center-title.gif) scroll repeat-x 0 0; margin:0; color:#fff;}

.bg3 a{color:#eef;}
.bg3 a:hover{color:#f00;}
.report-center h3.title{ height:40px;line-height:36px; text-align:center; font-weight:bold; color:#fff; font-size:14px;}

.report-center ul li{display:block; width:180px; height:90px; float:left; color:#fff; background:transparent url(../images/bg-reports-list.gif) scroll no-repeat 0 3px; padding:0 5px 5px 20px;}
.report-center ul li.even{background-image:url(../images/bg-reports-list-even.gif);}
.report-center ul li a{color:#fff; text-decoration:none; line-height:16px; font-weight:bold; font-style:oblique;}
.report-center ul li a:hover{color:#f90;}
.report-center ul li div{margin:0; padding:0;}

/* --   gallery     -- */
#gallery a{display:block; width:120px; height:150px; float:left; text-align:center; text-decoration:none; color:#fff; background:#666; margin:0 10px 10px 0; border:solid 2px #ccc;}
#gallery a:hover{color:#ff0; border-color:#ff0;}
#gallery a span{ width:120px; height:120px; display: table-cell; background:#888; vertical-align:middle;}
#gallery a strong, 
#gallery a em{font-size:10px; font-weight:normal;}
* html #gallery a span{display:block;}

/* sales tools list */
.list{color:#fff;}
.list h4{font-size:12px; line-height:16px; font-weight:bold; cursor:pointer; margin:0 0 10px 0; text-indent:20px; height:16px; background:transparent url(../images/bg-expand.gif) no-repeat scroll left top;}
.list h4.expand { background-position:left bottom;}
.list h4:hover,
.list h4.o{color:#ff0;}
.list div{display:none;}
.list a{color:#fff;}
.list div a{display:block; text-decoration:none;}
.list div a:hover{color:#ff0;}

/*  single page background  */
.bg4{background:#fff; color:#333;}

.w960{width:960px !important;}
.w750{width:750px !important;}
.w650{width:650px !important;}
.w450{width:450px !important;}
.w250{width:250px !important;}
.w200{width:200px !important;}
.wauto{width:auto !important;}

/* home report list */
/* 2012 01 14 */
#main .home_report_list{padding:0;}
#main .home_report_list h2{color: #960016; font-size: 14px; text-transform: none; padding-left: 15px; background: transparent url(../images/bg-sq.png) scroll no-repeat 0 -52px;}
#main .home_report_list ul{padding:0;}
.home_report_list ul li{margin:5px 0 1em 0; list-style: none;}
.home_report_list ul li a{ font-weight:bold; color: #f3942e;   vertical-align: top;display: inline-block; width:250px;}
.home_report_list ul li div {display: inline-block; padding:0 0 0 10px; width: 360px; vertical-align: top; background: transparent url(../images/bg-des.gif) scroll no-repeat 0 7px;}

/* home sidebar 2011 01 14 */
#home_sidebar {border: none;}
#home_sidebar h2{border: none; background: transparent url(../images/bg-sq.png) scroll no-repeat 0 -48px; font-size: 16px; font-family: Myriad Pro, arial; color: #f3942e; padding:8px 10px 8px 15px; }
#home_sidebar p.lc a img{width:248px; border: solid 1px #ccc; padding: 20px 0;}
#home_sidebar p.lc a:hover img{border: solid 1px #f90;}

#main #home_content{border:none; min-width:700px; width:900px;}

/* cross over data */
.crossoverdata tr.title th{cursor:pointer;}
.crossoverdata tr{display:none;}
.crossoverdata tr.title{display:block;}

/* form validate */

label.error{padding:2px 0 2px 25px; height:16px; line-height:16px; color: #900; background: transparent url(../images/bg-valid-err.gif) no-repeat scroll 5px 1px;}
input.error{border:solid 1px #f00;}

/* export notes */
table.exptnotes{}
p.exptnotes{font-weight:bold;}

/* 
	customers list layout
	|[ ]|0000000  |  COMPANY NAME            |  CITY        |
	|20 |50       |10      300             10|    110       |
	|                         500                           |
*/

#main ul.customers{height:160px; overflow: auto; width:515px; border:solid 1px #ccc; list-style:none; margin:0; padding:0; }
ul.customers li{display: block; clear:both; overflow:hidden; list-style:none; margin:0; padding:0; background:#fff;}
ul.customers li.even{background:#f9f9f9;}
ul.customers li:hover,
ul.customers li.over{background:#ffe;}
ul.customers li.sel{background:#def;}
ul.customers li.hl label {color:#c66;}

ul.customers input{ display:block; float:left; margin:2px 2px 0 2px; background: transparent; padding:0; }
ul.customers label{margin:0; width:auto; display:block; height:15px; padding:3px 0 0 0;}

ul.customers span{display: block; float:left;height:15px; line-height:1; overflow:hidden; font-size:10px;}
ul.customers .i{width:50px; padding:0;}
ul.customers .n{width:290px; padding:0 5px;}
ul.customers .c{width:130px; padding:0;}

/* customers filter */
#filters{  position:absolute;background:#ffe; border: solid 1px #ccc; left:0; padding:4px; display:none; width:160px;}
#filters #f_ft{border:solid 1px #ccc; background:transparent; }

/* check stock product image */
a.pImgLink{width:87px; height:87px; float:right; margin:0 0 0 -89px; display:block; border:solid 1px #ccc;}
a.pImgLink img{ width:87px; height:87px; display:block;}
a.pImgLink:hover{border-color:#f00;}
.mn{margin:0 90px 0 0; float:left;}

/* pager style */

#main table .pager td{padding:0;}
#main table .pager td table{width:auto; border:none; float:right; margin:0;}
#main table .pager td table td{border:none; padding:4px 6px;}