/* @override http://monogiggle:8888/skin/frontend/default/newlogo/css/magelogic.css */

/*
	Variable Block System.
	Learn more ~ http://www.spry-soft.com/Blocks/
	Based on 960 Block System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container-12 {
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

/* Block >> Global
----------------------------------------------------------------------------------------------------*/

.block-1,
.block-2,
.block-3,
.block-4,
.block-5,
.block-6,
.block-7,
.block-8,
.block-9,
.block-10,
.block-11,
.block-12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
}

/* Block >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Block >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .block-1 {
	width:69px;
}

.container-12 .block-2 {
	width:150px;
}

.container-12 .block-3 {
	width:231px;
}

.container-12 .block-4 {
	width:312px;
}

.container-12 .block-5 {
	width:393px;
}

.container-12 .block-6 {
	width:474px;
}

.container-12 .block-7 {
	width:555px;
}

.container-12 .block-8 {
	width:636px;
}

.container-12 .block-9 {
	width:717px;
}

.container-12 .block-10 {
	width:798px;
}

.container-12 .block-11 {
	width:879px;
}

.container-12 .block-12 {
	width:960px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .prefix-1 {
	padding-left:81px;
}

.container-12 .prefix-2 {
	padding-left:162px;
}

.container-12 .prefix-3 {
	padding-left:243px;
}

.container-12 .prefix-4 {
	padding-left:324px;
}

.container-12 .prefix-5 {
	padding-left:405px;
}

.container-12 .prefix-6 {
	padding-left:486px;
}

.container-12 .prefix-7 {
	padding-left:567px;
}

.container-12 .prefix-8 {
	padding-left:648px;
}

.container-12 .prefix-9 {
	padding-left:729px;
}

.container-12 .prefix-10 {
	padding-left:810px;
}

.container-12 .prefix-11 {
	padding-left:891px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .suffix-1 {
	padding-right:81px;
}

.container-12 .suffix-2 {
	padding-right:162px;
}

.container-12 .suffix-3 {
	padding-right:243px;
}

.container-12 .suffix-4 {
	padding-right:324px;
}

.container-12 .suffix-5 {
	padding-right:405px;
}

.container-12 .suffix-6 {
	padding-right:486px;
}

.container-12 .suffix-7 {
	padding-right:567px;
}

.container-12 .suffix-8 {
	padding-right:648px;
}

.container-12 .suffix-9 {
	padding-right:729px;
}

.container-12 .suffix-10 {
	padding-right:810px;
}

.container-12 .suffix-11 {
	padding-right:891px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .push-1 {
	left:81px;
}

.container-12 .push-2 {
	left:162px;
}

.container-12 .push-3 {
	left:243px;
}

.container-12 .push-4 {
	left:324px;
}

.container-12 .push-5 {
	left:405px;
}

.container-12 .push-6 {
	left:486px;
}

.container-12 .push-7 {
	left:567px;
}

.container-12 .push-8 {
	left:648px;
}

.container-12 .push-9 {
	left:729px;
}

.container-12 .push-10 {
	left:810px;
}

.container-12 .push-11 {
	left:891px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .pull-1 {
	left:-81px;
}

.container-12 .pull-2 {
	left:-162px;
}

.container-12 .pull-3 {
	left:-243px;
}

.container-12 .pull-4 {
	left:-324px;
}

.container-12 .pull-5 {
	left:-405px;
}

.container-12 .pull-6 {
	left:-486px;
}

.container-12 .pull-7 {
	left:-567px;
}

.container-12 .pull-8 {
	left:-648px;
}

.container-12 .pull-9 {
	left:-729px;
}

.container-12 .pull-10 {
	left:-810px;
}

.container-12 .pull-11 {
	left:-891px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* Block >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha-top {
	margin-top: 3px;
}

.omega-bottom {
	margin-bottom: 3px;
}

.alpha-op {
	margin: 10px;
}


.omega-op {
	margin-left: -3px;
}

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}