@charset "utf-8";

@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/PTS75F.eot');
    src: url('../fonts/PTS75F.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F.woff') format('woff'),
         url('../fonts/PTS75F.ttf') format('truetype'),
         url('../fonts/PTS75F.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PTS55F.eot');
    src: url('../fonts/PTS55F.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F.woff') format('woff'),
         url('../fonts/PTS55F.ttf') format('truetype'),
         url('../fonts/PTS55F.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background:#fff; height:100%; padding:0px; margin:0px;}
.wrapper{width:100%;  max-width:1200px; margin:0px auto; padding:0px 0px 0px 0px;}

.header{width:100%; float:left; margin:0px; padding:0px; background:url(../images/header_bg.png) repeat-x bottom center;}
.toplink { width:100%; min-height:35px; float:left; margin:0px; padding:0px;
background: -webkit-gradient(linear, left top, right top, from(#fafafa), to(#e8e8e8));
background: -webkit-linear-gradient(top, #fafafa, #e8e8e8);
background: -moz-linear-gradient(top, #fafafa, #e8e8e8);
background: -o-linear-gradient(top, #fafafa, #e8e8e8);
background: -ms-linear-gradient(top, #fafafa, #e8e8e8);
background: linear-gradient(top, #fafafa, #e8e8e8);
background-color: #fafafa;}
.toplinkleft { float:left; display:inline-block; list-style:none; margin:0px; padding:0px; }
.toplinkleft li {display: inline-block; border-left:1px solid #dfdfdf; padding:0 20px;}
.toplinkleft li:last-child {border-right:1px solid #dfdfdf;}
.toplinkleft li a{display: inline-block; font-family:'pt_sansregular' , Arial, Helvetica, sans-serif; font-size:14px; color:#474747; line-height:34px;}
.toplinkleft li a:hover { color:#008ecb;}

.toplinkright { float:right; color:#474747;font-family:'pt_sansregular' , Arial, Helvetica, sans-serif;font-size:13px; padding:0px 0; line-height:35px;}
.madeintext { display:inline-block;border-right:1px solid #dfdfdf; padding:0 12px;}
/*.madeintext:before {display: inline-block; width:27px; height:27px; background:url(../images/sprite.png) no-repeat 0px 0px;content: "";vertical-align: -9px; margin-right:-117px;}
.flagicon {width:27px; height:27px; background:url(../images/sprite.png) no-repeat 0px 0px; display:inline-block;}*/

.canadaflag {width:27px; height:27px; background:url(../images/sprite.png) no-repeat 0px 0px; display:inline-block; vertical-align:-9px; margin:0 0 0 1px;}

.viewcarttext{ display:inline-block; padding:0 12px; position:relative;}
.viewcarttext a:after {display: inline-block; width:24px; height:24px; background:url(../images/sprite.png) no-repeat -36px 0px;content: "";vertical-align: -6px; margin-left:15px;}
.viewcarttext .carttext { width:17px; height:17px; background:#e31b23; color:#fff; text-align:center; font-size:10px; position:absolute; top:2px; right:13px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-family:Tahoma, Geneva, sans-serif; line-height:17px;}

.accountmenu{padding: 0;list-style: none; display:inline-block; position:relative; padding:0px; margin:0px; float:right;}
.ac-item{float: left; width:100%; text-align: center;line-height: 21px;}
.ac-item a{display: block; padding:7px 12px; color: #fff;text-decoration: none;font-family:'pt_sansbold' , Arial, Helvetica, sans-serif;font-size:15px;
background: -webkit-gradient(linear, left top, right top, from(#fb3b3b), to(#c51512));
background: -webkit-linear-gradient(top, #fb3b3b, #c51512);
background: -moz-linear-gradient(top, #fb3b3b, #c51512);
background: -o-linear-gradient(top, #fb3b3b, #c51512);
background: -ms-linear-gradient(top, #fb3b3b, #c51512);
background: linear-gradient(top, #fb3b3b, #c51512);
background-color: #fb3b3b;}
.ac-item a:before {display: inline-block; width:21px; height:19px; background:url(../images/sprite.png) no-repeat -70px 0px;content: "";vertical-align: -3px; margin-right:12px;}
/*.accountmenu li a:hover{color: #fff; background: #939393;}*/
.ac-submenu{display: none; list-style:none; position:absolute; right:0; padding:5px; margin:0px; min-width:150px; background:#fff; border:1px solid #cccccc; top:35px; z-index:1;}
.accountmenu li:hover ul{display: block; width:100%; /* display the dropdown */}
.ac-submenu-item { border-bottom:1px dotted #e5e5e5 !important;}
.ac-submenu-item:last-child {border-bottom:0px dotted #e5e5e5 !important;}
.ac-submenu-item a { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#606060;}
.ac-submenu-item a:hover { background:#eeeeee !important; color:#606060 !important;}
.ac-submenu-item a:before { width:auto; background:none; margin-right:0px;}
.ac-submenu:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #fff;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  right: 10%;
  margin-top: 0;
  position: absolute;
  top: -16px;
  z-index: 1;
}


.logopart { width:100%; float:left; margin:0px; padding:10px 0 8px;}
.logo { float:left; padding:0px 0;}
.contacttop { float:right; color:#4f4f4f;font-family:'pt_sansbold' , Arial, Helvetica, sans-serif;font-size:19px; padding:10px 0; line-height:35px;}
.contacttext { display:inline-block; padding:0 12px;}
.contacttext:before {display: inline-block; width:24px; height:31px; background:url(../images/sprite.png) no-repeat -146px 0px;content: "";vertical-align: -6px; margin-right:12px;}
.emailtext { display:inline-block; padding:0 0px 0 12px;}
.emailtext:before {display: inline-block; width:30px; height:25px; background:url(../images/sprite.png) no-repeat -103px 0px;content: "";vertical-align: -4px; margin-right:12px;}

.menupart { width:100%; float:left; margin:0px; padding:0px;}

.threebox { width:100%; float:left; margin:0px; padding:0px;}
.threebox_wp{width:100%;  max-width:1200px; margin:0px auto 25px auto; padding:30px 35px 25px 35px;
background: -webkit-gradient(linear, left top, right top, from(#008ecb), to(#009bdd));
background: -webkit-linear-gradient(top, #008ecb, #009bdd);
background: -moz-linear-gradient(top, #008ecb, #009bdd);
background: -o-linear-gradient(top, #008ecb, #009bdd);
background: -ms-linear-gradient(top, #008ecb, #009bdd);
background: linear-gradient(top, #008ecb, #009bdd);
background-color: #008ecb;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}

.smllink01{ width:29.9%; float:left; padding:15px 15px 10px 20px;margin: 0 58px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 21%, #f3f3f3 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(21%,#ffffff), color-stop(99%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 21%,#f3f3f3 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 21%,#f3f3f3 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 21%,#f3f3f3 99%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 21%,#f3f3f3 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.smllink01:hover {background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #f4f4f4 21%, #e2e2e2 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(21%,#f4f4f4), color-stop(99%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#f4f4f4 21%,#e2e2e2 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#f4f4f4 21%,#e2e2e2 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#f4f4f4 21%,#e2e2e2 99%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#f4f4f4 21%,#e2e2e2 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.smlhead02{ display:block; padding-bottom:2px; text-align:left; font-family:'pt_sansbold' , Arial, Helvetica, sans-serif; color:#3b3a3a; font-size:19px; line-height:26px; font-weight:normal;}
.addtextsty{ font-size:14px; padding:2px 0px 2px 0px; color:#858585; line-height:21px;font-family:'pt_sansregular' , Arial, Helvetica, sans-serif;}
.smllink_text { width:65%; float:left; padding:0 0 0 15px;}
.smllink01 .icon01 { float:left; width:100px; height:82px; background:url(../images/sprite.png) no-repeat 0px -71px;content: "";vertical-align: -6px;}
.smllink01 .icon02 { float:left; width:100px; height:82px; background:url(../images/sprite.png) no-repeat -138px -77px;content: "";vertical-align: -6px;}
.smllink01 .icon03 { float:left; width:100px; height:82px; background:url(../images/sprite.png) no-repeat -245px -76px;content: "";vertical-align: -6px;}


.leftpart { width:22%; float:left; padding:0px 32px 0 0;}

.pro_menu { width:100%; float:left;border:1px solid #ececec;}
.pro_menuhedsty { width:100%; height:36px; line-height:36px; float:left; font-family:'pt_sansbold'; font-size:16px; color:#fff; margin:0px; padding:0 15px;
background: #00a6ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00a6ee 0%, #0095d5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ee), color-stop(99%,#0095d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00a6ee 0%,#0095d5 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ee', endColorstr='#0095d5',GradientType=0 ); /* IE6-9 */
}
.pro_menu .menuheader {font-family:'pt_sansbold'; color: #4f4f4f; cursor: pointer;font-size:14px;line-height: 31px;padding:5px 15px 5px 15px;text-transform: none;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #e8e8e8 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(99%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#e8e8e8 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#e8e8e8 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#e8e8e8 99%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#e8e8e8 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.pro_menu strong{width:10px; height:10px; float:right; display:inline-block; background:url(../images/sprite.png) -76px -41px no-repeat; padding:0px;margin-top: 11px;}
.pro_menu .openheader strong {background:url(../images/sprite.png) -46px -45px no-repeat; color: #080401;margin-top: 16px;}
.iarrow { float:left; width:4px; height:6px; background:url(../images/sprite.png) no-repeat -106px -43px; margin:9px 10px 0 0 ;}
.categoryitems { list-style:none; margin:0px; padding:0px;}
.classeslist { width:100%; float:left; list-style:none/*square*/; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin:0px; padding:5px 0 5px 0px;font-family:'pt_sansregular' , Arial, Helvetica, sans-serif; font-size:11px; color:#bbbbbb; }
.classeslist li { width:100%; float:left; padding:0px; background:url(../images/bt-02.png) no-repeat 15px 15px; cursor:pointer;}
.classeslist li a { width:100%; display:block; font-family:'pt_sansregular' , Arial, Helvetica, sans-serif; font-size:13px; color:#4f4f4f; padding:7px 0 7px 30px;}
.classeslist li a:hover {color:#fff; text-decoration:none;}
.classeslist li:hover{color:#fff; text-decoration:none; background:url(../images/bt-03.png) no-repeat 15px 15px #008ecb;}
.classeslist li:hover a{color:#fff;} 
.classeslist li.active{color:#fff; text-decoration:none; background:url(../images/bt-03.png) no-repeat 15px 15px #008ecb;}
.classeslist li.active a{color:#fff;}
.menuheader .iarrow { margin:14px 10px 0 0 ;}

.rightpart { width:78%; float:right; padding:0px 0 0 0;}
.newestprodiv { width:100%; float:left; margin:0px; padding:4px; background:#f5f5f5; border:1px solid #eeeeee;}
.newestpro_title { width:100%; float:left; margin:0px ; padding:13px 0 10px 0; font-family:'pt_sansbold' , Arial, Helvetica, sans-serif; font-size:19px; color:#454545;}
.newestpro_title:before {display: inline-block; width:29px; height:29px; background:url(../images/sprite.png) no-repeat -188px 0px;content: "";vertical-align: -10px; margin:0 12px;}
.newestpro_list {width:100%; float:left; margin:0px; padding:1px 0; background:#fff; }

.newestprobox { width:231px; min-height:260px; float:left; margin:25px 0; padding:0 20px; border-right:1px dotted #d2d2d2;}
.titletext { width:100%; height:34px; overflow:hidden; float:left; padding:0px 0px; margin:0px 0px; text-align:center;font-family:Arial, Helvetica, sans-serif; color:#3a3a3a; font-size:12px; line-height:32px;}
.titletext .textdiv {display: table-cell; height:30px;text-align: center;vertical-align: middle;width: 238px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.newestpro_img { width:100%; /*height:95px;*/ float:left; text-align:center;}
.newestpro_img a {display: table-cell; height:196px;text-align: center;vertical-align: middle;width: 191px;}

.newpro_pricebox { width:100%; float:left; margin:0px; padding:0px;}
.newpro_price-left { width:50%; min-height:30px; line-height:30px; float:left;font-family:Arial, Helvetica, sans-serif; color:#8c8c8c; font-size:12px;}
.newpro_price-left strong{ font-weight: bold; color:#fe872b;}

.newpro_price-right { width:50%; float:right; min-height:30px; line-height:30px; text-align:right;}
.newpro_price-right a { font-family:Tahoma, Geneva, sans-serif; color: #515151; font-size: 11px; text-decoration:underline;}
.newpro_price-right a:hover { color:#e43a3a;}
.newestprobox:nth-child(4) {border-right:0px solid #eaeaea;}
.newestprobox:nth-child(8) {border-right:0px solid #eaeaea;}

.searchpart { width:100%; min-height:105px; float:left; margin:45px 0 0 0; padding:29px 18%; background:url(../images/searchbg.jpg) repeat top center;}
.search_left { width:30%; float:left; text-align:right; font-family:'pt_sansbold', Arial, Helvetica, sans-serif; font-size:22px; color:#fff;padding: 15px 0 0 0;}

.search_right { float:right;width:70%;}
.textbx{ float:left; padding:0 10px 0 0px; width: 72%; margin: 0 0 0 30px;}
.textbx .searchfild{width:100%; height:47px; background:#e5ebf7; display:block; margin:0px !important; padding:0px !important; font-size:14px!important;; color:#504c4f; font-family:Arial, Helvetica, sans-serif;text-indent:15px; -webkit-border-radius: 4px 4px 4px 4px; border:0px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;}

.searchbtgo{height:47px; display:inline-block; background-color:#211f21; font-family:'pt_sansbold', Arial, Helvetica, sans-serif; font-size:17px; color:#fff; margin:0px; padding:0px 4% !important; border:solid 0px; float:left; text-transform:uppercase; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; letter-spacing:2px;}
.searchbtgo:hover{ background:#ed1f46;}

/*Bottompart*/
.bottompart{width:100%; float:left; padding:5px 0px 0px 0px; margin:0px; background:#f8f8f8;}
.btmlinktab01{width:21%; display:block; float:left; margin:0% 2%; min-height:158px; }
.btmlinkul{margin:0px; padding:0px; list-style:none;}
.btmlinkul li{display:block; font-size:14px; color:#3d3d3d;font-family:'pt_sansregular' , Arial, Helvetica, sans-serif;}
.btmlinkul li a{ color:#3d3d3d; display:block; line-height:21px; padding:5px 0 5px 0px;}
.btmlinkul li a:before {display: inline-block; width:9px; height:9px;  background:url(../images/sprite.png) -130px -41px no-repeat; content: "";vertical-align: 0px; margin:0 10px 0 3px;}
.btmlinkul li a:hover{ color:#000; text-decoration:underline;}
.contbox{font-size:14px; font-family:'pt_sansregular' , Arial, Helvetica, sans-serif; color:#262626; line-height:21px; padding:5px 0px; display:block;}
.phoneic:before{display: inline-block; width:18px; height:18px;  background:url(../images/sprite.png) -158px -41px no-repeat; content: "";vertical-align: -5px; margin:0 10px 0 3px;}
.addic:before{display: inline-block; width:18px; height:18px;  background:url(../images/sprite.png) -186px -40px no-repeat; content: "";vertical-align: -5px; margin:0 10px 0 3px;}
.emailic:before{display: inline-block; width:18px; height:19px;  background:url(../images/sprite.png) -212px -41px no-repeat; content: "";vertical-align: -5px; margin:0 10px 0 3px;}

.btmcopytxt{font-family:'pt_sansregular'; width:100%; font-size:13px; color:#fff; background:#1F8ECB; display:block; padding:10px 5px; text-align:center;}
.btmcopytxt a{color:#fff;}
.btmcopytxt span{ padding:0px 5px}
.btmcopytxt a:hover{ text-decoration:underline;}
.btmhead{ width:100%; font-size:19px; font-family:'pt_sansbold' ;  color:#3f3f3f; display:block; padding:15px 0px; margin-bottom:10px; border-bottom:1px solid #bfbfbf;}

.social-icons { float: left; margin: 0px 0 0; padding:0px;}
.social-icons li { color: #a8a8a8; display: inline-block; margin: 5px; vertical-align: middle;}
.social-icons li a {background-image: url("../images/sprite.png"); background-repeat: no-repeat; display: inline-block; height: 38px; position: relative; text-indent: -9999px; transition: all 0.2s ease-out 0s;width: 38px;}
.social-icons li a:hover { opacity:0.6;}
.social-icons li.social-facebook a {background-position: 0px -167px;}
.social-icons li.social-twitter a {background-position: -48px -167px;}
.social-linkedin a { background-position: -97px -167px;}
.social-youtube a { background-position: -145px -168px;}

/* END Bottompart*/
.megamenu { width:100%;text-align:left; margin:0px; padding:10px 0 0px 0;min-width:670px;}
.megamenulist01 { width:57%; margin:0px; padding:0px; float: left;}
.megamenulist01 ul { width:100%; float:left; margin:0px; padding:0 0 0 25px; list-style:none;}
.megamenulist01 ul li { width:50%; float:left;}
.megamenulist01 ul li a { width:100%; float:left;font-family:'pt_sansregular', Arial, Helvetica, sans-serif; color: #343434; display: inline-block; font-size: 15px; height: auto;  line-height: 22px; padding:5px 0px; text-align: left; text-shadow: none; text-transform: none; margin:0px;}
.megamenulist01 ul li a:hover {background-image: none;background-color:inherit;color: #008fcd; text-decoration:underline; border:none !important;}
.megamenulist01 ul li:hover > a { background-color: inherit; background-image: none; color: #008fcd; border:none !important;}
.learnmorebut { width:100%; float:right; margin:0px; padding:0px; text-align:right;}
.learnmorebut a {color: #747474;display: inline-block; font-family: "pt_sansregular",Arial,Helvetica,sans-serif; font-size: 12px; height: auto; line-height: 16px;padding: 0px 35px 5px 0;text-decoration: underline;}
.learnmorebut a:hover { background:#fff;}

.megamenu-onecol { width:100%;text-align:left; margin:0px; padding:10px 0 0px 0;min-width:550px;}
.megamenulist-onecol { width:48%; margin:0px; padding:0px;}
.megamenulist-onecol ul { width:100%; float:left; margin:0px; padding:0 0 0 25px; list-style:none;}
.megamenulist-onecol ul li { width:100%; float:left;}
.megamenulist-onecol ul li a { width:100%; float:left;font-family:'pt_sansregular', Arial, Helvetica, sans-serif; color: #343434; display: inline-block; font-size: 15px; height: auto;  line-height: 22px; padding:5px 0px; text-align: left; text-shadow: none; text-transform: none; margin:0px;}
.megamenulist-onecol ul li a:hover {background-image: none;background-color:inherit;color: #008fcd; text-decoration:underline; border:none !important;}
.megamenulist-onecol ul li:hover > a { background-color: inherit; background-image: none; color: #008fcd; border:none !important;}


/*Inner page */


.breadcome{ width:100%; font-family:Arial, Helvetica, sans-serif; display:block; padding:10px 0px 10px 0px; font-size:11px; color:#8c8c8c }
.breadcome ul{ list-style:none; margin:0px; padding:0px;}
.breadcome ul li{ float:left; }
.breadcome a{color:#8c8c8c;}
.breadcome a:hover{ text-decoration:underline; color:#8c8c8c;}
.breadcome span{padding:0px 4px;}
.breadcomehomeicon{display:inline-block; width:12px; height:11px; margin:0px; padding:0px; background: url(../images/sprite.png) -243px -44px no-repeat;}

.newestpro_title02{ width:100%; margin:0px ; padding:9px 0 11px 15px; font-family:'pt_sansbold' , Arial, Helvetica, sans-serif; font-size:19px; color:#454545;}
.bannnerbg{width:100%; height:155px; display:table;}
.pagebntext{font-family: width:339px; display:table-cell; height:66px; font-family:"pt_sansregular"; font-size:23px; background:url(../images/bannnertextbg.png) center left no-repeat; line-height:65px; color:#3c3c3c; letter-spacing:-0.5px; vertical-align:middle; padding:0px 0px 0px 25px;}

.prolistingbn{background:url(../images/innerbg01.jpg) top left no-repeat; background-size:cover;}
.aboutusbn{background:url(../images/aboutus_banner.jpg) top left no-repeat; background-size:cover;}

.tablestyle{ width:100%; display:block; padding:0px 0px;}
.rowstyle{width:100%; display:block; padding:9px 0px; border-bottom:solid 1px #dbf0f9; font-size:13px; font-family:Arial, sans-serif;}
.rowstyle:nth-child(even){background-color:#f2fbff;}
.rowstyle:nth-child(odd){background-color:#fff;}
.colstyle{width:25%; display:block; padding:0px 10px; float:left;}
.colstyle a{ float:left;color:#3a3a3a; padding:0px 0px 0px 15px; background:url(../images/bt-01.png)no-repeat 0px 4px;}
.colstyle a:hover{color:#00a1e6; text-decoration:underline;}

/*.colstyle a:before{ width:5px; height:9px; display:inline-block; background:url(../images/sprite.png) -225px -7px no-repeat; vertical-align:0px; content:""; margin-right:10px;}*/
.viewmorelink{width:100%; display:block; padding:11px 0px; background-color:#eeeeee; text-align:center; font-family:"pt_sansregular"; font-size:14px; text-transform:uppercase; margin-top:15px; }
.smallimagelink{ width:100%; display:block; margin-bottom:22px; margin-top:16px; }
.cmstextarea{width:100%; padding:17px; background-color:#fff; font-size:13px; color:#777777; text-align:justify; line-height:23px;}
.cmstextarea .smlhead{ font-size:15px; color:#4f4f4f; margin-bottom:5px;}
.imagemrg{ margin:0px 0px 20px 20px; }



.cms_menu { width:100%; float:left;border:1px solid #ececec;}
.cms_menuhedsty { width:100%; height:42px; line-height:42px; float:left; font-family:'pt_sansbold'; font-size:20px; color:#fff; margin:0px; padding:0 17px;
background: #00a6ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00a6ee 0%, #0095d5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ee), color-stop(99%,#0095d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00a6ee 0%,#0095d5 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ee', endColorstr='#0095d5',GradientType=0 ); /* IE6-9 */
}
.cms_menu .menuheader {font-family:'pt_sansregular'; color: #4f4f4f; cursor: pointer;font-size:15px;line-height: 20px;padding: 12px 20px 12px 20px;text-transform: none;background: #fff; }
.cms_menu .openheader strong {background:url(../images/sprite.png) -46px -45px no-repeat; color: #080401;margin-top: 10px;}
.iarrow02 { float:left; width:4px; height:6px; background:url(../images/sprite.png) no-repeat -106px -43px; margin:7px 10px 0 0 ;}
.categoryitems02 { list-style:none; margin:0px; padding:0px;}
.classeslist02 li { width:100%; float:left; padding:7px 0;}
.classeslist02 li a {font-family:'pt_sansregular' , Arial, Helvetica, sans-serif; font-size:14px; color:#4f4f4f; padding:0 0 0 5px;}
.classeslist02 li a:hover {color:#008ecb; text-decoration:underline;}

 


/*Detail page*/
.pro_detail_box { width:74.6%; float:left; margin:0px; padding:0 25px 0 0;}

.t_productimg { width:35%; float:left; margin:0px; padding:0 23px 0 0;}
.t_productimg img { display:inline-block;}
.t_pro_right { width:65%; float:right; margin:0px; padding:0 0px 0 0;}
.t_pro_title { width:100%; float:left; margin:0px; padding:5px 12px; background:#f0f0f0; font-family:'pt_sansbold' , Arial, Helvetica, sans-serif; font-size:14px; color:#454545;}

.t_template { display:inline-block; font-family:'pt_sansbold' , Arial, Helvetica, sans-serif; font-size:16px;color: #565656; border:1px solid #bfe0f1; padding:10px 15px 10px 15px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

background: #e8f6fd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWU4ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8f6fd 0%, #c5e8fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6fd), color-stop(100%,#c5e8fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f6fd 0%,#c5e8fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fd', endColorstr='#c5e8fa',GradientType=0 ); /* IE6-8 */
}

.t_template:before {display: inline-block; width:21px; height:23px; background:url(../images/sprite.png) no-repeat -243px 0px;content: "";vertical-align: -6px; margin-right:10px;}


.stepbox { width:100%; float:left; margin:5px 0 0 0; padding:0px;}
.stepbox_title {width:100%; height:36px; line-height:36px; float:left; margin:0px; padding:0px; border:1px solid #bfe0f1; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#3b3b3b;
background: #e8f6fd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWU4ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8f6fd 0%, #c5e8fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6fd), color-stop(100%,#c5e8fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f6fd 0%,#c5e8fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fd', endColorstr='#c5e8fa',GradientType=0 ); /* IE6-8 */

}
.ste_text01 {float:left; margin:0px 0 0 0; padding:0px;}
.ste_text02 {float:right; margin:0px 0 0 0; padding:0 0px 0 0;}
.number { width:22px; height:22px; line-height:21px; float:left; border:1px solid #de810c; padding:0px; margin:6px 15px 0 15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background: #fbc357; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYzM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2Y2YWQzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTg2MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fbc357 0%, #f6ad39 65%, #ea8615 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(65%,#f6ad39), color-stop(100%,#ea8615)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbc357 0%,#f6ad39 65%,#ea8615 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbc357 0%,#f6ad39 65%,#ea8615 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbc357 0%,#f6ad39 65%,#ea8615 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbc357 0%,#f6ad39 65%,#ea8615 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc357', endColorstr='#ea8615',GradientType=0 ); /* IE6-8 */
}
.stepbox_detail { width:100%; float:left; margin:0 0 10px 0; padding:10px; border:1px solid #e5e5e5; border-top:0px;}
.select_product_options01 { width:61%; float:left; border-right:1px solid #ededed;}

.optionsbox { width:100%; float:left; padding:5px 20px 5px 0;}
.optionslable{width:40%; font-size:13px; color:#3e3e3e; display:block; padding:8px 10px 5px 0px; float:left; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold;}
.optionstext{ width:60%; margin:0px 0px 0px 0px;  display:block; padding:0px 0px; float:left;}
.optionstext .inputsty{ width:100%;  margin:0px; padding:0px; border:solid 1px #e5e5e5; border-radius:2px; height:30px; line-height:23px; text-indent:5px; font-size:12px; color:#000;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.optionstext option { padding:5px 10px;}

.optionstext input:focus{box-shadow:none;}
.optionstext input[type=radio],input[type=checkbox] {display: inline-block !important;}

.select_product_options02 { width:39%; float:right;}

.selectparts {float: left;padding-left:20px;width: 100%;}
.selectparthead {display: inline-block; float:left; padding:5px 6px 5px 6px; width:100%;color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}

.selectpartslist { width:100%; float:left;list-style:none; margin:0px ; padding:0px 0px 0px 0px;}
.selectpartslist li { width:100%; float:left;padding:3px 5px; border:1px solid #fff; margin:2px 0;}
.selectpartslist li label{ width:100%; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:13px; padding-left:25px; float:left; font-weight:normal;}
.selectpartslist li label:hover{ float:left; text-decoration:none;}
.selectpartslist li:hover{ float:left; color:#ff3e3e; text-decoration:underline; background:#ededed; border:1px solid #dedede; text-decoration:none;}
.selectpartslist li.active{ float:left; color:#ff3e3e; text-decoration:underline; background:#ededed; border:1px solid #dedede; text-decoration:none;}

.select-color { width:100%; float:left;padding:5px 5px;text-decoration:underline; background:#ededed; border:1px solid #dedede; text-decoration:none;}


/*Check Box Style 01*/
.customechek01 {width:100%; float:left; display:block; padding:0px; }
.customechek01 [type="checkbox"]:not(:checked) { position: absolute;  left: -9999px;}
.customechek01 [type="checkbox"]:checked { position: absolute;  left: -9999px;}
.customechek01 [type="checkbox"]:not(:checked) + label  {position: relative; padding-left:26px; cursor: pointer;}
.customechek01 [type="checkbox"]:checked + label{position: relative; padding-left:30px; cursor: pointer;}

/* checkbox aspect */
.customechek01 [type="checkbox"]:not(:checked) + label:before,
.customechek01 [type="checkbox"]:checked + label:before {content: ''; position: absolute; left:0px; top:1px; width:14px; height:14px; background: #fff; border:1px solid #e4e4e4;}

/* checked mark aspect */
.customechek01 [type="checkbox"]:not(:checked) + label:after {content: url(../images/checkimg.png); position: absolute; top:0px; left:1px;font-size: 12px;color:#0fb22f; transition: all .2s;}
.customechek01 [type="checkbox"]:checked + label:after {content: url(../images/checkimg.png); position: absolute; top:1px; left:0px;font-size: 12px;color:#0fb22f; transition: all .2s;}

/* checked mark aspect changes */

.customechek01 [type="checkbox"]:not(:checked) + label:after{opacity: 0;transform: scale(0);}
.customechek01 [type="checkbox"]:checked + label:after{opacity: 1; transform: scale(1);}
/* disabled checkbox */
.customechek01 [type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before {box-shadow:none; background-color:#ddd;}
.customechek01 [type="checkbox"]:disabled:checked + label:after{color: #999;}
.customechek01 [type="checkbox"]:disabled + label{color: #aaa;}
/* accessibility */
.customechek01 [type="checkbox"]:checked:focus + label:before {/*border: 1px dotted blue;*/}
.customechek01 [type="checkbox"]:not(:checked):focus + label:before {/*border: 1px dotted blue;*/}

.checkboxtext {font-size:13px; font-family:'OpenSansRegular', Arial, Helvetica, sans-serif; color:#717171; font-weight:normal;}


.setup-fee { float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:0 15px 0 0; line-height:15px;} 
.setup-fee strong {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3e3e3e;}

.teachlist {width:45%; float:left; margin:0px 0; padding:0px;}
.teachlist label {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; color:#000;display: inline-block;cursor: pointer;position: relative;padding:7px 0 5px 23px; font-weight:normal;}
.teachlist input[type=radio],input[type=checkbox] {display: none;}
.teachlist label:before {content: "";display: inline-block;	width:14px;height:14px;margin-right: 10px;position: absolute;left: 0;top:12px;	background-color: #ffffff; border:1px solid #dadada;}
.radio { width:100%; float:left; margin:10px 0 0 0;}
.radio label:before {border-radius:50%;}
.checkbox label {margin-bottom: 10px;}
.checkbox label:before {border-radius:50%;}
input[type=radio]:checked + label:before {  content: "\2022"; color: #727272; font-size:34px; text-align: center;line-height:13px;}
input[type=checkbox]:checked + label:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 15px;color: #727272;text-align: center; line-height: 15px;}

.logintext{ width:157px; margin:0px 0px 0px 0px;  display:inline-block; padding:2px 0 2px 5px;}
.logintext .inputsty{ width:100%;  margin:0px; padding:0px; border:solid 1px #d2d2d2; height:33px; text-indent:5px; font-size:12px; color:#737373;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.logintext input:focus{box-shadow:none;}
.logintext input[type=radio],input[type=checkbox] {display: inline-block !important;}
.reprinttext {margin:0;width:55%; float: left;}
.reprinttext div { width:100%;}
.reprinttext label { float:left;}


.artworkbox { width:35%; float:left; padding:5px 0px 5px 0;}
.artworkbox > .optionslable { width:100%;padding: 0px 10px 5px 0;}
.artworkbox > .optionstext  { width:100%;}

.versionbox { width:21.5%; float:left; padding:5px 0px 5px 0px;}
.versionlable{width:100%; font-size:13px; color:#000; display:block;padding: 0px 10px 5px 0; float:left; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.versionbox > .logintext {padding: 0px 0;width: 114px;}

.forhigher { width:100%; float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0078ab; padding:0 15px 0 0; line-height:15px;} 

.addlatex { width:38%;padding: 0 15px 0 0;}
.goldlatex  { width:100px; padding:2px 0;}
.addlatex02 { width:35%; padding:0px 0;}

.optionsbox02 {display: inline-block; padding-left:15px;}

.uploadartw { width:100%; float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding: 0 0 5px 0; line-height:15px;} 
.uploadartw strong { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3e3e3e;}
.uploadradio { width:100%;}
.uploadradio label:before {top:6px;}

.uploadfilebut { display:inline-block; background:#efefef; border:1px solid #ababab; height:24px; line-height:22px; text-align:center; padding:0 10px; margin:0 2px;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.addtocartbut { display:inline-block; width:365px; height:52px; background:url(../images/addtocart-but.png) no-repeat left top;}
.addtocartbut:hover { opacity:0.7;}


.updatetocartbut { display:inline-block; width:395px; height:52px; background:url(../images/update-cart.png) no-repeat left top;}
.updatetocartbut:hover { opacity:0.7;}

.info_icon { width:22px; height:22px; float:right; background:url(../images/sprite.png) -278px 4px no-repeat #fff; position:relative;
-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius: 50%;}


/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {position: relative;z-index: 2;cursor: pointer;}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom:42%;
	left: 50%;
	margin-bottom: 5px;
	margin-left:15px;
	padding:8px;
	width:200px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color:#fff;
	color: #4f4f4f;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 13px;
	line-height:18px;
	border:1px solid #cdcdcd;
	font-family:Arial, Helvetica, sans-serif;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}


.product-summary-box { width:25.4%; float:right;}
.product-summary-title { width:100%; height:38px; line-height:33px; float:left; text-align:center; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:relative;
background: #fbc357; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYzM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2Y2YWQzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTg2MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fbc357 0%, #f6ad39 35%, #ea8615 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(35%,#f6ad39), color-stop(100%,#ea8615)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc357', endColorstr='#ea8615',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
border:1px solid #de810c;
border-bottom:5px solid #de810c;
}
.product-summary-title:after{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;    -moz-border-top-colors: none; border-color:#de810c transparent transparent transparent;   border-image: none; border-style: solid; border-width:6px; content:""; left:47%; margin-top:0; position:absolute; bottom: -17px; z-index: 1;}


.detailtabl{font-size:13px;font-family:Arial, Helvetica, sans-serif; color:#4c4c4c; border:1px solid #e7e7e7;}
.detailtabl strong{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#424242;}
.detailtabl tr{font-size:13px;}
.detailtabl tr .tablehead{font-size:20px; font-weight:bold; color:#242424; letter-spacing:-1px;}
.detailtabl tr td{ padding:7px 10px;/* border:solid 1px #e6e6e6;*/ }
.detailtabl tr:nth-child(even) {background: #f5f5f5}
.detailtabl tr:nth-child(odd) {background: #fff; padding:4px 0;}

.subtotalbox { width:100%; height:38px; line-height:38px; float:left; text-align:center; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 15px;
background: #fbc357; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYzM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2Y2YWQzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTg2MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fbc357 0%, #f6ad39 35%, #ea8615 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(35%,#f6ad39), color-stop(100%,#ea8615)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbc357 0%,#f6ad39 35%,#ea8615 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc357', endColorstr='#ea8615',GradientType=0 ); /* IE6-8 */

}
.subtotalbox strong { float:left;}
.subtotalbox span { float:right;}

.promo-code-box { width:100%; float:left; background:#fff; border:4px solid #f5f5f5; margin-top:15px; padding:13px;}
.promo-code-title { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#676767; font-weight:bold;}
.promo-code-box ul { width:100%; float:left; margin:0px; padding:10px 0 0 0px; list-style:none; font-size:12px; color:#5f5f5f; font-family:Arial, Helvetica, sans-serif;}

.breadcome02 { width:50%; float:left; padding:19px 0;}
.select-different-sizebox { width:31%; float:right;padding:10px 0;}
.select-different-lable{width:40%; font-size:15px; color:#3e3e3e; display:block; padding:10px 10px 5px 0px; float:left; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.select-different-text{ width:60%; margin:0px 0px 0px 0px;  display:block; padding:2px 0px; float:left;}
.select-different-text .inputsty{ width:100%;  margin:0px; padding:0px; border:solid 1px #e5e5e5; border-radius:2px; height:33px; line-height:33px; text-indent:5px; font-size:12px; color:#737373;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/*Login Page*/
.loginpage { width:100%; float:left; margin:0px 0 0 0; padding:0px;}
.headtextpart { width: 100%; float: left; border-bottom:1px dotted #b1b1b1; padding:0px 0 12px 0; margin-bottom:15px;}
.headtextpart span {color:#232323;display: block;float: left;font-family:'pt_sansbold'; font-size:21px; line-height:25px;}

.account-login {margin: 20px 0;width: 100%;float: left;}
.rloginbxleft {float: left;width:63% !important;}
 .new-users {width: 100% !important;}
.account-login .content { width:100%; float:left; min-height:266px; padding:0px; border:1px solid #e4e4e4; border-bottom:0; font-size:14px;font-family: 'pt_sansregular', Arial, Helvetica, sans-serif; line-height:22px;}
.account-login .content strong { width:100%; float:left; font-weight:normal;font-size:14px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif; margin-bottom:10px;}
.account-login .buttons-set { width:100%; float:left;background:#f5f5f5; margin: 0;padding: 8px 13px;}
.account-login .content h2 {background-position: 0 1px; background-repeat: no-repeat; border-bottom: 1px solid #ddd;color: #ff3e3e;font-size:16px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif;font-weight: bold;  line-height: 20px; margin: 0 0 14px;padding: 0 0 5px 0px;text-transform: uppercase;}
.submitbtsty { float:right; border: 0 solid;color: #fff;cursor: pointer;font-family: "pt_sansregular";font-size: 14px;height: 28px; padding:0 10px !important;
background: #00a6ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00a6ee 0%, #0095d5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ee), color-stop(99%,#0095d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00a6ee 0%,#0095d5 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ee', endColorstr='#0095d5',GradientType=0 ); /* IE6-9 */
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.submitbtsty:hover { background:#000;}

.loginlable{width:33%; font-size:13px; color:#232323; display:block; padding:5px 5px 5px 0px; float:left; font-family:'pt_sansregular'; text-align:right;}
.logintext{ width:67%; margin:0px 0px 0px 0px;  display:block; padding:2px 0px; float:right;}
.logintext .inputsty{ width:100%;  margin:0px; padding:0px; border:solid 1px #e5e5e5; border-radius:2px; height:30px; text-indent:5px; font-size:13px; color:#000;}

::-webkit-input-placeholder {color:#737373;}
:-moz-placeholder {color:#737373;}
::-moz-placeholder {color:#737373;}
:-ms-input-placeholder {color:#737373;}



.logintext input:focus{box-shadow:none;}
.logintext input[type=radio],input[type=checkbox] {display: inline-block !important;}

.rloginbxright { float: right; width:35% !important;}
.weltxtnorm { width:100%; float:left; color: #000000; font-family: "pt_sansregular"; font-size: 14px; padding:10px 0;}

.threebutton { width:100%; float:left; margin:0px; padding:0px;}
.threebutton .button {background-color: #5e5e5e;border: 0 solid;color: #fff;cursor: pointer;font-family: "pt_sansregular";font-size: 14px; line-height:28px;height: 28px; padding:0 10px !important;}
.threebutton .button:hover { background:#0095d5;}
.btn-continue { float:left;}
.empty_cart_button {float:right; margin-right:15px;}
.btn-update {float:right;}

.totals {background: none repeat scroll 0 0 #fff;border: 1px solid #dcdcdc; float: right; width:300px; margin:15px 0 0 0; padding:10px;}
.totals_text { width:100%; float:left; margin:0px; padding:5px; text-align:right;}
.totals_text strong { width:74%; float:left; text-align:right; margin:0px; padding:0 30px 0 0; font-weight:normal;color: #3f3f3f;font-size:14px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif; }
.totals_text span { width:80%; float:left; text-align:right; margin:0px; padding:0 30px 0 0;color: #3f3f3f;font-size:14px;font-family:'pt_sansregular', Arial, Helvetica, sans-serif; }


.checkoutbtsty { float:right; border: 0 solid;color: #fff;cursor: pointer;font-family: "pt_sansregular";font-size:16px;height:36px; line-height:36px; padding:0 40px !important; margin-top:15px;
background: #00a6ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00a6ee 0%, #0095d5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ee), color-stop(99%,#0095d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00a6ee 0%,#0095d5 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ee', endColorstr='#0095d5',GradientType=0 ); /* IE6-9 */
}
.checkoutbtsty:hover { background:#000;}

.newlogin50 { width:50%; float:left; padding:3px;}
.newlogin100 { width:100%; float:left; padding:0 5px;}

.loginbodypart { width:100%; float:left; padding:15px;}

.coupon {background: none repeat scroll 0 0 #fff;border: 1px solid #dcdcdc;float: left; width:300px; margin:15px 0 0 0; padding:10px;}
.coupon .text01 { width:100%; float:left; margin:0px; padding:0 0px 5px 0; font-weight:normal;color: #ff3e3e;font-size:16px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.coupon .text02 { width:32%; float:left; margin:0px; padding:0 0px 5px 0; font-weight:normal;color: #3f3f3f;font-size:14px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif; }
.applybut {float:left; width:100%;}
.applybut .checkoutbtsty { margin-top:2px;}
.coupontextbox{ width:68%; margin:0px 0px 0px 0px;  display:block; padding:0px 0px; float:right;}


.my_account { width:100%; float:left; margin:20px 0 0 0; padding:0px;}

.account_left {float: left; padding: 0 25px 0 0; width:23%;}
.account_list { width:100%;float:left;background:#fff; margin-bottom:25px; border:1px solid #ececec;-webkit-box-shadow: 0px 1px 0px #e1e1e1;
-moz-box-shadow: 0px 1px 0px #e1e1e1;box-shadow: 0px 1px 0px #e1e1e1;}
.accounthead { width:100%; height:38px; line-height:38px; float:left; font-family:'pt_sansbold'; font-size:17px; color:#fff; margin:0px; padding:0 17px;
background: #00a6ee; /* Old browsers */
background: -moz-linear-gradient(top,  #00a6ee 0%, #0095d5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ee), color-stop(99%,#0095d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a6ee 0%,#0095d5 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00a6ee 0%,#0095d5 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ee', endColorstr='#0095d5',GradientType=0 ); /* IE6-9 */
}
.account_ullist { width:100%; float:left;list-style:none; margin:0px ; padding:10px 0px 10px 0px;}
.account_ullist li { width:100%; float:left;padding:2px 20px}
.account_ullist li a{ width:100%; font-family:'robotoregular', Arial, Helvetica, sans-serif; color:#465d68; font-size:14px; padding:6px 0px; float:left;}
.account_ullist li a:hover{ float:left; color:#ff3e3e;}
.account_ullist li a.active{ float:left; color:#ff3e3e;}

.account_right {float:right; padding: 0 0px 0 0; width:76%;}
.actitle { width:100%; float:left; font-weight:normal;font-size:14px;font-family:'pt_sansbold', Arial, Helvetica, sans-serif; margin-bottom:10px;}


.checkout_addressbox { width:100%; float:left; margin:0px; padding:0px;}
.checkout_addressbox_left { width:50%; float:left; margin:0px; padding:10px 10px;}
.checkout_addressbox_right { width:50%; float:left; margin:0px; padding:10px 10px;}


.templates_title01 { width:100%; float:left; margin:0px; padding:15px 0 0px 0;font-size:18px;color:#018ac5;}
.templates_list { width:33.33%; float:left; margin:0px; padding:3px 10px;}
.templates_list a { width:100%; height:36px; line-height:18px; overflow:hidden; display: table-cell; vertical-align: middle; background:url(../images/download.png) no-repeat 0px 5px; padding:0px 0 0px 40px; text-align:left;}
.templates_list span {color:#A3A3A3;padding-left: 15px;}


.die-lines-page { float: left; margin: 0; padding: 0; width: 100%;}
.die-line-col01 { width:70% !important; text-align:left !important;}
.die-line-col02 { width:15% !important; text-align:left !important; color:#000;}
.die-line-col03 { width:15% !important; text-align:left !important;}
.die-line-col03 img { margin-top:8px;}

.downarrowbut { float:right; margin:0px 5px 0 0;line-height: 0;transform: rotate(180deg);}
.uparrowbut { float:right; margin:0px 5px 0 0;line-height: 0;}

.address15 { width:16%;}
.address85 { width:84%;}

.reprinttext .logintext { width:30%; float:left; padding:5px 0 0 10px;}
.optionsbox02 .optionslable {text-align: right; padding-right:5px;}


/*PAYMENT DETAILS*/
.paymentdet { width:62%; float:left;}

#oldinvoicenumber { display:inline-block;}




.specialhtml{ color:#424242; font-size:14px;}
.specialhtml h1{clear:both; font-size:24px; margin-top:.2em; margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif;}
.specialhtml h2{font-size:22px; clear:both; margin-top:.2em; margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif;}
.specialhtml h3, legend{font-size:16px; clear:both; margin-top:.2em; margin-bottom:.5em; font-family:Arial, Helvetica, sans-serif;}
.specialhtml h4{font-size:12px; clear:both;margin-top:.2em; margin-bottom:.3em; font-family:Arial, Helvetica, sans-serif;}
.specialhtml h5{font-size:11px; clear:both; margin-top:.1em; margin-bottom:.1em; font-family:Arial, Helvetica, sans-serif;}
.specialhtml h6{font-size:10px; clear:both; margin-top:.1em; margin-bottom:.1em; font-family:Arial, Helvetica, sans-serif;}



/*Login Box*/
.loginbox { position:absolute; width:280px; background:#fff; border:1px solid #ccc; top:45px; right:0px; padding:0px; z-index:100;
-webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.loginbox-wp { width:100%; float:left; padding:15px 20px;}
.loginbox:after{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;    -moz-border-top-colors: none; border-color: transparent transparent #ccc  transparent;   border-image: none; border-style: solid; border-width:9px; content:""; right:5%; margin-top:0; position:absolute; top:-19px; z-index: 1;}
.loginbox strong {float: left;font-family: "pt_sansbold",Arial,Helvetica,sans-serif;font-size: 14px; line-height:16px;font-weight: normal;margin-bottom:5px;width: 100%;}
.loginbox .logintext {display: block;float: right;margin: 0;padding:5px 0;width: 100%;}
.loginbox .forgot-password-text {color: #000000; font-family: "pt_sansregular";font-size:12px; line-height:13px;spadding:2px 0;width: 100%;}
.loginbox .buttons-login {float:left; margin:0; padding:8px 20px 8px 20px;width: 100%; background:#f5f5f5; border-top:1px solid #e8e8e8;
-webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}
.loginbox .submitbtsty { float:left;}
.loginbox .create-an-account { float:right; line-height:28px; text-decoration:underline;}
.loginbox .lose-but { position:absolute; right:5px; top:5px;}
.loginbox .lose-but:hover { opacity:0.5;}



/*Get Estimate*/
.getestimate_page { width:100%; float:left;}
.getestimate_page .g-title {font-size:20px; color:#018bc6; margin-bottom:20px;}
.getestimate_page .loginlable {width: 100%; max-width: 115px;}
.getestimate_page .logintext { max-width:250px; width:100%; float:left; margin-bottom:5px;}
.getestimate_page .submitbtsty { float:left; margin-left:132px;}
.getestimate_page .get-logintext {float: left;width: 100%;max-width:450px;}
.getestimate_page .get-logintext .inputsty { height:100px; border: 1px solid #e5e5e5;border-radius: 2px;color: #000;font-size: 13px;margin: 0;padding: 0;text-indent: 5px;width: 100%;}


#all_scratch_off_size_data { width:120px !important;}





/*New Home page*/
.home-product-cat-list { width:100%; float:left; margin:0px; padding:8px 20px; border-bottom: 1px solid #efefef;}
.contimgpart {float: left;width:25%; text-align:center;}
.conttextpart {float: right;width:74%;}
.contimgpart02{ width:25%; float:right; padding:0px; text-align:center;}
.conttextpart02{ width:74%; float:left;}
.selhead {display: block;font-family: 'pt_sansbold';font-size:19px; line-height:22px;padding:5px 0 10px 0;width: 100%; border-bottom:1px solid #e3e3e3; margin-bottom: 10px;}
.textsty {color: #666666; display: block; font-family: 'pt_sansregular',sans-serif;font-size: 15px;line-height: 26px;padding: 0;text-align: justify;width: 100%;}
.graycolor { background:#fafafa ;}
.contimgpart > img {/*border: 1px solid #eaeaea;*/padding: 6px;width: 220px;}
.contimgpart02 > img {/*border: 1px solid #eaeaea;*/padding: 6px; width:220px;}

.commenttextbox {float: left;margin: 15px;width: 45%;}
.commenttextbox .inputsty { width:100%; float:left; height:80px; border:1px solid #dcdcdc;}