/*
///////////////////////////////////////////////////////////////////////
//
//		MAIN LAYOUT
//
///////////////////////////////////////////////////////////////////////
*/
#container
{
    width: 100%;
    background: #FFFFFF;
    text-align: left;
}

#mainContent
{
    padding: 0;
    background: #FFFFFF;
}

.clear
{
    clear: both;
    line-height: 0px;
    height: 0px;
}

/*
///////////////////////////////////////////////////////////////////////
//
//		CONTENT
//
///////////////////////////////////////////////////////////////////////
*/


/*
 *		Content Body
 */
#mainContent #contentBody
{
    margin: 0;
	 width:615px;
}
#mainContent #contentBody h3.filterheadtext
{
    font-weight: bold;
    margin: 20px 0;
    font-size: 120%;
}


/*		Content Body Form elements		 */

.forminputbox, .smallinputbox, .mtext, .inputbox
{
    background: #FFFFFF none repeat scroll 0 0;
    border: none;
    font-size: 100%;
}
.forminputbox
{
    width: 141px;
    background: #FFFFFF url(../images/inputbox-bg.jpg) no-repeat;
    border: none;
    padding: 3px 5px;
	 color:#979797;
}

.forminputboxsmall
{
    width: 62px;
    background: #FFFFFF url(../images/inputbox-small-bg.jpg) no-repeat;
    border: none;
    padding: 3px 5px;
	 color:#979797;
}


.smallinputbox
{
    width: 60px;
}
.mtextctn
{
    background: #FFFFFF url(../images/textareabg.png) no-repeat;
    width: 310px;
    height: 80px;
    padding: 5px;
    text-align: left;
}
.mtext
{
    width: 290px;
    height: 65px;
    padding: 0px;
    margin: 0px;
	 color:#979797
}
.selectbox
{
    width: 147px;

}
.selectboxaw, .selectbox
{
    font-size: 100%;
}


.imagebutton
{
    border: none;
    cursor: pointer;
}
#mainContent #contentBody .innerlabel
{
    padding: 0px 15px 0px 5px;
}
#mainContent #contentBody .dashedline
{
    border-bottom: dashed 1px #000;
    height: 1px;
    margin: 5px 0px;
    width: 80%;
}
#mainContent #contentBody .flatbutton
{
    background-color: #767678;
    color: #FFF;
    border: none;
    padding: 2px 5px;
    cursor: pointer;
    font-size: 100%;
}
a.btnadd, a.btnsubmit, a.btnsubmitcontinue, a.btndelete, a.btnViewSel, a.btnsubmitso , a.btnbackandchange{
	text-decoration:none;
	display:block;
	cursor:pointer;
	background-repeat:no-repeat;
}

a.btnbackandchange{
	height:25px;
	width:164px;
	background-image:url(../images/btn_backandchage_bw.png);
}
a.btnbackandchange:hover{
	background-image:url(../images/btn_backandchage.png);
}

a.btnsubmitso{
	height:25px;
	width:127px;
	background-image:url(../images/btn_submitso_bw.png);
}
a.btnsubmitso:hover{
	background-image:url(../images/btn_submitso.png);
}

a.btnViewSel{
	height:25px;
	width:96px;
	background-image:url(../images/btn_viewselection_bw.png);
}
a.btnViewSel:hover{
	background-image:url(../images/btn_viewselection.png);
}

a.btndelete{
	width:58px;
	height:20px;
	background-image:url(../images/btn_delete_bw.png);
}
a.btndelete:hover{
	background-image:url(../images/btn_delete.png);
}
a.btnadd{
	width:43px;
	height:20px;
	background-image:url(../images/btnaddbw.png);
}
a.btnadd:hover{
	background-image:url(../images/btnadd.png);
}
a.btnsubmit{
	width:62px;
	height:25px;
	background-image:url(../images/submitbw.png);
}
a.btnsubmit:hover{
	background-image:url(../images/submit.png);
}
a.btnsubmitcontinue{
	width:180px;
	height:25px;
	background-image:url(../images/submitcontinuebw.png);
}
a.btnsubmitcontinue:hover{
	background-image:url(../images/submitcontinue.png);
}

/************************************************************
		STYLE FOR SAMPLE ODERING
*************************************************************/
#mainContent #contentBody h3.headtext
{
    font-size: 140%;
    font-weight: normal;
    margin: 15px 0;
}

ul.twoCol, ul.oneRow
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    clear:both;
}

ul.twoCol li, ul.oneRow li
{
    float: left;
    background: transparent none repeat scroll 0 0;
    line-height: normal;
    padding: 0;
}

ul.twoCol li
{
    width: 50%;
}

ul.oneRow li
{
    padding: 5px;
}

#mainContent #contentBody table.simpletable, #mainContent #contentBody table.simpletableex
{
    border: none;
    border-collapse: collapse;

}

#mainContent #contentBody table.simpletable
{
    width: 100%;
}
#mainContent #contentBody table.simpletableex td.botAlign{
vertical-align:bottom;
text-align:left;
padding-bottom:5px;
}
#mainContent #contentBody table.simpletable td.titleCol
{
    width: 80px;
    vertical-align: top;
}

#mainContent #contentBody table.simpletable td
{
}

#mainContent #contentBody table.widepadding td
{
    padding: 5px;
}
.smallheadtext{
    font-size:100%;
    font-weight:bold;
    margin-top:10px;
}

/* boxes style */
.boxPage{
    width:100px;
	 color:#979797;
	 background: #f7f9f9;overflow:auto;
}
.boxPaper{
    width:80px;
	 color:#979797;
	 background: #f7f9f9;
}
.boxColor{
    width:80px;
	 color:#979797;
	 background: #f7f9f9;
}
.boxCat{
    width:90px;
	 color:#979797;
	 background: #f7f9f9;
}
.boxSize{
    width:60px;
	 color:#979797;
	 background: #f7f9f9;
}
.boxGsm{
    width:60px;
	 color:#979797;
	 background: #f7f9f9;
}
.boxQty{
    width:60px;
	 color:#979797;
	 background: #f7f9f9;
}

div#samplecontainer {
	margin-top:-10px;
	margin-left: -5px;
}

select#cboBinding {
	color:#979797;
	background: #f7f9f9;
}
select#cboPortrait {
	color:#979797;
	background: #f7f9f9;

}

span.sample-sheets-headers-product {
	display:block;
	float: left;
	width:200px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-sheets-headers-colour {
	display:block;
	float: left;
	width:110px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-sheets-headers-gsm {
	display:block;
	float: left;
	width:120px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-sheets-headers-size {
	display:block;
	float: left;
	width:60px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-sheets-headers-quantity {
	display:block;
	float: left;
	width:60px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}


span.sample-sheets-content-product {
	display:block;
	float: left;
	width:200px;
	padding:5px 0px;
}
span.sample-sheets-content-colour {
	display:block;
	float: left;
	width:110px;
	padding:5px 0px;
}
span.sample-sheets-content-gsm {
	display:block;
	float: left;
	width:120px;
	padding:5px 0px;
}
span.sample-sheets-content-size {
	display:block;
	float: left;
	width:60px;
	padding:5px 0px;
}
span.sample-sheets-content-quantity {
	display:block;
	float: left;
	width:60px;
	padding:5px 0px;
}
span.sample-sheets-content-delete {
	display:block;
	float: left;
	width:60px;
}
div#samplesheetsselected {
	padding-bottom:20px
}



/*******************************************/
/* START : SAMPLE DUMMIES                  */
/*******************************************/

span.sample-dummies-height-header {
	display:block;
	float: left;
	width:80px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-width-header {
	display:block;
	float: left;
	width:80px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-orientation-header {
	display:block;
	float: left;
	width:120px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

span.sample-dummies-height-content {
	display:block;
	float: left;
	width:80px;
	padding:0px 0px 5px 0px;
}

span.sample-dummies-width-content {
	display:block;
	float: left;
	width:80px;
	padding:0px 0px 5px 0px;
}

span.sample-dummies-orientation-content {
	display:block;
	float: left;
	width:120px;
	padding:0px 0px 5px 0px;
}





span.sample-dummies-cover-pages-header {
	display:block;
	float: left;
	width:80px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-cover-product-header {
	display:block;
	float: left;
	width:200px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-cover-colour-header {
	display:block;
	float: left;
	width:140px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-cover-gsm-header {
	display:block;
	float: left;
	width:120px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}


span.sample-dummies-cover-pages-content {
	display:block;
	float: left;
	width:80px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-cover-product-content {
	display:block;
	float: left;
	width:200px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-cover-colour-content {
	display:block;
	float: left;
	width:140px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-cover-gsm-content {
	display:block;
	float: left;
	width:120px;
	padding:0px 0px 5px 0px;
}








span.sample-dummies-text-pages-header {
	display:block;
	float: left;
	width:80px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-text-product-header {
	display:block;
	float: left;
	width:200px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-text-colour-header {
	display:block;
	float: left;
	width:140px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-text-gsm-header {
	display:block;
	float: left;
	width:120px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}


span.sample-dummies-text-pages-content {
	display:block;
	float: left;
	width:80px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-text-product-content {
	display:block;
	float: left;
	width:200px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-text-colour-content {
	display:block;
	float: left;
	width:140px;
	padding:0px 0px 5px 0px;
}
span.sample-dummies-text-gsm-content {
	display:block;
	float: left;
	width:120px;
	padding:0px 0px 5px 0px;
}


span.sample-dummies-binding-header {
	display:block;
	float: left;
	width:120px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
span.sample-dummies-binding-qty-header {
	display:block;
	float: left;
	width:80px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

span.sample-dummies-binding-content {
	display:block;
	float: left;
	width:120px;
	padding:0px 0px 5px 0px;
}

span.sample-dummies-binding-qty-content {
	display:block;
	float: left;
	width:80px;
	padding:0px 0px 5px 0px;
}

input#fileRef {
	
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	position:absolute;
	margin-top: -1px;
	font-size: 20px;
	
}



/*******************************************/
/* END : SAMPLE DUMMIES                    */
/*******************************************/

br.clr {height:1px;}


div#orderForm {
	margin-top: -2px;
	/*move div up 2px to make a 30px spacing between the header and the h1*/
	
	
}

.introtext {
	padding-top: 11px;/*needed to make a 27px gap between h1 and intro text.*/
	margin-bottom: 12px/*needed to make a 34px gap between intro text and contact info header.*/
}

a.add-dummy-link,
a.add-dummy-link:link,
a.add-dummy-link:visited,
a.add-dummy-link:active {
	text-decoration: underline;
	color:#54339e;
	line-height: 13px;
}
a.add-dummy-link:hover {
	text-decoration: underline;
	color:#646464
}

p.confirmation-subheader {
	font-size: 12pt;
	color:#522D97;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

table.sample-order-preview-table {
	
}

table.sample-order-preview-table tr td.label {
	color:#646464;
	width:90px;
	padding:0px;
}

table.sample-order-preview-table tr td.content {
	color:#a0a0a0;
	padding:0px;
}

div#sample-order-confirmation-contact-info {
	padding:0px 0px 26px 0px
}
div#sample-order-confirmation-delivery-address {
	padding:0px 0px 11px 0px;
}



div#preview-sample-sheets-container {
	padding:0px 0px 15px 0px;
}


div#preview-sample-dummies-container {
	padding:0px 0px 15px 0px;
}

div#sample-ordering-delivery-text {
	padding:0px 0px 14px 0px;
}