body, html 	{
    margin:  0;
    padding: 10px;
    font:    normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#333;
}

body * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.h1 		{display:none;}
h2 			{margin:0;padding:0 0 5px 0;font-weight:bold;color:#f60;font-size:11px;}
h3 			{margin:0;padding:5px 0 5px 0;font-weight:bold;color:#333;font-size:11px;}
div 		{padding-bottom:15px;}
p 			{padding:3px 0 3px 0;margin:0;}





    table {
        width: 100%;
        padding-bottom:10px;
    }

    @media (max-width: 480px) {
        table {
            font-size: 9px;
        }
    }

    @media (max-width: 420px) {
        table img {
            width: 25px;
        }
    }


    th {
        background-color:#757d83;
        color:#fff;
        padding:3px 5px 3px 5px;
        border-bottom: 1px solid #fff;
        text-align: left;
    }
    td {
        padding: 2px 5px 2px 5px;
        border-bottom:1px solid #fff;
        background-color: #e9e9e9 !important;
    }
    td.td_img	{
        width: 40px;
        padding: 0;
        border-bottom: 1px solid #fff;
    }
    @media (max-width: 480px) {
        th, td {
            padding: 1px;
        }
    }



    #sx-gc-content,
    #sx-gc-main {
        max-width: 686px;
        min-width: 245px;
        margin: 0 auto;
        width: 100%;
        min-height: 1px;
    }

    * html #sx-gc-content,
    * html #sx-gc-main {
        height: 1px;
    }

    #sx-gc-main  h2 {
        color: #f60;
        font-size: 18px;
        padding: 0 0 20px 0;
    }

    /* --------------------------------------
    //
    // forms roundbox
    //
    // ----------------------------------- */

    form {
        margin: 0;
        padding: 0;
        font-size: 11px;

    }

    form p {
        clear: both;
        min-height: 1px;
    }

    * html form p {
        height: 1px;
    }

    form br {
        clear: both;
    }

    form select {
        width: 185px;
        padding: 0;
        font-size: 11px;
        border: 1px solid #7f9db9;
    }

    form label.sx-gc-leftfloater {
        width: 50%;
        margin: 0 10px 0 0;
        padding: 0 0 2px 0;
        border-bottom: 1px dashed #c8c8c8;
        float: left;
    }

    @media (max-width: 520px) {
        form label.sx-gc-leftfloater {
            width: 100%;
            border-bottom: none;
            margin-bottom: 2px;
        }
     }

   .sx-gc-customerform {
        display: block;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        min-height: 1px;
        border: 1px solid #a2a2a2;

        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px;
    }

   .sx-gc-customerform h3 {
        padding: 6px 10px 6px 10px;
        margin: 0 0 10px 0;
        font-size: 11px;
        border-bottom: 1px solid #c8c8c8;
    }

    .sx-gc-customerform p {
        margin:0;
        padding:0 10px 3px 10px;
    }

    @media (max-width: 520px) {
        .sx-gc-customerform select {
            width: 100%;
            padding: 5px 0;
        }
     }


    /* --------------------------------------------------
    //
    // button
    //
    // ----------------------------------------------- */
    .sx-gc-button {
		text-decoration: none;
		text-align: left;
		border-style: solid;
		border-width: 1px;
		padding: 5px 8px;
		cursor: pointer;
		display: block;
		float: right;
		margin: 10px;
	    border-color: #b75502;
		background-color: #f60;

		background:-moz-linear-gradient(top, #fcb900, #f60); /* Firefox */
		background:-webkit-gradient(linear, left top, left bottom, from(#fcb900), to(#f60)); /* Safari, Chrome */
		background:-khtml-gradient(linear, left top, left bottom, from(#fcb900), to(#f60));

		-moz-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
		-khtml-border-radius:5px 5px 5px 5px;
		border-radius:5px 5px 5px 5px;

		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
		-khtml-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);

		overflow: hidden;
		zoom:1;

		filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ff6600', startColorstr='#fcb900', gradientType='0');
    }

    .sx-gc-button:hover {
	    text-decoration: none;
		-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
		-khtml-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	}

    .sx-gc-button span {
	    display:block;
		margin: 0;
		font-family:Verdana,Arial,"Liberation Sans","DejaVu Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		white-space: nowrap;
		border: none;
		float: left;
		padding:0 0 0 17px;
		color: #000;
		background-color: transparent;
		background-image: url("/common/img/app/base/buttons/normal-button-sprites.png");
		background-repeat: no-repeat;
		background-position: 0 -200px;
    }

	* html .sx-gc-button span {
		/* IE 6 PNG-fix */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/app/base/buttons/ie-bg-img/button-red-norm.png', sizingMethod='crop');
		background-image: none;
		position: relative;
		left: 0;
		right: 0;
		}

    .sx-gc-button:hover span {
		background-position: 0 -220px;
		color: #fff;
    }

    * html .sx-gc-button:hover span {
		/* IE 6 PNG-fix */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/img/app/base/buttons/ie-bg-img/button-red-hover.png', sizingMethod='crop');
		background-image: none;
		position: relative;
		left: 0;
		right: 0;
		}

    /* --------------------------------------------------
    //
    // content hd
    //
    // ----------------------------------------------- */
    #sx-gc-content .sx-terms-header-selection {
        margin: 0 0 10px 0;
        padding: 0 0 3px 0;
        border-bottom: 1px dashed #d2d2d2;
        font-size: 14px;
    }


    /* --------------------------------------------------
    //
    // mobile optimization
    //
    // ----------------------------------------------- */
    @media (max-width: 799px) {
        body, html  {
            font-size: 14px;
        }

        h2 {
           font-size: 18px;
        }
        h3, h4, h5, h6 {
            font-size: 16px;
        }
        p {
            padding: 3px 0 20px 0;
        }
        form label.sx-gc-leftfloater {
            font-size: 14px;
            font-weight: bold;
            padding: 10px 0 3px 0;
        }
        form select {
            font-size: 16px;
            padding: 5px;
            height: auto;
        }
        .sx-gc-button {
            padding: 10px;
        }
        .sx-gc-button span {
            font-size: 14px;
        }
    }