/*Eric Meyer’s “Reset CSS” 2.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ul.normal, ol.normal{float:left;clear:left;padding:10px 10px 5px 10px;margin:0 0 0 10px;list-style-type:disc;line-height:150%; }
ul.normal li {list-style:disc !Important;padding:0 0 5px 0;clear:both;}
ol.normal li{list-style-type:decimal !Important;padding-bottom:0 0 5px 0;clear:both;}

/*Control Override*/
.dxgvSelectedRow
{
    background-color: #E6FFE6;
    color: inherit;
}
.dxmMenu{background-color:#5389c6;border-color:#5389c6;}
.dxmMenuItem a{color:White;font-size:14px;}
.dxmMenuItemHover{background-color:#5389c6;border-color:#5389c6;}
.dxmSubMenu{background-color:#5389c6;border-color:#5389c6;}
.dxmSubMenuItemWithImage{border-color:#5389c6;}
.dxmSubMenuGutter{background-color:#5389c6;width:2px;}
.dxmSubMenuItemWithImage a{color:White;font-size:14px;}
.dxmSubMenuItemHoverWithImage{background-color:#5389c6;border-color:#5389c6;}
.dxpc-header{Height:18px;}
 .dxlpControl.dxlpLoadingDiv{background-color:#232323;}
 

/*Orders Change Log*/
.changelog{font-size:11px;}
.changelog span {display:none;padding:20px;white-space: nowrap}
.changelog:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}


/*Common HTML Styles*/
body{font:normal 12px  "Arial","Tahoma", "Trebuchet MS", Verdana, Helvetica, sans-serif;background-color:Black;background-Image:url('Background.jpg');background-repeat:repeat-x;margin:0px;margin-top:10px;margin-bottom:10px;padding:0px;color:#333333;}
.clear{clear:both;}
.clearPad{clear:both;padding-bottom:10px;}
.divide{float:inherit;padding-left:10px;padding-right:10px;}
hr{display:none;}
.hr{height:1px;margin:0px;padding:0px;margin-top:8px;margin-bottom:7px;background:#C3C3C3;overflow:hidden;width:100%;clear:both;}
h1{float:left;font-size:24px;font-weight:bold;font-family:avenir;}
h2{float:left;font-size:18px;font-weight:bold;font-family:avenir;}
b{font-weight:bold;}
.red{color:#AD0C1B !Important;}
.blue{color:#5389c6 !Important;}
a{text-decoration:none;color:inherit;}
.hidden{display:none;}
.checkoutbox{white-space:nowrap;width:350px;margin:0 0 0 2px;padding:8px 10px;font:16px arial, sans-serif;font-weight:bold;text-align:left;text-decoration:none;color:#FFF;background-image:url('GVheader.jpg') !Important;}
td.pad{padding:2px;}
.boxHeader{background:Black;background-image: url("GVheader.jpg");Color:White;padding:5px;font-size:14px;font-weight:bold;}
text-left{text-align:left;}

.settings {width:100%;}
.settings .h{padding:6px;background-color:#D3D3D3;color:Black;}

.icons a{display:block;float:left;width:170px;padding:10px;padding-bottom:20px;text-align:center;}
.icons span{font-size:16px;font-weight:bold;clear:both;}

.icons a.small{display:block;float:left;width:115px;padding:10px;padding-bottom:10px;text-align:center;}
.icons a.small img{width:95px;}
.icons a.small span{font-size:12px;font-weight:bold;clear:both;}
.hide{
    display: none;
}

/*Page Dimentions*/
.ct1{float:left;width:100%;}
.ct2{width:980px;margin-left:auto;margin-right:auto;}
.ct3{float:left;width:980px;}

/*Header*/
.header{float:left;width:970px;height:15px;color:#333333;background-color:White;font-weight:bold;overflow:visible;padding:5px;position:relative;}
.devicon{position:absolute;left:-80px;top:-2px;}
.devicon2{position: absolute;left: -53px;top: -2px;}
.header .log{float:left;padding-left:5px;padding-top:5px;height:20px;}
.header .welcome{float:left;width:200px;}
.header a{float:right;color:#333333;font-weight:bold;text-decoration:none;cursor:pointer;}
.header a:hover{color: #808080;}
.browser{float:left;margin:0px;padding:5px;padding-top:8px;padding-bottom:8px;width:970px;background-color:#800000;color:White;}

/*Top Navigation*/
.nav{float:left;background-color: #5389c6;height:36px;width:980px;font-size:14px;}
.nav .cart{float:right;padding-right:10px;padding-top:10px;color:White;}
.mlddm{margin:0;padding:0;}
.mlddm li .navtitle{display:block;float:none !Important;text-align:center;white-space:nowrap;color:Black;font-weight:bold;font-size:14px;padding:11px 7px;margin:0;width:auto;text-decoration:none;background-color:#5389c6;padding-right:0px;}
.mlddm li .navtitle:hover{Color:Black;background-color:#5389c6;}
.mlddm .logo{float:left;padding-left:10px;margin-top:3px;padding-right:10px;}
.mlddm .logo a{float:left;padding:0px;margin:0px;}
.mlddm li{display:inline;list-style:none;margin:0;padding:0;float:left;}
.mlddm li a{display:block;float:none !Important;text-align:center;white-space:nowrap;color:#FFF;padding:10px 13px;margin:0;width:auto;text-decoration:none;background-color:#5389c6;}
.mlddm li a.dashboard{padding-bottom:8px; }
.mlddm li a:hover{color:#FFF;background-color:#35689F;}
.mlddm ul{z-index:100;margin:0;padding:0;visibility:hidden;position:absolute;clear:both;background:#5389c6;}
.mlddm ul li{float:none}
.mlddm ul li a{white-space:nowrap;width:auto;margin:0 0 0 2px;padding:9px 15px;font:12px arial, sans-serif;text-align:left;text-decoration:none;color:#FFF;background:transparent}
.mlddm ul li a:hover{color:#FFF;padding:9px 15px 9px 13px;border:1px solid #FFF;border-width:0 0 0 2px}
.mlddm .hsub{background:no-repeat right url(arroww.gif)}
.mlddm .hsub:hover{background:#1C1D1F no-repeat right url(arroww.gif)}
.mlddm li .title{display:block;float:none !Important;text-align:center;white-space:nowrap;color:Black;font-weight:bold;font-size:14px;padding:11px 7px;margin:0;width:auto;text-decoration:none;background-color:#5389c6;padding-right:0px;}
.mlddm li .title:hover{Color:Black;background-color:#5389c6;}

/*Main Content*/
.main{float:left;width:980px;background-color:White;background-repeat:repeat-x;}
.topnav{float:left;width:980px;margin-top:5px;}

/*****Application Navigation*****/
.appNavTitle{float:left;padding-left:10px;padding-top:2px;height:22px;font-size:16px;text-align:center;background:url('GVHeader.jpg');color:White;width:950px;margin:10px;margin-bottom:0px;margin-top:5px;font-weight:bold;}
.appNavTitle .manual{float:right;padding-top:0px;margin-right:3px;cursor:pointer;}
.appNavTitle .comment{float:right;padding-top:0px;margin-right:10px;cursor:pointer;}
.appNavTitle .dashboard{float:left;padding-top:0px;margin-left:-2px;cursor:pointer;}
.appNavTitle .reports{float:left;padding-top:0px;margin-left:10px;cursor:pointer;}

.appNavMenu{float:left;width:960px;margin-left:10px;background-color:#5389c6;}
.appNavMenu .mlddm{margin:0;padding:0;font-size:14px;}
.appNavMenu .mlddm li{display:inline;list-style:none;margin:0;padding:0;float:left;}
.appNavMenu .mlddm li a{display:block;float:none !Important;text-align:center;white-space:nowrap;color:#FFF;padding:7px 13px;margin:0;width:auto;text-decoration:none;background-color:#5389c6;}

.appNavMenu .mlddm li a:hover{color:#FFF;background-color:#35689F;}
.appNavMenu .mlddm ul{z-index:100;margin:0;padding:0;visibility:hidden;position:absolute;clear:both;background:#5389c6;}
.appNavMenu .mlddm ul li{float:none}
.appNavMenu .mlddm ul li a{white-space:nowrap;width:auto;margin:0 0 0 2px;padding:9px 15px;font:12px arial, sans-serif;text-align:left;text-decoration:none;color:#FFF;background:transparent}
.appNavMenu .mlddm ul li a:hover{color:#FFF;padding:9px 15px 9px 13px;border:1px solid #FFF;border-width:0 0 0 2px}
.appNavMenu .mlddm .hsub{background:no-repeat right url(arroww.gif)}
.appNavMenu .mlddm .hsub:hover{background:#1C1D1F no-repeat right url(arroww.gif)}
.appNavMenu .mlddm li .title{display:block;float:none !Important;text-align:center;white-space:nowrap;color:Black;font-weight:bold;font-size:14px;padding:8px 7px;margin:0;width:auto;text-decoration:none;background-color:#5389c6;padding-right:0px;}
.appNavMenu .mlddm li .title:hover{Color:Black;background-color:#5389c6;}

.csrsearch{position:absolute;right:10px;top:41px;}

/*Different Page Types*/
.boxfull{float:left;margin-left:10px;margin-bottom:10px;width:960px;min-height:440px;}


/*Footer*/
.footer{float:left;width:980px;padding-top:5px;margin-bottom:20px;color:#ffffff;font-size:14px;}

/*GV Title Impersonation*/
.dxgvTitlePanel{background-image:url('GVheader.jpg');}
.gvTitle{float:left;padding-left:0px;padding-top:2px;height:22px;font-size:16px;text-align:center;background:url('GVHeader.jpg');color:White;width:960px;margin:0px;margin-bottom:0px;margin-top:5px;}
.gvTitle .left{float:left;padding-top:0px;margin-right:5px;margin-left:5px;cursor:pointer;}
.gvTitle .right{float:right;padding-top:0px;margin-right:5px;margin-left:5px;cursor:pointer;}

.ss-section-header {padding-left: 0px;padding-top: 2px;height: 22px;font-size: 16px;text-align: center;background: url('GVHeader.jpg');color: White;width: 960px;margin: 0px;margin-top: 5px;
}

/*Dashboards*/
.dashboardItem{float:left;width:310px;height:290px;border:solid 0px #9D9D9D;padding:5px;}
.dashboardItem .title{width:310px;display:block;background-image:url('GVheader.jpg');color:White;font-size:14px;padding-top:5px;padding-bottom:5px;}
.dashboardItem .title span{padding-left:10px;}
.dashboardItem .title .application{float:right;padding-right:5px;}
.dashboardItem .title .add{float:right;margin-right:2px;margin-top:-2px;}
.dashboardItem .content{padding:0px;margin:0px;color:#000000;}
.dashboardItem .content .dxgvFooter td.dxgv{padding-top:1px;padding-bottom:1px;}
.dashboardItem .content .dxgvHeader{padding-top:2px;padding-bottom:2px;}
.dashboardItem .content .dxgvDataRow td.dxgv{padding-top:3px;padding-bottom:3px;}


/* purchasing dashboard base */
.dashboardItemPurchasing{float:left;width:360px;height:290px;border:solid 0px #9D9D9D;padding:5px;}
.dashboardItemPurchasing .title{width:360px;display:block;background-image:url('GVheader.jpg');color:White;font-size:14px;padding-top:5px;padding-bottom:5px;}
.dashboardItemPurchasing .title span{padding-left:10px;}
.dashboardItemPurchasing .title .application{float:right;padding-right:5px;}
.dashboardItemPurchasing .title .add{float:right;margin-right:2px;margin-top:-2px;}
.dashboardItemPurchasing .content{padding:0px;margin:0px;color:#000000;}
.dashboardItemPurchasing .content .dxgvFooter td.dxgv{padding-top:1px;padding-bottom:1px;}
.dashboardItemPurchasing .content .dxgvHeader{padding-top:2px;padding-bottom:2px;}
.dashboardItemPurchasing .content .dxgvDataRow td.dxgv{padding-top:3px;padding-bottom:3px;}


/* purchasing dashboard override */
@media screen and (max-width: 980px) {
    .dashboardFlex{display:flex;flex-wrap:wrap;justify-content:center;}
    .dashboardItemPurchasing{width:500px; padding:25px;}
    .dashboardItemPurchasing .title{font-size:16px;width:457px;}
    .dashboardItemPurchasing .content{padding:0px;margin:0px;color:#000000;font-size:16px; width:450px !important;}
    .dashboardItemPurchasing .content .dxgvFooter td.dxgv{padding-top:1px;padding-bottom:1px;font-size:16px;max-width:12px !important;}
    .dashboardItemPurchasing .content .dxgvHeader{padding-top:2px;padding-bottom:2px;font-size:16px; }
    .dashboardItemPurchasing .content .dxgvDataRow td.dxgv{padding-top:3px;padding-bottom:3px;font-size:16px; width:10px !important;}

    .dashboardItemPurchasing .content .dxgvControl .dxgvHSDC{width:450px;}
}


.dashboardItem2{float:left;width:630px;height:290px;border:solid 0px #9D9D9D;padding:5px;}
.dashboardItem2 .title{width:630px;display:block;background-image:url('GVheader.jpg');color:White;font-size:14px;padding-top:5px;padding-bottom:5px;}
.dashboardItem2 .title span{padding-left:10px;}
.dashboardItem2 .title .application{float:right;padding-right:5px;}
.dashboardItem2 .title .add{float:right;margin-right:2px;margin-top:-2px;}
.dashboardItem2 .content{padding:0px;margin:0px;color:#000000;}
.dashboardItem2 .content .dxgvFooter td.dxgv{padding-top:1px;padding-bottom:1px;}
.dashboardItem2 .content .dxgvHeader{padding-top:2px;padding-bottom:2px;}
.dashboardItem2 .content .dxgvDataRow td.dxgv{padding-top:3px;padding-bottom:3px;}

.dashboardItem3{float:left;width:950px;background:#F7F7F7;border:solid 0px #9D9D9D;padding:5px;padding-bottom:10px;}
.dashboardItem3 .title{width:950px;display:block;background-image:url('GVheader.jpg');color:White;font-size:14px;padding-top:5px;padding-bottom:5px;}
.dashboardItem3 .title span{padding-left:10px;}
.dashboardItem3 .content{padding:0px;margin:0px;color:#000000;}

.dashboardItemLarge {float: left;width: 450px !important;height: 290px;border: solid 0px #9D9D9D;padding: 5px;}
.dashboardItemLarge .title {width: 310px;display: block;background-image: url('GVheader.jpg');color: White;font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
.dashboardItemLarge .title span {padding-left: 10px;}
.dashboardItemLarge .title .application {float: right;padding-right: 5px;}
.dashboardItemLarge .title .add {float: right;margin-right: 2px;margin-top: -2px;}
.dashboardItemLarge .content {padding: 0px;margin: 0px;color: #000000;}
.dashboardItemLarge .content .dxgvFooter td.dxgv {padding-top: 1px;padding-bottom: 1px;}
.dashboardItemLarge .content .dxgvHeader {padding-top: 2px;padding-bottom: 2px;}
.dashboardItemLarge .content .dxgvDataRow td.dxgv {padding-top: 3px;padding-bottom: 3px;}

/*Tables*/
table.switch td.pad{padding: 0px 5px 0px 5px;}
table.switch td.pad h2{float:none;}


/*Information Popups*/
.infoBottom span {display:none; padding:10px; margin-left:-753px;margin-top:21px; width:738px;height:210px;}
.infoBottom:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.infoTop span {display:none; padding:10px; margin-left:-753px;margin-top:-239px; width:738px;height:210px;}
.infoTop:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.infoBottomp span {display:none; padding:10px; margin-left:-453px;margin-top:21px; width:438px;height:210px;}
.infoBottomp:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.infoTopp span {display:none; padding:10px; margin-left:-453px;margin-top:-239px; width:438px;height:210px;}
.infoTopp:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.hoverView span{display:none; padding:2px 3px; margin-left:8px;}
.hoverView:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.infoTopps span {display:none; padding:10px; margin-left:-1113px;margin-top:-239px; width:438px;height:210px;}
.infoTopps:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}
    
.infoTopps1 span {display:none; padding:10px; margin-left:-1113px;margin-top:-80px; width:438px;height:50px;}
.infoTopps1:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

.infoTopps2 span {display:none; padding:10px; margin-left:-193px;margin-top:-80px; width:438px;height:50px;}
.infoTopps2:hover span{z-index:1000;display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

/*Cart*/
.cartTable{width:760px;text-align:left;font-weight:normal;font-size:12px;}
.cartTable thead th{padding-top:2px;padding-bottom:2px;text-align:center;border-bottom:0px solid #333;border-top:0px solid #333;background-color:#5389c6 !Important;background-image:none;color:White;font-size:13px;font-weight:bold;}

.cartTable th{padding:2px;padding-left:5px;padding-right:5px;margin:0px;font-weight:bold;	background:url('GVheader.jpg');font-size:13px;color:White;}
.cartTable th.p{text-align:center;}
.cartTable th.r{text-align:right;}
.cartTable th a{color:White;}
.cartTable td.l{padding:5px;margin:0px;font-size:12px;border-top:1px solid #333;color:#333;}
.cartTable td.c{text-align:center;padding:5px;margin:0px;font-size:12px;border-top:1px solid #333;color:#333;}
.cartTable td.r{text-align:right;padding:5px;margin:0px;font-size:12px;border-top:1px solid #333;color:#333;}
.cartTable td .tb{width:40px;text-align:right;height:14px;color:#5D5D5D;border:1px solid #cccccc;background:url('Textbox.jpg') repeat-x top;}
.cartTable tfoot th{padding-top:7px;padding-bottom:7px;border-bottom:1px solid #333;border-top:1px solid #333;background-color:#C0C0C0 !Important;background-image:none;color:#333;font-size:13px;font-weight:normal;}
.cartTable .invoicef td{border-bottom:0px solid #C0C0C0;border-top:0px solid #C0C0C0;background-color:#F1F1F1;color:#8f8f8f;font-size:14px;font-weight:normal;}
.cartTable .outofstock td{color:#CC0000;}


/**Left Panel**/
.panel{width:100%;background:#F7F7F7;border:solid 1px #9D9D9D;}
.panel .title{width:100%;display:block;background-image:url('GVheader.jpg');color:White;font-size:14px;padding-top:5px;padding-bottom:5px;}
.panel .title span{padding-left:10px;}

.panel .content{padding:10px;color:#000000;}


/***Product Grid***/
.left{float:left;width:200px;height:100%;}
.right{float:left;width:760px;min-height:440px;}
.leftnav{float:left;}
.grid{float:left;width:760px;}
.product{width:132px;margin-left:18px;margin-top:10px;margin-bottom:10px;float:left;}

.product .title{color:#5D5D5D;font-size:12px;margin-top:2px;padding-right:1px;padding-left:1px;width:132px;float:left;text-decoration:none;font-weight:normal;}
.product .color{color:#5D5D5D;font-size:12px;margin-top:2px;padding-right:1px;padding-left:1px;width:132px;float:left;text-decoration:none;text-align:center;font-weight:bold;}
.gridpager{float:left;width:760px;background:url('GVheader.jpg');color:White;}
.gridpager a:Hover{color:#AD0C1B !Important;}
.gridpager .items{float:right;padding-top:4px;padding-right:15px;}
.gridpager .crums{float:left;padding-top:6px;padding-left:15px;}
.gridpager .crums a{float:left;padding-right:5px;padding-left:5px;font-size:11px;padding-top:1px;}
.gridpager .page{float:right;padding-top:4px;padding-bottom:4px;padding-right:15px;}
.gridpager .page a{float:left;padding-right:5px;padding-left:5px;}

.gridfilter{width:760px;float:left;}
.gridfilter .h{float:left;width:750px;background:url('GVheader.jpg');color:White;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;}
.gridfilter .h span{float:left;padding-top:4px;padding-bottom:4px;}
.gridfilter .h a{padding-left:5px;padding-right:5px;float:left;padding-top:4px;}
.gridfilter .h a img{float:left;margin-top:-3px;}
.gridfilter .i{float:left;padding:5px;padding-top:10px;}

.product .i{float:left;min-height:180px !Important;}
.product .swatch{float:left;}
.product a{float:left; text-decoration:none;}
.product a .swatch{float:left; text-decoration:none;margin-top:3px;}
.product a .sale{float:left; text-decoration:none;margin-top:3px;font-weight:bold;color:#5389c6;}
.product .name{text-align:center;width:100%;font-weight:bold;color:#333;font-size:14px;}

/*Item Page*/
.itemPage{float:left;width:760px;}
.itemPage .itemLeft{float:left;width:200px;margin-right:10px;}
.itemPage .itemLeft .modelshot{float:left;padding-left:45px;}
.itemPage .itemLeft .designStudio{float:left;margin-top:10px;}
.itemPage .itemRight{float:left;width:550px;}
.itemPage .itemRight .link1{Float:left;padding-bottom:5px;}
.itemPage .itemRight .link1 a{float:left;width:180px;}
.itemPage .itemRight h1{font-size:18px;padding-top: 5px;padding-bottom:3px;color:#333;}
.itemPage .itemRight .l2{float:left;font-weight:bold;color:#333;}
.itemPage .itemRight .spacer{float:left;padding-left:5px;padding-right:5px;}
.itemPage .itemRight .itemColors{float:left;margin-top:10px;}
.itemPage .itemRight .itemColors a{float:left;display:table-cell;width:49px;padding:2px;height:35px;vertical-align:top;cursor:pointer;overflow:hidden;margin-right:1px;margin-bottom:1px;font-size:10px;}
.itemDescription{float:left;padding:10px;padding-left:30px;}
.itemDescription ul{list-style-type:disc;}

.ordergridcontainer0{float:left;width:760px;background-color:#e0e0e0;}
.ordergridcontainer1{float:left;height:80px;overflow:hidden;width:760px;background-color:#e0e0e0;}
.ordergridcontainer2{float:left;height:159px;overflow:hidden;width:760px;background-color:#e0e0e0;}
.ordergridcontainer5{float:left;height:396px;overflow:hidden;width:760px;background-color:#e0e0e0;}
.ordergrid{float:left;width:760px;}
.ordergrid .r{float:left;border-bottom:solid 1px #3E4042;padding-top:2px;padding-bottom:2px;width:760px;height:74px;clear:both;}
.ordergrid .rowh{float:left;padding:0px;margin:0px;width:760px;background-image:url('GVheader.jpg') !Important;}
.ordergrid .colorh{float:left;width:126px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px;}
.ordergrid .colorhh{float:left;width:192px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px;}
.ordergrid .colorhh a{float:none;font-size:14px;font-weight:normal;padding-left:0px;color:White;}
.ordergrid .sizeh{float:left;width:58px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;}
.ordergrid .itemh{float:left;width:40px;text-align:center;font-weight:bold;margin:0px;color:White;font-size:14px;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:6px;padding-right:6px;}
.ordergrid .c{float:left;width:126px;white-space:nowrap;padding:7px;padding-bottom:0px;padding-top:0px;margin:0px;height:56px;color:#3e4042;}
.ordergrid .c .sd{float:left;width:126px;padding:4px;padding-bottom:0px;padding-top:0px;text-align:left;margin:0px;}
.ordergrid .c img{float:left !important;margin-bottom:2px;margin-top:2px;border:solid 0px Black !important;}
.ordergrid .i{float:left;width:40px;padding:6px;padding-bottom:0px;padding-top:0px;text-align:right;margin:0px;height:56px;}
.ordergrid .i .sa{float:left;width:40px;height:15px;font-weight:bold;color:#0094e0;cursor:default;}
.ordergrid .i .co{float:left;height:17px;width:40px;color:Red;}
.ordergrid .i .sd{float:left;height:17px;width:40px;color:#3E4042;}
.ordergrid .i .sp{float:left;height:17px;width:40px;color:#0094e0;font-weight:bold;}
.ordergrid .i .qd{float:left;height:17px;width:40px;color:#3E4042;cursor:pointer;}
.ordergrid .i .tb{float:left;width:40px;text-align:right;padding-top:2px;height:14px;color:#5D5D5D;border:1px solid #cccccc;background:white;color:Black;}
.ordergrid .si{float:left;width:58px;padding:4px;padding-bottom:0px;padding-top:0px;text-align:left;margin:0px;height:56px;}
.ordergrid .si .sd{float:left;width:58px;height:17px;cursor:default;font-size:11px;}
.ordergrid .si .sp{float:left;height:17px;width:58px;color: #0094e0;font-weight:bold;font-size: 11px;}
.ordergrid .si .sp span{display:none; padding:2px 3px; margin-left:8px;}
.ordergrid .si .sp:hover span{display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}
.ordergrid .si .sa{float:left;width:58px;padding-top:4px;font-weight:bold;color:Green;cursor:default;}
.ordergrid .si .se{float:left;width:58px;padding-top:4px;font-weight:bold;color:#0094e0;cursor:default;font-size:12px;}
.ordergrid .si .co{color:Red;font-size: 11px;}
.ordergrid .i .qd:hover {background:#e0e0e0; text-decoration:none;} /*BG color is a must for IE6*/
.ordergrid .i .qd span {display:none; padding:2px 3px; margin-left:8px;}
.ordergrid	.i .qd:hover span{display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}


.compgridcontainer0{float:left;width:860px;background-color:#e0e0e0;}
.compgridcontainer1{float:left;height:80px;overflow:hidden;width:860px;background-color:#e0e0e0;}
.compgridcontainer2{float:left;height:159px;overflow:hidden;width:860px;background-color:#e0e0e0;}
.compgridcontainer5{float:left;height:396px;overflow:hidden;width:860px;background-color:#e0e0e0;}
.compgrid{float:left;width:860px;}
.compgrid .r{float:left;border-bottom:solid 1px #3E4042;padding-top:2px;padding-bottom:2px;width:860px;height:74px;clear:both;}
.compgrid .rowh{float:left;padding:0px;margin:0px;width:860px;background-image:url('GVheader.jpg') !Important;}
.compgrid .colorh{float:left;width:226px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px;}
.compgrid .colorhh{float:left;width:292px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px;}
.compgrid .colorhh a{float:none;font-size:14px;font-weight:normal;padding-left:0px;color:White;}
.compgrid .sizeh{float:left;width:58px;text-align:left;margin:0px;color:White;font-size:14px;font-weight:bold;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;}
.compgrid .itemh{float:left;width:40px;text-align:center;font-weight:bold;margin:0px;color:White;font-size:14px;background:transparent;padding-top:2px;padding-bottom:2px;padding-left:6px;padding-right:6px;}
.compgrid .c{float:left;width:226px;padding:7px;padding-bottom:0px;padding-top:0px;margin:0px;height:56px;color:#3e4042;}
.compgrid .c .sd{float:left;width:226px;padding:4px;padding-bottom:0px;padding-top:0px;text-align:left;margin:0px;}
.compgrid .c img{float:left !important;margin-bottom:2px;margin-top:2px;border:solid 0px Black !important;}
.compgrid .i{float:left;width:40px;padding:6px;padding-bottom:0px;padding-top:0px;text-align:right;margin:0px;height:56px;}
.compgrid .i .sa{float:left;width:40px;height:15px;font-weight:bold;color:#0094e0;cursor:default;}
.compgrid .i .co{float:left;height:17px;width:40px;color:Red;}
.compgrid .i .sd{float:left;height:17px;width:40px;color:#3E4042;}
.compgrid .i .sp{float:left;height:17px;width:40px;color:#0094e0;font-weight:bold;}
.compgrid .i .qd{float:left;height:17px;width:40px;color:#3E4042;cursor:pointer;}
.compgrid .i .tb{float:left;width:40px;text-align:right;padding-top:2px;height:14px;color:#5D5D5D;border:1px solid #cccccc;background:white;color:Black;}
.compgrid .si{float:left;width:58px;padding:4px;padding-bottom:0px;padding-top:0px;text-align:left;margin:0px;height:56px;}
.compgrid .si .sd{float:left;width:58px;height:17px;cursor:default;font-size:11px;}
.compgrid .si .sp{float:left;height:17px;width:58px;color: #0094e0;font-weight:bold;font-size: 11px;}
.compgrid .si .sp span{display:none; padding:2px 3px; margin-left:8px;}
.compgrid .si .sp:hover span{display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}
.compgrid .si .sa{float:left;width:58px;padding-top:4px;font-weight:bold;color:Green;cursor:default;}
.compgrid .si .se{float:left;width:58px;padding-top:4px;font-weight:bold;color:#0094e0;cursor:default;font-size:12px;}
.compgrid .si .co{color:Red;font-size: 11px;}
.compgrid .i .qd:hover {background:#e0e0e0; text-decoration:none;} /*BG color is a must for IE6*/
.compgrid .i .qd span {display:none; padding:2px 3px; margin-left:8px;}
.compgrid	.i .qd:hover span{display:inline; text-align:left; position:absolute; font-size:13px; background:#ffffff; border:1px solid #2d2b2b; color:#2d2b2b;}

/*Spec Table*/
.specTable{width:760px;text-align:left;font-weight:normal;font-size:14px;border-collapse:collapse;}
.specTable th{padding:2px;padding-left:10px;padding-right:10px;margin:0px;font-weight:bold;	background:url('GVheader.jpg') !Important;font-size:15px;color:White;}
.specTable th.p{text-align:center;}
.specTable th a{color:White;}
.specTable td{padding:10px;padding-left:10px;padding-right:10px;margin:0px;font-size:14px;border-bottom:1px solid #C0C0C0;color:#333;}


/*SpecSheet*/
.specSheet{float:left;width:760px;}
.specSheet h1 { float:left;width:530px;padding-top:40px;vertical-align:middle;color:#333;}
.specSheet h2 { float:left;color:#8f8f8f;}
.specSheet .brandImage{float:right;}
.specSheet .specImage{float:left;margin-right:10px;}
.specSheet .specDescription{float:left;width:540px;}
.specSheet .specColors{float:left;margin-top:10px;}
.specSheet .specColors a{float:left;display:table-cell;width:49px;padding:2px;height:35px;vertical-align:top;cursor:pointer;overflow:hidden;margin-right:1px;margin-bottom:1px;font-size:10px;}

/*MagicThum*/
.MagicThumb, .MagicThumb:hover{cursor:url(cursor/zoomin.cur),pointer;outline:0 !important;}
.MagicThumb-expanded-thumbnail{cursor: default;}
.MagicThumb span{display:none !important;}
.MagicThumb img{border: 0;outline: 0;}
.MagicThumb-expanded{cursor:url(cursor/zoomout.cur), pointer;background:transparent;border:1px solid #ccc;outline:0;padding:0;}
.MagicThumb-caption{color:#333;font:normal 10pt Verdana, Helvetica;background:#ccc;text-align:left;padding:8px;border:0 !important;outline:0 !important;}
.MagicThumb-buttons{background:transparent url(cursor/buttons1.png) no-repeat 0 0;height:24px;display:block;}
.MagicThumb-buttons a{width:24px;height:24px;margin:0px 1px !important;overflow:hidden;}
.MagicThumb-loader{font:normal 12pt sans-serif;border:1px solid #000;background:#fff url(cursor/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;}
.MagicThumb-swap{}
.MagicThumb-external-caption{display: none;}


.admingrid
{
    width:760px;
    border-collapse:collapse;
    border-top:solid 1px #5389c6;
    border-left:solid 1px #5389c6;
    border-right:solid 1px #5389c6;
}
.admingrid th.th
{
    padding:4px 6px 5px 6px;
    white-space: nowrap;
    background-color:#5389c6;
    border-right:solid 1px #5389c6;
    border-bottom:solid 1px #5389c6;
    color:White;
    font-size:9pt;
    font-family:Tahoma;
    font-weight:normal;
    text-align:left;
}

.admingrid td.td
{
    padding:3px 6px 4px 6px;
    border-right:solid 1px #5389c6;
    border-bottom:solid 1px #5389c6;
}

.brand{float:left;width:100px;padding:10px;padding-left:12px;padding-right:12px;margin:0px;text-align:center;float:left;}
.category{float:left;width:106px;padding:2px;padding-left:15px;padding-bottom:10px;padding-top:10px;margin:0px;text-align:center;}
 .ccolor{float:left;padding:5px;text-align:center;}
 .ccolor img{width:63px;}

/*------------------------------------------Checkout---------------------*/

.coAddr{float:left;width:230px;line-height:1.5em;}
.coOptions{float:left;width:360px;line-height:1.5em;}
.coAddr h5, .coOptions h5{padding:0;margin:0;color:#333333;font-weight:bold;font-size:12px;}

/*Grid*/
.grid{width:760px;margin-top:10px;border-collapse:collapse;font-size:14px;}
.grid th{color:White;background:Black;font-size:15px;font-weight:bold;padding:2px;padding-left:10px;text-align:left;}
.grid th.r, .grid td.r{text-align:right;padding-right:10px;}
.grid td{border-bottom:solid 1px #c0c0c0; padding:10px;padding-top:5px;padding-bottom:5px;font-size:14px;}
.grid tr.foot{background:#f1f1f1;}
.grid tr.foot td{border:0px;}
.grid .items{float:left;width:270px;padding:0px;margin:0px;padding-left:40px;}
.grid .remit{float:left;font-size:16px;}
.grid .sDetails{position:relative;} 
.grid .sDetails img{width:16px;display:inline-block;vertical-align:middle;} 
.grid .sDetails span{width:240px;display:none;position:absolute;left:-250px;top:-220px;border:1px solid #333333;padding:10px;width:auto;background:white;z-index:10000;}
.grid .sDetails span table{width:100%;}
.grid .sDetails:hover span{display:block;}


.task{float:left;width:310px;background:#CECECE;}
.task .title{float:left;width:310px;padding-left:0px;padding-top:2px;height:22px;font-size:16px;text-align:center;background:url('GVHeader.jpg');color:White;margin:0px;margin-bottom:0px;margin-top:0px;}
.task .row{float:left;width:310px;border-bottom:1px solid #333333;}
.task .row .text{float:left;width:223px;font-size:16px;padding-top:8px;padding-left:10px;}
.task .row .control{float:left;width:75px;}


.scTable{width:170px;}
.scTable td{font-size:10px;padding-left:0px;}
.scTable .head td{font-size:12px;font-weight:bold;border-bottom:1px solid #333333;}
.scTable .foot td{font-size:12px;font-weight:bold;border-top:1px solid #333333;}
.scTable .foot td.r, .scTable .head td.r{text-align:right;}



.messagebox_overlay {
    background-color: rgba(255,255,255,0.6);
    z-index: 9999;
}

    .messagebox_overlay *:focus {
        outline: 0;
    }

/* MessageBox */
.messagebox {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #303030;
    background-color: #fcfcfc;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 2px 4px #a0a0a0;
    max-height: 90%; /* This value is useful only when "top" option is set to "auto" */
    max-width: 90%;
    min-width: 300px;
}

/* Title */
.messagebox_title {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c8c8c8;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

/* Content */
.messagebox_content {
    padding: 20px;
}

/* Label for input */
.messagebox_content_label {
    width: 100%;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: -5px;
}


/* Input (it applies to selects and textareas too) */
.messagebox_content_input {
    width: 100%;
    margin-top: 10px;
    padding: 3px;
    color: #303030;
    border: 1px solid #909090;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    text-align: left;
}

    .messagebox_content_input:hover {
        border-color: #707070;
    }

    .messagebox_content_input:focus {
        border-color: #707070;
        box-shadow: inset 0px 0px 3px #ffd540;
    }
/* Select "fake placeholder" */
.messagebox_content_input_selectplaceholder {
    color: #909090;
}
/* Textarea */
.messagebox_content_input_textarea {
    overflow-y: auto;
}
/* Caption */
.messagebox_content_caption {
    width: 100%;
    margin-top: 15px;
    padding: 5px 0;
}

/* Checkbox */
.messagebox_content_checkbox_wrapper {
    width: 100%;
    margin-top: 10px;
}

.messagebox_content_checkbox {
    margin-right: 5px;
    vertical-align: -2px;
}


/* Error */
.messagebox_content_error {
    background-color: #fad0d5;
    color: #a02020;
    margin-top: 15px;
    margin-bottom: -10px;
    padding: 4px 6px;
    border-radius: 2px;
}

/* Buttons */
.messagebox_buttons {
    background-color: #f5f5f5;
    border-top: 1px solid #c8c8c8;
    padding: 10px 20px 0px 20px;
    text-align: center;
}

.messagebox_buttons_button {
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    text-align: center;
    min-width: 75px;
    margin: 0px 4px 10px 4px;
    padding: 5px 10px;
    cursor: pointer;
    color: #404040;
    background-color: #e9e9e9;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
    border: 1px solid #c0c0c0;
    border-radius: 2px;
}

    .messagebox_buttons_button:hover {
        color: #202020;
        background-color: #f0f0f0;
    }

    .messagebox_buttons_button:active {
        background-color: #e6e6e6;
        border: 1px solid #a0a0a0;
        box-shadow: inset 0px 0px 6px #d0d0d0;
    }

    .messagebox_buttons_button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

/** API Addresses Management **/
.address-card {
    border: 1px solid #333;
    border-radius: 2%;
    padding: 3px;
    font-size: 1.2em;
    color: #333;
    width: fit-content;
    background-color: lightgray;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 3.5px;
    height: 175px;
    width: 175px;
}

.addrtxt {
    display: inline-block;
}

.address-card h4 {
    margin: 0;
}

.address-card input {
    display: block;
    width: 80%;
    margin: .2em auto;
    color: white;
    background-color: grey;
}

.addresses {
    display: inline-flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
}

.addressTB {
    width: 100%;
}

.tableHeader {
    text-align: left;
}

h3 {
    display: inline;
}

.controlTD {
    align-content: end;
}

.dwnldBTN {
    display: block;
    width: 80%;
    color: white;
    background-color: grey;
}

.instructions {
    color: #333;
    font-size: 12px;
    display: block;
}

.invoice-panel {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-panel {
    margin-left: auto;
    margin-right: auto;
    width: 415px;
}