/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
* Modified by Vasterad
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 1020px; margin: 0 auto; padding: 0; }
.container.floated                          { width: 1020px; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 5px;
                                              /*margin-right: 5px;*/ 
}
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
#content { 
    overflow: hidden;
    min-height: 500px; }
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }
.container .floated                         { float: left; display: inline; margin: 0; padding: 0 40px; }
.blank.floated                              { float: left; display: inline; margin: 0; width: 960px; padding: 0 30px;
                                              /*                                           border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #fff; -webkit-box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7; box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;*/
}


/* Equal Sidebar */
.floated.sidebar { position: absolute; top: 0; bottom: 0; }
.floated.sidebar.right { float:right; right: 0; left: auto; }
.floated.sidebar.left { float: left; left: 0; right: auto; }
.floated.right { float: right; }


/* Base Grid */
.container .one.column,
.container .one.columns,
.container .one.floated                     { width: 40px;  }

.container .two.columns,
.container .two.floated                     { width: 100px; }

.container .three.columns,
.container .three.floated                   { width: 160px; }

.container .four.columns,
.container .four.floated                    { width: 138px; }
/*220px; }*/

.container .five.columns,
.container .five.floated                    { width: 280px; }

.container .six.columns,
.container .six.floated                     { width: 340px; }

.container .seven.columns,
.container .seven.floated                   { width: 400px; }

.container .eight.columns,
.container .eight.floated                   { width: 460px; }

.container .nine.columns,
.container .nine.floated                    { width: 520px; }

.container .ten.columns,
.container .ten.floated                     { width: 580px; }

.container .eleven.columns,
.container .eleven.floated                  { width: 640px; }

.container .twelve.columns,
.container .twelve.floated                  { width: 700px; }

.container .thirteen.columns,
.container .thirteen.floated                { width: 760px; }

.container .fourteen.columns,
.container .fourteen.floated                { width: 820px; }

.container .fifteen.columns,
.container .fifteen.floated                 { width: 880px; }

.container .sixteen.columns,
.container .sixteen.floated                 { width: 940px; }


.container .one-third.column                { width: 250px; }
/*    //300px; }*/
.container .two-thirds.column               { width: 620px; }


/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }


/* Pricing Tables */
.five-tables .pricing-table                 { width: 187px; }
.four-tables .pricing-table                 { width: 234px; }
.three-tables .pricing-table                { width: 312px; }
.two-tables .pricing-table                  { width: 469px; }


.featurepartners{background-image: url('../images/13_logos.jpg');background-repeat: no-repeat;display: inline-block;height: 82px;vertical-align: middle;}
.labeleseperator{border:0px solid #c0c0c0; border-radius:4px;background: -webkit-linear-gradient(#6495ED, #1464F4); /* For Safari 5.1 to 6.0 */
                 background: -o-linear-gradient(#6495ED, #1464F4); /* For Opera 11.1 to 12.0 */
                 background: -moz-linear-gradient(#6495ED, #1464F4); /* For Firefox 3.6 to 15 */
                 background: linear-gradient(#6495ED, #1464F4); /* Standard syntax */}
.labelheight{line-height: 16px;color:white;font-size:14px;text-align:left;font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:800;letter-spacing: -0.2px;}
.marquee {position:relative;overflow:hidden;height:50px; }
.marquee span {white-space:nowrap;}
.subcategory{background-color:#b5c310;width: 216px;display: none;position: absolute;z-index: 2;left: 260px;top: 44px;box-shadow: 3px 3px 6px #C2C2C2;}
.subcategorylink1{border: 1px solid #A0A0A0;   border-left: 0px solid #707070;}
.subcategorylink{border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0;}


#gallery {
    /*background-color: #444;*/
    padding: 10px 0px 10px 0px;
    /*10px;*/
    width: 300px;
    /*520px;*/
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 1px solid rgb(173, 173, 173);
    padding: 2px;
    margin-left: 1px;
    /*                    5px */
    /*solid #3e3e3e;*/
    /*border-width: 5px 5px 5px;*/
    /*5px 5px 20px;*/
}
/*	#gallery ul a:hover img {
                border: 5px solid #fff;
                border-width: 5px 5px 20px;
                color: #fff;
        }*/
/*#gallery ul a:hover { color: #fff; }*/
.prev_container{
    overflow: auto;
    width: 300px;
    height: 135px;
}

.prev_thumb{
    /*	margin: 10px;
            height: 100px;
            width: 100px;*/
    margin: 5px;
    min-height: 100px;
    min-width: 100px;
}
.logincontent{width: 745px;float:left; margin: 10px 0px 10px 0px; background:#f5f7f3; border:1px solid #c0c0c0; border-radius:5px; color:#000; box-shadow: 0px 5px 0px #888888;}
.loginformcontent{padding: 5px 5px 5px 5px;border-top: 0px; }
.fielddiv1{padding: 20px 0px 10px 0px;}
.fielddiv{padding: 10px 0px 10px 0px;}
.labeldiv{float:left;line-height: 23px;width: 200px;text-align: right;padding-right: 10px;cursor: default;color: #333;font-weight: 600;letter-spacing: -0.2px;}
.mandatory{color: red;margin-right: 3px;position: relative;top: 2px;}
.textdiv{
    /*margin-left: 130px;width: 400px;*/
    margin-left: 0px; width: 330px;;
}
#forgotPwId{display: inline-block; margin: 5px 0 0 0;font-size: 11px;}
.submitdiv{margin: 0px 10px 20px;}
.submitdivinner{margin-left: 200px;}
#joinnow{display: inline-block;margin: 8px 0 0 15px;font: bold 12px Verdana;text-decoration: underline;}
.sectiondiv{padding-top: 10px;padding-bottom: 10px;}
.sectiontext{color: #A8A5A5;font-weight: 500;font-size: 14px;padding-bottom: 5px;border-bottom: 1px dotted #DDD;margin: 0px 10px 0px 10px;}
.radiodiv{position: relative;top: 5px;left: -5px;}
.user-type-wrapper{float: left;margin-right: 30px;}
.memebertype{border:0px;overflow: visible;line-height: normal;}
.memebertypelabel{font-size: 12px;vertical-align: middle;display: inline-block;}
.dashed{float: left;margin-right: 2px;line-height: 28px;height: 28px;}
.remark{margin-top: 5px;clear: both;margin-left: 84px; color: #999;}
.first-hyphen{padding: 0 7px 0 19px;}
.second-hyphen{padding: 0 6px 0 28px;}
.captchacodediv{margin-top: 10px;border-top: 1px dotted #DDD;margin: 0px 10px 0px 10px;}
.image-wrapperdiv{float: left;margin-bottom: 10px;}
.checkcode{cursor: pointer;width: 190px;padding-bottom: 1px;float: left;}
.imgcaptcha{border: 1px solid #DDD;overflow: hidden;color: transparent;font-size: 0;vertical-align: middle;float: left;width: 152px;height: 42px;}
.agree-box{padding-top: 0px;clear: both;color: #999;}
#agreementLinkNeedChange{color: #06C;font-style: italic;text-decoration: none;}
.agreecheckbox{margin-right: 5px;overflow: visible; line-height: normal;}
.headingproduct{margin-left: 5px;margin-right: 5px;padding: 10px 5px;left: -23px;margin-top: 10px;}
.postproductformcontent{padding: 5px 5px 0px 5px;border:1px solid #b3c211;border-top: 0px; }
.postproduct{margin: 10px 10px 10px 10px;}
.sectionproductdiv{padding-top: 10px;padding-bottom: 0px;}
.producttextdiv{margin-left: 130px;width: 600px;}
.remarkSpace{color: #888;font-size: 10px ;margin-left: 80px;}
.productImageWrap{position: relative;overflow: visible;zoom: 1;top: -22px;margin-left: 80px;}
#toBeReplaced{width: 184px; height: 25px; left: 132px; top: 6px;overflow: hidden;position: absolute;cursor: pointer;}
#picdiv{position:relative;float:left; _height:90px; min-height:90px;}
.templateRind{margin-right:10px;float: left;width: 120px;_height: 120px;min-height: 120px;background: url(http://i02.i.aliimg.com/images/eng/style/css_images/myalibaba/bg_no_image.gif) no-repeat;}
.tipsRind{width: 150px;border: 1px solid #c4d8e6;background-color: #fff; position: absolute; left: -160px; top: 0px; display: none;padding: 5px;}
.tipsContent{padding: 5px;}
.arrowRihgt{width: 7px;height: 11px;background-color: #fff;position: absolute;right: -7px;top: 5px;background: url(http://i02.i.aliimg.com/images/eng/style/css_images/arrow_right.gif) right top no-repeat;}
.commandArea{text-align:center;float: left;}
.filebt{margin-left:2px;margin-top:6px;}
.borderline{border-bottom: 1px dashed #DDD; padding-bottom: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px;}
.productselectspan{float: left;margin-right: 5px;}
.paymentLabel{float:left;padding-right: 10px;}
.per{line-height: 25px;height: 25px;margin-right: 5px;}
.buttonupload{margin: 0;font-weight: 700;text-align: center;vertical-align: middle;cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);-webkit-appearance: button;color: #333;border: 1px solid #bcbcbc  !important;background-color: #eee;background-image: -webkit-linear-gradient(top,#fafafa,#e8e8e8);background-repeat: repeat-x;display: inline-block;position: relative;overflow: visible;padding: 3px 15px;}
.presentcompanylb{float: none;width: auto;display: inline-block;margin-bottom: 0;margin-right: 10px;vertical-align: middle;min-height: 18px;padding: 2px 0;color: #000;text-align: left;font-weight: 400;}
.presentcompanyradio{box-sizing: border-box;padding: 0;display: inline-block;}
.detailpage{border:0px solid #707070;float: left;/* padding-top: 8px; */margin-top: -20px;margin-left: 5px;}
.tile_detail{border-bottom: 1px solid  #E2E2E2;margin: 5px 10px 10px 10px;
             /*padding: 5px 10px 0px 10px;*/
             padding: 5px 10px 10px 10px;

}
.tileimg{float:left;width:210px;}
.imgtile{width:200px;}
.tileInfo{float:left;width:480px;color:#333;}
.tilename{color:skyblue;padding-bottom: 5px;}
.tileheading{color: #4c4c4c;text-shadow: 1px 1px #b5c310;}
.tilespan{padding-left: 2px;color:#5E5E5E;font-weight: bolder;}
.tiletextlabel{color:#616161;padding-top: 6px;float: left;}
.sponsorlisting{margin-top: 140px;font-size: 10px;color: #999;margin-bottom: 5px;text-align: right;}
.messageSuccess {
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    /*//18px;*/
    font-weight: bold;
    color: #FFFFFF;
    background-color:green;
    text-align: justify;
    padding:5px;
}

.messageFailure {
    padding:5px;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    /*18px;*/
    font-weight: bold;
    color: #FFFFFF;
    background-color:  red;
    text-align: justify;
}
/*.selmm {
    display: block;
background-color: #b5c310;
border-left: none;
padding: 10px 3px 3px 15px;
font-size: 14px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}*/

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 678px; }
    .container.floated                          { width: 714px; }

    .container .column,
    .container .columns                         { margin-left: 7px; margin-right: 7px; }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 7px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 7px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }


    .container .floated                         { margin: 0; padding: 0 28px; }
    .blank.floated                              { width: 678px; padding: 0 18px; }

    .container .one.column,
    .container .one.columns,
    .container .one.floated                     { width: 28px; }

    .container .two.columns,
    .container .two.floated                     { width: 70px; }

    .container .three.columns,
    .container .three.floated                   { width: 112px; }

    .container .four.columns,
    .container .four.floated                    { width: 154px; }

    .container .five.columns,
    .container .five.floated                    { width: 196px; }

    .container .six.columns,
    .container .six.floated                     { width: 238px; }

    .container .seven.columns,
    .container .seven.floated                   { width: 280px; }

    .container .eight.columns,
    .container .eight.floated                   { width: 322px; }

    .container .nine.columns,
    .container .nine.floated                    { width: 364px; }

    .container .ten.columns,
    .container .ten.floated                     { width: 406px; }

    .container .eleven.columns,
    .container .eleven.floated                  { width: 448px; }

    .container .twelve.columns,
    .container .twelve.floated                  { width: 490px; }

    .container .thirteen.columns,
    .container .thirteen.floated                { width: 532px; }

    .container .fourteen.columns,
    .container .fourteen.floated                { width: 574px; }

    .container .fifteen.columns,
    .container .fifteen.floated                 { width: 616px; }

    .container .sixteen.columns,
    .container .sixteen.floated                 { width: 658px; }

    .container .one-third.column                { width: 212px; }
    .container .two-thirds.column               { width: 438px; }


    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }


    /* Pricing Tables */
    .five-tables .pricing-table                 { width: 130px; }
    .four-tables .pricing-table                 { width: 163px; }
    .three-tables .pricing-table                { width: 218px; }
    .two-tables .pricing-table                  { width: 328px; }

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container,
    .container.floated { width: 260px; }

    .container .columns,
    .container .column { margin: 0; }
    .container .floated { float: left; padding: 0 30px; }
    .floated.sidebar { position: relative; }

    .container .one.column,
    .container .one.columns,
    .container .one.floated,
    .container .two.columns,
    .container .two.floated,
    .container .three.columns,
    .container .three.floated,
    .container .four.columns,
    .container .four.floated,
    .container .five.columns,
    .container .five.floated,
    .container .six.columns,
    .container .six.floated,
    .container .seven.columns,
    .container .seven.floated,
    .container .eight.columns,
    .container .eight.floated,
    .container .nine.columns,
    .container .nine.floated,
    .container .ten.columns,
    .container .ten.floated,
    .container .eleven.columns,
    .container .eleven.floated,
    .container .twelve.columns,
    .container .twelve.floated,
    .container .thirteen.columns,
    .container .thirteen.floated,
    .container .fourteen.columns,
    .container .fourteen.floated,
    .container .fifteen.columns,
    .container .fifteen.floated,
    .container .sixteen.columns,
    .container .sixteen.floated,
    .container .one-third.column,
    .container .two-thirds.column { width: 260px; }


    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }


    /* Pricing Tables */
    .five-tables .pricing-table,
    .four-tables .pricing-table,
    .three-tables .pricing-table,
    .two-tables .pricing-table { width: 260px; }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 360px; }

    .container .columns,
    .container .column { margin: 0; }
    .container .floated { float: left; padding: 0 30px; }
    .floated.sidebar { position: relative; }

    .container .one.column,
    .container .one.columns,
    .container .one.floated,
    .container .two.columns,
    .container .two.floated,
    .container .three.columns,
    .container .three.floated,
    .container .four.columns,
    .container .four.floated,
    .container .five.columns,
    .container .five.floated,
    .container .six.columns,
    .container .six.floated,
    .container .seven.columns,
    .container .seven.floated,
    .container .eight.columns,
    .container .eight.floated,
    .container .nine.columns,
    .container .nine.floated,
    .container .ten.columns,
    .container .ten.floated,
    .container .eleven.columns,
    .container .eleven.floated,
    .container .twelve.columns,
    .container .twelve.floated,
    .container .thirteen.columns,
    .container .thirteen.floated,
    .container .fourteen.columns,
    .container .fourteen.floated,
    .container .fifteen.columns,
    .container .fifteen.floated,
    .container .sixteen.columns,
    .container .sixteen.floated,
    .container .one-third.column,
    .container .two-thirds.column { width: 360px; }

    /* Pricing Tables */
    .five-tables .pricing-table,
    .four-tables .pricing-table,
    .three-tables .pricing-table,
    .two-tables .pricing-table { width: 360px; }

}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.item-description {
    padding: 14px 0 19px 0;
    background: #fff;
    border-radius: 0 0 2px 2px;
    border-top: 5px solid #e5e5e5;
    text-align: center;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1);
}

.ie8 .item-description {border-bottom: 1px solid #e8e8e8; }

.portfolio-item img {
    -webkit-transition: opacity 180ms ease-in-out;
    -moz-transition: opacity 180ms ease-in-out;
    -o-transition: opacity 180ms ease-in-out;
    -ms-transition: opacity 180ms ease-in-out;
    transition: opacity 180ms ease-in-out;
}

.portfolio-item:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.item-description h5 {
    margin-bottom: -3px;
    font-size: 13px;
    font-weight: 600;
}

.item-description span { color: #888; font-size: 13px; font-weight: 300; }

.portfolio-item {
    margin: 20px 0;
    /*    40px 0;*/
    display: block;
    background-color: #fff;
}

.portfolio-item:hover > figure > .item-description {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1);
    border-top: 5px solid #204a87;
}

.halflings {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/glyphicons_halflings.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: top;}
.halflings.comments {
    background-position: -240px -120px;
}
.halflings.question-sign {
    background-position: -96px -96px;
}

.textformat{
    width:250px;padding: 5px 3px;font-size: 11pt;
}