﻿
input[type='text'] { width: 200px }

body {
	margin: 0px; padding: 0px; color: rgb(46, 46, 46); font-family: Helvetica, Arial, sans-serif;font-size: 12px; background-color: rgb(255, 255, 255);
}
#gc_header {
	height: 67px; overflow: hidden; position: relative; background-color: rgb(54, 47, 45);
}
#gc_catLogo {
	border-width: 1px 0px; border-style: solid; border-color: black; width: 80px; height: 59px; margin-left: 25px; float: left; display: inline-block;
}
#gc_mainLogo {
	 color: rgb(255, 255, 255); font-family: "Michroma", sans-serif; font-size: 28px; display: inline-block; background-color: rgb(0, 0, 0);height: 59px;
}
#gc_mainLogoWithImage {
	padding: 0p 30px 5px 0px; vertical-align: top; width: 80px; height: 67px; margin-left: 10px; float: left; display: inline-block;       
}
#gc_mainLogo sup {
	font-size: 10px;
}
#gc_mainLogo a {
	color: rgb(255, 255, 255); text-decoration: none;
}
#gc_mainLogo a:hover {
	color: rgb(255, 255, 255);
}
#gc_loginContainer {
	top: 4px; right: 25px; position: absolute;
}
#gc_loginContainer span {
	color: rgb(134, 134, 134); text-transform: uppercase; font-size: 10px;
}
#gc_loginBox {
	padding: 3px; border: 1px solid rgb(74, 73, 71); width: 200px; color: rgb(134, 134, 134); font-size: 12px; background-color: rgb(0, 0, 0);
}
#gc_loginBox strong {
	padding: 7px 0px 0px 4px; float: left; display: inline-block; background-color: transparent;
}
#gc_loginForm {
	margin: 0px; padding: 0px; float: right; display: inline-block;
}
.btnLogout {
	padding: 3px; border: 1px solid rgb(134, 134, 134); color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(134, 134, 134);
}
.btnLogout:hover {
	border: 1px solid rgb(221, 221, 221); background-color: rgb(221, 221, 221);
}
	
#gc_topNav {
	clear: both; font-size: 10px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; position: relative; background-color: rgb(218, 217, 214);
}
.gc_nav_clear {
	height: 0px; clear: both;
}
#gc_contentContainer {
	background: url("../images/bg.jpg") repeat-x #f4f4f4;
	padding: 10px 25px 40px;
}	
.gc_welcomeContent {
	width: 100%; line-height: 150%; font-size: 105%; float: left; display: inline-block;
}
.gc_welcomeContent h1 {
	text-align: center; font-family: "Michroma", sans-serif; font-size: 18px;
}
.gc_welcomeContent h1 span {
	font-size: 24px;
}
.gc_welcomeImage {
	width: 55%; padding-top: 20px; float: left; display: inline-block;
}
.gc_welcomeImage img {
	max-width: 100%;
}
.gc_cardimagesTable {
	width: 800px; margin-top: 10px; border-collapse: collapse;
}
.gc_cardimagesTable th {
	height: 45px; text-align: left; vertical-align: middle;
}
th.cardimage {
	padding: 0px 25px; border: 1px solid rgb(187, 187, 187); width: 33%; color: rgb(121, 121, 121); text-transform: uppercase; font-size: 12px; font-weight: bold;
}
th.enabled {
	padding: 0px 25px; border: 1px solid rgb(187, 187, 187); width: 33%; color: rgb(121, 121, 121); text-transform: uppercase; font-size: 12px; font-weight: bold;
}
th.action {
	padding: 0px 25px; border: 1px solid rgb(187, 187, 187); width: 33%; color: rgb(121, 121, 121); text-transform: uppercase; font-size: 12px; font-weight: bold;
}
th.cardimage {
	background: url("../images/bg-hdr-cardimages.jpg") repeat-x bottom rgb(224, 224, 222);
}
th.enabled {
	background: url("../images/bg-hdr-enabled.jpg") repeat-x bottom rgb(254, 244, 209);
}
th.action {
	background: url("../images/bg-hdr-actions.jpg") repeat-x bottom rgb(242, 242, 240);
}
td.cardimageAdd {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.cardimage {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.enabledAdd {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.enabled {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.actionAdd {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.action {
	padding: 9px 22px; border: 1px solid rgb(192, 191, 189); color: rgb(121, 121, 121); font-size: 12px; font-weight: bold;
}
td.cardimageAdd {
	background-color: rgb(227, 214, 180);
}
td.enabledAdd {
	text-align: center; background-color: rgb(254, 233, 168);
}
td.actionAdd {
	text-align: center; background-color: rgb(242, 232, 197);
}
td.cardimage {
	background-color: rgb(218, 217, 215);
}
td.enabled {
	text-align: center; background-color: rgb(255, 241, 200);
}
td.action {
	text-align: center; background-color: rgb(240, 239, 237);
}
.delimiter {width: 0; padding: 2px; margin: 0; overflow: hidden;border: none;font-size: 1px;}
.gc_cardimagesTable .btn_add {
	background: url("../images/bg-button.jpg") repeat-x center rgb(255, 255, 255); padding: 4px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 177); color: rgb(52, 48, 47); text-transform: uppercase; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.gc_cardimagesTable .btn_edit {
	background: url("../images/bg-button.jpg") repeat-x center rgb(255, 255, 255); padding: 4px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 177); color: rgb(52, 48, 47); text-transform: uppercase; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.gc_cardimagesTable .btn_add {
	background: url("../images/bg-add-request.jpg") repeat-x center rgb(255, 255, 255);
}
.gc_cardimagesTable .btn_add:hover {
	background: rgb(255, 244, 198);
}
.gc_cardimagesTable .btn_edit:hover {
	background: rgb(230, 230, 230);
}
.gc_pageTitle {
	color: rgb(227, 178, 9); line-height: 18px; font-size: 14px; font-weight: bold;
}
.gc_pageTitle span {
	color: rgb(17, 17, 17); font-family: "Michroma", sans-serif; font-size: 20px;
}
.gc_tableTitleFilter {
	width: 100%; border-collapse: collapse;
}
.gc_tableTitleFilter td {
	vertical-align: middle;
}
#gc_filter {
	background-color: rgb(51, 51, 51);
}
.gc_filterContainer {
	padding: 10px; border: 1px solid rgb(182, 180, 180); width: auto; font-size: 10px; font-weight: bold; background-color: rgb(218, 217, 214);
}
#gc_filterContainer {
	width: 100%;
}
#gc_filterContainer input[type='text'] {
	background: url("../images/bg-input.gif") no-repeat left top rgb(255, 255, 255); padding: 4px 2px; border: 1px solid rgb(182, 180, 180); margin-right: 6px;
}
#gc_filterContainer select {
	background: url("../images/bg-input.gif") no-repeat left top rgb(255, 255, 255); padding: 4px 2px; border: 1px solid rgb(182, 180, 180); margin-right: 6px;
}
#gc_filterContainer input[type='text'] {
	width: 90px;
}
#gc_filterContainer input[type='button'] {
	background: url("../images/bg-button.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 4px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 177); color: rgb(52, 48, 47); text-transform: uppercase; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_filterContainer input[type='submit'] {
	background: url("../images/bg-button.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 4px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 177); color: rgb(52, 48, 47); text-transform: uppercase; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_filterContainer input[type='reset'] {
	background: url("../images/bg-button.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 4px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 177); color: rgb(52, 48, 47); text-transform: uppercase; font-size: 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_filterContainer input[type='button']:hover {
	background: rgb(230, 230, 230);
}
#gc_filterContainer input[type='submit']:hover {
	background: rgb(230, 230, 230);
}
#gc_filterContainer input[type='reset']:hover {
	background: rgb(230, 230, 230);
}
#gc_filterContainer input[type='button'].yellow {
	background: #fff url('../images/bg-add-request.jpg') left bottom repeat-x;
	color: #d48d02;
	}
#gc_filterContainer input[type='button'].yellow:hover { background: #fff4c6 }

    #gc_filterContainer input[type='button'][disabled],
    #gc_filterContainer input[type='button'][disabled=disabled],
    #gc_filterContainer input[type='button'][disabled="disabled"],
    #gc_filterContainer input[type='button'][disabled=""] {
        background: url("") repeat-x scroll left bottom #F0F0F0;
        color: gray;
    }

    #gc_filterContainer input[type='button'][disabled]:hover,
    #gc_filterContainer input[type='button'][disabled=disabled]:hover,
    #gc_filterContainer input[type='button'][disabled="disabled"]:hover,
    #gc_filterContainer input[type='button'][disabled=""]:hover 
    {
        background: #F0F0F0;
    }


.gc_addRequests {
	border: 1px solid rgb(141, 141, 141); text-align: center; background-color: rgb(170, 169, 167);
}
#gc_addRequests {
	
}
#gc_addRequests input[type='button'] {
	background: url("../images/bg-add-request.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 6px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 179); color: rgb(212, 141, 2); text-transform: uppercase; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_addRequests input[type='submit'] {
	background: url("../images/bg-add-request.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 6px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 179); color: rgb(212, 141, 2); text-transform: uppercase; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_addRequests input[type='reset'] {
	background: url("../images/bg-add-request.jpg") repeat-x left bottom rgb(255, 255, 255); padding: 6px 8px; border-radius: 8px; border: 1px solid rgb(179, 179, 179); color: rgb(212, 141, 2); text-transform: uppercase; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#gc_addRequests input[type='button']:hover {
	background: rgb(255, 244, 198);
}
#gc_addRequests input[type='submit']:hover {
	background: rgb(255, 244, 198);
}
#gc_addRequests input[type='reset']:hover {
	background: rgb(255, 244, 198);
}
.gc_prodTable {
	width: 100%; margin-top: 10px; border-collapse: collapse;
}
.gc_prodTable th {
	padding: 8px 12px; border: 1px solid rgb(220, 218, 216); font-size: 12px; overflow: hidden;
}
.gc_prodTable td {
	padding: 8px 12px; border: 1px solid rgb(220, 218, 216); font-size: 12px; 
}
.gc_prodTable td img {
    vertical-align: bottom;
}
.gc_prodTable th {
	background: url("../images/bg-column-heading.gif") repeat-x bottom rgb(255, 255, 255); text-align: center; color: rgb(101, 101, 101); font-weight: bold; border-right-color: rgb(179, 179, 179); border-left-color: rgb(179, 179, 179); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.gc_prodTable th.selected {
	background: url("../images/bg-column-heading-selected.gif") repeat-x bottom rgb(228, 228, 228);
}
.gc_prodTable td {
	border-right-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.gc_prodTable th a {
	color: rgb(104, 104, 104); text-decoration: none; display: block; 
}
.gc_prodTable th a:hover {
	text-decoration: underline;
    cursor: pointer;
}
.gc_prodTable td a {
	color: rgb(6, 98, 183); text-decoration: none;
}
.gc_prodTable td a:hover {
	color: rgb(212, 141, 2);
}
.gc_rowA {
	background-color: rgb(255, 255, 255);
}
.gc_rowB {
	background-color: rgb(245, 245, 245);
}
.gc_rowExported {
    color: #A4A4A4;
}
.gc_arrowDown {
	width: 16px; height: 16px; float: right;
}
.gc_arrowUp {
	width: 16px; height: 16px; float: right;
}
#gc_footerContainer {
	
}
#gc_footerNav {
	padding: 10px; text-align: center; letter-spacing: -0.05em; font-size: 10px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid; position: relative; background-color: rgb(218, 217, 214);
}
#gc_footerNav a {
	margin: 0px 3px; color: rgb(46, 46, 46); text-decoration: none;
}
#gc_footerNav a:hover {
	text-decoration: underline;
}
#gc_footerBar {
	background: url("../images/bg-bottom-gradient.jpg") repeat-x top rgb(255, 255, 255); height: 48px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid;
}
.gc_center {
	text-align: center;
}
.gc_left {
	text-align: left;
}
.gc_right {
	text-align: right;
}
.dis_block {
	display: block;
}
.dis_inline {
	display: inline;
}
.dis_inline_block {
	display: inline-block;
}
.dis_cell {
	display: table-cell;
}
.fl_none {
	float: none;
}
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.gc_clr {
	clear: both;
}
.DealerLabel {color: #ffffff;font-weight: bold;font-size: 14px;line-height: 18px;padding-right: 10px;}	
.slidingDiv {height:300px;padding:10px;margin-top:10px;border-bottom:2px solid #ffcd11;}
.show_hide {display:none;}


/***************************************************************************************
	pop-up box specific
***************************************************************************************/

#cm_pop_container, .cm_pop_container {
	position: relative;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	}
	
#cm_pop_containerLogin, .cm_pop_containerLogin {
	position: relative;
	width: 620px;
	margin: 20px auto;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
	}

#cm_pop_header, .cm_pop_header {
	position: relative;
	background-color: #362f2d;
	height: 59px;
	overflow: hidden;
	}
	#cm_pop_catLogo {
		position: absolute;
		top: 0;
		left: 25px;
		width: 80px;
		height: 59px;
		}
	#cm_pop_mainLogo {
		position: absolute;
		top: 0;
		left: 105px;
		font-family: 'Michroma', sans-serif; /* google font */
		font-size: 24px;
		line-height: 54px;
		color: #fff;
		background-color: #000;
		padding: 0 10px;
		height: 59px;
		}
	#cm_pop_mainLogo sup { font-size: 10px }
	#cm_pop_mainLogo a {
		color: #fff;
		text-decoration: none;
		}
	#cm_pop_mainLogo a:hover { color: #fff }

#cm_pop_headerTitle, .cm_pop_headerTitle {
	position: relative;
	font-family: 'Michroma', sans-serif; /* google font */
	font-size: 20px;
	color: #fff;
	background-color: #000;
	padding: 10px;
	text-align: center;
	}
.cm_pop_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 27px;
	height: 26px;
	background: transparent url('../images/icon-button.gif') 0 0 no-repeat;
	}
.cm_pop_close:hover { background-position: 0 -26px }

#cm_pop_headerLoginContainer {
	position: absolute;
	right: 0;
	bottom: 0;
	}
	a#cm_pop_signup,
	a#cm_pop_login {
		display: inline-block;
		float: right;
		width: 75px;
		height: 35px;
		background-color: #ffca00;
		color: #000;
		font-size: 14px;
		line-height: 32px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		}
	a#cm_pop_signup:hover,
	a#cm_pop_login:hover { text-decoration: underline }
	a#cm_pop_signup.selected,
	a#cm_pop_login.selected { background-color: #e3e3e3 }

#cm_pop_contentContainerLogin {
	background: #362f2d;
	padding-bottom: 60px;
	clear: both;
	}

#cm_pop_contentContainerPop, .cm_pop_contentContainerPop {
	background: #362f2d;
	clear: both;
	}

	#cm_pop_contentContainerLogin h1 {
		font: normal 24px 'Michroma', sans-serif; /* google font */
		text-transform: uppercase;
		color: #000;
		padding: 20px 16px 0;
		margin: 0;
		background: #e3e3e3;
		letter-spacing: 0.1em;
		}

	#cm_pop_contentContainer, .cm_pop_contentContainerPop {
		padding: 0 20px;
		background: #e3e3e3;
		}
	#cm_pop_contentContainerPop  #cm_pop_contentContainer,  .cm_pop_contentContainer {
		padding: 20px;
		background: #e3e3e3;
		}

		#cm_pop_loginForm {
			display: inline-block;
			float: left;
			width: 580px;
			}
			#cm_pop_loginForm label {
				display: block;
				padding-bottom: 0px;
				text-transform: uppercase;
				font-size: 12px;
				}
			#cm_pop_loginForm input[type='text'],
			#cm_pop_loginForm input[type='password'] {
				width: 255px;
				border: 1px solid #727272;
				background: #fff url('../images/bg-input.gif') top left no-repeat;
				padding: 6px;
				}

		#cm_pop_accountInfo {
			display: inline-block;
			float: right;
			width: 230px;
			background-color: #d6d6d6;
			border: 1px solid #8e9d8e;
			padding-top: 8px;
			}
			#cm_pop_accountInfo p {
				font-size: 14px;
				line-height: 24px;
				margin: 0 8px 12px;
				}
			#cm_pop_accountInfo a {
				font-size: 18px;
				color: #28527d;
				text-decoration: underline;
				}
			#cm_pop_accountInfo a:hover { color: #000 }

		#cm_pop_remember {
			font-size: 10px;
			padding: 10px 0;
			border-top: 1px solid #d9d9d9;
			margin-top: 10px;
			}

		#cm_pop_submit {
			font-size: 10px;
			padding: 10px 0 20px;
			}
			#cm_pop_submit input[type='submit'] {
				border: 1px solid #727272;
				background-color: #3B3B3B;
				color: #fff;
				font-size: 16px;
				padding: 3px
				}
			#cm_pop_submit input[type='submit']:hover {
				background-color: #585858;
				}
			.Login button {
				border: 1px solid #727272;
				background-color: #3B3B3B;
				color: #fff;
				font-size: 16px;
				padding: 3px
				}
			.Login button:hover {
				background-color: #585858;
				}

#cm_pop_contentContainer {
	}

.cm_pop_editTable {
	border-collapse: collapse;
	border: 1px solid #acacac;
	width: 100%;
	}
.cm_pop_editTable th,
.cm_pop_editTable td {
	font-size: 12px;
	padding: 4px 6px;
	width: 50%;
	}
.cm_pop_editTable th {
	background-color: #c0c0c0;
	font-weight: bold;
	text-align: right;
    vertical-align: top;
	}
.cm_pop_editTable td {
	background-color: #fff;
	text-align: left;
	}
.cm_pop_editTable input[type='text'],
.cm_pop_editTable select {
	border: 1px solid #b6b4b4;
	/*background: #fff url('../images/bg-input.gif') top left no-repeat;*/
	padding: 2px;
	font-size: 12px;
	width: 200px;
	-ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
	}
.cm_pop_tableButtons {
	margin-top: 12px;
	text-align: right;
	}
.cm_pop_grayBtn,
.cm_pop_yellowBtn {
	padding: 4px 8px;
	background: #fff url('../images/bg-button.jpg') left bottom repeat-x;
	color: #34302f;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #b3b3b1;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
.cm_pop_grayBtn:hover ,
.cm_pop_yellowBtn:hover {
    background: #e6e6e6;
    cursor: pointer;
}
.cm_pop_yellowBtn {
	background: #fff url('../images/bg-add-request.jpg') left bottom repeat-x;
	color: #d48d02;
	}
.cm_pop_yellowBtn:hover { background: #fff4c6 }

.cm_pop_invTblLeft { width: 39% }
.cm_pop_invTblRight { width: 59% }
.hide { display: none;}

.UnknownSalesman { color: red;}

#ClearCommericalAccountMatch { padding-left: 10px; color: blue; }
#ClearCommericalAccountMatch:hover { text-decoration: underline;}
#ClearSalesmanMatch { padding-left: 10px; color: blue; }
#ClearSalesmanMatch:hover { text-decoration: underline;}

.BottomMarginHack { margin-bottom: 4px; }

.RecordStatusType_Open 
{
    
}
.RecordStatusType_Closed {
    color: #BBBBBB;
}
.RecordStatusType_Exported {
    color: #BBBBBB;
    
}

.GrayedOut {
    color: #BBBBBB;
}

.attachment { border: 1px solid #000; padding: 8px 5px 5px; background: #FFF1C4; }
.attachment .paperclip-icon { display: block; float: left; background: url(../images/paperclip.png); width: 48px; height: 48px; background-size: 100%; }