/*
Theme Name: The Makeup Studio
Theme URI: http://www.onewebsite.ca
Description: 2c4p - 2 Column 4 Port
Author: Mike Olaski
Author URI: http://www.onewebsite.ca/
*/

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 0. Contents Styles */

/*

0. Contents
1. Config
2. Position
3. Elements
4. Classes
5. Objects


Pallet

/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */

/* color: #ffffff; /* P:0; */
/* color: #e6e6e6; /* P:10; */
/* color: #cccccc; /* P:20; */
/* color: #e6e6e6; /* P:30; */

/* color: #999999; /* P:40; */
/* color: #7f7f7f; /* P:50; */
/* color: #666666; /* P:60; */
/* color: #4d4d4d; /* P:70; */

/* color: #333333; /* P:80; */
/* color: #1a1a1a; /* P:90; */
/* color: #000000; /* P:100; */

/* ***** ***** ***** ***** ***** ***** 1. Config */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #000;
	xbackground-color: inherit; /* not sure about keeping this so disabled for now */
	}

/* Firefox scrollbar fix to always force a scrollbar despite current page height */
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
	}
	
img { border: none; display: block; }

table { border-collapse: collapse; }

div.clear-float-break {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: inherit;
	}

#body-wrap-clear { clear: both; }


/* ***** ***** ***** ***** ***** ***** 2. Position */

body {
	margin: 0px;
	color: inherit; /* P:F; */
	font-family: Arial, Lucida Grande, Verdana;
	font-size: 92.5%;
	background-color: #fff; /* P:2; */
	}


div#wrapper {
	margin: 0px;
	xbackground-image: url(images/wrapper_bg.jpg);
	xbackground-repeat: repeat-x;
	text-align: center;
	}
	
	div#head-wrap {
		background-color: #fff; /* P:F; */
		}
	
		div#head {
			margin: 0px auto;
			position: relative;
			background-color: transparent; /* P:3; */
			width: 975px;
			text-align: left;
			color: inherit;
			background-image: url(images/head_wrap_bg2.jpg);
			background-repeat: repeat-x;
			}
	
			div#logo-bar {
				background-color: transparent;
				xbackground-image: url(images/logo_bar_bg.jpg);
				xbackground-repeat: no-repeat;
				background-position: right;
				height: 80px;
				border-bottom: solid 1px #fff;
				}
	
				
			div#masthead {
				height: 50px;
				background-color: #e3d887;
				background-image: url(images/masthead_bg.jpg);
				background-repeat: no-repeat;
				border-bottom: solid 1px #fff;
				}
	
			div#nav-bar {
				color: #fff; /*P:F; */
				background-color: #572a14; /* P:1; */
				xbackground-image: url(images/nav_bar_bg.jpg);
				xbackground-repeat: no-repeat;
				xborder-top: solid 3px #01458e; /*P:F */
				xborder-bottom: solid 5px #04121E; /*P:F */
				height: 20px;
				}
	
		
	div#body-wrap {
		xborder-top: solid 2px #AD8207;
		background-color: #fff; /* P:2; */
		background-repeat: repeat-x;
		text-align: left;
		color: inherit;
		}
	
		div#body {
			margin: 0px auto;
			width: 980px;
			background-color: #F2EDCA;
			xborder-left: solid 1px #666;
			xborder-right: solid 1px #666;			
			}
			
		div#view-wrap {
			float: right;
			margin: 0px 0px 0px 0px;
			color: #000; /*P:F; */
			background-color: inherit; /* P:2; */
			}
			
			div#view {
				margin: 0px;
				padding: 20px;
				width: 630px;
				}
				
				div.post {
					xborder: solid 1px red;
					margin: 0px;
					}
	
		div#left-wrap {
			float: left;
			margin: 10px 0px 10px 35px;
			padding: 0px 0px 0px 0px;
			background-color: inherit; /* P:T; */
			}
	
			div#left {
				margin: 0px 0px;
				xwidth: 300px;
				}

	div#foot-wrap {
		clear: both;
		margin: 0px 0px 0px 0px;
		background-color: #fff; /* P:3; */
		}
	
		div#foot {
			margin: 0px auto;
			height: 30px;
			width: 980px;
			background-color: #000; /* P:3; */
			border-left: solid 1px #fff;
			border-right: solid 1px #fff;
			border-bottom: solid 1px #fff;
			}
			
			
/* ***** ***** ***** ***** ***** ***** 3. Elements */

/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */


h1, h2, h3, h4, h5 {
	color: #000; /* P:1; */
	}

h2, h3, h4, h5 {
	clear: both;
	}

h1 {
	padding: 0px;
	font-size: 12px;
	}
	
	h2 {
		margin: 0 0 10px 0;
		font-size: 22px;
		border-bottom: solid 2px #311A0E;
		}
		
		h3 {
			margin: 0 0 8px 0;
			font-size: 16px;
			color: #311A0E;
			text-decoration: underline;
			}

			
			h4 {
				margin: 0 0 6px 0;
				font-size: 14px;
				}
					
				h5 {
					margin: 0 0 4px 0;
					font-size: 12px;
					}




div.post h2 a:link {
	color: #000; /* P:1; */
	background-color: transparent;
	border: solid 2px #B7872D;
	text-decoration: none;
	}

	div.post h2 a:visited {
		color: #000; /* P:1; */
		background-color: transparent;
		text-decoration: none;
		}
	
		div.post h2 a:hover {
			color: #000; /* P:1; */
			background-color: transparent;
			text-decoration: none;
			}
		
			div.post h2 a:active {
				color: #000; /* P:1; */
				background-color: transparent;
				text-decoration: none;
				}


div.post h3 a:link {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h3 a:visited {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h3 a:hover {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h3 a:active {
	color: #000; /* P:1; */
	background-color: transparent;
	}


div.post h4 a:link {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h4 a:visited {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h4 a:hover {
	color: #000; /* P:1; */
	background-color: transparent;
	}

div.post h4 a:active {
	color: #000; /* P:1; */
	background-color: transparent;
	}




/* Paragraph Links */

/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */

/* color: #ffffff; /* P:0; */
/* color: #e6e6e6; /* P:10; */
/* color: #cccccc; /* P:20; */
/* color: #e6e6e6; /* P:30; */

/* color: #999999; /* P:40; */
/* color: #7f7f7f; /* P:50; */
/* color: #666666; /* P:60; */
/* color: #4d4d4d; /* P:70; */

/* color: #333333; /* P:80; */
/* color: #1a1a1a; /* P:90; */
/* color: #000000; /* P:100; */


a {}

	div#view p a:link {
		color: #582700; /* P:F; */
		text-decoration: none;
		border-bottom:  1px solid #311A0E; /* P:0; */
		}
	
	div#view p a:visited {
		color: #582700; /* P:F; */
		text-decoration: none;
		border-bottom:  1px solid #311A0E; /* P:0; */
		}
	
	
	div#view p a:hover {
		color: #fff; /* P:4; */
		background-color: #311A0E;
		text-decoration: none;
		}
	
	div#view p a:active {
		color: #fff; /* P:0; */
		text-decoration: none;
		background-color: #311A0E;
		}

/* Block Level */

img {
	float: left;
	margin: 0px 20px 20px 0px;
	}
	
div.entry img {
	float: left;
	margin: 0px 20px 20px 0px;
	}

p {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 18px;
	color: #000; /* P:10; */
	}


blockquote {
	margin: 20px;
	padding: 15px 0px 15px 50px;
	font-size: 11px;
	background-color: transparent; /* P:T; */
	background-image: url(images/graphic_quote.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-left: solid 5px #000;  /* P:100; */
	}
	

fieldset {
	margin: 20px;
	padding: 5px;
	font-size: 11px;
	background-image: url(images/icon_arrow_down_565D99_50w);
	background-repeat: no-repeat;
	border: solid 1px #000; /* P:100; */
	}

	legend {
		padding: 0px 7px 20px 7px;
		background: transparent; /* P:T; */
		}


pre {
	margin: 0px 20px 15px;
	padding: 5px;
	}


ol {
	margin: 0px 0px 20px 20px;
	}

	ol li {
	font-size: 11px;
	line-height: 19px;
	list-style: lower-latin;
	}


ul {
	margin: 0px 0px 20px 20px;
	font-size: 11px;
	line-height: 19px;
	}

	ul li {
		list-style-type: square;
		font-size: 11px;
		line-height: 19px;
		}


dl {
	margin: 0px 0px 10px 20px;
	}

	dt {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 13px;
		}
	
		dd {
			margin: 10px 0px 0px 20px;
			padding: 0px;
			font-size: 11px;
			}
	


/* ***** ***** ***** Tables */


/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */

table {
	margin: 10px 0px 10px 0px;
	xwidth: auto;
	background-color: #00458D; /* P:1; */
	}

	caption {
		margin: 0px 0px 0px 0px;
		}
	
	thead {
		padding: 5px;
		border: solid 1px #fff; /* P:0; */
		background-color: #000; /* P:30; */
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		}
	
		tr { color: #cef; }
	
		td {
			padding: 5px;
			font-size: 11px;
			border: solid 1px #fff; /* P:3; */
			color: #fff; /* P:0; */
			}
	
	tbody {
		padding: 5px;
		border: solid 1px #fff; /* P:0; */
		background-color: #582700;; /* P:1; */
		}
	
	tfoot {
		padding: 5px;
		border: solid 1px #fff; /* P:0; */
		background-color: #b3b3b3; /* P:30; */
		color: #000;
		}
		
		tfoot td {
			color: #000;
			}

/* Form */

form {
	margin: 0px;
	xborder: solid 1px #000; /* P:100; */
	}

input {
	width: 100px;
	xpadding: 3px;
	border: solid 1px #999; /* P:40; */
	background-color: #fff; /* P:0; */
	}

	


select {
	xwidth: 100px;
	xpadding: 3px;
	xheight: 15px;
	background-color: #fff; /* P:1; */
	color: #29176b; /* P:1; */
	}

option {
	color: #29176b; /* P:1; */
	}



	

label {
	padding: -3px 0 0 20px;
	}







form#commentform label {
	padding: -3px 0 0 20px;
	color: #000;
	}

form#commentform input#submit {
	width: auto;
	}


form#commentform textarea {
	width: 400px;
	height: 200px;
	border: solid #666;
	border-width: 1px;
	background-color: #fff;
	}


/*



em
strong
del
ins
sup
sub
acronym


hr

*/

abbr {
	text-decoration: none;
	font-weight: normal;
	}
	


/* ***** ***** ***** ***** ***** ***** Classes */







/* Inline */
.download a:link {
	padding: 0 0 0 20px;
	background-color: #fff; /* P:10; */
	background-image: url(images/icon_arrow_down.gif);
	background-repeat: no-repeat;
	color: #29176b; /* P:1; */
	}

.warning {
	color: #ff0000;
	}

.highlight {
	background-color: #00458D; /* P:3; */
	color: #fff;
	padding: 0px 5px;
	}

.subdued {}
.aside {}

/* Block Level */

.question-block {
	margin: 20px;
	padding: 20px 20px 20px 50px;
	color: #582700; /* P:1; */
	background-color: #fff; /* P:0; */
	background-image: url(images/graphic_q.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: dashed 1px #ccc; /* P:20; */
	display: block;
	}
	
.answer-block {
	margin: 20px;
	padding: 20px 20px 20px 50px;
	background-color: #fff; /* P:0; */
	background-image: url(images/graphic_a.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: dashed 1px #ccc; /* P:20; */
	color: #582700; /* P:1; */
	display: block;
	}

.aside {
	float: right;
	margin: 20px 20px 20px 20px;
	padding: 10px 10px 10px 25px;
	width:250px;
	background-color: #fff;
	xborder: dotted 1px #fff; /* P:90 */
	background-image: url(images/aside_arrow_fff_30.gif);
	background-repeat: no-repeat;
	xbackground-repeat: repeat-y;
	color: #582700; /* P:1; */
	}
	
	p .aside {
		float: right;
		margin: 20px 60px 20px 20px;
		padding: 10px;
		width: 150px;
		background-color: #fff; /* P:10; */
		xbackground-image: url(images/aside_bg.gif);
		xbackground-repeat: repeat-y;
		color: #582700; /* P:1; */
		}




/* ***** ***** ***** ***** ***** ***** Objects */

/* ***** ***** ***** Navigation */


/* Nav Head */
ul#nav-head {
	float: left;
	xclear: both;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 16px;
	background-color: #inherit; /* P:1; */
	height: 20px;
	}
	
	ul#nav-head li {
		float: left;
		list-style-type: none;
		xborder-right: solid 1px #145691;
		}
		
		ul#nav-head li a {
			padding: 0px 23px 0px 23px;
			display: block;
			}
		
		ul#nav-head li a:link, ul#nav-head li a:visited {
			color: #fff; /* P:F; */
			text-decoration: none;
			xfont-weight: 800;
			}
		
		ul#nav-head li a:hover {
			color: #B7872D; /* P:4; */
			text-decoration: none;
			xbackground-color: #01458e;
			display: block;
			}
		
		ul#nav-head li.current_page_item a {
			color: #fff; /* P:5; */
			xbackground-color: #01458e;
			xborder-bottom: solid 3px #B7872D;
			}


			
/* Nav Super */
ul#nav-super {
	float: right;
	margin: 15px 15px 0px 0px;
	padding: 1px 0;
	list-style: none;
	}
	ul#nav-super li {
		display: inline;
		}
		ul#nav-super li a {
			margin: 0 8px;
			color: #fff; /* P:F; */
			font-size: 12px;
			text-decoration: none;
			}
		ul#nav-super li a:hover {
			color: #a8dbd8; /* P:5; */
			}

/* Nav Side Right */


#left-wrap h3 {
	margin: 0px 0px 0px 30px;
	}


#left-wrap h2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background: transparent; /* P:7; */
	border-bottom: none;
	border-bottom: solid 1px #572a14; /* P:1; */
	color: #000; /* P:80; */
	}



ul#nav-side-left {
	margin: 0px;
	padding: 0px;
	width: 250px;
	list-style: none;
	background-color: transparent; /* P:T; */
	font-size: 11px;
	background-image: url(images/cl_sidebar_bg_500.jpg);
	background-repeat: no-repeat;
	}
	
	ul#nav-side-left li {
		color: #fff; /* P:100; */
		display: block;
		list-style: none;
		}
		
		ul#nav-side-left li:hover {
			display: block;
			color: #04121E; /* P:80; */
			background-color: #fff; /* P:0; */
			}



		ul#nav-side-left li a {
			padding: 5px 10px;
			display: block;
			color: #311A0E; /* P:2; */
			font-weight: 800;
			background-color: inherit;
			text-decoration: none;
			}
			
		ul#nav-side-left li a:hover {
			display: block;
			color: #04121E; /* P:1; */
			font-weight: 800;
			background-color: #fff;
			text-decoration: none;
			}
		
		
		ul#nav-side-left li.current_page_item, ul#nav-side-left li.current-cat {
			color: #333; /* P:80; */
			background-color: #C3B600; /* P:10; */
			text-decoration: none;
			}
			
		ul#nav-side-left li.current_page_item a, ul#nav-side-left li.current-cat a {
			color: #333;  /* P:80; */
			}
			
		ul#nav-side-left li.current_page_item a:hover, ul#nav-side-left li.current-cat a:hover {
			xcolor: #333; /* P:80; */
			xbackground-color: #ccc; /* P:20; */
			xborder-bottom: 1px solid #BEC3D3; /* P:3; */
			}

			
/* Nav Footer */
ul#nav-foot {
	float: left;
	margin:  0px 0px;
	padding: 8px 0px 0px 10px;
	color: #fff;
	background-color: inherit; /* P:3; */
	font-size: 14px;
	list-style: none;
	xtext-align: left;
	}
	
	ul#nav-foot li {
		margin: 0px 30px 0px 0px;
		display: inline;
		}
		
		ul#nav-foot li a {
			color: #000;
			background-color: inherit;
			text-decoration: none;
			}
			
			ul#nav-foot li a:link {
				color: #fff; /* P:0; */
				text-decoration: none;
				}
			
			ul#nav-foot li a:visited {
				color: #fff; /* P:0; */
				text-decoration: none;
				}
			
			
			ul#nav-foot li a:hover {
				color: #C3D1DD; /* P:0; */
				background-color: #e6e6e6;
				text-decoration: none;
				}
			
			ul#nav-foot li a:active {
				color: #fff; /* P:0; */
				text-decoration: none;
				}
			
		ul#nav-foot li a:hover {
			color: #ff6d06; /* P:4; */
			background-color: transparent;
			}

/* Logo / Wordmmark */

h1#logo-wordmark {
	float: left;
	padding: 0px;
	}
	
	
h1#no-logo-wordmark {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	color: #000;
	font-size: 36px;
	}

	h1#no-logo-wordmark a {
		text-decoration: none;
		}

	h1#no-logo-wordmark a:link {
		color: inherit;
		}
		
/* Onewebsite Marketing */
	
div#foot-wrap p#onewebsite {
	float: right;
	margin: 10px 15px 0px 0px;
	color: #fff; /* P:F; */
	background-color: inherit; /* P:3; */
	}
	
	p#onewebsite a:link { color: #fff; /* P:0; */ text-decoration: none; }
	p#onewebsite a:visited { color: #fff; /* P:0; */ text-decoration: none; }
	p#onewebsite a:hover { color: #fff; /* P:0; */ text-decoration: none; }
	p#onewebsite a:actvie { color: #fff; /* P:0; */ text-decoration: none; }
	
/* Tagline */

p#tagline {
	float: right;
	margin: 30px 10px 0px 0px;
	color: #311A0E;
	font-family: Lucida Grande, Verdana;
	font-size: 16px;
	font-weight: bold;
	}			


/* ***********************************************************************************************************  Standard PAGES */


/* About Us Page */



/* Contact Us Page */




/* Links Page */

/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */

/* color: #ffffff; /* P:0; */
/* color: #e6e6e6; /* P:10; */
/* color: #cccccc; /* P:20; */
/* color: #e6e6e6; /* P:30; */

/* color: #999999; /* P:40; */
/* color: #7f7f7f; /* P:50; */
/* color: #666666; /* P:60; */
/* color: #4d4d4d; /* P:70; */

/* color: #333333; /* P:80; */
/* color: #1a1a1a; /* P:90; */
/* color: #000000; /* P:100; */

div.links h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}


div.links ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	}

	div.links ul li {
		list-style-type: none;
		}
 
ul#link-list {
	margin: 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
	}
	
	ul#link-list li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}

	ul#link-list ul {
		margin: 0px 0px 15px 0px;
		}

ul#link-list span.link-description {
	color: #fff;
	}

			li#linkcat {
				margin: 0px;
				padding: 0px;
				}
				
			li.linkcat h2 {
				margin: 0px;
				padding: 0px;
				font-size: 16px;
				color: #000; /* P:3; */
				border: none;
				}

div.links a:link {
		color: #582700; /* P:F; */
		text-decoration: none;
		border-bottom:  1px solid #311A0E; /* P:0; */
		}
	
	div.links a:visited {
		color: #582700; /* P:F; */
		text-decoration: none;
		border-bottom:  1px solid #311A0E; /* P:0; */
		}
	
	
	div.links a:hover {
		color: #fff; /* P:4; */
		background-color: #311A0E;
		text-decoration: none;
		}
	
	div.links a:active {
		color: #fff; /* P:0; */
		text-decoration: none;
		background-color: #311A0E;
		}



/* HTML Style Exammple Page - Default Home */

table#color-pallet {
	background-color: transparent;
	float: left;
	margin: 0px 20px 20px 0px;
	}

table#color-pallet td {
	margin: 0px;
	padding: 0px;
	width: 50px;
	height: 50px;
	background-color: #cef;
	}

table#color-pallet tr {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

table#color-pallet thead {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	}

table#color-pallet tbody {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

table#color-pallet tfoot {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

/* color: #C3B600; /* P:1a; */
/* color: #726A2C; /* P:1b; */
/* color: #E2D887; /* P:1c; */
/* color: #F2EDCA; /* P:1d; */

/* color: #582700; /* P:2a; */
/* color: #311A0E; /* P:2b; */
/* color: #934821; /* P:2c; */
/* color: #E8D2C4; /* P:2d; */

/* color: #ffffff; /* P:0; */
/* color: #e6e6e6; /* P:10; */
/* color: #cccccc; /* P:20; */
/* color: #b3b3b3; /* P:30; */

/* color: #999999; /* P:40; */
/* color: #7f7f7f; /* P:50; */
/* color: #666666; /* P:60; */
/* color: #4d4d4d; /* P:70; */

/* color: #333333; /* P:80; */
/* color: #1a1a1a; /* P:90; */
/* color: #000000; /* P:100; */

.pallet-1a {background-color: #C3B600; /* P:1a; */ display: block; height: 50px; width: 50px; }
.pallet-1b {background-color: #726A2C; /* P:1b; */ display: block; height: 50px; width: 50px; }
.pallet-1c {background-color: #E2D887; /* P:1c; */ display: block; height: 50px; width: 50px; }
.pallet-1d {background-color: #F2EDCA; /* P:1d; */ display: block; height: 50px; width: 50px; }

.pallet-2a {background-color: #582700; /* P:2a; */ display: block; height: 50px; width: 50px; }
.pallet-2b {background-color: #311A0E; /* P:2b; */ display: block; height: 50px; width: 50px; }
.pallet-2c {background-color: #934821; /* P:2c; */ display: block; height: 50px; width: 50px; }
.pallet-2d {background-color: #E8D2C4; /* P:2d; */ display: block; height: 50px; width: 50px; }

.pallet-3a {background-color: #5D8FC1; /* P:3a; */ display: block; height: 50px; width: 50px; }
.pallet-3b {background-color: #0A0D0D; /* P:3b; */ display: block; height: 50px; width: 50px; }
.pallet-3c {background-color: #576783; /* P:3c; */ display: block; height: 50px; width: 50px; }
.pallet-3d {background-color: #3C464F; /* P:3d; */ display: block; height: 50px; width: 50px; }

.pallet-000 {background-color: #ffffff; /* P:0; */ display: block; height: 50px; width: 50px; }
.pallet-010 {background-color: #e6e6e6; /* P:10; */ display: block; height: 50px; width: 50px; }
.pallet-020 {background-color: #cccccc; /* P:20; */ display: block; height: 50px; width: 50px; }
.pallet-030 {background-color: #b3b3b3; /* P:30; */ display: block; height: 50px; width: 50px; }

.pallet-040 {background-color: #999999; /* P:40; */ display: block; height: 50px; width: 50px; }
.pallet-050 {background-color: #7f7f7f; /* P:50; */ display: block; height: 50px; width: 50px; }
.pallet-060 {background-color: #666666; /* P:60; */ display: block; height: 50px; width: 50px; }
.pallet-070 {background-color: #4d4d4d; /* P:70; */ display: block; height: 50px; width: 50px; }

.pallet-080 {background-color: #333333; /* P:80; */ display: block; height: 50px; width: 50px; }
.pallet-090 {background-color: #1a1a1a; /* P:90; */ display: block; height: 50px; width: 50px; }
.pallet-100 {background-color: #000000; /* P:100; */ display: block; height: 50px; width: 50px; }
.pallet-100 {background-color: #000000; /* P:100; */ display: block; height: 50px; width: 50px; }