.designservW{}
.designservW .top{text-align:center; background-color:#141414; height:340px; padding-top:15px; margin-bottom:40px; position:relative}
.designservW .top .dsbanner{height:264px; width: 907px; margin: 0 auto;}
.designservW .top .nav-links{left: 452px;position: absolute;top: 254px;z-index: 0;}
.designservW .top .dsgetstarted{height:108px;width:907px;margin:auto; padding-top:10px}
.dsgetstarted ul{}
.dsgetstarted ul li{float:left;}
.dsgetstarted ul li span{}
.dsgetstarted ul li.gsbg{background:url(../images/ds-getstartedbg.png) no-repeat left center; width:141px; height:108px; }
.dsgetstarted ul li.gsbg span{text-indent:-999px; overflow:hidden; display:block;}
.dsgetstarted ul li.stp1{background:url(../images/ds-getstartedbg-01.png) no-repeat left center; width:280px; height:108px}
.dsgetstarted ul li.stp2{background:url(../images/ds-getstartedbg-02.png) no-repeat left center; width:269px; height:108px}
.dsgetstarted ul li.stp3{background:url(../images/ds-getstartedbg-03.png) no-repeat left center; width:215px; height:108px}
.dsgetstarted ul li.stp1 span, .dsgetstarted ul li.stp2 span, .dsgetstarted ul li.stp3 span{ display:block; margin:45px 0px 0px 50px}
.dsgetstarted ul li.stp1 span a,.dsgetstarted ul li.stp2 span a { text-decoration:underline; color:#0044cc}
.bgbodyTop { background:url(../images/design-services_bgbody_01.png) no-repeat; width:290px; height:8px; display:block; clear:both}
.dsblocks {margin:0 auto; padding-top:5px; clear:both}
.wygWrap { float:left;margin-left: 18px;margin-bottom: 15px;}
.wygFristbox { margin-left:0px;}
.whatyg { background:url(../images/design-services_bgbody_02.png) repeat-y; width:290px; display:block; overflow:hidden}
.wrapTitle {display: block;height: 46px;margin: 0 auto;width: 268px;}

.whatyg p { clear: both;display: block;margin: 0 auto;padding: 15px 0 0;;width: 256px;}
.whatyg .dsName { display:block;margin: 0 auto;width: 256px;}
.wygTitle { color:#5a5a5a; font-family:"Myriad Pro", Arial, sans-serif, "trebuchet MS", "times New Roman"; font-size:28px;margin:13px 0 0; display:block;padding-top: 6px;}
.whatyg ul {padding:0; display:block}
.whatyg ul li { clear:both;line-height: 33px;}
.whatyg ul li span.chck { background:url(../images/wts-sprite.png) no-repeat scroll -50px -15px transparent; width:36px; height:20px; display:block; float:left}
.whatyg ul li span.question { background:url(../images/wts-sprite.png) no-repeat scroll -50px -188px transparent; width:36px; height:20px; display:block; float:left}
.whatyg ul li span.chcktxt { display:block; margin:0px 0px 0px 5px; float:left;}
.whatyg ul li span.chcktxt2 { display:block; margin:0px 0px 0px 5px; float:left; width:232px;}
.whatyg ul li.lhFaq { line-height:27px;}
.bgbodyBottom{ background:url(../images/design-services_bgbody_03.png) no-repeat; width:290px; height:8px; display:block; clear:both}

.dsblocks{clear:both; margin:0 16px}
.dsblocks .whatyg{
	height:270px;
	width:288px; float:left; background-color:#ebebeb; border:1px solid #cccccc; color:#464646;
	-webkit-border-radius: 6px;
	border-radius: 6px; 	
}
.dsblocks .whatyg .tit{background: url(../images/ds-sprites.png) no-repeat scroll transparent;display: block;height: 53px;overflow: hidden;text-indent: -999px;width: 263px; margin:auto}
.dsblocks .whatyg .wyg_bg { background-position:-6px -108px}
.dsblocks .whatyg .testi_bg { background-position:0 -172px}
.dsblocks .whatyg .faq_bg {background-position:0 -231px}
.dsblocks .whatyg ul{}
.dsblocks .whatyg ul li{margin:2px 0; float:left; width:100%}
.dsblocks .whatyg ul li span{}
.dsblocks .whatyg ul li span a{color:#0044cc; text-decoration:none}
.dsblocks .testi{
	height:270px;
	width:288px; float:left; background-color:#ebebeb; border:1px solid #cccccc; color:#464646;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}
.dsblocks .testi .tit{background: url(../images/ds-sprites.png) no-repeat scroll -6px -168px transparent;display: block;height: 53px;overflow: hidden;text-indent: -999px;width: 263px; margin:auto}
.dsblocks .testi blockquote{margin:0 auto; padding:18px 0 19px 0; width:82%;}
.dsblocks .testi blockquote p{margin:0; padding:0;height: 148px; overflow:hidden}
.dsblocks .testi blockquote span{font-weight:bold; margin:10px 0 0 0; display:block}
.dsblocks .faqs{
	height:270px;
	width:288px; float:left; background-color:#ebebeb; border:1px solid #cccccc; color:#464646;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}
.dsblocks .faqs .tit{background: url(../images/ds-sprites.png) no-repeat scroll -6px -230px transparent;display: block;height: 53px;overflow: hidden;text-indent: -999px;width: 270px; margin:auto}
.dsblocks .faqs ul{margin-left:15px}
.dsblocks .faqs ul li{background:url(../images/ds-faq.png) no-repeat left 3px; margin: 12px 0; padding-left: 24px;}
.dsblocks .faqs ul li a{color:#0044cc; cursor:pointer}
.dsblocks .faqs ul li a:hover{text-decoration:underline}
.dsblocks div{}

.dsdesigns{background-color: #EBEBEB;border: 1px solid #CCCCCC;border-radius: 6px 6px 6px 6px;clear: both;color: #464646;float: left;margin: 13px 0 25px 0;padding: 4px 0;width: 906px;}
.dsdesigns .tit{background:url(../images/ds-designstit.png) no-repeat top center; float:left; width:100%; height:48px; text-indent:-999px; overflow:hidden}
.dsdesigns ul{margin:0; padding:10px; overflow:hidden; width:110%;}
.dsdesigns li{float:left; margin:10px 54px 10px 0;}
.dsdesigns li a{width:126px; height:81px; border:#ccc solid 4px; position:relative; cursor:pointer; display:block;}
.dsdesigns li .hovertxt{position:absolute; width:126px; bottom:0; left:0; line-height:20px; text-align:left; background:#000; background: rgba(0, 0, 0, 0.5); color:#fff;}
.dsdesigns li .hovertxt strong{display:block; padding:0 10px;}
.dsdesigns li a:hover{border:#158cd2 solid 4px;}
.dsdesigns li a:hover strong{background-image:url(../images/zoom-icon.png); background-position: bottom right; background-repeat:no-repeat;}

#slideNav a{background:url(../images/button_slide.png) no-repeat 0px 0px; text-indent: -999px;overflow: hidden;width: 20px;height: 20px;float: left;}
#slideNav a.activeSlide{background:url(../images/button_slide.png) no-repeat -39px 0px;}

/*Pop up*/
/*Pop up design request form*/
.popWrap { width:400px; margin:0 auto; background:#fff; overflow:hidden} 
.popWrap .contentpopWrap { width: 380px; margin:0 auto;}
.popWrap .drfWrap { width:350px; margin:0 auto; border-bottom:1px #c8c8c8 solid; float:left}
.popWrap .drfWrap .drfIcon { background:url(../images/popup_icondesign_01.gif) no-repeat; height:50px; width:30px; display:block; float: left}
.popWrap .drfWrap .drfTitle { display:block; color:#1e7fcf; font-size:25px; float:left; font-family: Arial, sans-serif, "trebuchet MS", "times New Roman"; margin:10px 0px 0px 15px}
.popWrap .formWrap {clear:both; padding:25px 0px 0px 0px}
.popWrap .formWrap select.formSel { width:180px; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565350}
.popWrap .formWrap input.chkDs { width:20px; display:block; float:left;margin:3px 0px 0px 10px; background:none; border:none}
.popWrap .formWrap span.dsTxt { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b4b4b; float:left; margin:3px 0px 0px 10px}
.popWrap .dolSign { float:left; clear:both; margin:20px 5px 0 0; }
.popWrap .dolSign .dolIcon {-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2), inset 1px 1px 0 white;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2), inset 1px 1px 0 white;
	box-shadow: 0 0 1px rgba(0,0,0,0.2), inset 1px 1px 0 white;
	border:#d9e6dd solid 1px; background:#f9fcf7; clear:both; width:77px; margin:0 auto; border-radius:4px; display:block; height:40px; font-size:20px; color:#1f7105; font-family: Arial, Helvetica, sans-serif; float:left}
.popWrap .dolSign .dolIcon strong{ display:block; width:15px; margin:0 auto; padding-top:8px} 
.popWrap .dolSign span.dolTxt { display:block; float:left; color:#686f71; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 5px;}
.popWrap .dolSign span.cfBtn { display:block; float:right;margin: 14px 20px 0 0;}
/*Pop up free design details*/
.popFddwrap { width:650px; margin:0 auto; overflow:hidden}
.popFddwrap .fddWrap { margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d;padding:15px 0 15px 0 }
.popFddwrap .fddWrap span { font-size:20px}
.popFddwrap .fddWrap p { font-size:12px; padding:0;}
.popFddwrap .fddWrap strong { font-size:13px; color:#303030;}
.popFddwrap .fddWrap ul li {list-style:none; font-size:12px;}
.popFddwrap .fddWrap p span.faqTxtindent { display:block; margin-left:17px; font-size:12px}

.priceBox {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url(../images/bg-06.gif);background-origin: padding-box;background-position: right -380px;background-repeat: no-repeat;background-size: auto auto;color: #070;font-size: 21px;height: 47px;line-height: 47px;margin-bottom: 0;margin-left: 30px;margin-right: 15px;margin-top: 5px;overflow-x: hidden;overflow-y: hidden;padding-bottom: 0;padding-left: 0;padding-right: 10px;padding-top: 0;position: relative;text-align: center;width: 125px;}
.priceBox em {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url(../images/bg-06.gif);background-origin: padding-box;background-position: 0 -380px;background-repeat: no-repeat;background-size: auto auto;display: block;float: left;height: 47px;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;padding-top: 0;position: relative;width: 10px;}
.priceBox b {color: #070;font-size: 11px;font-style: normal;font-weight: 400;line-height: 40px;position: relative;vertical-align: top;}
.priceBox i {color:#070;display: block;font-size: 12px;font-style: normal;font-weight: 400;line-height: 16px;margin-top: 7px;position: relative;vertical-align: top;}

#cboxPrevious{background:url(../images/ds-popup-left.png) no-repeat left center}
#cboxNext{background:url(../images/ds-popup-right.png) no-repeat right center}
#cboxPrevious.hover{background-position:left center}
#cboxNext.hover{background-position: right center}
#cboxLoadedContent{margin-top:-4px;}
#cboxTitle.dsImagePopUp{background-color: #000000;bottom: 0;color: #FFFFFF;font-family: Arial;font-size: 12px;font-weight: bold;left: 0;padding: 15px;position: absolute;text-align: left;width: 524px; height:22px; top:497px}

/*for Terms Link Banner*/
a.TermsBanner{ color: #FFFFFF;font-style: italic;position: absolute;right: 102px; top: 174px;text-shadow: 0.1em 0.1em 0.05em #333;font-family:"Myriad Pro", Arial, sans-serif, "trebuchet MS", "times New Roman"; font-size:14px}
a.TermsBanner span{text-decoration:underline}
a.TermsBanner:hover span{text-decoration:none}