
#wrapper { min-width:1000px;}
#content { width:1000px;}
#header { margin:0 auto;width:800px;}
#footer { margin:0 auto;width:800px;}


h2 { font-size:1.8em; }
#supportWrapper { margin:0 padding:0; color: #7E8388; font-size:1.3em; }
#supportWarranty { margin:0;  overflow:hidden; padding:0 5em; }
#pnlWarranty { overflow:hidden; }

.blackText { color:#333333; margin:0 0 0 -3% }
#supportWrapper .cwContentBox { padding:1.7em 0; }
#cwSupportQuestions { margin:2em 0 6.5em 0; background-image:url(../images/support/question-mark.png); background-repeat:no-repeat; background-position: right bottom; }
.cwContentBoxTitle { border-bottom: 1px solid #0087C7; color: #7E8388; font-weight: 100; margin:0 0 40px 0; padding-left: 3%; text-align: left; width: 50%;}
.cwContentBoxTitleContactLeft { width:75%; }
.supportTitle { font-weight:200; margin:0 35% 30px; color:#333333; }
.supportContentBox { padding:0 0 0 5%;}
.supportContentBox p { margin:5px 0 15px 0; line-height:1.3em; }
.supportContentBox span { margin:0 0 10px -1em; font-size:1.3em; }

#supportCountries, #countryList { width:95%; }
#supportCountries li, #countryList li { display:inline-block; margin:0 0 10px 0; width:19%; }
#supportCountries img { margin:0 5px 0 0 ; }

#supportContactPhone, #supportContactEmail, #supportTechContactPhone, #supportTechContactEmail { margin:0 0 30px 0; }
#supportContactEmail a:link, #supportTechContactEmail a:link { color:#0087C7; }
#frmSupportContacted { min-height:220px; }
#frmSupportContacted, #frmSupportTechContacted { margin:0 5%; position:relative; }
.formLeft { width:49%; position:absolute; left:0; top:0; }
.formRight { width:49%; margin:0 0 0 50%; }
.formLeft dd, .formRight dd { margin:0 0 10px 0; }
.formLeft dd input, .formRight dd input { width:90%; }
.formLeft dt, .formRight dl dt { margin:0 0 5px 0; }
.formRight textarea { width:90%; height:215px; }
.formRight #cwCSendContact, .formRight #cwCBSubmitIntRMA { margin:30px 0 0 10%; width:75%; }
.supportContactsSection { position:relative; margin:0 0 6.5em 0; }
.supportContactLeft { position:absolute; left:0; top:25px; width:30%; }
.supportContactRight { margin:0 0 0 30%; width:70%; }
.supportContact { margin:20px 0 20px 12%; line-height:1.3em; }
.supportTechRight { min-height:560px; }

.showContent { display:block; }
.hideContent { display:none;}

.showErrorField { background-color:#FFBABA; }
#pnlMsg .errorMessage, #pnlMsg .successMessage { margin:0 auto 20px; padding:10px 0; text-align:center; width:35%; }

#supportQuestions { padding:0 5%; }
.sCategory, .sQuestion { position:relative; width:100%; }
.sCategory .sQuestions { width:100%; }
.categoryName { margin:0; font-size:1.3em; line-height:2.2em; color:#005494; }
.categoryName:hover, .questionName:hover { color:#0087C7; cursor:pointer; }
.arrowBigRight:hover:before { border-left:8px solid #0087C7; cursor:pointer; }
.arrowBigDown:hover:before { border-top:8px solid #0087C7; cursor:pointer; }
.arrowSmallRight:hover:before { border-left:6px solid #0087C7; cursor:pointer; } 
.arrowSmallDown:hover:before { border-top:6px solid #0087C7; cursor:pointer; } 
.questionName { margin:0; font-size:1.1em; line-height:1.2em; }
.sAnswers > li { padding:3px 0; }
.sAnswers { color:#333; background-color:#FFF; margin:10px 10% 10px 3%; list-style:disc inside; font-size:0.9em; border:1px solid; padding:10px 4%; text-indent:-14px; width:78%; line-height:1.3em; }
.sQuestions, .sAnswers { display:none; }
.sQuestion { margin:0 5% 0 1%; font-size:0.9em; padding:5px 0; color:#005494; width:88%; }
.arrowBigRight:before { border-left:8px solid #005494; border-bottom:8px solid #FAFAFA; border-top:8px solid #FAFAFA; border-right:8px solid #FAFAFA; content:""; position:absolute; top:12px; left:-17px; font-size:0; }
.arrowBigDown:before { border-left:8px solid #FAFAFA; border-bottom:8px solid #FAFAFA; border-top:8px solid #005494; border-right:8px solid #FAFAFA; content:""; position:absolute; top:17px; left:-22px; font-size:0; }
.arrowSmallRight:before { border-left:6px solid #005494; border-bottom:6px solid #FAFAFA; border-top:6px solid #FAFAFA; border-right:6px solid #FAFAFA; content:""; position:absolute; top:9px; left:-13px; font-size:0; }
.arrowSmallDown:before { border-left:6px solid #FAFAFA; border-bottom:6px solid #FAFAFA; border-top:6px solid #005494; border-right:6px solid #FAFAFA; content:""; position:absolute; top:11px; left:-17px; font-size:0; }

/*6F7277*/
.cwSubAnswers { margin:0 0 0 5%; }


@media screen and (max-width: 900px) {
	.FAQColumn .questionCategory { width:16%; }
}
@media screen and (max-width: 800px) {
	h2 { font-size:1.8em; }
	.FAQColumn .questionCategory { width:18%; }
	.supportTitle { margin:0 10% 30px; }
	#frmSupportContacted { margin:0 3% 0 7%; }
	#cwSupportQuestions { background-size:20% auto; }
}
@media screen and (max-width: 770px) {
	#cwSupportQuestions { background-image:none; }
}
@media screen and (max-width: 600px) {
	.cwContentBoxTitle { width:75%; font-size:1.6em; }
	.cwContentBoxTitleContactLeft { width:90%; }
	.supportContentBox { padding:0 0 0 5%; }
	.supportContactLeft { width:35%; }
	.supportContactRight { margin:0 0 0 35%; width:65%; }
	#supportCountries li, #countryList li { width:24%; }
	#supportWarranty { padding:0 5%; }
	.cwSubAnswers li { text-indent:0%; }
}
@media screen and (max-width: 480px) {
	h2 { font-size:1.6em; }
	.FAQColumn .questionCategory { padding:0 0 0 1.4%; width:31%; }
	#supportCountries li, #countryList li { width:32%; }
	.supportSection { position:static; }
	.supportContactLeft { position:static; width:80%; margin:0 0 5em 0; }
	.supportContactRight { margin:0 0 0 0; width:100%; }
	.sAnswers li { margin:0 3%; }
}
@media screen and (max-width: 320px) {
	#supportWrapper { font-size:1.1em; }
	.cwContentBoxTitle { width:80%; }
	#supportCountries li, #countryList li { width:49%; }
	.supportContentBox span { margin:0 0 10px -4%; }
	#supportQuestions { margin:0 3%; }
	.sAnswers li, .sQuestions li { margin:0 3%; }
	.arrowBigRight:before { top:8px; left:-16px; }
	.arrowBigDown:before { top:13px; left:-18px; }
	.arrowSmallRight:before { top:5px; left:-13px; }
	.arrowSmallDown:before { top:8px; left:-15px; }
	.sAnswers { padding:10px 7%; }
}




/********************************************* new 2-page support ********************/
/*
#wrapper { min-width:1000px;}
#content { width:1000px;}
#header { margin:0 auto;width:800px;}
#footer { margin:0 auto;width:800px;}


h2 { font-size:1.8em; }
#supportStartPage { margin:40px 0 2em 0; padding:40px 0 0 0; position:relative; }
#supportWrapper { margin:0 padding:0; color: #7E8388; font-size:1.3em; }
#supportMain { position:relative; position:absolute; left:0; top:110px; margin:0 0 0 1%; width:99%; }
#supportMainSales { position:absolute; top:0; left:12%; }
#supportMainTech { margin:0 0 0 51%; }
#supportMainSales, #supportMainTech { width:35%; }
#supportMain p { font-size:1.1em; margin:15px 0 0; text-align:center; color:#333333; }
#supportWarranty { margin:0;  overflow:hidden; padding:0 5em; }
#pnlWarranty { overflow:hidden; }

.blackText { color:#333333; margin:0 0 0 -3% }
#supportWrapper .cwContentBox { padding:1.7em 0; }
.cwContentBoxTitle { border-bottom: 1px solid #0087C7; color: #7E8388; font-weight: 100; margin:0 0 40px 0; padding-left: 3%; text-align: left; width: 60%;}
.supportTitle { font-weight:200; margin:0 35% 30px; color:#333333; }
.supportContentBox { padding:0 0 0 5%;}
.supportContentBox p { margin:5px 0 15px 0; line-height:1.3em; }
.supportContentBox span { margin:0 0 10px -1em; font-size:1.3em; }
#supportCountries, #countryList { width:95%; }

#supportCountries li, #countryList li { display:inline-block; margin:0 0 10px 0; width:19%; }
#supportCountries img { margin:0 5px 0 0 ; }
#supportSales, #supportTech { margin:0 0 6.5em 0; }
#supportSalesContactPhone, #supportSalesContactEmail, #supportTechContactPhone, #supportTechContactEmail { margin:0 0 30px 0; }
#supportSalesContactEmail a:link, #supportTechContactEmail a:link { color:#0087C7; }
.supportContact { margin:20px 0 20px 12%; line-height:1.3em; }
.supportContactLeft h2 { margin:0; width:80%; }
.supportSection { position:relative; }
.supportContactLeft { position:absolute; left:0; top:25px; width:30%; }
.supportContactRight { margin:0 0 0 30%; width:70%; }

#frmSupportSalesContacted { min-height:220px; }
#frmSupportTechContacted { min-height:470px; }
#frmSupportSalesContacted, #frmSupportTechContacted { margin:0 5%; position:relative; }
.formLeft { width:49%; position:absolute; left:0; top:0; }
.formRight { width:49%; margin:0 0 0 50%; }
.formLeft dd, .formRight dd { margin:0 0 10px 0; }
.formLeft dd input, .formRight dd input { width:90%; }
.formLeft dt, .formRight dl dt { margin:0 0 5px 0; }
.formRight textarea { width:90%; height:215px; }
.formRight #cwCSendContact, .formRight #cwCBSubmitIntRMA { margin:30px 0 0 10%; width:75%; }
#cwCBProjectDescription { height:84px; }

.sCategory:hover, .sQuestion:hover { color:#0087C7; }
.showArrow { display:block; }
.hideArrow { display:none; }
.sArrowSmall { position:relative; }
.sArrowBig { position:relative; }
.sArrowBig:hover { cursor:pointer; }
.cwSubAnswers { margin:0 0 0 5%; }
#supportSalesQuestions, #supportTechQuestions { padding:0 5%; }
.sCategory { margin:0; padding:15px 0; line-height:1.3em; font-size:1.3em; width:16%; cursor:pointer; }
.sQA { margin:0 2%; }
.sQuestion { line-height:1.1em; margin:0 5% 0 1%; padding:7px 0; cursor:pointer; display:none; }
.sAnswers { margin:0; width:100%; display:none; }
.contentAnswers { color:#333; background-color:#FFF; margin:10px 10% 10px 3%; list-style:disc inside; font-size:0.9em; border:1px solid; padding:10px 4%; text-indent:-14px; width:78%}
.contentAnswers li { padding:3px 0;  }

.arrowRightSmall:before { border-color: #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 5px; content: ""; cursor: pointer; position: absolute; left: -0.5%; top: 10px; }
.arrowDownSmall:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 5px; content: ""; cursor: pointer; position: absolute; left: -0.7%; top: 12px; }
.arrowRightBig:before {border-color:#FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 8px; content: ""; cursor: pointer; position: absolute; left: -2%; top: 19px;}
.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 8px; content: ""; cursor: pointer; position: absolute; left: -2.5%;  top: 23px;  }

.showContent { display:block; }
.hideContent { display:none;}

@media screen and (max-width: 900px) {
	.FAQColumn .questionCategory { width:16%; }
}
@media screen and (max-width: 800px) {
	h2 { font-size:1.8em; }
	.FAQColumn .questionCategory { width:18%; }
	.supportTitle { margin:0 10% 30px; }
	#supportMainSales { left:3%; }
	#supportMainSales, #supportMainTech { width:45%; }
	#frmSupportSalesContacted, #frmSupportTechContacted { margin:0 3% 0 7%; }
	.sCategory { width:20%; }
	.contentAnswers { width:85%; }
	.arrowDownSmall:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 5px; content: ""; cursor: pointer; position: absolute; left: -0.9%; top: 12px; }
	.arrowRightBig:before {border-color:#FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 8px; content: ""; cursor: pointer; position: absolute; left: -2.2%; top: 19px;}
	.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 8px; content: ""; cursor: pointer; position: absolute; left: -2.7%;  top: 23px;  }
}
@media screen and (max-width: 750px) {
	#supportMain p { font-size:1.1em; }
	.sCategory { width:22%; }
	.arrowRightBig:before { border-color:  #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -2.5%; position: absolute; top: 19px; }
	.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -3%; position: absolute; top: 24px;  }
}
@media screen and (max-width: 600px) {
	.cwContentBoxTitle { width:75%; font-size:1.6em; }
	.supportContentBox { padding:0 0 0 5%; }
	.supportContactLeft { width:35%; }
	.supportContactRight { margin:0 0 0 35%; width:65%; }
	#supportCountries li, #countryList li { width:24%; }
	#supportWarranty { padding:0 5%; }
	.contentAnswers li { margin:0 2% 0 3%; }
	.cwSubAnswers li { text-indent:0%; }
	.sCategory { width:25%; }
	.arrowRightSmall:before { border-color: #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -1.8%; position: absolute; top: 11px; }
	.arrowRightBig:before { border-color:  #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -3%; position: absolute; top: 19px; }
	.arrowDownSmall:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -2.5%; position: absolute; top: 14px; }
	.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -4%; position: absolute; top: 24px;  }
}
@media screen and (max-width: 480px) {
	h2 { font-size:1.6em; }
	.FAQColumn .questionCategory { padding:0 0 0 1.4%; width:31%; }
	#supportCountries li, #countryList li { width:32%; }
	.supportSection { position:static; }
	.supportContactLeft { position:static; width:80%; margin:0 0 5em 0; }
	.supportContactRight { margin:0 0 0 0; width:100%; }
	.sCategory { width:33%; }
	.arrowRightSmall:before { border-color: #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -1.7%; position: absolute; top: 10px; }
	.arrowDownSmall:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -2.4%; position: absolute; top: 13px; }
	.arrowRightBig:before { border-color:  #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -3.7%; position: absolute; top: 20px; }
	.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 8px; content: ""; cursor: pointer; left: -4.4%; position: absolute; top: 23px;  }
}
@media screen and (max-width: 320px) {
	#supportWrapper { font-size:1.1em; }
	.cwContentBoxTitle { width:80%; }
	#supportMainSales, #supportMainTech { font-size:0.7em; }
	.contentAnswers li { margin:0 3% 0 9%; }
	.contentAnswers { padding:8px 2%; width:90%;  }
	#supportCountries li, #countryList li { width:49%; }
	.supportContentBox span { margin:0 0 10px -4%; }
	.sCategory { width:40%; }
	.arrowRightSmall:before { border-color: #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -3%; position: absolute; top: 9px; }
	.arrowDownSmall:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 5px; content: ""; cursor: pointer; left: -4%; position: absolute; top: 12px; }
	.arrowRightBig:before { border-color:  #FAFAFA #FAFAFA #FAFAFA #6F7277; border-style: solid; border-width: 7px; content: ""; cursor: pointer; left: -4.7%; position: absolute; top: 18px; }
	.arrowDownBig:before { border-color: #6F7277 #FAFAFA #FAFAFA #FAFAFA; border-style: solid; border-width: 7px; content: ""; cursor: pointer; left: -5.5%; position: absolute; top: 22px;  }
}

*/