/* -----------------------------------*/
/* ---- SITE: www.indumenti.com ---*/
/* ---------- CSS Author: F ----------*/
/* ---------- (c) ShopSetup ----------*/
/* -----------------------------------*/


/* -----------------------------------*/
/* ----------->>> GENERAL <<<---------*/
/* -----------------------------------*/

body { margin: 0; padding: 0; background: #000 url(../img/body_background.jpg) no-repeat center top; background-attachment:fixed; font: 14px/1.5em Georgia, "Times New Roman", Times, serif; }
a { text-decoration: none; outline: none; color: #fff; }
ol {color:#fff;}

/* -----------------------------------*/
/* --------->>> TYPOGRAPHY <<<--------*/
/* -----------------------------------*/
h1, h2, h3 {font-family: times, "Times New Roman", georgia, serif; margin:0; padding: 0; color:#dadada; clear:both}
h1 { font-size: 1.8em; line-height: 40px; font-weight:normal; font-style:oblique; color:#fafafa;}
h2 { font-size: 1.6em; line-height: 40px; font-weight:lighter;font-style: oblique; padding:0;}
h3 { font-size: 1.2em; line-height: 40px; font-weight:normal; font-style: oblique; color:#eee; padding:0 0 0 10px; }
h4 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 18px; margin:0; padding: 0; font-weight: 700;}
h5 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 22px; margin:0 0 0 10px; padding: 0; font-weight:100;  }
p {font-family:  georgia, "Times New Roman",times, times-roman, serif;color:#fff; font-weight: normal; line-height:135%; font-size:1em; color:#ccc; padding-bottom:15px}
p em {font-size:16px;}
/* -----------------------------------*/
/* --------->>> PLACEMENT <<<---------*/
/* -----------------------------------*/

/* ----- CONTENT ----- */
#mainContainer { width: 960px; margin:0 auto; padding:40px 0 0 0;}

#LogoWrapper {padding:0 0 15px 15px;}

/* ----- Top Navigering ----- */

#topNav { height:51px; float:right; padding:0; margin:0; text-transform:uppercase; position:relative;}
#topNav li { font-size:11pt; line-height:3.7em; font-weight:normal; color:#fff; height:51px; background: url(../img/top_menu_bckg.png); float:left}
#topNav .delimiter {color:#999; text-decoration:none; display:block; height:51px; float:left; text-align:center; padding-right:0px;}
#topNav .left_divider {color:#fff; text-decoration:none; display:block; width:125px; height:51px; float:left; text-align:center; background:none }
#topNav .divider {color:#fff; text-decoration:none; display:block; width:25px; height:51px; float:left; text-align:center; background:none }



#topNav li a{color: #999; text-decoration:none; display:block; height:51px; float:left; text-align:center; padding:0 10px;}
#topNav li a:hover{text-decoration:none; color:#fff;}
#topNav li a.topNavActive {color:#fff; text-decoration:none;}

#topNav .highlight { color:#dd48c6; font-style:oblique; }
#topNav a.highlight:hover {text-decoration:underline; color:#dd48c6;}

/* ----- HEADER ----- */
#header {border: 1px solid #666; width:958px; height:287px; background:url(../img/header.jpg) no-repeat; float:left}
#header_temp {border: 1px solid #666; width:918px; height:247px; padding: 20px; background:url(../img/blackbg.png); float:left; font-size:18pt; line-height:2em; text-align: center; font-weight:normal; color:#fff;font-style:italic; }
#header_butiken { border:1px solid #666; border-width:1px 1px 0 1px; width:958px; height:223px; background:url(../img/header_personal_2.jpg) no-repeat; float:left;}
#header_klader { border:1px solid #666; border-width:1px 1px 0 1px; width:958px; height:223px; background:url(../img/header_klader.jpg) no-repeat; float:left;}
#header_club { border:1px solid #666; border-width:1px 1px 0 1px; width:958px; height:223px; background:url(../img/header_clubIndumenti.jpg) no-repeat; float:left;}
#header_omIndumenti { border:1px solid #666; border-width:1px 1px 0 1px; width:958px; height:223px; background:url(../img/header_omIndumenti.jpg) no-repeat; float:left;}
/*#headerAlt {border: 1px solid #444; width:958px; height:287px; float:left; background:url(../img/header_butiken.jpg) no-repeat;}*/

#flashHeader {}

#header_butiken #textBlock {background: url(../img/trans_bckg_70.png) repeat; width:375px; height:210px; margin:0px 0;}
#header_butiken #textBlock h1 { padding:25px 10px 0px 15px;}
#header_butiken #textBlock p { padding:0 15px;}

#header_klader #textBlock {background: url(../img/trans_bckg_70.png) repeat; width:375px; height:210px; margin:0px 0;}
#header_klader #textBlock h1 { padding:25px 10px 0px 15px;}
#header_klader #textBlock p { padding:0 15px;}

#header_club #textBlock {background: url(../img/trans_bckg_70.png) repeat; width:375px; height:210px; margin:0px 0;}
#header_club #textBlock h1 { padding:25px 10px 0px 15px;}
#header_club #textBlock p { padding:0 15px;}

#header_omIndumenti #textBlock {background: url(../img/trans_bckg_70.png) repeat; width:375px; height:210px; margin:0px 0;}
#header_omIndumenti #textBlock h1 { padding:25px 10px 0px 15px;}
#header_omIndumenti #textBlock p { padding:0 15px;}

/* ----- BODY ----- */
#mainBodyWrapper {width: 958px; background: url(../img/trans_bckg_90.png); float:left; border:1px solid #666; border-width:0 1px 1px 1px; }
#mainBodyWrapper_Handla {width: 958px; background: url(../img/trans_bckg_90.png); float:left; border:1px solid #666; border-width:1 1px 1px 1px; }
#mainBodyWrapper_alt {width:960px; background: url(../img/trans_bckg_90.png); float:left;}

/* BODY Columns */
#leftColWrapper {padding:15px 10px 20px 15px; width:600px; float:left}
#leftColWrapper p img {margin:10px 0}
#rightColWrapper {padding:15px 10px 20px 15px; width:300px; float:left;}

/* Handla Online */
#FullBlock_Gradient {min-height:420px; background:url(../img/vplattor/bg_vplattor.png) repeat-x bottom;}
#FullBlock_Gradient #introImage {float:left; margin:45px 0 0 15px;}
#rightCol {float:left; width: 425px; margin:60px 0 0 10px; }
#rightCol h1 {text-transform: uppercase; color:#888; margin-bottom:10px;}
#rightCol p {color:#fafafa; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
#rightCol p a {color:#dd48c6; font-family: georgia,times,"Times New Roman",serif; font-size:16px; text-align:right; text-transform:uppercase; font-style: oblique; display:block; margin-top:30px;}

/* BUTIKEN - PERSONAL*/
.personalWrapper {width:135px; float:left;}
.personalWrapper h3 {padding:0;}

/* BLOCK ELEMENT */
#blockHolder {margin:15px 0 5px 0;  padding:0; float:left;}
#blockHolder div {border:1px solid #666; float:left; margin:0 15px 0 0; width:308px; height:266px; position:relative}
#blockHolder .noMargin {margin:0;}

#blockHolder #block1 {background:url(../img/block1.jpg);}
#blockHolder #block2 {background:url(../img/block2.jpg);}
#blockHolder #block3 {background:url(../img/block3.jpg);}

#block1 h2 a, #block2 h2 a, #block3 h2 a {text-decoration:none; color:#dadada; display:block}
#block1 h3 a, #block2 h3 a, #block3 h3 a {text-decoration:none}

#blockHolder h2 {background: url(../img/trans_bckg_80.png) repeat; padding-left:10px}

#blockHolder div h3 {position:absolute; right:0; bottom:0; padding-right:10px; font-size: 1.2em; color:#eee; font-style:normal; width:288px; text-align:right; background: url(../img/trans_bckg_80.png) repeat;}
#blockHolder .highlight {color:#dd48c6}


/* ----- VARUMÄRKE ----- */

#brandHolder { padding:0; float:left; margin-bottom:10px;}
#brandHolder div { border:1px solid #333; float:left; margin:0 4px 0 0; background:#000;}

#brandHolder div.lBrand {width:235px; height:90px;}
#brandHolder div.sBrand {width:114px; height:46px; margin-top:4px; margin-right:4px;}

#brandHolder div.noMargin {margin:0;}
#brandHolder div.smallNoMargin {margin:4px 0 0 0;}
#brandHolder div.altMargin {margin:4px 5px 0 0;}

/* ----- CLUB INDUMENTI ----- */

form label { font-family:Arial, Helvetica, sans-serif; display:block; font-size:14px; color:#fff; font-weight:700}
form input {width: 255px; border: 1px solid #666; background:#111; padding: 5px; color:#fff; font-style:oblique;}

.fieldInfo {font-size:12px; font-weight:normal;}
.checkBox {width: auto; border:none}
#submitBtn {width:267px; background:#222;}

/* ----- FOOTER ----- */
#footer {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:oblique; clear:both;}
#footer ul {background: url(../img/trans_bckg_50.png) repeat; text-align:center; line-height:300%;}
#footer li {display:inline; margin-right:15px;}

#footer #globalSiteInfo {text-align:right; font-size:9px; background:none; padding:0; font-style:normal;}
#footer #globalSiteInfo li, #footer #globalSiteInfo li a {margin:0 5px 0 0;  font-family: "Lucida Grande", Arial, Helvetica, sans-serif; color:#666}

/* ----- Brödsmulor ----- */


/* ----- KOLUMNER ----- */

/* ----- IMAGE WRAPPER ----- */

/* ----- BOTTOM ----- */

/* -----------------------------------*/
/* ----->>> GENERELLA .CLASS <<<------*/
/* -----------------------------------*/

.fLeft { float:left; }
.fRight { float:right; }
.mLeft {margin-left:10px;}
.mRight {margin-right:10px;}
.pLeft {margin-left:10px;}
.pRight {margin-right:10px;}