body, html {height:100%; padding:0;margin:0px;font-family:Arial, "times New Roman", sans-serif; font-size:11px; background-color:#CCE8FF;}

p, img, a, table, li, ul{border:0; padding:0;margin:0;}

img{font-size:0;}
a {color:#000000;}
div.clear {clear:both; overflow:hidden;}

.textbox, .dropdown, .dropdown-sm, .textbox-sm, .textbox-long, .textarea,.dropdown-md,.textbox-md,.dropdown-long {border:1px solid #6a95b0; font-size:11px;}
.dropdown {width:160px;}
.dropdown-long {width:250px;}
.dropdown-md {width:120px;}
.dropdown-sm {width:80px;}
.checkbox {border:0;}
.textbox {width:150px;padding:2px;}
.textbox-md {width:100px;padding:2px;}
.textbox-sm {width:80px;padding:2px;}
.textbox-long {width:400px;padding:2px;}
.textarea {padding:1px 2px 1px 2px;font-family:Arial, "times New Roman", sans-serif;}

.mleft {margin-left:5px;}
.mright {margin-right:5px;}
.margin-top {margin-top:10px;}

.gridtotal {background-color:#CCCCCC;font-weight:bold; border-top:1px solid black;}
.reportgriditemcolor{background-color:#FFFFFF;padding:1px; vertical-align:middle;}
.reportgridalternatingitemcolor{background-color:#FFFFCC;padding:1px; vertical-align:middle;}
.reportgriditemcolorsunday{background-color:#FFFFFF;padding:1px; vertical-align:middle;}
.reportgridalternatingitemcolorsunday{background-color:#FFFFCC;padding:1px; vertical-align:middle;}
.reportgriditemcolor td,
.reportgridalternatingitemcolor td,
.reportgriditemcolorsunday td,
.reportgridalternatingitemcolorsunday td {border-bottom:1px solid #CCCCCC;}
.reportgriditemcolorsunday td,
.reportgridalternatingitemcolorsunday td {border-top:1px solid #333333;}

.headerstyletemplate {background-color:#CCCCCC; color:#000000; font-weight:bold; padding:2px;}
.itemstyletemplate {padding:1px; vertical-align:middle;}
.edititemstyletemplate {background-color:#c4dced;padding:1px; vertical-align:middle;}
.itemcolor{background-color:#FFFFFF;padding:1px; vertical-align:middle;}
.alternatingitemcolor{background-color:#FFFFCC;padding:1px; vertical-align:middle;}
.edititemcolor{background-color:#EEEEEE;padding:1px; vertical-align:middle;}
.expireditemcolor{background-color:#FFCCCC;padding:1px; vertical-align:middle;}
.activeitemcolor{background-color:#ccffcc;padding:1px; vertical-align:middle;}
.edititemstyletemplate td,
.itemstyletemplate td,
.itemcolor td,
.alternatingitemcolor td,
.edititemcolor td,
.expireditemcolor td,
.activeitemcolor td {border-bottom:1px solid #CCCCCC;}

.rowconflict1{background-color:#ffcccc;padding:1px; vertical-align:middle;}
.rowconflict2{background-color:#ff9999;padding:1px; vertical-align:middle;}
.rowconflict3{background-color:#ff6666;padding:1px; vertical-align:middle;}
.rowconflict4{background-color:#ff6633;padding:1px; vertical-align:middle;}

.coloryes,
.colorno  {margin-top:-5px; padding:0 4px 0 4px; border:1px solid black;color:#000000;font-size:10px; text-transform:uppercase;}
.coloryes {background-color:#caffb3;}
.colorno {background-color:#ffd4d4;padding:0 7px 0 7px;}
.error {color:#FF0000;}
.errorgroup {color:#FF0000;font-weight:bold;font-size:12px;}
.errororder {color:#FF0000;font-weight:bold;font-size:16px; margin-bottom:20px; padding:5px; border:solid 1px #ff0000; width:760px; background-color:#FFFFCC;}

div#pagecontainer {width:800px; text-align:center; margin:0px auto 0px auto;}
div#pagecontainer div#logincontainer {text-align:center; font-size:11px; width:373px; height:230px; background:url(images/graphics/logo_bg.gif) no-repeat; margin-top:200px;}
div#pagecontainer div#logincontainer div#contentcontainer {}
div#pagecontainer div#logincontainer div#contentcontainer div.header {text-align:left; height:20px; background-color:#990099; font-size:12px; font-weight:bold; text-transform:uppercase; padding:5px 0 0 5px; border-bottom:1px solid black;}
div#pagecontainer div#logincontainer div#contentcontainer div.logo {text-align:center; padding-top:2px;}
div#pagecontainer div#logincontainer div#contentcontainer div.body {padding-top:155px; padding-left:20px;}
div#pagecontainer div#logincontainer div#contentcontainer div.body div {padding-top:1px;}
div#pagecontainer div#logincontainer div#contentcontainer div.body span.label{padding-right:5px;}
div#pagecontainer div#logincontainer div#contentcontainer div.body .textbox {width:100px; font-size:11px; color:black; height:15px; border:1px solid #333333;}
div#pagecontainer div#logincontainer div#contentcontainer div.button {text-align:right; padding-right:15px;}
div#pagecontainer div#framescontainer {height:800px;background-color:#FFFFFF; width:900px; border:1px solid #000000;}
div#pagecontainer div#maincontainer {}
div#pagecontainer div#maincontainer div.header {margin-top:200px;}

div.topframe {height:40px; padding-top:5px; background-color:#003366; border-bottom:1px solid #000000; color:#FFFFFF;}
div.topframe div.menutitle {font-weight:bold; font-size:12px; text-transform:uppercase;}
div.topframe div.icons {background-color:#FFFFFF; padding:5px; margin-top:5px; height:18px;}
div.topframe div.icons div {float:left; width:20px;}
div.topframe div.icons div.last {float:right;}

body.menubg {background-color:#003366; border-right:1px solid black;}

body.innerpage {}
div.innerpagecontainer{padding:20px 0 0 20px; width:95%;}
div.innerpagecontainer div.mainheader {font-size:16px; text-transform:uppercase; font-weight:bold; color:#003366; padding-left:5px;}
div.innerpagecontainer div.mainheader img {margin-right:5px;}

div.section {padding:5px; margin-top:10px; border:1px solid #AAAAAA; background-color:#FFFFFF;}
div.section td.leftcolumn {padding-right:20px;}
div.sectiontab {border-left:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #666666;padding:5px; margin-top:10px; background-color:#FFFFFF; }

div.sectionintro {border:1px solid #666666; padding:5px; background:#CCCCCC; margin-bottom:5px;margin-top:25px;}
div.sectionheader {width:100%;font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #333333; color:#333333; padding:5px; margin-top:5px;}

div.sectioncontent {margin-top:10px;}
div.sectioncontent .label {padding-right:5px; text-align:right; vertical-align:top;}
div.sectioncontent div.insertion div {float:left;}
div.sectioncontent div.insertion table {float:left; width:300px;}
div.sectioncontent td.label {width:100px;}
div.sectioncontent div.error {padding:5px; color:red;}
div.sectioncontent div.button {padding-top:10px;}
div.sectioncontent div.buttons div {float:left; padding-right:5px;margin-top:10px;}
div.sectioncontent div.buttons-hor input {float:left; padding-right:4px;margin-top:10px;}
div.sectioncontent div.buttons-vert input {display:block; padding-top:3px;}
div.sectioncontent div.filter {text-transform:uppercase;padding-bottom:10px;}
div.sectioncontent div.filters div {float:left; padding-left:10px;}
div.sectioncontent div.sort {margin-top:5px; font-size:10px; text-transform:uppercase;}
div.sectioncontent div.sort div {float:left; padding-left:10px;}
div.sectioncontent div.results {padding-left:20px; margin-top:5px; font-size:10px; text-transform:uppercase;}
div.sectioncontent div.results div {float:left; padding-left:10px;}
div.sectioncontent div.floatdiv div {float:left;}
div.sectioncontent div.CategoryListFilters {text-transform:uppercase; width:550px;}
div.sectioncontent div.CategoryListFilters div {float:left; padding-left:10px;padding-top:5px;}
div.sectioncontent div.CategoryListFilters div.buttons {margin-top:20px; float:right;padding-right:35px;}
div.sectioncontent div.BrandScroller {overflow:auto;height:120px;width:250px;padding:2px;border:1px solid #6a95b0;background:#ECF1FF;}
div.sectioncontent div.Sort {text-transform:uppercase;}
div.sectioncontent div.Sort div {float:left; padding-left:10px;padding-bottom:5px;}

div.innerpagecontainer div.content div.insertion div.radiobuttonlist {width:800px;}
div.innerpagecontainer div.content div.insertion div.radiobuttonlist div {float:left; width:250px;}
div.innerpagecontainer div.content div.data div.shownimagelist div.item, 
div.innerpagecontainer div.content div.data div.hiddenimagelist div.item {width:220px; vertical-align:top; background:#CCCCCC;}
div.innerpagecontainer div.content div.data div.shownimagelist div.item div.buttons, 
div.innerpagecontainer div.content div.data div.hiddenimagelist div.item div.buttons {float:left; width:20px;}
div.innerpagecontainer div.content div.data div.shownimagelist div.item div.image, 
div.innerpagecontainer div.content div.data div.hiddenimagelist div.item div.image  {float:left; width:200px;}
div.innerpagecontainer div.content div.data div.shownimagelist {background:#99CCFF;}
div.innerpagecontainer div.content div.data div.hiddenimagelist {background:#FF9999;}
div.innerpagecontainer div.content div.data div.shownimagelist div.heading, 
div.innerpagecontainer div.content div.data div.hiddenimagelist div.heading {font-size:11px;font-weight:bold; padding:5px;}

div.delete-warning {width:350px; color:#FF0000;}

#ImageManager {padding:10px 20px 20px 20px;}
#ImageManager div.imagetitle{margin-bottom:10px; font-size:14px; font-weight:bold; color:#666666;}
#ImageManager div.imagediv{border:solid 1px #666666; margin-right:20px; margin-bottom:20px; font-size:0px; }
#ImageManager div.imagegrid{border:solid 1px #666666; border-bottom-width:0px; margin-bottom:20px;}
#ImageManager div.imagegrid{border-bottom:solid 1px #666666;}
#ImageManager div#divExact { padding-left: 50px ; border-width:0px;}
#ImageManager div.imageinput {float:none; margin:0px 0px 20px 20px;vertical-align:bottom;}


#tab {float:left;width:100%;background:#CCE8FF url(images/graphics/tabbg.gif) repeat-x bottom;font-size:93%;line-height:normal;margin-bottom:-10px;}
#tab ul {margin:0;padding:10px 10px 0;list-style:none;}
#tab li {float:left;background:url(images/graphics/left.gif) no-repeat left top;margin:0;padding:0 0 0 9px; color:white;}
#tab a {float:left;display:block;background:url(images/graphics/right.gif) no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none; text-transform:uppercase;}
#tab li.tabon {background-image:url(images/graphics/left_on.gif);}
#tab li.tabon a {background-image:url(images/graphics/right_on.gif);padding-bottom:5px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab a {float:none;}
/* End IE5-Mac hack */

.TreeControl {width:350px; height:400px; overflow:auto; padding:3px; margin-right:10px; border:1px solid #6a95b0; background-color:#ECF1FF;}
.TreeEdit {padding-left:5px; font-size:10px; color:#999999;}
.NodeControl, 
.NodeOver, 
.NodeSelected, 
.NodeLoading {font-family: verdana, sans-serif;font-size: 12px;padding-right: 2px;}
.NodeLoading{color: red;font-weight: bold;padding-left: 3px;}
.NodeControl{color: #555555;padding-left: 3px;}
.NodeOver{color: #003366;padding-left: 3px;}
.NodeSelected{color: #000000;border: solid 1px #003366;padding-left: 2px;}



div.sectioncontent table#orderheader{width:760px;  }
div.sectioncontent table#orderheader tr.header{font-weight:bold; border:solid 1px #cccccc; }
div.sectioncontent table#orderheader tr.header td{padding-top:20px;  border-bottom:solid 1px #000000; }
div.sectioncontent table#orderheader td{ padding:3px; }
div.sectioncontent table#orderheader td.last{ }


div.sectioncontent table#orderproducts{width:760px; }
div.sectioncontent table#orderproducts tr.header td{font-weight:bold; font-size:12px; }
div.sectioncontent table#orderproducts tr.dgheader{ background-color:#ffffff; font-weight:bold;  }
div.sectioncontent table#orderproducts tr.dgheader td{ padding-top:20px;  }
div.sectioncontent table#orderproducts td{ padding:3px; }
div.sectioncontent table#orderproducts table#dgOrderItems{width:760px;  }
div.sectioncontent table#orderproducts table#dgOrderItems td{border-bottom:solid 1px #000000;}
div.sectioncontent table#orderproducts table#dgOrderItems td.center{width:40px; text-align:center;  }
div.sectioncontent table#orderproducts table#dgOrderItems td.right{width:50px; text-align:right;  }
div.sectioncontent table#orderproducts table#dgOrderItems td.last{width:75px; text-align:center;  }

div.sectioncontent table#ordertotals{width:675px;  }
div.sectioncontent table#ordertotals td{padding:3px; }
div.sectioncontent table#ordertotals td.last{width:75px; text-align:right;  }
div.sectioncontent table#ordertotals td.addproducts{ vertical-align:top; }

div#OrderListGrid div {float:left;}
div#OrderListGrid div.legend div {float:none;margin:5px;border:1px solid #CCCCCC;text-align:center;padding:3px;}
div#OrderListGrid div.legend div.oldorder {background-color:#EEEEEE;}
div#OrderListGrid div.legend div.readyorder {background-color:#ccffcc;}
div#OrderListGrid div.legend div.cancelledorder {background-color:#FFCCCC;}

.ordernotes {margin-left:20px;}