/************************************************************/
/*   Site: 	  wwww.mobilezone.ch							*/
/*   Autor:   Sam Mueller, http://nuun.ch					*/
/*   Datum:   Mai 20008										*/
/*----------------------------------------------------------*/
/*   Design:   		CENTERED with TOPNAV 				  	*/
/*   File:     		master.css								*/
/*   Definitions:	main-layout / text formats				*/
/************************************************************/

/***** COLORS	*********************************************/
/* 
>>place			>>name			>>HEX
------------------------------------------
background		 	grey 		#abaaaa
border (dark)		grey		#969696
heading				grey		#797979
background (light)	grey		#e6e6e6
main nav bar		red			#bd0926
text				black		#1a1a1a
------------------------------------------
*/

/****** MAIN-LAYOUT ***********************************/
html, body { background:url(../grafics/html_gradient.jpg) repeat-x top left #abaaaa; font-family: Arial, Tahoma, Helvetica, sans-serif; margin:0px auto; }
/* wrap - pagecontainer */
#wrap { margin-left:auto; margin-right:auto; width:960px; position:relative;}
/* hd - header */
#hd { height:155px; }
#hd.private { background: url(../grafics/hd_bg_private.png) no-repeat bottom left; }
#hd.business { background: url(../grafics/hd_bg_business.png) no-repeat bottom left; }
/* bd - body / content */
#bd { background: url(../grafics/bd_bg.png) no-repeat bottom left; margin-left:auto; margin-right:auto; padding: 0px 40px 10px 30px; width:890px; position:relative;}
/* ft - footer */
#ft { margin-left:auto; margin-right:auto; width:960px; margin-top:0px;}

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; }
#tooltip h3, #tooltip div { margin: 0; }


/* headercontent */
#hdlogo { position:absolute; top:20px; left:40px;}
/* shopping cart in header */
#shopping_cart_overview {position:absolute; top:15px; right:20px; width:87px; padding-left: 17px; background:url(../grafics/shopping_cart_icon.gif) no-repeat left top; color:#BD0926; cursor:pointer;}

/* bodycontent */
#cnt { border:1px solid #1a1a1a; position:relative; }

/* bannercontainer - */
#bn { margin:8px 0px 10px 0px; width:892px; height:62px; }


/***** TEXT & LINKS *************************************/
body { font: 0.7em / 1.2em Arial, Helvetica, sans-serif; letter-spacing: 0.01em}
#hdhandy {position:absolute; top:8px; left:670px; line-height: 1.4em;}
#hdhandy .hdhandypic { position:absolute; top:0px; left:-10px;  }
#hdhandy #hdhandytxt { position:relative; top: 10px; left:40px; text-transform:uppercase; font-size:0.9em; font-weight:bold; width:135px; }
#hdhandy a:link, #hdhandy a:visited{color:#1a1a1a;}
#hdhandy a:hover, #hdhandy a:active{color:#bd0926;}
#hdhandy a.red:link, #hdhandy a.red:visited{color:#bd0926;}
#hdhandy a.red:hover, #hdhandy a.red:active{color:#1a1a1a;}
#hdhandy a.white:link, #hdhandy a.white:visited{color:#fff;}
#hdhandy a.white:hover, #hdhandy a.white:active{color:#1a1a1a;}

/* tn - tabnavigation */
#tn { position: absolute; top:56px; left:380px;}
#tn li {float:left; }
#tn .last {background:none; }
#tn li a:link, #tn li a:visited { font-size:1.1em; color:#fff; text-transform:uppercase; display:block; padding: 3px 3px 3px 10px; width:105px; margin-right:7px;}
#tn li a:hover, #tn li a:active, #tn li a.on { color:#1a1a1a; }
#tn li a.inactive:link, #tn li a.inactive:visited { font-size:1.1em; color:#969696; text-transform:uppercase; display:block; padding: 3px 3px 3px 10px; width:105px; margin-right:7px; }
#tn li a.inactive:hover, #tn li a:active, #tn li a.inactive.on { color:#bd0926; }

/* mn - mainnavigation */
#mn { position: absolute; top:79px; left:10px;}
#mn li {float:left; background: url(../grafics/mn_bg.gif) right 5px no-repeat; }
#mn .last {background:none; }
#mn li a:link, #mn li a:visited { font-size:1.1em; color:#fff; text-transform:uppercase; display:block; padding: 3px 15px 2px 15px; }
#mn li a:hover, #mn li a:active, #mn li a.on { color:#1a1a1a; }

/* sn - subnavigation */
#sn { position:absolute; top:100px; left:0px; background-color:#abaaaa; width:939px; height:19px; padding:2px 0px 0px 10px; }
#sn li { float:left; background: url(../grafics/sn_bg.gif) right 5px no-repeat; }
#sn .last {background:none; }
#sn li a:link, #sn li a:visited { font-size:1.1em; color:#1a1a1a; text-transform:uppercase; display:block; padding: 2px 15px 2px 15px; }
#sn li a:hover, #sn li a:active, #sn li a.on { color:#bd0926; }
#sn.home { display:none; }

/* search with autocomplete (ac jquery) */
#srch { position:absolute; top:78px; left:670px; height:20px; }
#srchtxt { border:1px solid #969696; background-color:#fff; color:1a1a1a; font-size:11px; padding: 2px 2px; width:110px; height:12px;}
#srchtxt:focus { border:1px solid #1a1a1a; background-color:#fff; color:#bd0926; font-size:11px; padding: 2px 2px; width:110px; height:12px;}
#srchsbm, #srchshop { border:none; background:url(../grafics/srchsbm.gif); width:18px; height:18px; }
#srchac { border:1px solid #969696; background-color:#fff; width:134px; overflow:visible; z-index:99999; position:absolute; top:98px; left:670px; opacity:0.99; }
#storesrchac { border:1px solid #969696; background-color:#fff; width:150px; overflow:visible; z-index:99999; opacity:0.99; }
#srchlist, #storesrchlist { overflow:auto; max-height: 180px; }
#srchlist li, #storesrchlist li { padding:2px 5px; display:block; font-size:12px; line-height:16px;overflow:hidden; background-color:#bd0926; }
#jSuggestContainer ul li.jSuggestHover{ background-color:#bd0926; color:#333; }

/* loading class */
.ac_loading { background: #fff url(../grafics/indicator.gif) right center no-repeat;}
/* odd row */
.ac_odd { background-color: #e6e6e6; }
/* hover row */
.ac_over { background-color: #bd0926; color:#fff; }

/* la - language */
#la { position: absolute; top:79px; left:820px;}
#la li { float:left; background: url(../grafics/mn_bg.gif) right 5px no-repeat; }
#la .lalast { background:none; }
#la li a:link, #la li a:visited { font-size:1.1em; color:#fff; text-transform:uppercase; display:block; padding: 2px 10px 2px 10px; }
#la li a:hover, #la li a:active { color:#1a1a1a; }

/* bn - banner */
.bnborder { border:1px solid #969696; margin-right:3px; position:relative;} /* position: relative */

/* ft - footer */
#ft { color:#FFFFFF; }
#ft .ftmrg {margin: 0 5px 0 5px;}
#ft a:link, #ft a:visited { color:#fff; }
#ft a:hover, #ft a:active { color:#bd0926; }


/***** HEADINGS *****/
h1 { }
#bd h1 { font-size:1.2em; font-weight:bold; color:#fff; display:block; margin: 6px 0px 20px 0px; letter-spacing:-0.005em}
#bd h1.smallbox { font-size:1.2em; font-weight: bold; color:#fff; margin-left:20px; }
#bd h1.smallboxsplash { font-size:1.2em; font-weight: bold; color:#fff; margin-left:50px; }
#cnt h1 { background:url(../grafics/bd_blackbar.gif) top left no-repeat; font-size:1.2em; font-weight: bold; color:#fff; margin:0px; padding:9px 5px 10px 25px; height:8px; line-height:10px;}
#hd h1.prdhl { font-size:1.7em; font-weight: normal; font-style:italic; color:#797979; position: absolute; top:129px; left:30px; width:470px; line-height:1.2em; background:none; }
#cntrgt h1.news, #cntrgt h1.srcresult, #cntbtm h1.store { font-size:1.7em; font-weight: normal; font-style:italic; color:#797979; line-height:1em; background:none; margin:15px 0px 20px 0px; padding:0; }
#cntrgt h1.srcresult { margin-bottom:30px;}
#cntbtm h1.store { margin:0 0 30px 0; padding:0; }
#bd .lft40 { padding-left:60px; }

h2 { }
#cntrgt .hnsttit h2 { background:url(../grafics/bdprdtit.gif) top left no-repeat; padding-left:16px; font-size:1.1em; line-height: 18px; font-weight:bold; display:block; }
#cntrgt .acstit h2 { background:url(../grafics/bdprdtit.gif) top left no-repeat; padding-left:16px; font-size:1.1em; line-height: 18px; font-weight:bold; display:block; }
#acsgal h2 { font-size:1.2em; color:#1a1a1a; font-weight:bold; margin-left:-20px; }
.srcresulttit h2 { font-size:1em; color:#1a1a1a; font-weight:bold; margin: 0px 0px 5px 0px; width:150px; }

h3 { }
#cntrgt h3 { font-size:1.1em; font-weight:bold; color:#1a1a1a; margin: 1.3em 0em 0.2em 0em; }

/*** Pagination ***/
#pa { padding:7px 5px 7px 0px; position:absolute; top:124px; left:450px; width:400px; text-align:right; }
#pa a { padding: 3px 2px 2px 3px; margin: 1px; border: 1px solid #000000; text-decoration: none; color: #000000; letter-spacing:-0.01em; }
#pa a:hover, #pa a:active { border: 1px solid #000000; background-color:#000000; color: #fff; }
#pa span.current { padding: 3px 2px 2px 3px; margin: 1px; border: 1px solid #000000; font-weight: normal; background-color: #000000; color: #FFF; letter-spacing:-0.01em; } 
#pa span.disabled { padding: 3px 2px 2px 3px; margin: 1px; border: 1px solid #EEE; color: #DDD; letter-spacing:-0.02em; }
#pa #btnback { position:relative; top:-8px; left:392px; width: 80px; }
*+html #pa #btnback { position:relative; top:-8px; left:70px; width: 80px; }
#pa #btnback a:link, #pa #btnback a:visited { border:none; background:none; }
#pa #btnback a:hover, #pa #btnback a:active { border:none; background:none; color:#bd0926; }

/***** HTML COMMONS *****/

small {
font-size:0.85em;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** TABLES *****/

table			{ border-collapse:separate; border-spacing:0; }
caption, th, td { text-align: left;	font-weight: normal; }
 
/***** GLOBAL CLASSES *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; } 
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }

.bigger 		{font-size:1.2em;}
.normal 		{font-size:1em;}
.small 			{font-size:0.85em;}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.red		   { color:#bd0926; }
.white		   { color:#fff; }
.versal        { text-transform:uppercase; }
.greybar	   { color:#fff; font-size:1.1em; background-color:#969696; padding: 2px 0px 2px 10px; margin-left:3px; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

/***** FIXES *****/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */

/* logout */
#logout_button {
    left:750px;
    overflow:hidden;
    position:absolute;
    text-align:right;
    top:56px;
    width:175px;}
#logout_button a:link,
#logout_button a:visited{ color:#000;}

/* shopping cart */
.shopping_cart_delete_link a:link{
    color:silver;}
.shopping_cart_shipping_costs,
.shopping_cart_th_row {
    background-color:#ccc;}
.shopping_cart_total_price {
    background-color:#000;
    color:#fff;}
.shopping_cart_shipping_costs td,
.shopping_cart_th_row th,
.shopping_cart_total_price td{
    font-weight:bold;
    line-height:18px;}
#shopping_cart_container {
    position:absolute;
    background:#fff;
    z-index:100001;
    width:500px;
    height:600px;}
#shopping_cart_container_loader {
    background:url(../grafics/loading.gif) 35px -180px no-repeat;
    width:100%;
    height:100%;}
#shopping_cart_container td,
#shopping_cart_container tr,
#shopping_cart_container th {
    vertical-align:middle;}
.shopping_cart_thumbs_td {
    text-align:center;}
#shopping_cart_container_headline {
    background:transparent url(../grafics/bg_top_bar.png) repeat-x scroll left top;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    height:25px;
    line-height:25px;
    text-align:center;}
#shopping_cart_container_content {
    padding:0px 0px 0px 15px;
    width:470px;
    height:450px;}
#shopping_cart_container_content table {
    border-collapse:collapse;}
#shopping_cart_items_table {
    overflow-y:scroll;
    height:380px;
    margin-top:7px;
    position:relative;}
.shopping_cart_item_price {
    text-align:right;}
.shopping_cart_new_item_tr td { border-top:1px solid #000;}
.shopping_cart_item_name_td a:link,
.shopping_cart_item_name_td a:visited{
    color:#000;
    text-decoration:underline}
.shopping_cart_item_accessories_td a:link,
.shopping_cart_item_accessories_td a:visited{
    color:#BD0926;
    text-decoration:underline}
.shopping_cart_item_quantity {
    float:left;
    width:5px;
    height:12px;
    position:relative;}
.shopping_cart_item_quantity_plus,
.shopping_cart_item_quantity_minus {
    width:5px;
    height:6px;
    position:relative;
    display:block;}
.shopping_cart_item_quantity_plus {
    background:url(../grafics/arw_cart_up.gif) no-repeat left top;}
.shopping_cart_item_quantity_minus {
    background:url(../grafics/arw_cart_down.gif) no-repeat left bottom;}
/* checkout / kasse */
.shopping_cart_to_order_navi_button,
.checkout_wizard_navi_button { color:#BD0926; cursor:pointer; }
.shopping_cart_to_order_navi_button img,
.checkout_wizard_navi_button img {vertical-align:middle;}
.checkout_wizard_navi_normal,
.checkout_wizard_navi_special { position:absolute; bottom:10px; width:470px; left:15px;}
.shopping_cart_to_order_navi { padding:15px;}
#checkout_content_wrapper { padding:3px 15px 10px 15px}
#checkout_content_wrapper h1 {
    background:transparent none repeat scroll 0 0;
    color:#797979;
    font-size:1.7em;
    font-style:italic;
    font-weight:normal;
    height:auto;
    line-height:1.2em;
    margin-bottom:5px;
    padding:0;}
.checkout_wizard_overview_header { color:#BD0926; font-size:1.2em; margin:5px 0 5px; }
.checkout_active_step_display_normal,
.checkout_active_step_display_special { margin:12px 0px;}
.checkout_active_step_display_normal img,
.checkout_active_step_display_special img{ vertical-align:middle;}
.checkout_active_step {color:#BD0926;}
.checkout_wizard_step_counter {line-height:24px; text-align:center;}
.checkout_smalltext {font-size:0.85em; margin-bottom:8px;}
#checkout_content_wrapper hr { border:none; border-bottom:1px solid #ccc; margin-bottom:8px;}
.checkout_wizard_data_fieldset { clear:both; margin-bottom:8px;}
.checkout_wizard_data_fieldset label { display:block; float:left; width:130px;}
.checkout_wizard_data_fieldset input, .checkout_wizard_data_fieldset select, .checkout_wizard_data_fieldset textarea {
    background:#F6F6F6 none repeat scroll 0 0;
    border:1px solid #D0D0D0;
    width:230px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;}
.checkout_wizard_overview_container_left,
.checkout_wizard_overview_container_center{ float:left; overflow:hidden; width:155px; }
.checkout_wizard_overview_container_right { float:right; overflow:hidden; width:155px; }
#checkout_cart_items_table { height:160px; margin-top:7px; overflow-y:scroll; position:relative; }
.login_wizard_invalid_field,
.checkout_wizard_invalid_field { border:1px solid #BD0926;}
#checkout_wizard_confirmation_successful a:link,
#checkout_wizard_confirmation_successful a:visited { color:#BD0926;}
/* drop sheet overlay */
#drop_sheet {
  position:absolute;
  left:0px;
  top:0px;
  z-index:100000;
  background-color: #000;
  background-image: none;
  opacity: 0.55;
  filter: alpha(opacity=55);}