@charset "UTF-8";

/*
 * Sued-West Framework Fjällräven-Shop
 * framework.css
 */
	/* ============================================================================================== */
	/* ==================================================================================// Framework */
	/* ============================================================================================== */
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../../images/frontend/layout/background.jpg) repeat top left;
}

/* ==================================================================================// Default Styles */


#globalWrapper
{
	background: none;
}	

.defaultBox 
{
	background-color: #F1F2EB;
	border: none;
	border-top: 1px dashed #CACACA;
	border-bottom: 1px dashed #CACACA;
}

input.inputText
{
	color: #000;
	border-color: #9C9D9B;
}

.arrowIcon 
{
	background: url(../../images/frontend/icons/arrow.gif) no-repeat left center;
	padding-left: 32px;
}

/* ==================================================================================// Header */

.frameWrapper
{
	background: url(../../images/frontend/layout/bg_wrapper_header.gif) no-repeat top left;
}

.columnHeader .headerNavigation 
{
	background-color: #fff;
	border-top: 1px dashed #CACACA;
	border-bottom: 1px dashed #CACACA;	
}

.columnHeader .headerNavigation .mainNavigation 
{
	border: none;
}

.columnHeader .headerNavigation .mainNavigation li a 
{
	color: #000;
	background: #fff;
	padding: 4px 12px;
}

.columnHeader .headerNavigation .mainNavigation li:hover a,
.columnHeader .headerNavigation .mainNavigation li a:hover,
.columnHeader .headerNavigation .mainNavigation li a:focus,
.columnHeader .headerNavigation .mainNavigation li a.hover
{
	color: #fff;
	background-color: #69AAED;
}

.columnHeader .headerNavigation .mainNavigation li ul li 
{
	background-color: #F1F2EB;
}

.columnHeader .headerNavigation .mainNavigation li ul li a
{
	color: #000;
}
.columnHeader .headerNavigation .mainNavigation li ul li a:link,
.columnHeader .headerNavigation .mainNavigation li ul li a:visited
{
	color: #000;
	background-color: #F1F2EB;
}

.columnHeader .headerNavigation .mainNavigation li ul li a:hover,
.columnHeader .headerNavigation .mainNavigation li ul li a:active,
.columnHeader .headerNavigation .mainNavigation li ul li a:focus
{
	background-color: #EE3E41;
	color: #fff;	
}

.columnHeader .headerContent h1,
.columnHeader .headerContent h2,
.columnHeader .headerContent .claim {
	color: #69AAED;
}

.columnHeader .headerContent .search .searchHead 
{
	background-color: #F1F2EB;
	color: #000;
}
.columnHeader .headerContent .searchWrap .inputText
{
	float: left;
	border-color: #9C9D9B;
}

.columnHeader .headerContent #cartApplet
{
	border-color: #9C9D9B;
}

.columnHeader .headerNavigation .phone span
{
	color: #000;
}


/* ==================================================================================// Search und Warenkorb-Feld */


.columnHeader .headerContent .shopCart .shopCartHead 
{
	background-color: #F1F2EB;
	color: #000;
}
.columnHeader .headerContent .shopCart .shopCartHeadWithItem{
    background-color: #8B0000;
}
.columnHeader .headerContent .shopCart .shopCartHead a
{
	color: #000;
}

.search input {
	color: #000;
}


.columnHeader .headerContent .shopCart .cartBox {
	}
	.columnHeader .headerContent .shopCart .cartBox .cartBoxTop{
		background-image:url(../../images/frontend/layout/cartBox_top.png);
		}
	.columnHeader .headerContent .shopCart .cartBox .cartBoxBottom{
		background-image:url(../../images/frontend/layout/cartBox_bottom.png);
		}
	.columnHeader .headerContent .shopCart .cartBox .cartBoxCenter{
		background-image:url(../../images/frontend/layout/cartBox_center.png);
		}

.columnHeader .headerContent .search .searchHead a
{
	color: #000;
}

.columnHeader .headerContent .myAccount a 
{
	color: #000;
}


/* ==================================================================================// Content Column */



.columnContent
{
	width: 1001px;
		
}
.columnContent .bgWrapper {
	background: none;
	background: url(../../images/frontend/layout/bg_wrapper.gif) repeat-y top left;
}

.columnContent h1,
.columnContent h2
{
	background-image: url(../../images/frontend/icons/arrowBlack.gif);
}

.columnContent .pageContent 
{
	border-color: #D1CCC1;
	border-style: dashed;
}

.columnContent .breadCrumb a:hover
{
	color: #CACACA;
}
.pageContent .moduleConfigContent table {
	border: 1px solid #D1CCC1 !important;
}
.pageContent .moduleConfigContent table th,
.pageContent .moduleConfigContent table td{
	border: 1px solid #D1CCC1 !important;
}


/* ==================================================================================// Left Column */
.columnLeft .shopNavigation {
	padding: 0;
}

.columnLeft .shopNavigation li {
	border-color: #D1CCC1;
	border-style: dashed;
	color: #333333;
}

.columnLeft .shopNavigation li.main {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.columnLeft .shopNavigation li.sub {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.columnLeft .shopNavigation li a {
	padding-top:6px !important;
	padding-bottom:6px !important;
	display:block !important;
}

.columnLeft .shopNavigation li a:active,
.columnLeft .shopNavigation li a:focus,
.columnLeft .shopNavigation li a:hover,
.columnLeft .shopNavigation li a.hover
	{
	background-color: #EE3E41;
	color: #fff;
	display:block !important;
}

.columnLeft .shopNavigation li.main a
{
	padding: 6px 0 6px 15px;
	background-image: none;
}

.columnLeft .shopNavigation li.sub a
{
	padding: 3px 0 3px 15px;
	background-image: none;	
}

.columnLeft .shopNavigation li.main a.hover, 
.columnLeft .shopNavigation li.sub a.hover {
	color:#FFF;
}


/* ==================================================================================// Right Column */





/* ==================================================================================// Cart */


.columnContent .cartContent {
	border-color: #D1CCC1;
	border-style: dashed;
}

ul.progressList li.active {
	background-color: #69AAED;
}

ul.progressList li {
	background-color: #EBEAEA;
}

ul.progressList li span {
	color: #000;
}

ul.progressList li div.step input {
	color: #000;
}

ul.progressList li div.step {
	color: #000;
}

.tableCart tbody a:link,
.tableCart tbody a:visited
{
	text-decoration:none;
	color:#000;
}
.tableCart tbody a:active,
.tableCart tbody a:focus,
.tableCart tbody a:hover
{
	color:#CACACA;
}

.tableCart th {
	color: #00284B;
	border-bottom: 1px solid #E6E6E6;
}

.columnContent .cartContent .blueLink {
	text-decoration: none;
	color: #69AAED;
}



/* ==================================================================================// Footer */


.columnFooter hr {
	border-color: #D1CCC1;
	border-style: dashed;
}

.columnFooter ul li a:active,.columnFooter ul li a:focus,.columnFooter ul li a:hover
	{
	color: #CACACA;
}

.columnFooter .pageClose
{
	background-image:url(../../images/frontend/layout/pageClose.png);
}

.orderCataloge a:hover,.orderCataloge a:focus {
	color: #CACACA;
}

.fjaellraevenImpressum
{
	text-decoration: none;
	background: url(../../images/frontend/special/logo_suedwest.gif) no-repeat center bottom;
	height: 84px;
	width: 400px;
	display: block;
	
}


/* ==================================================================================// MyAccount */


.myAccountMenu ul li {
	background-image: url(../../images/frontend/icons/arrowBlack.gif);
}

.myAccountMenu ul li a:active,
.myAccountMenu ul li a:focus,
.myAccountMenu ul li a:hover
	{
	color: #CACACA;
}


/* ==================================================================================// MyOrders */


.tableList th {
	color: #00284B;
	border-bottom: 1px solid #E6E6E6;
}

.tableList td {
	border-bottom: 1px solid #E6E6E6;
}


/* ==================================================================================// Others */


.error {
	background: #F9D2D2;
	margin-bottom: 6px;
}

.errorText {
	color: #E53939;
	font-size: 12px;
}

.notice {
	background: #FFFF99;
	margin-bottom: 6px;
}

.success {
	background: #AAB848;
	margin-bottom: 6px;
}










/* ==================================================================================// Header */


.columnHeader .headerMeta .metaNavigation li a:hover,
.columnHeader .headerMeta .metaNavigation li a:active,
.columnHeader .headerMeta .metaNavigation li a:focus
	{
	color: #CACACA;
	text-decoration: none;
}

.columnHeader .headerContent span {
	color: #9F9F9F;
}


.columnHeader .headerContent .shopCart {
	border-style: solid;
	border-width: 1px;
	border-color: #DFDFDF;
	float: right;
	margin: 12px 0 0 0;
	width: 138px;
}






/* ==================================================================================// Product List */


.productList .galleryView .item .moreColors a{
	color:#D1CCC1;
	}
	.productList .galleryView .item .moreColors a img{
		border:solid 1px #D1CCC1;
		}
	.productList .galleryView .item .moreColors a.moreMoreColors {
		border:solid 1px #D1CCC1;
		color:#D1CCC1;
		}

.producerName
{
	color: #69AAED !important;
}
	
.productList .filter {
	background-color: #F1F2EB;
	border-color: #000;
}

.productList .pagenavi a:hover {
	color: #CACACA;
}

.productList .listView .item .image .moreColors a {
	color: #AFAFAF;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
}


.productList .listView .item .info h2 {
	color: #69AAED;
	font-size: 13px;
	font-weight: bold;
}


.productList .listView .item .info .movie {
	width: 47px;
	padding: 0 12px 0 0;
	float: left;
}

.productList .listView .item .info .rating {
	float: left;
	color: #9F9F9F;
	font-size: 9px;
}


.productList .listView .item .info .sizes span {
	color: #AFAFAF;
	text-decoration: none;
	cursor: pointer;
}

/* ============== Gallery View */

.productList .galleryView .item .image .moreColors a {
	color: #D1CCC1;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
}

.productList .galleryView .item .info h2 {
	color: #69AAED;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
}


.productList .galleryView .item .info .rating {
	margin: 12px 0 0 0;
	float: left;
	color: #9F9F9F;
	font-size: 9px;
}


.productList .galleryView .item .info .sizes span {
	color: #AFAFAF;
	text-decoration: none;
	cursor: pointer;
}

.productList .item .info .sizes .sizesBox {
	position: absolute;
	background: #fff;
	width: auto;
	border-color: #DFDFDF;
	border-style: solid;
	border-width: 2px;
	z-index: 300;
	text-align: left;
	margin: 12px 0 0 0;
}


.productList .item .info .sizes .sizesBox table tbody td a img {
	padding:9px 0 0 0;
}

.productList .item .info .sizes .sizesBox table tbody td .red {
	background-color: #FE1010;
}

.productList .item .info .sizes .sizesBox table tbody td .green {
	background-color: #9CCD02;
}

.productList .item .info .sizes .sizesBox table tbody td .yellow {
	background-color: #FEC749;
}



.productList .galleryView .galleryDivider {
}

.productList .galleryView .item .info h3 {
	background:#F1F2EB;
	color:#000000;
	}

.productList .galleryView .item .moreColors a img {
	border:1px solid #D1CCC1;
	}

.productList .galleryView .item .prodWrapper {
	border-top:1px solid #D1CCC1;
}

.productList .galleryView .item {
	background-image:url("../../images/frontend/layout/pList_bg.gif");
	}
.productList .galleryView .item .info .price {
	background-image:url("../../images/frontend/layout/pList_price.gif");
}

.productList .galleryView .item .info {
	width: 100%;
}

.productList .galleryView .item .info h3 a{
	color:#000000;
	}

/* ==================================================================================// Cart */
.register h3 {
	color: #5CABD2;
	font-size: 11px;
}








/* ==================================================================================// MyProfil */


.myAddress li input.error,.billingAddress li input.error {
	background: #F9D2D2;
}

/* ==================================================================================// myCart */




.billingAddress p.mandatory,
.myAddress p.mandatory,
.billingAddress .mandatory label span,
.myAddress .mandatory label span
	{
	color: #E53939;
}



.borderBottom {
	border-bottom: 1px solid #DFDFDF;
}



textarea#cart_msg {
	border: 1px solid #DFDFDF;
}

/* ==================================================================================// categoryList */
.categoryList a {
	text-decoration: none;
	color: #69AAED;
}

.categoryList .product{
	border-right: 1px dotted #949E55;
}

.categoryList .product{
	border-right: 1px dotted #DFDFDF;
}

.categoryList div.hrLine {
	height: 12px;
	border-bottom: 1px dotted #DFDFDF;
}

.categoryList .product h3,.categoryList .productLast h3 {
	text-align: left;
	color: #69AAED;
}


/* ==================================================================================// prodDetails */

.columnContent .productDetails .pageContent .productDetailsContent,
.columnContent .productDetails .pageContent .beforeProductDetailsContent
{
	width: 550px;
	border-color: #CACACA;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	float: left;
}
.columnContent .productDetails .pageContent .beforeProductDetailsContent
{
	border-bottom-width: 0px;
}

.columnContent .productDetails .pageContent .productDetailsContent h1,
.columnContent .productDetails .pageContent .productDetailsContent h2  {
	color: #CACACA;
	margin: 0;
}

.columnContent .productDetails .pageContent .productDetailsContent .productImage
	{
	border: 1px solid #CACACA;
	display: block;
	width: 280px;
	height: 280px;
	float: left;
}

.columnContent .productDetails .pageContent .productDetailsContent .changeProductItems .score a:hover
{
	color: #CACACA;
}

.columnContent .productDetails .pageContent .productDetailsContent .productLeftColumn .moreImages
{
	border-color: #CACACA;
}

.columnContent .productDetails .pageContent .sisters .name {
	color: #69AAED;
}


.columnContent .productDetails .pageContent .accessories .name {
	color: #69AAED;
}

.columnContent .productDetails .columnLeft {
	margin: 0pt 0pt 0pt 10px;
	position: static;
	float: left;
}

.columnContent .pageContent .evaluation {
	padding-bottom: 12px;
	border-bottom: 1px solid #69AAED;
	background: #E0E0D1;
}



.siteFeatures ul li#noticeFeature input:hover,
.siteFeatures ul li a:hover
	{
	color: #CACACA;
}

.descriptionTabs .descriptionNav{
	padding-top: 20px;
	border-bottom: 1px solid #CACACA;
	width: auto;
	display: block;
}


.faqAnswer .faqContent {
	background: #E0E0D1;
	border: 1px solid #949E55;
}

.faqAnswer .faqContent h5 {
	font-size: 11px;
	border-bottom: 1px solid #949E55;
}

.faqAnswer .faqContent p {
	background: #fff;
	border-bottom: 1px solid #949E55;
}

.faqAnswer .faqContenta:hover {
	color: #E53939;
}

.descriptionTabs ul li input.taboff,
.descriptionTabs ul li input.tabon
{
	background-color: #F1F2EB;
	border: 1px solid #CACACA;
	border-bottom: 1px solid #E0E0D1;
	color: #000000;
	font-weight: normal;
	line-height: 15px;
	margin: 0 4px 0 auto;
	padding: 2px 6px;
	padding-bottom: 0;
	text-decoration: none;
}

.descriptionTabs ul li input.taboff:hover,
.descriptionTabs ul li input.tabon:hover
{

	color: #E53939;
}

.descriptionTabs ul li input.tabon
{
	background-color: #FFFFFF;
	border-color: #CACACA #CACACA #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 1px;
}

/* ==================================================================================// Admin */
.moduleConfigMenu,.moduleConfigHead {
	width: 180px;
	background-color: #F7F8E8;
	z-index: 1000;
	padding: 6px;
	border-bottom-color: #777;
	border-right-color: #777;
	border-top-color: #DDD;
	border-left-color: #DDD;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	opacity: 0.9;
}