body{width:100%; margin: 0 0 0 0; padding: 30px 0 0 0; background-image: url('../images/Background.jpg');
	background-repeat: repeat-x; position: relative; overflow: scroll; font-family: arial; color:#087CC2; font-size: 100%;}
a:hover, a:focus {text-decoration: none;}
img {border: none;}
#header-image{margin: 0 0 0 0;}
#large img {cursor: pointer;}
.large_container {display: none; position: absolute; background: #8DC3FF; padding: 5px; z-index: 10;
	height: 580px; width: 760px; color: #000;}
.previewFocusWindow{display: none; position: absolute; background: #8DC3FF;	padding: 5px; z-index: 10;
	height: 750px; width: 560px; color: #000; top: 40px; left: 50%; margin-left: -250px;}
.previewFocusWindowinner2{background: #FFF; position: absolute; z-index: 11; left: 10px;}
.previewFocusWindowinner{width: 559px; height: 726px; position: absolute; z-index: 12; left: 10px;}
.stockImgHead{width: 100%; height: 24px; background: #FFF; clear: both;}
.stockImgHead2{width: 100%; height: 24px; background: #8DC3FF; clear: both;}
.largeCloseButton{position:absolute; top: 5px; left: 743px; width: 24px; height: 24px;}
.largeCloseButton2{position:absolute; top: 5px; left: 543px; width: 24px; height: 24px;}
.largeLeftCol{height: 556px; width: 220px; background: #093250; float: left;}
.largeRightCol{height: 556px; width: 539px; background: #FFF; float: left; overflow: scroll;}
.presetCont{height: 556px; width: 759px; background: #FFF; overflow: scroll;}
ul.stockImgTabs{margin:0px; padding:0px; cursor: default;}
ul.stockImgTabs li{list-style: none; display: block; margin: 10px; font-size: 1.1em;
	font-family: Helvetica, sans-serif; color: #FFF; border:1px solid #464c54; width: 100%;
    cursor: default; padding: 10px; border-radius: 10px 0 0 10px;}
ul.stockImgTabs li.hovering{color: #ffebb5; list-style: none; display: block; margin: 10px; font-size: 1.1em;
 	font-family: Helvetica, sans-serif; background-color:#2f343a; border-color:#2f343a; cursor: default;
    padding: 10px; border-radius: 10px 0 0 10px;}
ul.stockImgTabs li.active{list-style: none; display: block; margin: 10px; font-size: 1.1em;
    font-family: Helvetica, sans-serif; background-color:#ffffff; color:#282e32;
    border:1px solid #464c54; border-right: 1px solid #ffffff;   cursor: default;
	padding: 10px; border-radius: 10px 0 0 10px; box-shadow: 0 3px 2px #000;}
#layerButtons{width: 200px; height: 38px; clear: both; margin: 0 auto;}
#background{display: none; position: absolute; height: 832px; overflow: hidden; width: 100%;
	top: 0; left: 0; background: #000; z-index: 1;}
#header-image{height: 150px; width: 1000px; margin: 0 auto; padding: 0;}
#bd-wrapper{width: 1000px; height: 780px; background: #FFF; border: 1px solid #000;margin: 0 auto 0 auto;
/*	box-shadow: 5px 5px 5px #000;*/
	padding: 0; min-width: 1000px; display: none;}
#bd-wrapper-mainLcol{float:left; width: 765px; position: relative;}
#toolbox{background: #FFF; width: 200px; height: 629px; float: left;
	background-image: url('../images/smallerbackground.jpg'); background-repeat: repeat-x;
	text-align: center; margin: 0; padding: 0;}
#canvas-container {float:left; margin: 25px 0 0 25px; width: 525px; height: 325px;}
#canvas{background: white; border: 1px solid #000;}
#all-controls-wrapper{float: left; width: 520px; height: 250px; position: relative; margin: 20px 0 0 25px;}
#controls{width: 120px; height: 70px; background: none; margin: 25px 0 0 10px; padding: 0;
	position: absolute; left: 0; top: 0;text-align: center;}
#text-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px 20px 20px 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#text-wrapper-inner{float: right; text-align: center; width: 300px; height: 205px; background: none;
	color: #0E3E64;}
#import-text-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px 20px 20px 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#import-text-wrapper-inner{float: right; text-align: center; background: none;
	color: #0E3E64;}
#barcode-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#barcode-wrapper-inner{float: right; text-align: center; width: 300px; height: 205px; background: none;
	color: #0E3E64;}
#image-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#image-wrapper-inner{
	float: right; text-align: center; width: 300px; height: 205px; background: none; color: #0E3E64;}
#sequence-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#sequence-wrapper-inner{float: right; text-align: center; width: 300px; height: 205px; background: none;
	color: #0E3E64;}
#shape-wrapper{position: absolute; left: 0; top: 0; width: 480px; height: 205px; background: #FFF;
	margin: 0 0 0 0; border-radius: 10px; border: 1px solid #000; padding: 20px;
	background-image: url('../images/textbg.jpg'); background-repeat: repeat-x; color: #0E3E64;}
#shape-wrapper-inner{float: right; text-align: center; width: 300px; height: 205; background: none;
	color: #0E3E64;}
#rightPane{background: #FFF; width: 229px; height: 629px; border-left: 1px solid #000; float: right;
	background-image: url('../images/smallerbackground.jpg'); background-repeat: repeat-x;}
#rightPaneHeader{width: 200px; height: 40px; margin: 0 auto 0 auto; text-align: center;}
.rPH_selected{height: 30px; width: 80px; float: left; margin: 0 0 0 15px;}
.rPH_unselected{height: 30px; float: left; width: 80px; margin: 0 0 0 10px;}
#previewContainer{width: 200px; height: 255px; margin: 0 auto 0 auto; border: 1px solid #CDF;
	border-radius: 5px; background: #EEE;}
#preview_canvas{margin: 5px 0 0 5px; border: 1px solid #000;}
#preview2_canvas{margin: 5px 0 0 5px; background: #FFF; border: 1px solid #000;}
#rpOptions{width: 200px; height: 230px; margin: 5px auto 0 auto; text-align: center;}
#logoHolder{margin: 20px 0 0 0;}
#templateMain{border: 1px solid #000; width: 700px; height: 400px; padding: 20px;}
.templateThumbContainer{margin: 20px; float: left;}
.templateThumbHeader{text-align: center;}
.templateImage{ width: 85px; height: 110px; border: 2px solid #000; border-radius: 5px;
	box-shadow: 2px 2px 2px #000;}
#sliderOpacity {width:100px; height:11px; background:url('../js/slider-bar/slider-bg.png');
	position:relative; margin:0; padding:0 10px;}
#sliderTextHeight{width:100px; height:11px; background:url('../js/slider-bar/slider-bg.png');
	position:relative; margin:0; padding:0 10px;}
.color{cursor: default;}
/*Style for the slider button*/
.ui-slider-handle{width:24px; height:24px; position:absolute; top:-7px; margin-left:-12px; z-index:200;
	background:url('../js/slider-bar/slider-button.png');}
/*This is the fill bar colour*/
.ui-widget-header {background:url('../js/slider-bar/fill.png') no-repeat left; height:8px; left:1px;
	top:1px; position:absolute;}
#welcomeTutorial{display: none; background: #FFF; width: 490px; height: 550px;
	margin: 20px 0 0 220px; color: #000; font-family: arial; padding: 20px; overflow: scroll;
	border: 1px solid #F1F1F1;}
#welcomeTutorial h1{color: #0A59A6; font-size: 1.3em; font-family: Helvetica;}
#welcomeTutorial h2{color: #0A59A6; font-size: 0.1em; font-family: Arial;}
.portDiv{cursor:pointer; background: #075AAA; border: 1px solid #FFF; padding: 6px;
	border-radius: 6px; float: left; clear: right; margin: 10px; color: #FFF;}
.portDiv2{cursor:pointer; background: #075AAA; border: 1px solid #000; padding: 4px 12px;
	border-radius: 6px; margin: 10px; color: #FFF;}
.portDivClose{cursor:pointer; background: #AAA; border: 1px solid #FFF; padding: 6px;
	border-radius: 6px; float: left; clear: both; margin: 50px 0 10px 10px; color: #FFF;}
#tos{width: 130px; margin: 20px auto; color: #AAA;}
	#tos a:link{font-family: arial; font-size: 0.9em; font-style: italic; color: #AAA; text-decoration:none;}
	#tos a:active{font-family: arial; font-size: 0.9em; font-style: italic; color: #AAA; text-decoration:none;}
	#tos a:visited{font-family: arial; font-size: 0.9em; font-style: italic; color: #AAA; text-decoration:none;}
	#tos a:hover{font-family: arial; font-size: 0.9em; font-style: italic; color: #DDD; text-decoration:none;}

div.file_upload {
	width: 155px;
	background: #7abcff;
	top:10px;
	left: 300px;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}
div.file_upload:before {
	content: 'Choose Excel File';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	cursor: pointer;
}

div.file_upload input {
	position: relative;
	height: 30px;
	cursor: pointer;
	opacity: 0;
}

#excel-submit {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
 } #excel-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
 } #excel-submit:active {
	position:relative;
	top:1px;
 }