@charset "utf-8";
/*

<summary>
CDON Public - layout.css
</summary>
<author>Dan Nilsson, Web designer - CDON.COM</author>
<copyright>CDON.COM AB 1999-2010, all rights reserved</copyright>
*/

/* ---< init >--- */

#preview,
#cart-navigation-wrapper,
#banner-content-wrapper,
.section-wrapper div.content-container,
.section-border-wrapper,
#sims3-guy,
.panel .content { overflow: hidden; }

#cart-navigation-wrapper,
div.content-wrapper,
form.content-wrapper,
#banner-content-wrapper,
.section-wrapper .header-container .icon,
.section-wrapper .header-container h1,
.section-wrapper .header-container h2 { float: left; }

#footer,
#poweredby,
.section-wrapper,
.section-wrapper div.content-container,
.section-border-wrapper { clear: both; }

/* ---</ init >--- */


/* ---< preview >--- */

#preview {
	height: 70px;
	background: #efefef;
	padding: 10px;
	border-bottom: 2px solid #999;
}

#preview h1 {
	font-size: 1.5em;
	color: #7e7f7e;
}

#preview a.active {
	color: #42a600;
	font-weight: normal;
}

#preview a.inactive {
	color: #ff0000;
	font-weight: normal;
}

#preview select { min-width: 150px; }

#preview label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}


#preview input {
	padding-left: 3px;
	font-weight: normal;
}

#preview input.button {
	padding: 2px 10px;
	font-weight: normal;
	margin-left: 60px;
}

#preview input.url { width: 443px; }

#preview table {
	margin-top: 0px;
	width: 100%;
}

#preview th,
#preview td {
	text-align: left;
	padding-right: 30px;
}

#preview th.preview,
#preview td.preview { width: 200px; }

#preview th {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 7px;
}

#preview td {
	border-top: 1px solid #fff;
	padding-top: 5px;
	white-space: nowrap;
}


#preview th.last,
#preview td.last { padding-right: 0px; }

/* ---</ preview >--- */


/* ---< site-layout >--- */


/* < centering site > */

.outer-wrapper {
	margin: 0 auto;
	position: relative;
	width: 995px;
}

.outer-wrapper.center-enabled {
	width: 1525px;
	overflow: hidden;
	position: static;
}

#site-wrapper {
	float: left;
	width: 995px;
}

.bfb-wrapper {
	min-height: 1px;
	width: 260px;
	margin-top: 5px;
}

.bfb-wrapper.center-enabled { float: left; }

.bfb-wrapper.left { display: none; }

.bfb-wrapper.left.center-enabled {
	display: block;
	margin-right: 5px;
}

.bfb-wrapper.right {
	margin-left: 5px;
	left: 995px;
	top: 0;
	position: absolute;
}

.bfb-wrapper.right.center-enabled {
	left: auto;
	top: auto;
	position: static;
}

/* < centering site > */


/* < Center = on > */

/*
#outer-wrapper {
	margin: 0 auto;
	width: 1525px;
	overflow: hidden;
}

#site-wrapper,
.bfb-wrapper { float: left; }

.bfb-wrapper {
	width: 260px;
	overflow: hidden;
}

#bfb-wrapper-right	{ margin: 5px 0 0 5px; }
#bfb-wrapper-left	{ margin: 5px 5px 0 0; }
*/

/* </ Center = on > */


/* < Center = off > */
/*
div#bfb-wrapper-right {
	position: absolute;
	left: 1000px;
	top: 5px;
	overflow: hidden;
}
*/
/* </ Center = off > */

/*
.bfb-wrapper div { margin-left: 0; }
.bfb-wrapper p { margin: 0; }
.bfb-wrapper a { text-decoration: none; }
*/

/*
#site-wrapper { width: 995px; }
*/

#cart-navigation-wrapper { width: 215px; }

div.content-wrapper,
form.content-wrapper {
	width: 560px;
	margin: 0 5px 5px 5px;
}

#banner-content-wrapper { width: 210px; }

#footer {
	background: url(../media-static/images/layout/common/footer-content.gif) repeat-x top left;
	float: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

#poweredby {
	padding-top: 5px;
	padding-right: 7px;
	text-align: right;
}

#poweredby img { display: inline; }

/* ---</ site-layout >--- */


/* ---< section-wrapper >--- */

.section-wrapper {
	margin-left: 5px;
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
}

#banner-content-wrapper .section-wrapper { margin-left: 0; }

.section-wrapper .section-shadow {
	height: 5px;

	border-left: 1px solid #42a600;
	border-right: 1px solid #42a600;
	
	background: url(../media-static/images/layout/common/section-shadow.gif) repeat-x top left;
	
	overflow: hidden;
}

.section-wrapper .header-container {
	background: url(../media-static/images/layout/common/section-background-middle.gif) repeat-x #42a600;

	overflow: hidden;
	position: relative;

	min-height: 30px;
}

.section-wrapper .header-container .left,
.section-wrapper .header-container .right {
	position: absolute;
	width: 13px;
	height: 30px;
}

.section-wrapper .header-container .left {
	background: url(../media-static/images/layout/common/section-background-left.gif) no-repeat top left;
	top: 0;
	left: 0;
}

.section-wrapper .header-container .icon {
	margin-top: 7px;
	margin-right: -9px;
	padding-left: 6px;
	position: relative;
	float: left;
	z-index: 1;
}

.section-wrapper div.header-container h1,
.section-wrapper div.header-container h2 {
	padding: 7px 0;
	padding-left: 13px;
	width: 165px;
	color: #fff;
	float: left;
}

.section-wrapper .header-container .right {
	top: 0;
	right: 0;
	background: url(../media-static/images/layout/common/section-background-right.gif) no-repeat top right;
}

/* < cart only > */

.section-wrapper .header-container .right .icon {
	margin: 0;
	position: absolute;
	top: 8px;
	right: 8px;
}

/* </ cart only > */

.section-wrapper .header-container a {
	color: #fff;
	text-decoration: underline;
}

.section-wrapper div.content-container {
	border: 1px solid #42a600;
	border-top: none;
	clear: both;
	overflow: hidden;

	padding: 8px;
	padding-top: 3px;
}

.section-border-wrapper {
	border: 1px solid #42a600;
	clear: both;
	overflow: hidden;
	
	margin-left: 0;
	
	padding: 8px;
	padding-top: 3px;
}

.section-wrapper div.content-container table {
	border-collapse: collapse;
	width: 100%;
}

.section-wrapper div.content-container table a {
	font-weight: bold;
	line-height: 1.2em;
	color: #0080a3;
}

/* ---</ section-wrapper >--- */


/* ---< section-big-wrapper >--- */

.section-big-wrapper { margin: 0; }

.section-big-wrapper div.section-shadow {
	border: none;
	margin-bottom: -5px;
}

.section-big-wrapper div.header-container h1,
.section-big-wrapper div.header-container h2 {
	font-size: 1.2em;
	border: none;
	width: 420px;
}

.section-big-wrapper .header-container .show-more {
	float: right;
	padding-right: 16px;
	margin-top: 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

.section-big-wrapper div.content-container { border: none; }

/* ---</ section-big-wrapper >--- */


/* ---< general panels >--- */

.panel .content {
	background: url(../images/layout/gradient-panel-top.gif) #cfe7ae no-repeat;
	padding: 15px 15px 0 15px;
}

.panel .bottom {
	background: url(../images/layout/gradient-panel-bottom.gif) no-repeat;
	height: 15px;
}

/* ---</ general panels >--- */


/* ---< we-are-the-best >--- */

#we-are-the-best .content-container table td { padding: 5px; }

/* ---</ we-are-the-best >--- */


/* ---< other >--- */

.custom-li-icon {
	padding: 0 0 0 19px;
	margin: 0;
	list-style-image: url(../images/icon/custom-li-icon.gif);
}

div.navigation-block-content .custom-li-icon a {
	font-weight: normal;
	text-decoration: none;
}

div.navigation-block-content .custom-li-icon a:hover { text-decoration: underline; }

div.navigation-block-banner,
div.navigation-block-banner .section-shadow { margin: 0 0 5px; }
div.navigation-block-banner .content-container { padding: 0; }

body.sims3-guy { background: url(../theme/sims3/images/layout/common/takeover-backdrop.jpg) 899px 0 no-repeat; }

#sims3-guy {
	position: absolute;
	top: 5px;
	left: 1000px;
}

#sims3-guy img {
	width: 260px;
	height: 850px;
}

.z-dev {
	background: aqua;
	padding: 5px;
	margin: 5px;
	border: 1px solid #000;
}

/* ---</ other >--- */