@charset "utf-8";


/* Global Styles */

* {
	font-family: "gesta", sans-serif;
	font-weight: 400;
	font-style: normal;
}

b {
	font-weight: 700;
}

em {
	font-style:italic;
}

i {
	font-style:italic;
}

strong {
	font-weight: 700;
}

a {
	color: rgba(70, 70, 180, 1);
	text-decoration: none;
}
a:hover {
	color: rgba(0,0,255,1.00);
	text-decoration: underline;
}

input:focus {
	background-color:rgb(255,255,245);
}

input[type=radio]{
	appearance:none;
    border-radius: 50%;
	/* The background color is the dot */
	background: rgb(250,250,250);
	/* The border is the spacing between the dot and the outer circle */
  	border: 2px solid #FFF;
	/* And by creating a box-shadow with no offset and no blur, we have an outer circle */
	box-shadow: 0 0 0 1px rgb(150,150,170);
	padding:1px;
	width:12px;
	height:12px;
}

input[type=radio]:checked{
	background: rgb(150,150,250);
	box-shadow: 0 0 0 1px rgb(0,0,200);
}

h1 {
	margin:0;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom: 1px solid rgb(160,160,160);
	color: rgb(120,120,120);
	font-size: 24px;
	font-weight: 700;
}	

h2 {
	margin:0;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom: 1px solid rgb(160,160,160);
	color: rgb(120,120,120);
	font-size: 18px;
	font-weight: 700;
}

h2 a {
	font-weight: 700;
}

h3 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	color: rgb(120,120,120);
	font-size: 16px;
	font-weight: 600;
}

h3 a {
	font-weight: 700;
}

h5 {
	font-weight: 700;
}

p {
	font-size:16px;

}


table {  
    border-collapse: collapse;
    margin-bottom: 10px;
}

th, td {
    padding: 0;
}


td {
	font-size:14px;
}

textarea{
	font-size:15px;
}

input[type="text"]{
	font-size:15px;
	padding:2px;
	border:1px solid rgb(160,160,160);
}

input[type="password"]{
	font-size:15px;
	padding:2px;
	border:1px solid rgb(160,160,160);
}

.radioOption {
	white-space: nowrap;
	margin-right:6px;
	margin-bottom:14px;
	display:inline-block;
	font-size:16px;
	cursor:pointer;
	vertical-align:middle;
	text-align:left;
}

.radioOption input[type="checkbox"]{
	vertical-align:top;
}



.pageAlert {
	color: #CA003C;
	font-size: 20px;
	font-weight: bold;
	text-align:left;
	margin-bottom:20px;
}

.redBold {
	color: #CA003C;
		font-weight:700;
}



/*header*/
header {
	color: rgba(146,146,146,1.00);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

#headerContainer{
	/*
	overflow:auto;
	background: linear-gradient(rgba(200,200,255,1), rgba(0,0,0,0));
	*/
}

/* Logo placeholder*/
#logo {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	/* width: 139px; */
	text-align: center;
	color: rgba(255,255,255,1.00);
	/* background-color: rgba(190,190,190,1.00); */
}

#logo .logoimg {
	max-width:100%;
}

/* div for Links in header */
#headerLinks {
	float: right;
	/* width: calc( 100% - 139px ); */
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: transparent;
	font-size: 14px;
}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	color: rgba(80,80,220,1.00);
	padding-left: 20px;
	font-size: 14px;
}
#headerLinks a:hover{
	text-decoration: underline;
}

/* Offer text banner*/
#offer {
	clear: both;
	background-color: rgba(246,246,246,1.00);
	color: rgba(146,146,146,1.00);
	padding-left: 115px;
	padding-top: 57px;
	padding-bottom: 57px;
}
/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	padding-top: 29px;
}
/* Sidebar */
#content .sidebar {
	color: rgba(146,146,146,1.00);
	float: left;
	width: 19%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
	background-color: rgba(245,245,240,1.00);
	border: 1px solid rgb(205,205,200);
	padding-top: 14px;
	height: 100%;
}

#content .sidebarNarrow {
	color: rgba(146,146,146,1.00);
	float: left;
	width: 14%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
	background-color: rgba(245,245,240,1.00);
	border: 1px solid rgb(205,205,200);
	padding-top: 14px;
	height: 100%;
}



#content .sidebar p {
	font-size: 12px;
	margin:0;
	margin-bottom:4px;
	color:rgb(200,200,200);
}

#content .sidebar #searchgroup {
	display:block;
}


#content .sidebar a {
	color:rgba(54,79,129,1.00);
}

#content .sidebar a:hover {
	color:rgba(0,0,255,1.00);
}



/* main content of the site */
#content .mainContent {
	float: left;
	width: 70%;
	text-align: center;
	padding-left: 4%;
}

#content .mainContentWide {
	float: left;
	width: 81%;
	text-align: center;
	padding-left: 2%;
}





/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
}

/* --------Links in sidebar
.sidebar #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(107,97,97,1.00);
	text-decoration: none;
}
---------------*/
  
 
/* Menu headings in sidebar */
#menubar .menu .menutitle {
	font-size: 14px;
	margin:0;
}

#menubar .menu .menutitle a {
	font-weight:700;
}

/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 14px;
}
/* Menus in sidebar */
.sidebar #menubar .menu {
	margin-bottom: 29px;
}

#menubar .menuopener {
	display: none;
}

#menubar .menu  .loginRegisterLink {
	font-size: 18px;
}



/* Search field in sidebar */
#content .sidebar #search {
	width: 100%;
	border-radius: 0px;
	height: 18px;
	text-align: center;
	font-size: 12px;
	background-color: rgba(249,249,251,1.00);
	margin-bottom: 12px;
}

#content .sidebar #search:focus {
	background-color:rgb(255,255,245);
}


/* Whole page content */
#mainWrapper {
	width: 88%;
	padding-left: 6%;
}

/*menu elements */

.menu ul {
	padding-left: 0;
	padding-right: 0;
	
	margin-left: 0;
	margin-right: 0;
}

.menu ul li {
	list-style-type: none;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	padding-bottom: 14px;
	
	padding-left: 0;
	padding-right: 0;
	
	margin-left: 0;
	margin-right: 0;

}



.catalogListing {
	text-align:left;
}

.catalogListing h2 {
	margin: 0;
	margin-bottom:8px;
	font-size: 18px;
	padding:0;
	border: none;
}

.catalogListing h3 {
	margin: 0;
	margin-bottom:8px;
	margin-left: 20px;
	font-size:16px;
}

.catalogListing p {
	margin: 0;
	margin-bottom:8px;
	margin-left: 20px;
	font-size:14px;
}

.catalogListing img {
	max-height: 60px;
	max-width: 60px;
	border: 1px solid rgb(200,200,200);
}

.catalogGroupButtonContainer {
	text-align:center;
	margin-bottom:20px;
	display:block;
}
.catalogGroupButton {
	width:130px;
	height:70px;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	vertical-align:top;
	padding:10px;
	text-align:center;
	font-weight:700;
	font-size:17px;
	line-height:17px;
	color:white;
	text-shadow: 0 0 2px rgb(80,80,160), 0 0 3px rgb(70,110,170);
	border:none;
	border-radius: 12px;
	background-color:rgb(110,150,210);
    cursor:pointer;
}

.catalogGroupButton:hover {
	background-color:rgb(130,160,230);
}

/* Product rows for catalog */
#content .mainContent .productRow {
	overflow: visible;
	color: rgba(146,146,146,1.00);
}

/* Each product Information in the catalog */
.mainContent .productRow .productInfo {
	float: left;
	width: 31%;
	margin-right:2%;
	background-color:transparent;

}

.productRow .productImgContainer {
	background-color:transparent;
	text-align:center;
	width:100%;
	height:50%;
}

.productRow .productInfoImg {
	width:auto;
	max-width: 100%;
	max-height: 200px;
	border:1px solid rgb(180,180,180);
}

.productRow .productInfoImgNoBorder{
	width:auto;
	max-width: 100%;
	max-height: 200px;
	border:0;
}


.productRow .productName {
	font-size: 16px;
	margin:0;
	margin-top:6px;
	font-weight:600;
}

.productRow .productDescription {
	font-size: 14px;
	margin:0;
	margin-top:3px;
	margin-bottom:16px;
}

.productRow .productMagnifyGlass {
	margin-top:-10px;
}

.productRowSpacer{
	height:3px;
	width:100%;
	clear:both;
}

.productLinkDiv {
	margin:0;
}

.indexPageRadioInputDiv {
	width:100%;
	cursor:pointer;
	margin-left: 31%;
	margin-bottom: 10px;
}

.itempart {
	margin:0;
	margin-top:-10px;
	margin-bottom:10px;
	font-size:14px;
	color:rgb(160,160,160);
}

.itemImageContainer {
	float:left;
	margin-right:14px;
	width:25%;
	text-align:center;
	margin-bottom:15px;

}


.itemImage {
	height:auto;
	max-width:100%;
	border:1px solid rgb(160,160,160);
}

.itemImageNoBorder {
	height:auto;
	max-width:100%;
	border:0;
}



.itemInfoContainer {
	float:left;
	margin-right:4%;
	width:31%;
	text-align:left;
}

.itemInfoContainer p {
	margin:0;
	margin-bottom:10px;
	font-size:14px;
}

.itemInfoContainerVariable {
	float:left;
	margin-right:3%;
	width:40%;
	text-align:left;

}

.itemInfoContainerVariable p {
	margin:0;
	margin-bottom:10px;
	font-size:14px;

}

.itemVariableInstructionsContainer {
	float:left;
	width:auto;
	text-align:left;
	margin:0;
}

.itemVariableInstructionsContainer p {
	margin:0;
	margin-bottom:4px;
	font-size:14px;
	text-align:left;
}

.itemVariformInstructions {
	font-size:14px;
	margin-bottom:14px;
}

.itemVariableDataEntryContainer {
	width:auto;
	text-align:left;
	margin:0;
	margin-bottom:15px;
}

.itemVariableDataEntryContainer p {
	margin:0;
	margin-bottom:4px;
	font-size:14px;
	text-align:left;
}


.itemVariableDataEntryContainer label {
	display: inline-block;
	width: 29%;
	margin-right:1%;
	margin-bottom:3px;
	vertical-align:top;
	font-size:14px;
	padding-top:7px;
	border-top:1px solid rgb(235,235,240);
}

.required {
	font-weight:700;
	color:rgb(40,160,230);
}

.itemVariableDataEntryContainer .radioOption {
	margin-top:3px;
}

.itemVariableFormInputs {
	margin-bottom:5px;
}

.itemVariableFormInputs textarea{
	font-size:15px;
}

.itemVariableFormInputs input{
	font-size:15px;
}



.itemPurchaseContainer {
	float:left;
	width:36%;
	text-align:left;
}

.itemPurchaseContainer p {
	margin:0;
	margin-bottom:10px;
	font-size:14px;
}

.itemPurchaseContainerVariable {
	float:left;
	width:100%;
	text-align:left;
}

.itemPurchaseContainerVariable p {
	margin:0;
	margin-bottom:10px;
	font-size:14px;
}



.itemPriceColumn {
	padding-left:4px;
	text-align:right;
}

.itemUnitPriceColumn {
	padding-left:4px;
	text-align:left;
	font-size:12px;
}

.itemSubmitButton {
	background-color: rgb(45,175,75);
	color:white;
	width:100%;
	border:none;
	border-radius: 12px;
	/*max-width:400px;*/
	font-weight:700;
	font-size:20px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:4px;
}

.itemSubmitButton:hover {
	background-color: rgb(50,210,120);
}

.itemVariableSubmitButton {
	background-color: rgb(40,160,230);
	color:white;
	width:100%;
	white-space: normal;
	border:none;
	border-radius: 12px;
	font-weight:700;
	font-size:20px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:10px;
	margin-bottom:4px;
}

.itemVariableSubmitButton:hover {
	background-color: rgb(45,190,235);
}

.itemVariablePDFButton {
	background-color: rgb(255,144,0);
	color:white;
	width:100%;
	white-space: normal;
	border:none;
	border-radius: 12px;
	font-weight:700;
	font-size:20px;
	padding-top:6px;
	padding-bottom:6px;
}

.itemVariablePDFButton:hover {
	background-color: rgb(255,180,50);
}

.itemVariableSubhead {
	text-align:left;
	margin-bottom:7px;
	
}

#itemPreviousPreorderLink {
	background-image:url('/images/red-arrowhead.gif'); 
	background-position:0px 1px; 
	background-repeat: no-repeat; 
	padding-bottom: 8px; 
	padding-left: 18px; 
	cursor:pointer; 
	color:rgb(0,0,160); 
	font-weight:700; 
	font-size:16px; 
	text-align:left;
	clear:both;
	margin-top:7px;
	display:block;
}

#itemPreviousPreorders td{
	text-align:left;
	padding:8px;
	border-top:1px solid rgb(160,160,160)
}

#itemPreviousPreorders table{
	border-bottom:1px solid rgb(160,160,160)
}



.orderNumberSubhead {
	margin-top:-10px;
	color:rgb(120,120,120);
}	

.orderTopNotes {
	font-size:16px; 
	font-weight: bold;
	color:rgb(50,70,100);
}

.orderTopCatalogNotes {
	font-size:16px; 
	font-weight: bold;
	color:rgb(50,70,100);
	background-color: rgb(245,245,255); 
	border: 1px solid rgb(140,140,255); 
	padding: 6px;
}

.orderTopCatalogNotes p{
	font-size:16px; 
	font-weight: normal;
	margin:0px;
	margin-top:4px;
	margin-bottom:6px;
}

.orderBillShipDisplayContainer {
	text-align:left;
}


.orderBillShipDisplay {
	display:inline-block;
	vertical-align:top;
	width:46%;
	margin-left:0;
	margin-right:2%;
	text-align:left;
}

.orderBillShipDisplay p{
	margin-top:-8px;
}


.orderBillShipAddresses {
	display:inline-block;
	width: auto;
	margin-right: 3%;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top:1px solid rgb(180,180,180);
	text-align:left;
	vertical-align:top;
	padding-left:18px;
	cursor:pointer;
}

.orderBillShipAddresses input[type="radio"]{
	display:inline-block;
	margin-right:1px;
	margin-left:-18px;
	width:12px;
	height:12px;
}


.orderBillShipAddressesLocationName {
	display:inline;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	margin:0;
	padding:0;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
}


.orderBillShipAddressInfo{
	font-size:14px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 8px;
	cursor:pointer;
}

.orderBillShipAddressesLocationName:hover {
	border:0;
}

.orderBillShipAddressInfo:hover {
	border:0;
}

.orderBillShipLinkButton {
	font-size:16px;
	background-color: rgb(40,160,230);
	color:white;
	white-space: normal;
	border:none;
	border-radius: 12px;
	font-weight:700;
	padding:6px;
	display:block;
	text-align:center;
	width:45%;
	
}


.orderBillShipLinkButton:hover {
	color:white;
	text-decoration:none;
	background-color: rgb(45,190,235);
}


.orderSummary {
	width:100%;
}

.orderCheckoutTotal {
	float:right;
	width:28%;
	text-align:left;
	border:1px solid rgb(0,150,250);
	background-color:rgb(255,255,225);
	padding:12px;
	padding-bottom:15px;
	margin-left: 2%;
	margin-bottom:10px;
	font-size:14px;

}

.orderCheckoutTotalPrices {
	text-align:right;
	display:inline-block;
	width:50%;
}

.orderCheckoutTotal label{
	width:48%;
	display:inline-block;
	margin-right: 2%;
}

.orderCheckoutTotalThankYou {
	float:right;
	width:28%;
	text-align:left;
	border:1px solid rgb(0,0,0);
	padding:12px;
	padding-bottom:15px;
	margin-left: 2%;
	margin-bottom:10px;
	font-size:14px;

}
.orderCheckoutTotalThankYou label{
	width:48%;
	display:inline-block;
	margin-right: 2%;
}


.orderCheckoutFields {

}

.orderCheckoutFields p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;;
}

.orderCheckoutFields textarea{
	width:96%;
	height:50px;
	font-size:16px;
}

.orderCheckoutFields label{
	font-size:14px;
	width:auto;
	display:inline-block;
	margin-top:10px;
	margin-bottom:6px;
}

.orderCheckoutLinks {
	display:block;
	margin-top:16px;
	font-weight:700;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	color:rgb(70,70,180);
}

.orderCheckoutLinks:hover {
	text-decoration:underline;
}




.orderRequiredInfo {
	width:100%;
	border-top:1px solid rgb(180,180,180);
	text-align:left;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:10px;
	vertical-align:top;
	font-size:16px;
}

.orderRequiredInfo p{
	margin:0;
	font-size:16px;
}


.orderRequiredInfo label{
	font-size:14px;
	width:20%;
	display:inline-block;
	margin-right:2%;
}

.orderRequiredInfo input[type="text"]{
	width:77%;
	height:20px;
	font-size:16px;
}

.smallInput  input[type="text"]{
	width:33%;
}


.orderRequiredInfo select{
	width:77%;
	font-size:16px;
}




.orderLineItem {
	width:65%;
	border-top:1px solid rgb(180,180,180);
	text-align:left;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:10px;
	vertical-align:top;
}


.orderLineItem p{
	margin:0;
	fint-size:16px;;
}


.orderLineItem label{
	font-size:14px;
	width:30%;
	display:inline-block;
	margin-right:2%;
}

.orderLineItem input[type="text"]{
	width:65%;
	height:20px;
	font-size:16px;
}

.orderLineItem select{
	width:65%;
	font-size:16px;
}

.orderLineItemQty {
	display:inline-block;
	font-size:14px;
	margin-right: 1%;
	margin-bottom: 6px;;
}

.orderLineItemQty input[type="text"]{
	width:50px;
	text-align:center;
	margin-right:4px;
}

.orderLineItemDescription {
	display:inline-block;
	font-size:14px;
	vertical-align:top;
	width:75%;
	margin-left:2%;
}

.orderLineItemDescription a{
	font-size:16px;
	
}

.orderDeleteLink {
	margin-top:6px;
	display:block;
}



.accountEditContainer {
	text-align:left;
	margin-bottom:15px;
}

.accountEditContainer h2{
	border:0;
	margin-top:16px;
	margin-bottom:0;
}

.accountEditContainer p{
	margin-top:0;
	margin-bottom:8px;
}



.accountRequiredInfo {
	width:100%;
	border-top:1px solid rgb(180,180,180);
	text-align:left;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:10px;
	vertical-align:top;
	font-size:16px;
}

.accountRequiredInfo p{
	margin:0;
	margin-bottom:6px;
	font-size:16px;
}

.accountRequiredInfoNote {
	font-size:14px;
	display:block;
}

.accountRequiredInfo label{
	font-size:14px;
	width:25%;
	display:inline-block;
	margin-top:3px;
	margin-right:2%;
	vertical-align:top;
}

.accountRequiredInfo button[type="submit"]{
	font-size:14px;
	width:100%;
	display:inline-block;
	margin-right:2%;
	vertical-align:top;
}


.accountRequiredInfo input[type="text"]{
	width:72%;
	height:20px;
	font-size:16px;
}

.accountRequiredInfo input[type="password"]{
	width:25%;
	height:20px;
	font-size:16px;
}

.accountRequiredInfo select{
	width:77%;
	font-size:16px;
}

.accountNameLabel {
	color:rgb(160,160,160);
}
.accountNamePart {
	background-color:rgb(230,230,230);
}

.accountLabelBold {
	font-weight:700;
	color:rgb(20,20,100)
}

.catalogLeftFlushContainer {
	text-align:left;
	margin-bottom:15px;
}

.loginInputContainer {
	margin-bottom:16px;
	text-align:left;
}

.loginInputFields label{
	font-size:14px;
	width:20%;
	display:inline-block;
	margin-top:3px;
	margin-right:2%;
	vertical-align:top;
}

.loginInputFields input[type="text"]{
	width:50%;
	height:20px;
	font-size:16px;
}

.loginInputFields input[type="password"]{
	width:25%;
	height:20px;
	font-size:16px;
}


.loginSubmit {
	margin-top:10px;
}




.adminLoginLink {
	margin-top:50px;
}

.adminContent {
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid rgb(160,160,160);
}

.adminContent p{
	font-size:14px;
}


.adminContentPrint {
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid rgb(160,160,160);
}

.adminContentPrint td{
	font-size:10px;
}
.adminContentPrint p{
	font-size:10px;
}

.adminApprovalOrder {
	display:inline-block;
	width:70%;
	padding-left:2%;
	padding-right:2%;
}

.adminApprovalButtons {
	display:inline-block;
	width:20%;
	margin:0;
	vertical-align:top;
}

.adminApproveButton {
	background-color: rgb(50,180,80);
	width:100%;
	color:white;
	font-weight:700;
	font-size:16px;
}
.adminReviewButton {
	background-color: rgb(40,160,230);
	width:100%;
	color:white;
	font-weight:700;
	font-size:16px;
}
.adminDenyButton {
	background-color: rgb(240,80,80);
	width:100%;
	color:white;
	font-weight:700;
	font-size:16px;
}

.adminApproveButton:hover {
	background-color: rgb(80,210,110);
}
.adminReviewButton:hover {
	background-color: rgb(50,180,240);
}
.adminDenyButton:hover {
	background-color: rgb(255,50,50);
}

.adminVariableDataContainer {
	height:auto;
	margin-top:6px;
	margin-bottom:6px;
	overflow:hidden;
	cursor:pointer;
	margin-left:-100px;
	margin-right:-200px;
}

.adminVariableDataContainer label{
	width:22%;
}




.adminLineItemDescription {
	display:inline-block;
	font-size:14px;
	vertical-align:top;
	width:75%;
	margin-left:2%;
	
}

.adminLineItemDescription p{
	margin-top:6px;

}

.adminPseudoLink{
	color: rgb(70, 70, 180);
	cursor:pointer;
}
.adminPseudoLink:hover{
	color: rgb(0,0,255);
	text-decoration: underline;
}

.adminPseudoLinkArrow{
	color: rgb(70, 70, 180);
	cursor:pointer;
	background-image:url('/images/gray-arrowhead.gif'); 
	background-position:0px 5px; 
	background-repeat: no-repeat; 
}
.adminPseudoLinkArrow:hover{
	color: rgb(0,0,255);
	text-decoration: underline;
}



.adminInventoryTable {
	width:100%;
}


.adminInventoryTable td{
	padding:4px;
	padding-right:12px;
	font-size:14px;
	text-align:center;
}

.adminInventoryTable td:nth-child(1){
	text-align:left;
	padding-left:20px;
	
}



.adminInventoryTable tr{
	border-bottom:1px solid rgb(160,160,160);
}

.adminInventoryWebpix {
	width:18%;
	float:left; 
	margin-right:2%;
}


.adminInventoryOrderitemsTable{
	width:80%;
}

.adminInventoryOrderitemsTable td{
	padding:4px;
	font-size:13px;
	text-align:center;
	background-image:none; 
}


.adminInventoryOrderitemsTable td:nth-child(1){
	text-align:center;
}


.adminInventoryOrderitemsTable tr:nth-child(1) td{
	color:rgb(140,140,140);
	font-size:13px;
}


.adminInventoryNeedReprint
{
color:rgb(210,20,20);
font-weight:700;
}

.adminFieldset {
	width:100%;
	margin-top:4px;
	font-size:14px;
}

.adminFieldset label{
	width:16%;
	margin-right:1%;
	display:inline-block;
	vertical-align:top;
	border-top:1px solid rgb(220,220,220);
	padding-top:5px;
	
}

.adminFieldsetInputContainer{
	width:83%;
	display:inline-block;
	vertical-align:top;
}

.adminFieldsetInputContainer select{
	vertical-align:top;
	font-size:15px;
}

.adminFieldsetInputContainer input[type="text"]{
	vertical-align:top;
	font-size:15px;
}

.adminOrdersTable {

}

.adminOrdersTable td{
	vertical-align:top;
	padding-top:10px;
	padding-right:10px;
}

.adminOrdersTable tr:nth-child(even) {
	border-top:1px solid rgb(120,120,120);
}

.adminOrdersTable tr:nth-child(odd){
}



.adminOrdersTableInnerTable {
	width:100%;
}

.adminOrdersTableInnerTable td{
	padding-top:0;
	padding-right:0;
}

.adminOrdersTableInnerTable td:nth-child(2){
	text-align:right;
	padding-left:10px;
}

.adminOrdersTableInnerTable tr:nth-child(even) {
	background-color: transparent;
	border-top:0;
}

.adminOrdersTableInnerTable tr:nth-child(odd){
	background-color: transparent;
	border-top:0;

}

.adminOrdersTableInnerTable tr:nth-child(1){
	background-color: transparent;
}

.adminItemsTable {

}

.adminItemsTable td{
	vertical-align:top;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px;
}

.adminItemsTable td:nth-child(1){
	text-align:right;
}
.adminItemsTable td:nth-child(2){
	text-align:right;
}


.adminItemsTable tr {
	border-bottom:1px solid rgb(120,120,120);
}


/* footer */
#mainWrapper footer {
	clear: both;
	overflow: auto;
	background-color: rgba(240,240,245,1.00);
	line-height: 1.5;
	padding-top: 12px;
	padding-left: 0px;
	text-align: center;
	padding-bottom: 12px;
	padding-right: 12px;
}
/*Each footer content */
#mainWrapper footer div {
	width: 27%;
	float: left;
	padding-left: 3%;
	padding-right: 3%;
	color: rgba(160,160,160,1.00);
	text-align: left;
}

footer div p {
	font-size: 14px;
}


/* Links in footer */
footer div a {
	color: rgba(60,60,160,1.00);
	display: block;
	text-decoration: none;
	text-align: center;
}


/* Product's images in catalog */
.productInfo div img {
	width: 100%;
}



/* Container for links in footer */
footer .footerlinks {
	margin-top: -15px;
}


.noUnderline {
	text-decoration:none;	
}

.noUnderline:hover {
	text-decoration:none;	
}

.loginRegisterLink {
	color:rgb(200,50,50);
	font-size:18px;
	font-weight:600;
}

/* ----------------------------------------------------- Media query for tablets ----------------------------------------------------------*/
@media screen and (max-width:900px) {
/* search field in sidebar */

#content .sidebar #searchgroup {
	display:none;
}


/* sidebar */
#content .sidebar {
	float: none;
	width: auto;
	height: auto;
	overflow: auto;


	margin:0;
	padding:0;
	
}

#content .sidebarNarrow {
	float: none;
	width: auto;
	height: auto;
	overflow: auto;
	padding-left: 0;

}



/* horizontal separators in sidebar */
#content .sidebar hr {
	display: none;
}

/*The sidebar and maincontent of page */
#content {
	position: relative;
	top: -22px;
	width: 100%;
	overflow: auto;
	
}
/*menu headings in sidebar */
#menubar .menu .menutitle {
	display: inline;
	font-size: 16px;
	
	margin:0;
	padding-left:0;

}
/* Unordered List of links */
#menubar .menu ul {
	display: block;
	
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;

}
/*list elements */
#menubar .menu ul li {
	display: block; 
	font-size: medium;
	
	padding-left: 0;
	padding-right: 0;
	
	margin-left: 0;
	margin-right: 0;

	width:100%;

	
}
/*The link to be hidden in tablet view */
.sidebar #menubar .menu ul .notimp {
	display: none;
}
/* menus in sidebar */
.sidebar #menubar .menu {
	width: auto;
	text-align: center;
	position: relative;
	top: 16px;
	
}
/*menubar in sidebar */
#content .sidebar #menubar {
	position: relative;
	overflow: auto;
	width: 100%;
	padding-top: 0px;
	margin:0;
	padding:0;
	
}

/* offer banners content */
#mainWrapper #offer p {
	font-size: small;
}

#mainWrapper header #logo {
	width: 100%;
	text-align: center;
}


/* main content region of page */
#mainWrapper #content .mainContent {
	overflow: hidden;
	width: 95%;
	margin-top: 40px;
}

#mainWrapper #content .mainContentWide {
	overflow: hidden;
	width: 95%;
	margin-top: 40px;
}

/* Container for links in footer */
#mainWrapper footer .footerlinks {
	float: none;
	width: 100%;
	position: relative;
	top: 17px;
	clear: both;
	text-align: center;
	left: 0%;
	padding-bottom: 19px;
}
/* Container for each footer divisions */
#mainWrapper footer div {
	width: 44%;
	text-align: justify;
	font-size: 15px;
}



/* Links in footer */
.footerlinks p a {
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	padding-right: 35px;
}
/* Footer region */
#mainWrapper footer {
	padding-left: 16px;
	overflow: hidden;
}

#headerLinks  {
	width:100%;
	margin:0;
	padding-left: 10px;

	text-align:center;
}
/* Links in header */
header #headerLinks a {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
}
/* Offer- Text banner */
#mainWrapper #offer {
	padding-left: 22%;
}
/* Paragraphs in footer */
footer .footerlinks p {
	display: inline;
}


.catalogListing h2 {
	margin-bottom:12px;
	padding-bottom:12px;
	font-size: 18px;
	border-bottom: 1px solid rgb(200,200,200);
}

.catalogListing h3 {
	margin-bottom:12px;
	margin-left: 0;
	padding-bottom:12px;
	font-size: 17px;
	border-bottom: 1px solid rgb(200,200,200);
}

.catalogListing p {
	margin-left:0;
	margin-bottom:12px;
	padding-bottom:12px;
	font-size: 16px;
	border-bottom: 1px solid rgb(200,200,200);
}


.productMagnifyGlass {
	display:none;
}


.itemImageContainer {
	width:30%;
}

.itemInfoContainer {
	width:60%;
}

.itemPurchaseContainer {
	clear:both;
	width:100%;
}
.itemVariableInstructionsContainer {
	width:auto;
}




.orderCheckoutTotal {
	width:38%;
}

.orderLineItem {
	width:55%;
}

.catalogGroupButtonContainer {
	display:none;
}

.adminLoginLink {
	display:none;
}



}

/*----------------------------------------------------------media query for small screen devices----------------------------------------------------------*/
@media screen and (max-width:480px) {
/*Container for links in header */

.radioOption {
	display:block;
	margin-top:12px;
}

#mainWrapper  {
	padding-left:2%;
	padding-right:2%;
	width:96%
}

#mainWrapper header {
	margin:0;
}

#mainWrapper header #headerLinks {
	float:left;
	width: 96%;
	text-align: center;
	background-color: transparent;
	padding-bottom: 10px;
	margin:0;
}
/* Logo placeholder*/
#mainWrapper header #logo {
	width: 100%;
	text-align: center;
}

/* Links in header */
header #headerLinks a {
	padding-right: 12px;
	padding-left: 12px;
	
}
/*Offer - Text Banner */
#mainWrapper #offer {
	padding-left: 0px;
	text-align: center;
}


#content .sidebar {
	width:100%;
	border:0;
}

/* Menubar in sidebar */
#content .sidebar #menubar {
	position: relative;
	left: 0px;
	text-align: center;
	height:46px;
	overflow:hidden;
	width:100%;
}



#menubar .menu  {
	width: auto;
	margin:0;
	padding:0;
	margin-left:5%;
	margin-right:5%;
}




/*Menu headings in sidebar */
#menubar .menu .menutitle {
	width: auto;
	margin:0;
	padding:0;
	display: block;
}

#menubar .menuopener {
	width: 90%;
	height: 30px;
	display: block;
	margin-top: 10px;

	text-align:left;
}


#menubar .menubutton {
	width: 28px;
	height: 28px;
	display: inline-block;
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:rgb(30,80,120);
}

#menubar .menubuttonLines {
	background-color: rgb(250,250,250);
	width:20px;
	height:4px;
	margin-top:4px;
	margin-left:4px;
}


#menubar .menuopenerText {
	display: inline-block;
	float:left;
	margin-top:4px;
	font-size:16px;
}



/* Each product in catalog view */
.mainContent .productRow .productInfo {
	width: 100%;
	display: block;
	margin: 0;
	margin-top:6px;
	position: relative;
	left: -2%;
}

.productRowSpacer {
	display: none;
}

.productLinkDiv {
	margin-bottom:8px;
	border-bottom:1px solid rgb(160,160,160);
}


.productSubgroup {
	margin-bottom:8px;
	border-bottom:1px solid rgb(160,160,160);
}



#mainWrapper footer div {
	width: 100%;
	margin-left: -16px;
	text-align: justify;
	padding-bottom: 16px;
	overflow: auto;
}
/* Unordered list for menu elements */
.menu ul {
	position: relative;
	padding-left: 24%;
}


/*menu elements */
.menu ul li {
	margin-top:12px;
	margin-bottom:0;
	padding-top:12px;
	padding-bottom:0;
	font-size: 16px;
	border-top: 1px solid rgb(200,200,200);
}





/* Container for links in footer */
#mainWrapper footer .footerlinks {
	padding-left: 8%;
}
/* Main content which excludes the sidebar */
#mainwrapper #content .mainContent {
	
	text-align: center;
	width: 100%;
	padding-left: 0px;
}

.catalogListing h2 {
	margin-bottom:12px;
	padding-bottom:12px;
	font-size: 16px;
	border-bottom: 1px solid rgb(200,200,200);
}

.catalogListing h3 {
	margin-bottom:12px;
	padding-bottom:12px;
	font-size: 16px;
	border-bottom: 1px solid rgb(200,200,200);
}

.catalogListing p {
	margin-left:0;
	margin-bottom:12px;
	padding-bottom:12px;
	font-size: 16px;
	border-bottom: 1px solid rgb(200,200,200);
}

.indexPageRadioInputDiv {
	margin-left: 6%;
}

.itemImageContainer {
	width:auto;
}

.itemInfoContainer {
	width:auto;
}


.itemInfoContainerVariable {
	width:auto;
}

.itemVariableDataEntryContainer {
	clear:both;
	width:98%;
}

.itemVariableDataEntryContainer label {
	display: block;
	width: 100%;
	margin-right:0;
	border-top:0;

}

.itemVariableFormInputs textarea {
	width: 96% !important;
}

.itemVariableFormInputs input[type="text"]  {
	width: 96% !important;
}

.itemVariableInstructionsContainer {
	clear:both;
	width:100%;
}

.orderBillShipDisplay {
	display:block;
	margin:0;
	margin-top:8px;
	width:100%;
	
}

.orderBillShipAddresses {
	display: block;
	width: 100%;
	margin-right: 0;
	margin-top: 10px;
	border-top:1px solid rgb(160,160,160);
	padding-top:10px;
}

.orderCheckoutTotal {
	width:90%;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	float:none;
}


.orderLineItem {
	width:100%;
}

.orderLineItem label{
	font-size:14px;
	width:auto;
	display:block;
	margin-bottom:4px;
}

.orderLineItem input[type="text"]{
	width:93%;
	height:20px;
	font-size:16px;
}

.orderLineItem select{
	width:93%;
	font-size:16px;
}


.orderLineItemQty input[type="text"]{
	width:50px;
	margin-right:4px;
	text-align:center;
}

.orderLineItemDescription {
	display:block;
	width:96%;
	margin-left:0;
}

.orderRequiredInfo label{
	width:95%;
	margin-right:0;
	margin-bottom:4px;
}

.orderRequiredInfo input[type="text"]{
	width:93%;
}

.orderRequiredInfo select{
	width:95%;
}

.accountRequiredInfo label{
	width:95%;
	margin-right:0;
	margin-bottom:4px;
}

.accountRequiredInfo input[type="text"]{
	width:95%;
}

.loginInputFields label{
	display: block;
	margin-bottom:4px;
	width:95%;
}

.loginInputFields input[type="text"]{
	width:95%;
}

.loginInputFields input[type="password"]{
	width:95%;
}


.catalogGroupButtonContainer {
	display:none;

}



}
