

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left !Important; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}

body {
    min-width: 1180px;
}

.wrapper {
    width: 1030px;
}

#sidebar-a {
    width: 230px;
}

#sidebar-b {
    width: 230px;
}

#maininner {
    width: 800px;
}

#menu .dropdown {
    width: 250px;
}

#menu .columns2 {
    width: 300px;
}

#menu .columns3 {
    width: 550px;
}

#menu .columns4 {
    width: 800px;
}

.module {
    position: relative;
}

    .module .badge {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
    }

    .module .module-title .icon {
        display: block;
        position: relative;
        top: -6px;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        overflow: hidden;
        float: left;
    }

.deepest > *:first-child {
    margin-top: 0;
}

.deepest > *:last-child {
    margin-bottom: 0;
}

.module .module-title {
    margin: 0 0 15px 0;
}

    .module .module-title span.title {
        display: block;
    }

    .module .module-title span.subtitle {
        display: block;
        margin-top: 2px;
        line-height: 14px;
        font-size: 12px;
        text-indent: 1px;
    }

.module .badge {
    top: -7px;
    right: -7px;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
}

.module .badge-hot {
    background-position: 0 0;
}

.module .badge-top {
    background-position: 0 -40px;
}

.module .badge-free {
    background-position: 0 -80px;
}

.module .badge-new {
    background-position: 0 -120px;
}

.module .module-title {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
}

.module.has-icon .module-title {
    text-align: left;
}

.module .module-title .icon {
    top: 0;
    height: 36px;
    width: 36px;
    margin-right: 10px;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
}

.module .module-title .icon-download {
    background-position: 0 0;
}

.module .module-title .icon-twitter {
    background-position: 0 -40px;
}

.module .module-title .icon-mail {
    background-position: 0 -80px;
}

.module .module-title .icon-bubble {
    background-position: 0 -120px;
}

.module .module-title .icon-login {
    background-position: 0 -160px;
}

.module .module-title .icon-cart {
    background-position: 0 -200px;
}

.mod-box {
    padding: 15px;
    background: #fff;
    color: #444;
}

.mod-box-transparent {
    color: #fff;
    box-shadow: 0 0 1px rgba(255,255,255,0.2);
}
