/* Modern Elektronik > Bose - CSS document, Ver.1.0 */

/* global styles */
body {min-width:770px;text-align:center;color:#333; background:url(/images/bg/bg_gradient.jpg) repeat-x #818E91;}

p, ol, ul {font-size:85%;line-height:140%;font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea, input, select {padding:2px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link, a:active {color:#333366; text-decoration:underline}
a:visited {color:#999;text-decoration:underline}
a:hover {color:#FF3300;text-decoration:underline}
strong {font-weight:bold;}
h1, h2, h3, h4, h5, h6 {color:#333;}
h1 {font-size:153%;font-weight:normal;}
h2 {font-size:138%;font-weight:normal;color:#666}
h3 {font-size:115%;margin-bottom:3px;}
h4 {font-size:108%;color:#666;margin-bottom:3px;}
h5 {font-size:93%;}
h6 {font-size:77%;}
hr {margin:15px 0px 15px 0px;border-top:1px solid #B3B3B3;border-right:none;border-bottom:none;border-left:none;clear:both;height:1px}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color:#E60D2E; text-decoration:none;}
:focus{-moz-outline-style: none;}
#popup {min-width:500px;text-align:center;color:#333; background: #fff}

/* header Modern logo */
#Modernlogo {width:220px;float:left;}
#Modernlogo a {text-indent:-10000px;display:block;width:220px;}
#Modernlogo, #Modernlogo a {background:url(/images/bg/modern_logo.jpg) top left no-repeat;height:82px}

/* header Bose logo */
#Boselogo {width:180px;float:left;margin-left:18px;}
#Boselogo a {text-indent:-10000px;display:block;width:180px;}
#Boselogo, #Boselogo a {background:url(/bose/images/bg/bose_logo.png) top left no-repeat;height:50px}

/* header navigation */
#topNavBose {width:770px;height:36px;background:url(/bose/images/bg/bose_topnav_bg.png) repeat-x #B8D8EA;}
#topNavBose a {text-indent:-10000px;display:block;}
#topNavBose li{margin:0;padding:0;}

#topNavBose1, #topNavBose1 a {background:url(/bose/images/nav/bose_topnav1.png) top left no-repeat;height:36px;width:150px;float:left;}
#topNavBose1on, #topNavBose1on a {background:url(/bose/images/nav/bose_topnav1_on.png) top left no-repeat;height:36px;width:150px;float:left;}
#topNavBose1 a:hover {background:url(/bose/images/nav/bose_topnav1_over.png) top left no-repeat;}

#topNavBose2, #topNavBose2 a {background:url(/bose/images/nav/bose_topnav2.png) top left no-repeat;height:36px;width:154px;float:left;}
#topNavBose2on, #topNavBose2on a {background:url(/bose/images/nav/bose_topnav2_on.png) top left no-repeat;height:36px;width:154px;float:left;}
#topNavBose2 a:hover {background:url(/bose/images/nav/bose_topnav2_over.png) top left no-repeat;}

#topNavBose3, #topNavBose3 a {background:url(/bose/images/nav/bose_topnav3.png) top left no-repeat;height:36px;width:82px;float:left;}
#topNavBose3on, #topNavBose3on a {background:url(/bose/images/nav/bose_topnav3_on.png) top left no-repeat;height:36px;width:82px;float:left;}
#topNavBose3 a:hover {background:url(/bose/images/nav/bose_topnav3_over.png) top left no-repeat;}

#topNavBose4, #topNavBose4 a {background:url(/bose/images/nav/bose_topnav4.png) top left no-repeat;height:36px;width:115px;float:left;}
#topNavBose4on, #topNavBose4on a {background:url(/bose/images/nav/bose_topnav4_on.png) top left no-repeat;height:36px;width:115px;float:left;}
#topNavBose4 a:hover {background:url(/bose/images/nav/bose_topnav4_over.png) top left no-repeat;}

#topNavBose5, #topNavBose5 a {background:url(/bose/images/nav/bose_topnav5.png) top left no-repeat;height:36px;width:132px;float:left;}
#topNavBose5on, #topNavBose5on a {background:url(/bose/images/nav/bose_topnav5_on.png) top left no-repeat;height:36px;width:132px;float:left;}
#topNavBose5 a:hover {background:url(/bose/images/nav/bose_topnav5_over.png) top left no-repeat;}

#topNavBose6, #topNavBose6 a {background:url(/bose/images/nav/bose_topnav6.png) top left no-repeat;height:36px;width:67px;float:left;}
#topNavBose6on, #topNavBose6on a {background:url(/bose/images/nav/bose_topnav6_on.png) top left no-repeat;height:36px;width:67px;float:left;}
#topNavBose6 a:hover {background:url(/bose/images/nav/bose_topnav6_over.png) top left no-repeat;}

#topNavBose7, #topNavBose7 a {background:url(/bose/images/nav/bose_topnav7.png) top left no-repeat;height:36px;width:70px;float:left;}
#topNavBose7on, #topNavBose7on a {background:url(/bose/images/nav/bose_topnav7_on.png) top left no-repeat;height:36px;width:70px;float:left;}
#topNavBose7 a:hover {background:url(/bose/images/nav/bose_topnav7_over.png) top left no-repeat;}


/* genel layout stilleri */
#wrapper {width:770px;margin:auto;text-align:left;overflow:hidden;position:relative;} /* icerigi sayfaya ortalar */
#wrapperPopup {width:500px;margin:auto;text-align:left;overflow:hidden;position:relative;} /* popup icin kullaniyoruz */
#topBarModern {width:770px;margin-bottom:2px;background:url(/images/bg/modern_logo_bg.jpg) top left no-repeat;}
#topBarModernMarkalar {float:right;margin:30px 15px 0px 0px;color:#d4d4d4;font-size:85%;}
#topBarModernMarkalar select{color:#fff;width:120px;background:#7C898C;border:1px #333 solid;}
#topBarBose {width:770px;margin-bottom:2px;background:url(/bose/images/bg/markaBar_bg.png) #FFF;height:50px;}
#topBarBosePopup {/*width:500px;*/margin-bottom:2px;background:/*url(/bose/images/bg/markaBar_bg.png)*/#FFF;height:50px}
#topBarBoseHelp {float:right;margin:20px 8px 0px 0px;font-size:85%;}

/* genel iki kolon stili */
#TwoCol {/*margin-bottom:2px; font-size:85%;*/}
#TwoColA {width:580px;float:left;} /* sol kolon */
#TwoColB {width:188px;float:right;} /* sag kolon */
#TwoColB img {margin-bottom:2px;} /* sag kolonda imajin altini 2px asagiya itiyoruz */

/* uc kolon stili - anasayfada kullaniyoruz */
#ThreeCol {margin-bottom:2px;overflow:hidden;}
#ThreeColA {width:255px;float:left;background:url(/bose/images/bg/3col_bg.png) bottom no-repeat #fff; margin-right:3px;}
#ThreeColB {width:255px;float:left;background:url(/bose/images/bg/3col_bg.png) bottom no-repeat #fff;}
#ThreeColC {width:254px;float:right;background:url(/bose/images/bg/3col_bg.png) bottom no-repeat #fff;}
#ThreeCol ul {margin:10px 15px 0px 15px;font-size:85%;}
#ThreeCol li {margin:5px 0px 5px 0px;background:url(/bose/images/bg/li.png) top left no-repeat;padding-left:1.8em}

/* sayfanin yerini gosteren link silsilesi */
#breadCrumb {background:#637C8C;padding:8px 8px 8px 20px;color:#d4d4d4;font-size:80%;margin-bottom:2px;overflow:hidden;}
#breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:active {color:#d4d4d4;text-decoration:none}
#breadCrumb a:hover {color:#fff}

/* tab stilleri */
#maintab {border-bottom:1px #333 solid;}
.shadetabs{margin:15px 0px 0px 6px;font-size:11px;/*font-weight:bold;*/}
.shadetabs li{display: inline;margin:0px;}
.shadetabs li a{text-decoration: none;padding: 5px 8px 5px 8px;margin-right:1px;border:1px solid #666;color:#666;background:#e6e6e6 url(/bose/images/bg/shade.png) top left repeat-x;position:relative;top:-4px;}
.shadetabs li a:visited{color: #666; text-decoration: none}
.shadetabs li a:hover{text-decoration: underline;color: #666;}
.shadetabs li.selected{position: relative;top:1px;}
.shadetabs li.selected a{background: #fff url(/bose/images/bg/shadeactive.png);border-bottom-color:white;color:#333;}
.shadetabs li.selected a:link, .shadetabs li.selected a:visited, .shadetabs li.selected a:active {color: #CC9900;}
.shadetabs li.selected a:hover{text-decoration: none;}


/* urun detay sayfasi */
#PageContentHeader {margin-bottom:2px}
#ProductHiliteImgBar {text-align:center;font-size:80%;margin-bottom:10px;}
#ProductHilite #ProductHiliteImg {float:left;width:235px;}
#ProductHilite #ProductHiliteTxt{margin-left: 250px; margin-top: 30px}
.ThumbOn {border:1px #000 solid;margin:2px;}
.ThumbOff {border:1px #fff solid;margin:2px;}
.CallToAction {padding-left:15px;background:url(/bose/images/bg/li.png) left no-repeat;}

#ProdContent {background:#fff; padding:15px;margin-bottom:2px;}
#ProdContent p, #ProdContent h4, #ProdContent h5 {margin:10px 0px 10px 0px}
#ProdDetails h3 {margin-bottom:3px;border-bottom:1px solid #ccc;padding-bottom:5px;font-size:110%}
#ProdDetails h4 {margin-bottom:3px;border-bottom:1px solid #ccc;padding-bottom:5px;}*/
#ProdDetails li {font-size:85%;font-family:Verdana, Arial, Helvetica, sans-serif;}
#ProdDetails ul {margin-left:1.5em;line-height:160%;list-style-type:disc;}
#ProdDetails .text {font-size:85%;}
#ProdDetails td a:link {text-decoration:none}
#ProdDetails td img {margin-bottom:5px;}
#ProdDetails td {vertical-align:top;padding-bottom:10px;}
.ZoomAcc {width:120px;text-align:center;font-size:80%;}

/* genel icerik sayfasi */
#PageContent {background:#fff;padding:15px;margin-bottom:2px;}
.SearchResults li {margin:10px 0 10px 3em;line-height:140%;list-style-type:decimal;border-bottom:1px #eaeaea solid;padding-bottom:10px;}
#PageContentHeader {margin-bottom:2px; position:relative;}
#PageContentHeader span {position:absolute; top:20px;left:420px;font-size:85%;width:300px;line-height:160%;}
h3.GenericHeader {border-bottom:1px #ddd solid; font-size:95%; display:block; background:url(/bose/images/bg/header_bg.jpg) repeat-x bottom;padding:8px 10px 8px 10px;margin:0px;}
.box {border:1px solid #999;padding:8px 12px;}

/* about us left navigation */
ul#leftNav {width:130px;margin-top:5px;}
#leftNav a {display:block;font-size:85%;padding:6px 0px 6px 10px;border-top:1px #ddd solid;text-decoration:none;background:url(/bose/images/bg/leftnav_off.png) no-repeat left 50%;}
#leftNav a:link, #leftNav a:visited {color:#333366;}
#leftNav a:hover, #leftNav a:active {color:#FF3300;}
#leftNavActive a {background:url(/bose/images/bg/leftnav_on.png) no-repeat left 50%;}
#leftNavActive a:link, #leftNavActive a:visited, #leftNavActive a:hover, #leftNavActive a:active {color:#FF3300;}

/* product category list */
.ProdCategoryListCell {border-right:1px #ddd solid;border-bottom:3px #ddd solid; border-left:1px #ddd solid;padding-bottom:10px;}
.ProdCategoryList {margin:0px 10px 0px 10px}
.ProdCategoryList a {display:block;/*font-size:85%;*/padding:6px 0px 6px 10px;border-bottom:1px #ddd solid;text-decoration:none;background:url(/bose/images/bg/leftnav_off.png) no-repeat left 50%;}
.ProdCategoryList a:link, .ProdCategoryList a:visited {text-decoration:none;} 
.ProdCategoryList a:hover, .ProdCategoryList a:active {background:url(/bose/images/bg/leftnav_on.png) no-repeat left 50%;} 
.ProdCategoryHeader {border-bottom:0px none; font-size:100%; display:block; background-color:#eaeaea;padding:5px 10px 8px 20px;margin:0px;}
.ProdCategoryHeader a:link, .ProdCategoryHeader a:visited, .ProdCategoryHeader a:hover, .ProdCategoryHeader a:active {color:#333}

.box ul.ProdCategoryList {margin:0;}
.box ul.ProdCategoryList a, .box ul.ProdCategoryList a:hover {color:#5069A1;font-weight:bold;background:url(/bose/images/bg/li.png) left 50% no-repeat;padding-left:15px}

/* table stili */
.ProdItem {border-top:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 3px solid; border-left:#ddd 1px solid; background:url(/bose/images/bg/header_bg.png) bottom repeat-x;}
.ProdItem td {padding:10px;}
.tableList td {padding:7px;border-bottom:1px solid #ccc; vertical-align:top; font-size:85%}
.tableList td strong {font-weight:bold;}
.tableGeneric td {padding:5px; font-size:85%}

.GenericUL {padding-left:1.5em;list-style:square;font-size:85%;}
.GenericUL li {margin-bottom:5px;}

/* sayfa numaralandirma */
.pageBrowser{display:block;text-align:right;font-size:75%;margin:10px 0 20px 0;}
.pageBrowser a:link, .pageBrowser a:visited, .pageBrowser a:active {color:#333333;text-decoration:none;padding:2px 5px 3px 5px;margin:2px;display:inline;}
.pageBrowser a:hover {color:#7186B3; text-decoration:underline;}
.pageBrowserLinkOn {border:#e1e1e1 1px solid; font-weight:bold; display:block; color:#E60D2E;}
.pageBrowser a:link.pageBrowserLinkOn, .pageBrowser a:visited.pageBrowserLinkOn, .pageBrowser a:hover.pageBrowserLinkOn, .pageBrowser a:active.pageBrowserLinkOn {color:#7186B3;text-decoration:none;}

/* footer */
#ProductsCombo {padding:5px;width:770px;background:#FFFFFF;}
#footer {width:770px;text-align:center;color:#D4D4D4;font-size:85%;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#D4D4D4;}


/* FORM STYLES */
/* contact form */
.cssinput {border:1px solid #ccc;background-color:#fff;color:#333;padding:2px 2px 2px 4px;font-size:85%;margin:2px 0px 0px 0px;}
.cssbutton{background:url(/bose/images/bg/form_bt_bg.gif) repeat-x left top;border:1px #969682 solid;padding:2px 3px 2px 3px;color:#666;text-decoration:none;font-weight:bold}
.cssbutton:link,.cssbutton:visited{color: #4F667B;}
.cssbutton:hover{background:url(/bose/images/bg/form_bt_bg_hover.gif) center 50%;}
.cssbutton:active{color: #4F667B;}


/* Misc */
.call {border:#CCCCCC 1px solid; padding:8px;color:#E60D2E;font-weight:bold;background:#FEFEF3;width:auto;}
.hide {display:none;}
.brclear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}
