/* ---------- General CSS ---------- */
body {
	margin:0px;
	padding:0px;
	background-image:url(../../upload/bgMiddle.jpg);
    background-repeat:repeat-y;
    background-position:center 700px;
}

/* ---------- Page structure ---------- */
div#outerContainer
{  
    width:100%;
}

div#palmtree
{
    background-image:url(images/palmtree.png);
    background-position:top left;
    background-repeat:no-repeat;
    position:absolute;
    left:0px;
    top:150px;
    width:376px;
    height:944px;
    z-index:1;
}

div#innerContainer
{
    background-image:url(../../upload/bgTop.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    min-height:700px;
}

div#container
{
    width:650px;
    margin-left:auto;
    margin-right:auto;
    padding-top:11px;
    position:relative;
    z-index:2;
}

div#container div#top
{
    height:42px;
    margin-bottom:10px;
}

div#container div#columnLeft
{
    float:left;
    width:111px;
    padding-left:10px;
    margin-right:10px;
}

div#container div#content
{
    float:left;
    width:510px;
}

div#footer
{
    clear:both;
}

div#footer
{
    background-image:url(../../upload/bgBottom.jpg);
    background-repeat:no-repeat;
    background-position:top center;   
    height:556px;
}

div.footerContainer
{
    width:650px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-top:335px;
}

/* ---------- Menyer ---------- */
div#footer .menu
{
    margin-bottom:20px;
}

div#footer .menu ul
{
    list-style:none;
    margin:0;
    padding:0;
    width:650px;    
}

div#footer .menu ul li
{
    display:inline;
    margin:0;
    padding:0;
    padding-left:8px;
    padding-right:8px;
}

div#footer .menu ul li a
{
    color:#FFFFC7;
    font-size:16px;
    font-family:Georgia;
    text-decoration:none;
}

div#footer .menu ul li a:hover
{
    text-decoration:underline;
}

/* ---------- Cart ---------- */
div#cart
{
    float:right;
    margin-top:3px;
    margin-right:5px;
    color:#c13100;
    font-size:11px;
}

div#cart a
{
    text-decoration:none;
    color:#C13100;
}

div#cart div.left
{
    float:left;
    background-image:url(images/cart_left.jpg);
    width:32px;
    height:35px;
}

div#cart div.center
{
    float:left;
    background-image:url(images/cart_center.jpg);
    background-repeat:repeat-x;
    height:20px;
    padding:10px 10px 0 10px;
}

div#cart div.right
{
    float:left;
    background-image:url(images/cart_right.jpg);
    width:14px;
    height:35px;
}

/* ---------- Artikelgruppsträd ---------- */

.articlegrouproot {
	list-style:none;
	padding:0;
	margin:0;
	width:111px;
	font-size:12px;
}

.articlegrouproot li {
    margin-top:3px;
    margin-bottom:3px;
}

.articlegrouproot li a {
    display:block;
    color:#1C5656;
    text-decoration:none;
    padding-left:12px;
    background-repeat:no-repeat;
    background-position:0 3px;
    font-weight:bold;
}

.articlegrouproot li.current a {
    color:#C13100;
}

/* För att få IE 7 att inte göra länkar i grupper under aktiv grupp som aktiva */
.articlegrouproot li.current ul li a {
    color:#1C5656;
}

.articlegrouproot li.closed a {
    background-image: url(images/root_plus.gif);
}

.articlegrouproot li.open a {
    background-image: url(images/root_minus.gif);
}

.articlegrouproot li.locked a {
    background-image: url(images/root_locked.gif);
}

/* För att få IE 7 att inte göra bakgrunder i grupper under aktiv grupp som aktiva */
.articlegrouproot li.open ul li a {
    background-image:none;
}

.articlegrouproot ul.level1 {
	list-style:none;
	padding:0;
	margin-left:13px;
	font-size:11px;
}

.articlegrouproot ul.level1 li
{
	background-image: url(images/dot.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.articlegrouproot ul.level1 li a {
    padding-left:8px;
    font-weight:normal;
}

/* För att få IE 7 att inte göra bakgrunder i grupper under aktiv grupp som aktiva */
.articlegrouproot ul.level1 li.open ul li a {
    background-image: none;
}

.articlegrouproot ul.level2 {
	list-style:none;
	padding:0;
	margin-left:11px;
}

/* ---------- Shop-window ---------- */

.shopWindow {
	width:510px;
}

.shopWindow .item 
{
    position:relative;
	float:left;
	width:170px;
	text-align:center;
}

.shopWindow .infobadge {
	position:absolute;
	top:0px;
	left:0px;
}

.shopWindow .infocontainer
{
	/*width:120px;*/
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.shopWindow .thumb {
	width:170px;
	height:182px;
	border:1px solid black;
}

.shopWindow .trademarktitle {
	font-size:10px;
}

/*.shopWindow .title {
	width:120px;
}*/

.shopWindow .price 
{
    color:#1C5656;
}

.shopWindow .xDivider {
	width:0px;
	height:200px; /* Required for Firefox */
	float:left;
}

.shopWindow .yDivider {
    height:12px;
}

/* ---------- Article ---------- */

#article {
	width:510px;
}

#article .articleImagesWrapper {
	float:left;
	width:315px;
	margin-right:6px;
}

#article .matrixDropdowns {
    margin-bottom:10px;
    margin-top:15px;
}

#article .articleImage {
    position:relative;
    height:385px;
    width:315px;
	float:left;
	background-image:url('images/large_article_background.jpg');
	margin-bottom:6px;
	padding-top:18px;
	text-align:center;
}

#article .articleImage .enlargebutton {
    position: absolute;
    top: 390px;
    left: 1px;
}

#article .price
{
    font-size:18px;
    font-weight:bold;
}

#article .buyoptions 
{
    font-weight:bold;
}

#article .addanimation
{
    color:#C13100;
}

#article .addanimation a
{
    color:#C13100;
    font-weight:bold;
}

#article .articleInfo {
    position: relative;
	float: left;
	width: 183px;
	min-height: 403px;
	padding: 18px 0px 18px 0px;
}

#article .articleInfo .description {
    margin-top: 6px;
    font-size: 11px;
}

#article .articleInfo .linkoptions {
    width: 100%;
    font-weight:bold;
}

#article .articleInfo .linkoptions a {
    font-weight:normal;
}

#article .articleInfo .linkoptions input {
    margin-top: 2px;
    font-size: 10px;
    padding: 2px 0 2px 0;
    border: solid 1px #cccccc;
}

#article .articleInfo .linkoptions div {
    margin-top: 4px;
}

#article .articleInfo .linkoptions img {
    vertical-align: middle;
}

#article .extraArticles {
	width:315px;
	padding-top:60px;
	position:relative;
	top:30px;
}

#article .extraArticles img {
	float:left;
	margin-bottom:8px;
	margin-right: 8px;
}

#extraArticleDivider {
	width:8px;
	height:90px; /* Required for Firefox */
	float:left;
}

/*table.sizeguideheader {
    margin-top: 16px;
}
table.sizeguideheader td {
    vertical-align: bottom;
}
table.sizeguideheader td.text {
    padding-bottom: 6px;
    padding-right: 6px;
    font-weight: bold;
    font-size: 12px;
}

div#sizeguide {
    margin-left: 34px;
}*/
div#sizeguide 
{
    font-size: 10px;
}

/* ---------- Other ---------- */
div#searchBox 
{
    float:left;
    margin-top:10px;
    margin-left:4px;
    width:180px;
}

.sortRow {
    width:510px;
    margin-bottom:20px;
}

.sortRow .current {
    font-weight: bold;
}

.sortRow a {
	text-decoration:none;
}

.sortRow a:hover {
	text-decoration:underline;
}

.sortRow .sorting {
	text-align:right;
}

.sortRow .articlesPerPage {
	text-align:right;
	width:160px;
}

#topflash
{
    text-align:center;
    width:100%;
    height:300px;
}