
*
{

        margin: 0;

        padding: 0;

}



body

{

    font-size: 100.01%;

    padding: 0px;

    text-align: center;

    position:relative;

}



/* ###################### general ###################### */

#all

{

    margin: 0 auto;
    padding: 0px;
    text-align: left;
	width:1000px;

}



#header

{

    display:block ;

    position:relative;

    padding:0px;

    overflow:hidden;

}



#back

{

        margin: 0;

        padding:0px;

}



#contentarea,

#contentarea2

{

	position:relative;

    overflow:hidden;

    padding:0px 0px ;

    margin:0;



}



#wrapper

{

	width:230px;
	float:left;
	position:relative;
}
#wrapper2

{

	width:710px;
	/* float: right; */
	position:relative;

}
#wrapper2 .item-page

{padding: 0 20px 0 10px;}

#main

{

    padding: 10px 0px 0px 0px;

    position: relative;

    min-height:320px;

}



#right

{

    float:left;

    width: 20%;

    margin:10px 0px 10px 2%;

    padding:0px 0px 5px 0px;

    position:relative;





}



.unseen,

.hidelabeltxt

{

        display: inline;

    height: 0px;

    left: -3000px;

    position: absolute;

    top: -2000px;

    width: 0px;

}



/* ++++++++++++++  nav after content  ++++++++++++++ */

.left

{

        padding-top:0px;

        float: left;

        margin:10px 0px 10px 0%;

        width: 22%;

        position:relative;



}



/* ++++++++++++++  nav before content  ++++++++++++++ */

.left1

{

    padding:0px 0 0 0px;

    float: left;

    margin:10px 3% 10px 0px;

    width: 21%;

        position:relative

}



.leftbigger

{	 

	/* margin-top: 1px; */

    width: 219px;

}





/* ###################### header ###################### */



.skiplinks,

.skiplinks li

{

        display: inline;

    height: 0px;

    line-height:0;

    padding:0 !important;

}



.skiplinks li a.u2

{

        display: inline;

    height: 0px;

    left: -3000px;

    position: absolute;

    top: -2000px;

    width: 0px;

    z-index: 200 !important;

}



.skiplinks li a.u2:active,

.skiplinks li a.u2:focus

{

        position:absolute;

    width:13em;

    top:100px;

    left:10px;

    z-index:10;

    line-height:1.5em;

    padding:5px;

    font-weight:bold;

    height:3em

}



.wrap

{

        border: 0;

    clear: both;

    float: none;

    font-size: 1px;

    height: 0;

    line-height: 1px;

    margin: 0;

    padding: 0;

    visibility: hidden;

}



h1#logo

{

        font-size:3.5em;

        line-height:1.0em;

}



#logo

{

}



#logo img

{

        display: block;

        }



#logo span

{

        padding-left:2px

}



#logo span.header1

{

        font-size:0.4em;

        display:block;

        top:0em;

        line-height:0.8em

}



.logoheader

{

        margin:0;

        padding:0;

        text-align:left;

        font-weight:normal;

        line-height:1.5em;





}



#line

{



}



/* ++++++++++++++  button for closing right column  ++++++++++++++ */



#close

{

        margin-right:0px;

        font-size:0.85em;

        text-transform:uppercase;

}



#close span

{

        position:absolute;

        right: 20px;

    z-index:10000;

    top:5px;

    width:7em;

    font-weight:bold;

    text-align:right;

    line-height:1.5em;

    padding:5px 2px 5px 5px

}





/* ###################### main ###################### */



/* ++++++++++++++  position  ++++++++++++++ */



.blog-featured

{

        padding: 0;

}



.items-leading

{

        padding:0px 5px 10px 5px;

        overflow:hidden;

        margin-bottom:10px

}



.row-separator

{

        display: block;

        clear: both;

        margin: 0;

        border: 0px;

        height:1px

}



.item-separator

{

        display: none;

        margin: 0px;

}



.shownocolumns

{

        width:100% !important;

}



#top

{

        margin:0 0 20px 0;

        overflow:hidden

}



/* ++++++++++++++  blog  ++++++++++++++ */



.cols-1

{

        display: block;

        float: none !important;

        margin: 0 !important;

}



.cols-2 .column-1

{

        width:46%;

        float:left;

}



.cols-2 .column-2

{

        width:46%;

        float:right;

        margin:0

}



.cols-3 .column-1

{

        float:left;

        width:29%;

        padding:0px 5px;

        margin-right:4%



}

.cols-3 .column-2

{

        float:left;

        width:29%;

        margin-left:0;

        padding:0px 5px

}

.cols-3 .column-3

{

        float:right;

        width:29%;

        padding:0px 5px

}



.items-row

{

        overflow:hidden;

        margin-bottom:10px !important;

}



.column-1,

.column-2,

.column-3

{

        padding:10px 5px

}



.column-2

{

        width:55%;

        margin-left:40%;

}



.column-3

{

        width:30%

}



.blog-more

{

        padding:10px 5px

}



/* ++++++++++++++  footer  ++++++++++++++ */



#bottom

{

        overflow:hidden;

		background: none repeat scroll 0 0 #3AA5E2;

}



.box

{

        width:27%;

        float:left;

        margin-right:0px;

        min-height:100px;

        position:relative

}



.box1

{

        width:72%

}



.box2

{

        width:82%

}



.box3

{

        float:right

}



#footer-inner

{

        max-width:1025px;

        margin:0 auto;

        font-size:0.8em;

        padding:10px 15px 15px 10px;

}

img { border: 0 none; }

.g-recaptcha{
    margin-left: 85px;
}
/* End */
.banner_right{
    float:left; 
    margin-top:0px;
    background: url('http://gloryshipping.vn/images/logo/huyhoan.png');
    background-repeat: no-repeat;
    width: 800px;
    height: 124px;
}
.logo_image {
    display: inline-block;
    float: left;
    margin: 0px 0 0 10px;
    width: 139px;
    height: 120px;
    background: url(../images/logo.jpg) no-repeat;
}