/************************************************************/
/*   File:     		detail.css								*/
/*   Definitions:	Detail handset							*/
/************************************************************/

/* Loading Layer */
#detailload { position:absolute; top:220px; left:7px; width:934px; height:605px; background:url(../grafics/wht80.png) repeat; border:1px solid #969696; text-align:center; z-index:10000;}

/* Subnavigation */
#cntsn { background-color:#e6e6e6; height:22px; padding:0px; margin-bottom:20px; }
#cntsn ul { margin-left:10px; }
#cntsn li { float:left; margin-left:10px; text-align:left; background:url(../grafics/sn_bg.gif) center right no-repeat; }
#cntsn li a.cntsn1:link, #cntsn li a.cntsn1:visited { font-size:1em; text-transform:uppercase; color:#1a1a1a; display:block; padding: 4px 15px 2px 5px;}
#cntsn li a.cntsn1:hover, #cntsn li a.cntsn1:active { color:#bd0926; }
#cntsn .last { background:none; }
#cntsn li a.on:link, #cntsn li a.on:visited { color:#bd0926; }

/* List of Predicates */
#cntc1 { float:left; width:50px; height:500px; margin-left:8px; }
#prdprclst { padding:2px; }
#prdprclst li { margin-bottom:5px; }
.predicate_img {cursor:default;}

/* Big Productpicture */
#cntc2 { float:left; width:200px; height:500px; text-align:center; }

/* Tooltips Mein Handy / Predicates */
#prdtt { position:absolute; top:250px; left:130px; width:248px; height:106px; background:url(../grafics/bg_tooltip_myhandy.png) no-repeat left top; padding: 13px 15px 0px 11px; }
#prdtt_pic { float:left; text-align:center; width:52px; height:65px; }
#prdtt_txt { float:left; text-align:left; width:191px; height:65px; padding-left:5px; font-size:1.1em; line-height:1.5em; }
#prdtt_txt span, #prdprctt span{ font-weight:bold; color:#bd0926; }
#prdprctt { position:absolute; top:10px; left:0px; width:141px; height:75px; background:url(../grafics/bg_tooltip_predicate.png) no-repeat left top; padding: 10px 12px; }

/* Featurelist */
#cntc3 { float:left; width:240px; height:500px; }
#prdftlst { font-size:1.1em; padding: 5px 10px; line-height:1.2em; height:308px; overflow-y:auto; margin-bottom:5px; }
#prdftlst li { background:url(../grafics/bullet.gif) 0px 3px no-repeat; padding-left:10px; margin-bottom:5px; }

/* Handset-Gallery */
#prdgal { width:185px; height:110px; overflow:hidden; padding:5px 20px 5px 20px; position:relative; top:47px; left:10px; }
#prdgalarwlft{ position:absolute; top:0px; left:0px; width:12px; height:40px; padding: 83px 5px 0px 0px; background-color:#fff; z-index:50; }
#prdgalarwrgt { position:absolute; top:0px; left:205px; width:5px; height:40px; padding: 83px 10px 0px 5px; background-color:#fff; z-index:50; }
#prdgalsld { position:relative; top:0px; left:35px; width:500px; }
#prdgalsld li { margin-right:10px; float:left; height:100px; }
#prdgal .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#prdgal .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 50px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-left: 4px;
}

/* Offermatrix Subnavigtaion */
#cntc4 { float:left; width:362px; height:500px; padding:0px 0px 0px 10px; }
#ofrmtxduration { }
#ofrmtxduration li { float:left; margin-left:5px; text-align:left; background:url(../grafics/sn_bg.gif) center right no-repeat; }
#ofrmtxduration li a:link, #ofrmtxduration li a:visited { font-size:1.1em; color:#1a1a1a; display:block; padding: 4px 10px 2px 5px;}
#ofrmtxduration li a:hover, #ofrmtxduration li a:active { color:#bd0926; }
#ofrmtxduration li a.on:link, #ofrmtxduration li a.on:visited { color:#bd0926; }
#ofrmtxduration .last { background:none; }

/* Offermatrix Table */
#ofrmtx_wrapper { position:relative; clear:both;}
#ofrmtx { width:364px; border-collapse:separate; border-spacing: expression(cellSpacing=2); border-spacing:3px; clear:both; table-layout:fixed; }
#ofrmtx .tblofrmtxprv { width:78px; height:38px; border:1px solid #1a1a1a; background-color:#e6e6e6; padding:5px 5px 0px 5px; }

#ofrmtx .tblofrmtxprc { background:url(../grafics/tblbgofrmtx.gif) repeat-x top left; width:110px; height:43px; border:1px solid #1a1a1a; vertical-align:top; }
#ofrmtx p.mtxprc { font-size:28px; font-weight:bold; text-align:right; height:27px; padding: 0px 3px 0px 0px; vertical-align:top; line-height:28px; }
*+html #ofrmtx p.mtxprc { margin-right:-10px; }
*+html #ofrmtx p.mtxprc { margin-top:-3px; } /* IE7 Hack for position big price */
#ofrmtx p.mtxaboname a:link, #ofrmtx p.mtxaboname a:visited { color:#1a1a1a; font-size:9px; padding: 2px 2px; margin:0px; height:8px; display:block; width:118px; background: url(../grafics/tblbgofrmtxlnk.gif) no-repeat top left;  }
#ofrmtx p.mtxaboname a:hover, #ofrmtx p.mtxaboname a:active { color:#bd0926; font-size:9px; padding: 2px 2px; margin:0px; height:8px; width:118px; background: url(../grafics/tblbgofrmtxlnk_akt.gif) no-repeat top left; }
*+html #ofrmtx p.mtxaboname { margin-top:2px; } /* IE7 Hack for aboname */
#ofrmtx td.tblofrmtxtxthandset { color:#797979; background-color:#e6e6e6; border:1px solid #1a1a1a; font-size:1.1em; font-weight:bold; height:45px; vertical-align:middle; padding:0px 5px 0px 5px; text-align:right; white-space: nowrap; }
#ofrmtx td.tblofrmtxtxthandset span.tblofrmtxprchandset {  display:block; width:150px; height:30px; font-size:28px; font-weight:bold; float:right; padding: 4px 0px 0px 0px; line-height:28px; text-align:right;}
#ofrmtx td.tblofrmtxtxthandset span.tblofrmtxabo { display:block; width:180px; height:23px; text-align:left; float:left; padding: 11px 0px 0px 5px; }


/* Offermatrix Hover-Layer */
.mtxsn  { background-color:#fff; z-index:1000; border:1px solid #1a1a1a; z-index:60; padding: 0px 4px 4px 4px; }
.tblofrmtxprc .mtxsn li  { margin-bottom: 5px; }
.mtxsn a:link, .mtxsn a:visited  { color:#1a1a1a; font-size:9px; padding: 3px 1px; margin:0px; height:9px; display:block; }
.mtxsn a:hover, .mtxsn a:active { color:#bd0926; font-size:9px; padding: 3px 1px; margin:0px; height:9px; }
li.offer_new { font-weight:bold;}
li.offer_renewal { margin-top:12px; font-weight:bold;}

.t11 { position:absolute; top:153px; left:617px; }
*+html .t11 { position:absolute; top:155px; left:614px; }

.t12 { position:absolute; top:153px; right:19px; }
*+html .t12 { position:absolute; top:155px; right:18px; }

.t21 { position:absolute; top:200px; left:617px; }
*+html .t21 { position:absolute; top:202px; left:614px; }

.t22 { position:absolute; top:200px; right:19px;}
*+html .t22 { position:absolute; top:202px; right:18px; }

.t31 { position:absolute; top:248px; left:617px; }
*+html .t31 { position:absolute; top:249px; left:614px; }

.t32 { position:absolute; top:248px; right:19px;}
*+html .t32 { position:absolute; top:249px; right:18px; }

.t41 { position:absolute; top:295px; left:617px; }
*+html .t41 { position:absolute; top:296px; left:614px; }

.t42 { position:absolute; top:295px; right:19px; }
*+html .t42 { position:absolute; top:296px; right:18px;}

.t51 { position:absolute; top:342px; left:617px; }
*+html .t51 { position:absolute; top:343px; left:614px; }

.t52 { position:absolute; top:342px; right:19px; }
*+html .t52 { position:absolute; top:343px; right:18px;}

/* Soldout overlay */
#soldout_overlay {
    position:absolute;
    overflow:hidden;
    margin:3px;
    margin-bottom:0px;
    background:url(../grafics/soldout.png) no-repeat top left;
    width:358px;
    top:0px;
    left:0px;
}

/* Accessory-Gallery */
#acsgal { width:284px; height:160px; overflow:hidden; position:absolute; padding:0px 19px; top:405px;}
#acsgalarwlft { position:absolute; top:20px; left:0px; width:12px; height:45px; padding: 97px 5px 0px 0px; background-color:#fff; z-index:50; }
#acsgalarwrgt { position:absolute; top:20px; left:304px; width:12px; height:45px; padding: 97px 5px 0px 5px; background-color:#fff; z-index:50; }
#acsgalsld { position:relative; top:-5px; left:-10px; width:365px; height:140px; margin-top:0px; }
#acsgalsld .panel { float:left; height:140px; width:110px; }
#acsgalsld .panel .acsgalcnt { position:absolute; bottom:0px; width:108px; height:140px;}
#acsgalsld .panel .acsgalcnt .acstit { color:#1a1a1a; font-size:0.9em; height:30px; width:105px; display:block; overflow:hidden; position:absolute; bottom:28px;}
#acsgalsld .panel .acsprc { color:#bd0926; font-size:20px; font-weight:bold; height:29px; width:105px; display:block; position:absolute; bottom:-2px;}
#acsgalsld .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#acsgalsld .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#order_button,
#reserve_button{
    background-color: #C50000;
    float:right;
    color:#fff;
    line-height:22px;
    height:23px;
    cursor:pointer;
    margin-right:18px;
    width:195px;
}

#order_button img,
#reserve_button img{
    vertical-align:top;
}
.redtab_headfirst_content {
    float:left;
    padding-top:3px;
    padding-right:10px;
}
.redtab_headfirst_corner {
    width:11px;
    height:23px;
}
.redtab_headfirst_corner_left {
    background:url(../grafics/redtab_headfirst_corner_left.gif) bottom left no-repeat;
    float:left;
}
.redtab_headfirst_corner_right {
    background:url(../grafics/redtab_headfirst_corner_right.gif) bottom right no-repeat;
    float:right;
}
#sidebar_container {
    background:#fff;
    position:absolute;
    height:500px;
    width:362px;
    margin-left:10px;
    z-index:200;
}
#sidebar_container_loader {
    background:url(../grafics/loading.gif) -30px -180px no-repeat;
    width:100%;
    height:100%;
}
.reserve_wizard_active{
    color:#BD0926;}
.reserve_wizard_navi_button{
    cursor:pointer;
    color:#BD0926;
}
.reserve_wizard_navi_button img{
    vertical-align:middle;
}
.reserve_wizard_step_counter {
    text-align:center;
    line-height:24px;
}
#reserve_wrapper,
#order_wrapper{
    font-size:1.1em;
    line-height:1.3em;
}
#reserve_wrapper a:link,
#order_wrapper a:link,
#reserve_wrapper a:visited,
#order_wrapper a:visited {
    color:#BD0926;}
#reserve_wrapper h1,
#order_wrapper h1 {
    color:#797979;
    font-size:1.7em;
    font-style:italic;
    font-weight:normal;
    line-height:1.2em;
    background:none;
    height:auto;
    padding:0px;
}
#reserve_wizard_shop_list,
#reserve_wizard_shop_maps {
    height:200px;
    border:1px solid #E6E6E6;}
#reserve_wizard_shop_list {
    overflow-x:hidden;
    overflow-y:scroll;}
.reserve_wizard_shop_list_item {
    line-height:18px;
    padding:5px 0px 0px 5px;}
#reserve_wrapper .reserve_wizard_shop_list_item a:link,
#reserve_wrapper .reserve_wizard_shop_view_selector a:link,
#reserve_wrapper .reserve_wizard_shop_view_selector a:visited{
    color:black;
    text-decoration:none;}
#reserve_wrapper .reserve_wizard_shop_list_item a:hover {
    color:#BD0926;}
.reserve_wizard_shop_view_selector a:link{
    color:black; }
#reserve_wrapper a.reserve_wizard_active:link{
    color:#BD0926; }
#reserve_wizard_your_selected_shop_clone a:link,
#reserve_wizard_your_selected_shop_clone a:link{
    color:#BD0926; }
.reserve_wizard_user_data_fieldset {
    clear:both;
    margin-bottom:8px;}
#reserve_wizard_user_data_container label{
    display:block;
    float:left;
    width:120px; }
#reserve_wizard_user_data_container input,
#reserve_wizard_user_data_container select,
#reserve_wizard_user_data_container textarea{
    width:230px;
    background:#F6F6F6;
    border:1px solid #D0D0D0;}
.order_wizard_select select{
    width:100%}
.order_wizard_select input { width:340px;}
.order_wizard_select{
    margin-bottom:10px;}