/*** Responsive CSS - updated 17.06.2013  InterDeal.co.il***/
/* Original Right To Left */
.ErrorInfoSpan {
	display:inline-block;
	width:12px;

}

.tooltipcontainer
{
    position: relative;
}

.tooltip
{
    display: none;
    position: absolute;
    /* More positioning, heigh, width, etc */
}

a:hover .tooltip
{
    display: block;
}
.price{
    font-weight: bold;
}
.companyLogo
{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

#lblGroupComments>image{
    max-width: 100%;
    height: auto;
    width: auto\9;
}


#companyName
{
    white-space: nowrap;
}


html, body
{
    font-family: Arial, Helvetica, sans-serif;
    direction: rtl;
    margin: 0 0 0 0;
}

/* sections */


.fieldInput input
{
    border-radius: 10px;
    font-size: 14px;
    height: 22px;
    width: 250px;
    color: #333;
    margin: 2px 0;
    padding: 3px 5px;
}

.ie8lt .fieldInput input {

    
}

.fieldInput input:hover
{
    background-color: #ff8800;
    color: #fff;
} 


.header
{
    text-align: center;
    margin: 0 auto;
    max-width: 700px;
}

.MainDiv
{
    max-width: 700px;
    margin: 0 auto;
}

.content
{
    font-size: 18px;
    color: #8d8d8d;
    color: #555;
}

.dealSurround
{
    border-top: solid thin silver;
}


table.CartTable
{
    width: 100%;
    border-collapse: collapse;
}

table.CartTable tr
{
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

table.CartTable td
{
    padding: 5px 8px;
    border-bottom: solid thin silver;
    font-size: 18px;
}

table.CartTable th
{
    border-bottom: solid thin silver;
}

.fieldsetsurround
{
    max-width: 700px;
    /*margin: 0 auto 15px;*/
    margin: 0 3px 15px 3px;
    border: 1px solid #fff;
    background-color: #eee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#ddd));
    background: -webkit-linear-gradient(45deg, #ddd, #f5f5f5);
    background: -moz-linear-gradient(45deg, #ddd, #f5f5f5);
    background: -ms-linear-gradient(45deg, #ddd, #f5f5f5);
    background: -o-linear-gradient(45deg, #ddd, #f5f5f5);

    -moz-box-shadow: 0px 4px 10px #aaa;
    -webkit-box-shadow: 0px 4px 10px #aaa;
    box-shadow: 0px 4px 10px #aaa;
}


/* form blocks */
fieldset.detailsBlock
{
    /*max-width:470px;*/
    margin: 10px auto;
    padding: 0 10px 10px;
    border: none;
}

fieldset.detailsBlock legend
{
    font-size: 24px;
    font-weight: bold;
    color: #ff8800;
    margin: 0px -2px 10px;
    text-shadow: 1px 1px 0px #fff;
}

fieldset.detailsBlock .comments
{
    padding: 10px;
    margin: 10px 0;
    font-size: 12px;
    background-color: #fff;
    border: solid 1px #ddd;
    color: #666;
}


div.fieldRow span.fieldInput select
{
    border: solid 1px #aaa;
    background-color: #fff;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 1px 0;
   
}

.additionalComments
{
    margin: 10px 10px 0;
    padding: 10px;
    font-size: 13px;
    background-color: #fff;
    border: solid 1px #ddd;
    color: #666;
    border-radius: 10px;
    -moz-border-radius: 10px;
}


.fieldInput input:focus {
    border: 2px solid #ff8800;
    background-color: #ff8800;
    border-radius: 10px;
    color: white;
    outline-color:transparent;
}


select:focus, a:focus,input[type="radio"]:focus {
    outline:#ff8800 solid 2px;
}

#ErrorInputInfo
{
    margin: 10px 10px 0;
    padding: 10px 10px;
}

.ErrorStar
{
    color: red;
}

.ErrorInfoList
{
    color: red;
}
/* Submit Button*/
div.submit
{
    /*max-width: 460px;*/
    margin: 10px auto;
    text-align: center;
}

div.submit input[type="submit"]
{
    border: solid 1px #777;
    font-size: 13px;
    margin: 8px 0;
    padding: 5px 30px;
    cursor: pointer;
    background-color: #ff8800;
    color: white;
    border-color: #444;
}

div.submit input[type="submit"]:hover
{
    background-color: navajowhite;
    color: black;
    border-color: #444;
}

/* red text */
/*.ccNumber .fieldName, .idNumber .fieldName, .ccv .fieldName, .ccOwner .fieldName, .to .fieldName, .validityDate .fieldName {
	color:red;
}*/
/*.must{
    color:red;
}*/

#lblUserInfo
{
    color: red;
}
/* footer */

#cardcomLogo
{
    float: left;
}


/* Coupons Submit */

.Coupon .CouponName, .Coupon .ValidateCoupon, .Coupon .ValidateCoupon
{
    display: inline-block;
    width: auto;
}

div.ValidateCoupon
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

div.ValidateCoupon input[type="submit"]
{
    border: solid 1px #fff;
    font-size: 15px;
    margin: 0;
    padding: 3px 30px;
    cursor: pointer;
    background-color: #ff8800;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fead50), to(#ff8800));
    background: -webkit-linear-gradient(top, #ff8800, #fead50);
    background: -moz-linear-gradient(top, #ff8800, #fead50);
    background: -ms-linear-gradient(top, #ff8800, #fead50);
    background: -o-linear-gradient(top, #ff8800, #fead50);
    -moz-box-shadow: -2px 2px 3px #aaa;
    -webkit-box-shadow: -2px 2px 3px #aaa;
    box-shadow: -2px 2px 3px #aaa;
    text-shadow: 1px 1px 0px #888;
    width: 130px;
    height: auto;
    font-weight: bold;
}

div.ValidateCoupon input[type="submit"]:hover
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fead50), to(#ff8800));
    background: -webkit-linear-gradient(bottom, #ff8800, #fead50);
    background: -moz-linear-gradient(bottom, #ff8800, #fead50);
    background: -ms-linear-gradient(bottom, #ff8800, #fead50);
    background: -o-linear-gradient(bottom, #ff8800, #fead50);
}

.siteMessage
{
    font-weight: bold;
}

#icmdCommit
{
    border: solid 1px #fff;
    font-size: 15px;
    padding: 3px 30px;
    cursor: pointer;
    background-color: #ff8800;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    -moz-box-shadow: -2px 2px 3px #aaa;
    -webkit-box-shadow: -2px 2px 3px #aaa;
    box-shadow: -2px 2px 3px #aaa;
    text-shadow: 1px 1px 0px #888;
    width: 200px;
    height: auto;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    }

#icmdCommit:hover
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fead50), to(#ff8800));
    background: -webkit-linear-gradient(bottom, #ff8800, #fead50);
    background: -moz-linear-gradient(bottom, #ff8800, #fead50);
    background: -ms-linear-gradient(bottom, #ff8800, #fead50);
    background: -o-linear-gradient(bottom, #ff8800, #fead50);
}

.backTosite span
{
    width: 100%;
    padding: 10px 0 10px;
}

#cmdBackToSite
{
    border: solid 1px #fff;
    font-size: 15px;
    margin: 0 5px;
    padding: 3px 30px;
    cursor: pointer;
    background-color: #aaa;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa));
    background: -webkit-linear-gradient(top, #aaa, #ccc);
    background: -moz-linear-gradient(top, #aaa, #ccc);
    background: -ms-linear-gradient(top, #aaa, #ccc);
    background: -o-linear-gradient(top, #aaa, #ccc);
    -moz-box-shadow: -2px 2px 3px #aaa;
    -webkit-box-shadow: -2px 2px 3px #aaa;
    box-shadow: -2px 2px 3px #aaa;
    text-shadow: 1px 1px 0px #888;
    width: 160px;
    height: auto;
    font-weight: bold;
    display: block;
}

#cmdBackToSite:hover
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa));
    background: -webkit-linear-gradient(bottom, #aaa, #ccc);
    background: -moz-linear-gradient(bottom, #aaa, #ccc);
    background: -ms-linear-gradient(bottom, #aaa, #ccc);
    background: -o-linear-gradient(bottom, #aaa, #ccc);
}

div.CouponMassage
{
    font-weight: bold;
    margin-top: 4px;
    text-align: center;
}

div.fieldRow
{
    padding: 2px 0 0 0;
    margin-right: 40px;
}

div.fieldRow span.fieldName
{
    display: inline-block;
    width: 205px;
}

div.fieldRow span.fieldInput
{
    display: inline-block;
}

span.fieldInputIHaveReadTheAgreement
{
       display: inline-block;
}

#rbpaymentForChackListBox input
{
    width: 30px !important;
}

#divPaymentFor .fieldName
{
    vertical-align: top;
}

#dplYear
{
    width: 90px;
}

.DontShowElement{
    display:none;
}

/* COLORS */

/* BLUE */

/*fieldset.detailsBlock  legend {
	color:#1566c0;
}
div.ValidateCoupon input[type="submit"] , #icmdCommit{
	background-color:#1566c0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c7ae3), to(#1566c0));
	background: -webkit-linear-gradient(top, #1566c0, #1c7ae3);
	background: -moz-linear-gradient(top, #1566c0, #1c7ae3);
	background: -ms-linear-gradient(top, #1566c0, #1c7ae3);
	background: -o-linear-gradient(top, #1566c0, #1c7ae3);
}
div.ValidateCoupon input[type="submit"]:hover , #icmdCommit:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c7ae3), to(#1566c0));
	background: -webkit-linear-gradient(bottom, #1566c0, #1c7ae3);
	background: -moz-linear-gradient(bottom, #1566c0, #1c7ae3);
	background: -ms-linear-gradient(bottom, #1566c0, #1c7ae3);
	background: -o-linear-gradient(bottom, #1566c0, #1c7ae3);
}
    
.fieldInput input:hover
{
    background-color: #1566c0;
}
    
    */

/* GREEN */

/*fieldset.detailsBlock  legend {
	color:#15a344;
}
div.ValidateCoupon input[type="submit"] , #icmdCommit{
	background-color:#15a344;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2ed565), to(#15a344));
	background: -webkit-linear-gradient(top, #15a344, #2ed565);
	background: -moz-linear-gradient(top, #15a344, #2ed565);
	background: -ms-linear-gradient(top, #15a344, #2ed565);
	background: -o-linear-gradient(top, #15a344, #2ed565);
}
div.ValidateCoupon input[type="submit"]:hover , #icmdCommit:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2ed565), to(#15a344));
	background: -webkit-linear-gradient(bottom, #15a344, #2ed565);
	background: -moz-linear-gradient(bottom, #15a344, #2ed565);
	background: -ms-linear-gradient(bottom, #15a344, #2ed565);
	background: -o-linear-gradient(bottom, #15a344, #2ed565);
}
.fieldInput input:hover
{
    background-color: #15a344;
}    
    */


/* RED */

/*fieldset.detailsBlock  legend {
	color:#ef1818;
}
div.ValidateCoupon input[type="submit"] , #icmdCommit{
	background-color:#ef1818;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f55050), to(#ef1818));
	background: -webkit-linear-gradient(top, #ef1818, #f55050);
	background: -moz-linear-gradient(top, #ef1818, #f55050);
	background: -ms-linear-gradient(top, #ef1818, #f55050);
	background: -o-linear-gradient(top, #ef1818, #f55050);
}
div.ValidateCoupon input[type="submit"]:hover , #icmdCommit:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f55050), to(#ef1818));
	background: -webkit-linear-gradient(bottom, #ef1818, #f55050);
	background: -moz-linear-gradient(bottom, #ef1818, #f55050);
	background: -ms-linear-gradient(bottom, #ef1818, #f55050);
	background: -o-linear-gradient(bottom, #ef1818, #f55050);
}
.fieldInput input:hover
{
    background-color: #ef1818;
}   
    */


/* PURPLE */

/*fieldset.detailsBlock  legend {
	color:#5f1ba5;
}
div.ValidateCoupon input[type="submit"] , #icmdCommit{
	background-color:#5f1ba5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b35c3), to(#5f1ba5));
	background: -webkit-linear-gradient(top, #5f1ba5, #7b35c3);
	background: -moz-linear-gradient(top, #5f1ba5, #7b35c3);
	background: -ms-linear-gradient(top, #5f1ba5, #7b35c3);
	background: -o-linear-gradient(top, #5f1ba5, #7b35c3);
}
div.ValidateCoupon input[type="submit"]:hover , #icmdCommit:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b35c3), to(#5f1ba5));
	background: -webkit-linear-gradient(bottom, #5f1ba5, #7b35c3);
	background: -moz-linear-gradient(bottom, #5f1ba5, #7b35c3);
	background: -ms-linear-gradient(bottom, #5f1ba5, #7b35c3);
	background: -o-linear-gradient(bottom, #5f1ba5, #7b35c3);
}
.fieldInput input:hover
{
    background-color: #5f1ba5;
}     
    */


@media screen and (max-width: 500px)
{
    .MainDiv
    {
        width: 100%;
        max-width: 100%;
    }

    .fieldsetsurround
    {
        /*width: 100%;
        max-width: 100%;*/
    }

    fieldset.detailsBlock
    {
        width: 100%;
        padding: 0 0 0 0;
    }



    .fieldInput
    {
        display: block;
        width: 93%;
    }

    .fieldName
    {
        width: 100% !important;
    }

    .fieldInput input, .fieldsetsurround select
    {
       /* width: 94% !important;*/
    }

    .validityDate select
    {
        width: auto !important;
    }

    div.ValidateCoupon input[type="submit"], #icmdCommit
    {
        width: 215px !important;
    }

    .CouponName
    {
        width: 100% !important;
    }

    .Coupon .ValidateCoupon
    {
        width: 90% !important;
        text-align: center;
        padding: 5px 0 0;
    }

    fieldset.detailsBlock .comments
    {
        width: 90%;
    }

    #DivBeforInvoice, #DivComments
    {
        width: 83%;
    }

    #cmdBackToSite
    {
        width: 230px !important;
    }

    table.CartTable td
    {
        padding: 2px 1px;
       font-size: 16px;
    }
    table.CartTable th
    {
           font-size: 16px;
    }

    #rbpaymentForChackListBox label
    {
        font-size: 13px !important;
    }
}