@charset "utf-8";
/* CSS Document */

.sampleDetailTitle{
	width:860px;
	margin-left:20px;
	margin-top:20px;
	margin-botoom:30px;
	float:left;
	font-weight:bold;
	color:#414d5b;
	
}
.sampleDetailLeft{
	width:425px;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

.sampleDetailImgBigBg{
	width:403px;
	height:459px;
	background-image:url(../images/sampleDetailImgBigBg.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
	float:left;
}
.sampleDetailImgBig{
	width:388px; 
	height:450px; 
	margin-top:1px;
	overflow:hidden; 
	float:left; 
	
}
.sampleLeftWrap{
	width:403px;
	float:left;
	margin-top:10px;
}
.jobUsed{
	width:180px;
	float:right;
	text-align:right;
	margin-right:10px;
}
.jobUsedImgs{
	width:180px;
	float:right;
}
.jobUsedTxt{
	width:180px;
	float:right;
	text-align:right;
	font-weight:bold;
	color:#414d5b;
}
.jobUsed a:hover{
	border:1px solid #ff9900;
}
.zoom{
	width:180px;
	float:left;
	text-align:left;
	margin-left:10px;
}
.zoomImg{
	width:180px;
	float:left;
	text-align:left;
	margin-left:10px;
}
.zoomTxt{
	width:180px;
	float:left;
	text-align:left;
	
	color:#414d5b;
}

.sampleDetailRight{
	width:424px;
	float:left;
	margin-top:5px;
	margin-left:20px;
}
.sampleDetailTopBtnBg{
	width:425px;
	float:left;
	background-image:url(../images/sampleDetailTopBtnBg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:43px;
}
.sampleDetailTopBtnBg2{
	width:425px;
	float:left;
	background-image:url(../images/sampleDetailTopBtnBg2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:43px;
}
.sampleDetailTopBtn,
.sampleDetailTopBtn2{
	width:136px;
	height:25px;
	float:left;
	margin-top:2px;
	margin-left:1px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.sampleDetailTopBtn2{
	margin-left:5px;
}

.sampleTypeImgOuter{
	width:118px;
	height:95px;
	float:left;
	overflow:hidden;
}
.sampleDetailTopBtn2:hover{
	background-color:#f1f1f1;
}
.sampleDetailTopBtn a{
	text-decoration:none;
	color:#414d5b;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: 130px;
	float:left;
}
.sampleDetailTopBtn2 a:hover{
	color:#ff9900;
}
.sampleDetailTopBtn2 a{
	text-decoration:none;
	color:#414d5b;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: 130px;
	float:left;
}
.sampleDetailRightTitle{
	width:380px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#ff9900;
	float:left;
}
.sampleDetailRightRow,
.sampleDetailRightRow2{
	width:425px;
	padding-top:3px;
	padding-bottom:3px;	
	margin-bottom:3px;	
	float:left;
	border-bottom:1px dotted #ccc;
}
.sampleDetailRightRow{

	border:none;
}
.sampleDetailRightRow2{
	
	padding-top:3px;
	padding-bottom:3px;	
	margin-top:20px;
	margin-bottom:10px !important;
}
.sampleDetailRightRow:hover{
	background-color:#f1f1f1;
}
.sampleDetailRightRowLeft{
	width:95px;
	float:left;
	font-weight:bold;
	line-height:14px !important;
	margin-right:5px;
}
.sampleDetailRightRowRight{
	width:280px;
	float:left;
}
.sampleDetailRightRowRight2{
	width:210px;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px dotted #ccc;
	float:left;
}
.sampleDetailRow{
	width:800px;
	float:left;
	margin-left:35px;
	padding-top:8px;
	padding-bottom:8px;
}
.sampleDetailRow2{
	width:850px;
	float:left;
	margin-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px dotted #ccc;
}
.sampleDetailRow3{
	width:850px;
	float:left;
	margin-left:25px;
	padding-top:8px;
	padding-bottom:8px;

}
.sampleDetailRow2:hover{
	background-color:#f1f1f1;
}
.sampleDetailRow:hover{
	background-color:#f1f1f1;
}
.sampleDetailRowLeft{
	width:110px;
	float:left;
	font-weight:bold;
	line-height:14px;
}
.sampleDetailRowRight{
	width:680px;
	margin-left:10px;
	float:left;
	text-align:left;
}
.sampleDetailRowRight2{
	width:610px;
	margin-left:10px;
	float:left;
	text-align:left;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px dotted #ccc;
}
.galleryLogoutBtn{
	width:150px;
	float:right;
	text-align:right;
	margin-top:20px;
	
}

.galleryTitle{
	font-size:21px;
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;

	margin-top:20px;
	margin-bottom:5px;
	width:600px;
	float:left;
}
.galleryLeft{
	width:180px;
	margin-top:20px;
	float:left;
}
.galleryLeftTitle{
	height:23px;
	background-color:#f1f1f1;
	font-weight:bold;
	color:#0072bc;
	padding-left:5px;
	padding-top:2px;
	margin-bottom:10px;
}
.galleryListRow{
	width:180px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}
.galleryListRow a{
	text-decoration:none;
	color:#333;
}

.galleryListRow a:hover{
	color:#ff9900;
	text-decoration:underline;
}

.galleryListIcon{
	width:25px;
	float:left;
}
.galleryList{
	width:140px;
	margin-left:10px;
	text-decoration:none;
	float:left;
}
.creatNewGalleryBtn{
	margin-top:20px;
	float:left;
}
.galleryRight{
	width:700px;
	margin-left:10px;
	margin-top:20px;
	float:left;
}
.galleryBlock{
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 150px;
}
.galleryName{
	font-size:11px;
	margin-top:10px;
	color:#06F;
}
.galleryCreatedTime{
	color:#666;
	
}
.myGalleryHLine{
	margin-left:10px;
	float:left;
}
.viewAccountTitle{
	width:800px;
	float:left;
	text-align:center;
	font-size:12px;
	color:#333;
}
.orange{
	color:#e75f15;
	font-weight:bold;
}
.accountInfoOuter{
	width:800px;
	margin-top:30px;
	padding-top:10px;
	border-top:1px dotted #ccc;
	float:left;
	margin-left:40px;
}
.loggingInfoOuter{
	width:800px;
	margin-top:30px;
	padding-top:10px;
	
	float:left;
	margin-left:40px;
}
.acctInfoLeft{
	width:360px;
	margin-right:10px;
	padding-right:10px;
	float:left;
	border-right:1px dotted #ccc;
	margin-top:5px;
}
.profile{
	width:360px;
	float:left;
	margin-top:5px;
}
.profileBtns{
	width:360px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
}
.loggingProfile{
	width:360px;
	float:left;
	
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
}
.profileLeft{
	width:165px;
	margin-right:5px;
	text-align:right;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	float:left;
}
.profileRight{
	width:165px;
	margin-Left:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}
.acctInfoRight{
	width:360px;
	padding-left:10px;
	float:left;	
	margin-top:5px;
}
.acctInfoleftTitle{
	font-size:21px;
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	
}
.acctinfoLeftTitleOrange{
	font-size:18px;
	color:#e75f15;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	float:left;
	width:360px;
}
.accountNotes{
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
}

.settingsaddresscontainer{
	float: left;
    overflow: hidden;
    width: 360px;
}

.address{
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:10px;
}
.addressName,
.addressStreet,
.addressCityProvince,
.addressCountryPostCode,
.addressPhone,
.addressEmail,
.addressCompany{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
.addressName{font-weight:bold; color:#333 !important;}


.loggingAddress,
.loggingAddressName{
	margin-left:20px;
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	margin-bottom:5px;
	color:#666666;
}
.loggingAddressName{font-weight:bold; margin-top:20px; margin-bottom:8px !important; color:#333 !important;}





.promotion{
	width:360px;
	float:left;
	margin-top:20px;
}
.promotionCheckBox{
	width:280px;
	float:left;
}

.promotionTitle{
	color:#e75f15;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
}
.promotionNotes{
	width:260px;
	margin-left:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
.addAddressOuter{
	width:540px;
	margin-left:85px;
	float:left;
}
.addAddressTitle{
	font-size:18px;
	color:#e75f15;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	}
.addAddressNotes{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	margin-bottom:15px;
}
.addAddressSmlNotes{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	
}
.addressRow{
	width:540px;
	margin-bottom:5px;
	float:left;	
}
.addressRow2{
	width:540px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	float:left;	
}
.addressRowTwoCol{
	width:260px;
	float:left;
}
.addressRowThreeCol{
	width:120px;
	float:left;
}
.addressRowTwoColRight{
	width:260px;
	margin-left:10px;
	float:left;
}

.addressRowThreeColRight{
	width:120px;
	margin-left:10px;
	float:left;
}
.txtBox{
	border: 1px solid #666;
	height:15px;
}
.cartOuter{
	width:820px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.cartOuterCheckOut{
	width:580px;
	float:left;
	margin-top:10px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.cartAssistant{
	width:350px;
	float:right;
	text-align:right;
	margin-top:20px;
	margin-right:5px;
	
	
}
.cartTopBar,
.cartTopBarCheckOut{
	width:820px;
	height:30px;
	background-color:#f1f1f1;
	float:left;
	
}
.cartTopBarCheckOut{
	width:580px !important;
	height:20px !important;
		
}
.cartTitle,
.cartTitleSml,
.cartTitleCheckOut{
	
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;

	width:810px;
	margin-top:5px;
	float:left;
}
.cartTitleCheckOut{

	width:580px !important;
	font-size:11px;
	font-weight:bold;
	margin-top:2px !important;
	
}
.cartTitleSml{
	width:300px !important;
	margin-top:10px;
	font-size:21px;
}
.cartTitle{font-size:14px; font-weight:bold;}

.cartContinueBrowsing{
	font-family:Arial, Helvetica, sans-serif;
	color:#e75f15;
	font-size:12px;
	font-weight:bold;
	width:300px;
	float:left;
}
.cartContinueBrowsing a{
	text-decoration:none;
	color:#e75f15;
}
	
.cartContinueBrowsing a:hover{
	text-decoration:none;
	color:#333;
}
.cartHeader,
.cartHeaderCheckOut{
	width:820px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.cartHeaderCheckOut{
	width:580px !important;
	
}
.cartRow{
	width:820px;
	
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:2px dotted #666;
	min-height:85px;
	float:left;
}
.cartRowCheckOut{
	width:580px;
	
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #666;
	
	float:left;
}

.cartRowCheckOut a{
	text-decoration:none;
}

.cartRowCheckOut a:hover{
	text-decoration:none;
	border-bottom:1px dotted #ff9900;
}

.firstCol,
.secondCol,
.thirdCol,
.midCol,
.lastCol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	color:#666;
	min-width:80px;
	float:left;
	height:100px;
}
.firstColCheckOut,
.secondColCheckOut,
.thirdColCheckOut,
.midColCheckOut,
.lastColCheckOut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	color:#666;

	float:left;
}

.firstColCheckOut{
	width:95px !important;
	height: 55px;
}
.secondColCheckOut{
	width:85px !important;
	margin-left:10px;
	height: 55px;
}
.thirdColCheckOut{
	width:120px !important;
	margin-right:15px;
	height: 55px;
}
.midColCheckOut{
	width:180px !important;
	margin-right:20px;
	overflow:hidden;
	height: 55px;
}
.lastColCheckOut{
	width:30px !important;
	float:left;
	height: 55px;
}



.firstColTitleCheckOut,
.secondColTitleCheckOut,
.thirdColTitleCheckOut,
.midColTitleCheckOut,
.lastColTitleCheckOut{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	
	float:left;
}
.firstColTitleCheckOut{
	width:95px !important;
}
.secondColTitleCheckOut{
	width:85px !important;
	margin-left:10px;
}
.thirdColTitleCheckOut{
	width:120px !important;
	margin-right:15px;
}
.midColTitleCheckOut{
	width:180px !important;
	margin-right:20px;
}
.lastColTitleCheckOut{
	width:30px !important;
}

.firstColTitle,
.secondColTitle,
.thirdColTitle,
.midColTitle,
.lastColTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	min-width:80px;
	float:left;
}
.firstColTitle{
	width:130px !important;
}
.secondColTitle{
	width:100px !important;
	margin-left:10px;
}
.thirdColTitle{
	width:100px !important;
}
.midColTitle{
	width:180px !important;
	margin-right:20px;
}
.lastColTitle{
	width:80px !important;
}

.firstCol{
	width:130px !important;
}
.secondCol{
	width:100px !important;
	margin-left:10px;
}
.thirdCol{
	width:100px !important;
}
.midCol{
	width:180px !important;
	margin-right:20px;
	overflow:hidden;
}
.lastCol{
	width:80px !important;
}

.lastCol a{
	text-decoration:none;
	color:#33b8f3;
}
.lastCol a:hover{
	text-decoration:none;
	color:#ff9900
}
.qtyBox{
	border:1px solid #ccc; 
	margin-left:2px; 
	margin-bottom:3px;"
}
.removeBtn{
	width:50px;
	float:left;
	margin-left:8px;
}
.cartCheckOutBtn{
	width:180px;
	float:right;
}

.requestFormTitle{

	font-size:21px;
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;

	width:300px;
	margin-top:5px;
	float:left;
}
.customerInfo{
	width:350px;
	float:right;
	text-align:right;
	margin-top:20px;
	padding-right:65px;
	
	
}
.requestFormOuter,
.requestFormHeader{

	width:820px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.requestFormHeader{
	padding-bottom:5px;
	border-bottom: 1px solid #ccc;

}
.requestFormLeft{
	width:610px;
	float:left;
	margin-right:15px;
	padding-right:15px;
	border-right: 1px solid #ccc;
}

.requestFormRight{
	width:160px;
	float:left;
}
.contactCheckout{
	width:160px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.contactCheckout a{
	text-decoration:none;
}

.contactCheckout a:hover{
	text-decoration:none;
	color:#ff9900;
}

.requestFormStepOne,
.requestFormStepTwo{
	width:270px;
	float:left;
	margin-top:25px;
}
.requestFormStepOne{
	margin-right:40px;
}
.stepHeaderLong{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	width:610px;
	float:left;
}
.assistantHeader{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	width:150px;
	
	text-align:center;
	margin-top:30px;
	
}
.stepHeaderShort{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#e75f15;
	
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	margin-bottom:10px;
	width:270px;
	float:left;
}
.chooseAddress{
	width:270px;
	float:left;
	background-color:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:17px;
}
.chooseAddress p{
	padding-left: 2px;
	padding-top:2px;
	padding-bottom: 2px;
}
.chooseAddressDropDown{
	width:270px;
	margin-top:10px;
	margin-bottom:10px;
	
	float:left;
}
.chooseAddressDropDown select{
	width:130px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.chooseAddressEidtBtn,
.chooseAddressAddBtn{
	width:40px;
	float:left;
	font-weight:bold;
	font-size:11px;
}
.chooseAddressEidtBtn a{
	text-decoration:none;
	color:#ff9900;
	
}

.chooseAddressAddBtn a{
	text-decoration:none;
	color:#ff9900;
}
.chooseAddressEidtBtn a:hover{
	text-decoration:none;
	color:#333;
}

.chooseAddressAddBtn a:hover{
	text-decoration:none;
	color:#333;
}
.chooseAddressEidtBtn{
	margin-right:10px;
	margin-left:30px;
}
.contactInfo{
	width:250px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	
}
.requestFormStepThree,
.requestFormStepFour{
	width:270px;
	float:left;
	margin-top:25px;
}
.requestFormStepThree{
	margin-right:40px;
}
.curior{
	width:270px;
	float:left;
	margin-bottom:5px;
}
.curior select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.curior input{
	width:200px;
	float:left;
	border:1px solid #ccc;
}
.additonal{
	width:270x;
	float:left;
	margin-bottom:5px;
}
.additonal input{
	width:268px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:5px;
}
.curiorTitle{
	width:270px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;

}
.uploadFileNotes{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 


	
}
.checkOutBtn{
	float:right;
	margin-right:60px;
}
.loggingTitleBig{
	font-size:12px;
	color:#e75f15;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	float:left;
	width:360px;
	font-weight:bold;
}
.loggingTitle{
	color:#666;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.loggingDates{
	width:260px;
	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
.loggingNotes{
	width:360px;
	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.loggingProfileLeft{
	margin-left:20px;
	width:150px;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	float:left;
}
.loggingSamplesListOuter{
	width:360px;
	float:left;
	margin-top:10px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-bottom:5px;
	margin-bottom:5px;
	
}
.loggingSampleListHeader{
	width:360px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.loggingSampleListRow{
	width:360px;
	
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #666;
	
	float:left;
}

.loggingSampleListRow a{
	text-decoration:none;
}

.loggingSampleListRow a:hover{
	text-decoration:none;
	border-bottom:1px dotted #ff9900;
}
.addToPdf{
	float:right;
	margin-right:5px;
}

.galleryName{
	text-align:center;
}

.galleryImg {
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    text-align: center;
}