@charset "utf-8"; /* CSS Document */ table.bigtablesepar {border-left:1px solid #999; border-top:1px solid #999;} table.bigtablesepar tr.bigtabletitle td {border-right:1px solid #999; border-bottom:1px solid #999; padding:0 1px 1px 1px} table.bigtablesepar tr.bigtableimpair td {border-right:1px solid #999; border-bottom:1px solid #999; padding:0 1px 1px 1px} table.bigtablesepar tr.bigtableimpair td[colspan="5"] {border-right:1px solid #999; border-bottom:0; padding-bottom:0;} table.bigtablesepar tr.bigtablesepar td {border-right:1px solid #999; border-bottom:1px solid #999; padding:0 1px 1px 1px} /* hiding stuff. */ .content .rightCol { display:none; } .content .colsubmenu { display:none; } .content .mainMenu { display:none; } .content .topBar_component { display:none; } .content .tb_right { display:none; } .content .bigTitlePrincipalCompany { display:none; } .content .searchField { display:none; } html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} body{font:100%/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* **************** TEMPLATE ***************** */ /* ====== Page Head, Body, and Foot ====== */ body{/*_text-align:center;*/}/* IE5.5 */ .body{overflow:hidden; _overflow:visible; _zoom:1;} .page{margin: 0 auto; width: 86.818em;/*_text-align:left;*/} /* wraps other template elems to set width */ /* text-align IE5.5 */ .content .page {_width: 87.818em;} /* "old school" and "liquid" extend page to allow for different page widths */ .oldSchool{width:750px;} .gs960{width:960px;} .liquid{width: auto;margin:0;} /* ====== Columns ====== */ .main{overflow: hidden;_overflow:visible;_zoom:1;} .leftCol{float:left; width:250px;_margin-right:-3px;} .home .rightCol{float:right; width: 20.545em;_margin-left:-3px;} .home .rightCol{ width: 20.545em;} .colsubmenu {float:left; width:12.4em;min-height :10px ; _height :10px} /* extend columns to allow for common column widths */ .gMail{width:160px;} .gCal{width:180px;} .yahoo{width:240px;} .myYahoo{width:300px;} /* **************** GRIDS ***************** */ .line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;} .line{*zoom:1;} .unit{float:left;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size1of3.private{width:33.5%\9;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .lastUnit {display: table-cell; *display:block;*zoom:1;float:none; _float:left; _margin-right: 0px;width:auto;} html{color:#696B6C;} body{font: 0.625em/2.4em Arial, Helvetica, Sans-serif;} .page{font-size: 1.1em; line-height: 1.363em; margin-top: 1.4em} /* **************** CONTENT OBJECTS ***************** */ /* ====== Default spacing ====== */ h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;} h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;} pre{margin: 10px;} table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;} /* ====== Elements ====== */ img{display:block;} em{font-style: italic;} strong{font-weight:bold;} hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;} code{color:#0B8C8F;} /* ====== Headings ====== */ /* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */ h1{font-family: Georgia, serif;} h2, h3, h4, h5, h6{font-family: Georgia, serif;} h1, .h1{font-size: 2.181em; line-height: 2em; padding-left: 0.500004em} h1, .h1, h1 a, .h1 a, h1 a:visited, .h1 a:visited{ color:#002b45;} h1 span, .h1 span{color:#009ee0;} h1.subtitle{ color: #bebebe} h2, .h2{font-size:167%; font-weight:normal; font-style: normal;} h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal;} h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal;} h5, .h5{font-size:108%; font-weight:bold; font-style: normal;} h6, .h6{font-size:108%; font-weight:normal; font-style: italic;} li {_height:0;} .bigTitlePrincipalPrivate {width:250px;} .bigTitlePrincipalCompany {width:410px;} .floatleft {float:left;} /* if additional headings are needed they should be created via additional classes, never via location dependant styling */ .category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;} .category a{color: #333;} .important a{font-weight:bold;} /* links */ a { color: #036; text-decoration: none } a:focus, a:hover { text-decoration: underline; color: #009ee0;} .head a:focus, .head a:hover { text-decoration: none;} /* ====== Lists ======*/ /* numbered list */ ol.simpleList li{list-style-type: decimal; margin-left:40px;} /* standard list */ ul.simpleList li{list-style-type:disc; margin-left:40px;} /* ====== Tables ====== */ .data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/} .data table {width:100%;} th, td{vertical-align:top;border:none;} .txtC, .data .txtC td, .data .txtC th{text-align:center;} .txtL, .data .txtL td, .data .txtL th{text-align:left;} .txtR, .data .txtR td, .data .txtR th{text-align:right;} .txtT, .data .txtT td, .data .txtT th{vertical-align:top;} .txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;} .txtM, .data .txtM td, .data .txtM th{vertical-align:middle;} .data th,.data td{padding:3px 20px} .data thead tr{background-color: #fff0f8;} .data th{color: #000; font-weight:bold} /* specification table - extends data table */ .spec{padding:10px;} .spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;} .spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;} .spec .odd, .spec .even{background-color: #fff;} /* ====== blockquote ====== */ cite{display:block; text-align:right; padding-top: 10px;} /* ====== callout ====== */ .callout{font-size:189%;color:#999999; font-style:italic;} .callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;} .callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;} .callout span.quotLast{vertical-align:middle;} /* ====== image treatments (get more from jason santa maria) ====== */ .caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;} /* will need to either 1. find a way to capture the width of the caption in the width of the image or flash 2. Set some default widths, mby use flickr widths? */ /* ====== media ====== */ .media{overflow:hidden; overflow:visible; zoom:1;margin:10px;} .media .img{float:left;margin-right: 10px;} .media .img img{display:block;} .media .imgExt{float:right; margin-left: 10px;} /* ====== special formatting classes ====== */ .detail{color: #777; font-size:11px;display:block;} #flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6, #flashcontent7, #flashcontent8, #flashcontent9, #flashcontent10, img, * {outline:none;} .clr{clear: both; font-size: 0; line-height: 0; height: 0} .marginright14{ margin-right: 1.272em;_margin-right:5px; } .marginleft7{ margin-left: 0.636363em} .marginright7{ margin-right: 0.636363em} .separator{background: url(../images/box_separator_dark.gif) left top repeat-x; height: 1em; font-size: 0.181em; line-height: 0.181em; margin: 14px 0 12px; clear:both;} .home .rightCol .separator {margin: 7px 0 0;} .dark-separator{background: url(../images/box_separator_dark.gif) left top repeat-x;} .separator-marginright14{margin-right: 7em; _margin-top:0} .loginoptions li {float:left;} .loginoptions a {display:block; float:left; border-right:1px solid #cad6dc; padding-right:0.7em; margin-right:0.7em; margin-bottom:0.7em;} .loginoptions a.last {border-right:none; padding:0; margin:0;} .savelogin {padding-left:18px; float:left; margin-right:1.9em;} .savelogin input {position:absolute; margin-left:-18px; border:none; background:transparent; margin-top:0.2em; #margin-top:-0.3em;} .arrowed a{display: block; padding-left: 13px; padding-bottom:0.34em; background: url(../images/arrow.gif) no-repeat left 0.45em; _position:relative; _line-height:1.2em; _background-position: left 3px;} .secured a{display: block; padding-left: 13px; padding-bottom:0.34em; background: url(../images/icons/lock.gif) no-repeat left 0.3em; _line-height:1.2em; _background-position: left 0.1em;} .unlock a {display: block; padding-left: 13px; padding-bottom:0.34em; background: url(../images/icons/unlocked.gif) no-repeat left 0.3em; _line-height:1.2em; _background-position: left 0.1em;} .rss a{display: block; padding-left: 15px; padding-bottom:0.34em; background: url(../images/icons/rss.gif) no-repeat left 0.2em; _line-height:1.2em; _background-position: left 0.1em;} .text{background: url(../images/txt_right.gif) no-repeat right top; display:inline-block;} .text input{background: url(../images/txt_left.gif) no-repeat left top; border: 0; display: inline-block; color: #333333; padding: 0.235em 0.727em 0.753em;} html*.text input{margin-top: -1px;} .home .rightCol .text input{width: 12.3em; color:#6B8694;} .rightCol img {position:relative;} .lightBlue .btn_type_1, .darkGrey .btn_type_1, .lightGrey .btn_type_1, .lightBlue .btn_type_1:hover, .darkGrey .btn_type_1:hover, .lightGrey .btn_type_1:hover{ color: #fff; text-decoration: none; border: none; cursor:pointer;} .btn_type_1{background: url(../images/btn_type_1_right.gif) no-repeat right top; color: #fff; display: inline-block; } html*.btn_type_1{position: relative; top: -0.363em; margin-left: 0.272em} .btn_type_1 span{background: url(../images/btn_type_1_left.gif) no-repeat left top; display: inline-block; padding: 0 1.2em 0.18em 1.9em; line-height: 1.636362em; cursor: pointer; font-weight: bold;} a.btn_type_1:hover, a.btn_type_1:focus {text-decoration:none; color: #fff;} input.btn_type_1 {font-size:1em; padding:0.05em 1em 0.45em 0em; #padding:0.15em 1em 0.45em 0em; font-weight:bold; #margin-top:0.4em;} .btnContainer {background:url(../images/btn_type_1_left.gif) no-repeat; padding-left:19px; margin-right:0.3em; float:right; #margin-top:-2.5em; cursor:pointer;} a.btnContainer:hover {background:url(../images/btn_type_1_left_hover.gif) no-repeat;} a.btnContainer:hover input {background: url(../images/btn_type_1_right_hover.gif) no-repeat right top; cursor:pointer;} a.btn_type_1:hover {background: url(../images/btn_type_1_right_hover.gif) no-repeat right top;} .btn_type_1:hover span {background: url(../images/btn_type_1_left_hover.gif) no-repeat left top;} .btn_type_1b{background: url(../images/btn_type_1b_right.gif) no-repeat right top; color: #fff; display: inline-block; } html*.btn_type_1b{position: relative; top: -0.363em; margin-left: 0.272em} .btn_type_1b span{background: url(../images/btn_type_1b_left.gif) no-repeat left top; display: inline-block; padding: 0.1em 1.273em 0.28em 2.091em; line-height: 1.636362em; cursor: pointer; font-weight: bold; font-size:1.1em;} a.btn_type_1b:hover, a.btn_type_1b:focus {text-decoration:none; color: #fff;} input.btn_type_1b {font-size:1em; padding:0.15em 1em 0.35em 0em; font-weight:bold;} .btnContainer {background:url(../images/btn_type_1_left.gif) no-repeat; padding-left:19px; margin-right:0.3em; float:right; #margin-top:-2.5em; cursor:pointer;} .btn_type_1b:hover {background: url(../images/btn_type_1b_right_hover.gif) no-repeat right top; cursor:pointer;} .btn_type_1b:hover span {background: url(../images/btn_type_1b_left_hover.gif) no-repeat left top;} .btn_type_2{background: url(../images/btn_type_1_right.gif) no-repeat right top; color: #fff; display: inline-block; } html*.btn_type_2{position: relative; top: -0.363em; margin-left: 0.272em} .btn_type_2 span{background: url(../images/btn_type_1_left.gif) no-repeat left top; display: inline-block; padding: 0 1.273em 0.18em 2.091em; line-height: 1.636362em; cursor: pointer; font-weight: bold;} a.btn_type_2:hover, a.btn_type_2:focus {text-decoration:none; color: #fff;} input.btn_type_2 {font-size:1em; padding:0.15em 1em 0.35em 0em; font-weight:bold;} .btnContainer {background:url(../images/btn_type_1_left.gif) no-repeat; padding-left:19px; margin-right:0.1em; #margin-right:-0.1em; float:right; #margin-top:-2.3em; cursor:pointer;} .btn_type_2:hover {background: url(../images/btn_type_1_right_hover.gif) no-repeat right top;} .btn_type_2:hover span {background: url(../images/btn_type_1_left_hover.gif) no-repeat left top; cursor:pointer;} .box.htmlBanner, .htmlBanner{font-size: 1.818180em; color: #0e3449; margin: 0 0.7em 0 0; _margin: 0 0.5em 0 0;} .box.htmlBanner .content{padding: 0.5em; min-height: 3.4em; _height: 3.4em; display: block;} .box.htmlBanner .content:hover{text-decoration: none;} .box.htmlBanner .content .description{width: 6.25em; float: left; cursor: pointer} .box.htmlBanner .content .description.large {width:7.50em;} .bannerbottom {margin-top:0; #margin-top: 0.1em; _margin-top: 0;} .news {margin-top:0.7em; margin-bottom:0.68em;} .main .size1of3 .news { _width:20.18em} .box .seeall {display:block; margin-top:1.31em; background: transparent url(../images/arrow.gif) no-repeat scroll left 0.5em; _background-position: 0.5em 0.5em; padding-left:13px;} .lightblue .seeall {color:#000000;} .box.shaker .content {padding:0;} /* Carrier Whole Sale */ .box.visualLeft {margin: 0 1.3em 1.3em 0;} .box.visualLeft .content{padding:0; margin:0; min-height: 3.4em; _height: 3.4em; display: block;} .box.visualLeft .floatleft.rightBlock {width:69%; padding-left:3%;} .box.visualLeft img {float:left; _margin:-0.5em -0.3em;} .rightBlock .seeall {margin-top:0.7em;} .rightBlock .news {height:4.3em; margin-right:2em;} /* Home Pro */ .quicklinks {font-size:1.1em; margin-bottom: 0; _margin-bottom: 2em;} .quicklinks h3 {color:#000000; padding-top:0; font-size:1.6em; margin-bottom:0.2em;display:block;} .quicklinks .arrowed li {padding-bottom:0.14em; padding-right: 0.3em;} .quicklinks a:link, .quicklinks a:active, .quicklinks a:visited {color:#000; font-size:1em;} .quicklinks a:hover {color:#009EE0;} /* Bug roll-over cufon */ .quicklinks h3 a:link, .quicklinks h3 a:active, .quicklinks h3 a:visited, .quicklinks h3 a:hover {display:block; float:left; text-decoration:none; _text-decoration:underline; border-bottom:1px solid #FFF;} .quicklinks h3 a:hover {color:#000000; #border-bottom:1px solid #000000;border-bottom:1px solid #000;} .quicklinks .lastUnit {#float:left;} .tagcloud {font-family:Georgia; line-height:0.9em; text-align:center; display:block;} .tagcloud .font5 {font-size:0.5em;} .tagcloud .font4 {font-size:0.6em;} .tagcloud .font3 {font-size:0.7em;} .tagcloud .font2 {font-size:0.8em;} .tagcloud .font1 {font-size:0.9em;} .tagcloud a {color:#FFFFFF; margin-right:0.4em} .tagcloud a:hover {color:#FFFFFF; text-decoration:underline;} .visual {float:right; margin-top:-3.65em; _margin-top:-4.3em; margin-right:-0.8em;} .flashContainer {margin-bottom:1.3em; #margin-bottom:1.4em;height: 260px;} .newsbox .leftBottom{height: 260px; _width: 175px;} .newsbox .rightBottom{height: 260px; _width: 175px;} .newsbox .leftTop{height: 260px; _width: 175px;} .newsbox .rightTop{height: 260px; _width: 175px;} /* overlayer */ .ui-dialog-titlebar-close {float:right; margin-top:-1.2em; #margin-top:-2.3em; margin-right:-1.6em; height:2.4empx; _position:absolute; _right:15px; _top:23px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../gallery/design/homepage2009/images/btn-close.png', sizingMethod='image'); _cursor:pointer; background: url(../images/btn-close.png) no-repeat; _background:none;} a[class="ui-dialog-titlebar-close"] {background: url(../images/btn-close.png) no-repeat;} .ui-dialog-titlebar-close span {display:block;} .ui-widget-content { color: #333333; line-height:1.2em; margin: 0 1.1em 0 0; _background:none;} .ui-widget-content p {padding:0.8em 0;} .ui-widget-header { border-bottom: 1px solid #66cfea; background: #00afdc; color: #ffffff; font-weight: bold; cursor:move; margin: 1em 3.8em 0 3.8em; height:1.4em; position:relative; top:3.8em; _position:inline; _margin: 1em 1em 0 0;} .ui-widget-header a {color: #ffffff; height:2.2em;} .ui-widget-header a span {visibility:hidden;} .overlayer.ui-dialog-content {_background: #ffffff; _border:1px solid #cccccc; _border-top:none;} .overlayContainer {padding:2em 2.5em 2em;} /* .ui-resizable-nw {width:10px; height:10px;} */ .overlayshadowbottom {height:7px; background: url(../images/overlayer-shadowbottom.png) repeat-x center bottom; padding-bottom:18px; margin:0 11px 0 17px; _display: none;} .overlayshadowbottom .roundedbottomleft {background: url(../images/overlayer-roundedbottomleft.png); width:17px; height:17px; float:left; margin-top:8px; margin-left:-17px;} .overlayshadowbottom .roundedbottomright {background: #FFFFFF url(../images/overlayer-roundedbottomright.gif) bottom; width:17px; height:17px; float:right; margin-top:8px; margin-right:-17px; padding-bottom:#FFFFFF;} .overlayfooter {height:6px; background: url(../images/overlayer-shadowbottom.png) repeat-x left bottom; position:absolute; margin-left:-2.7em; margin-top:8em; width:83%;} .overlayer .roundedtopleft {width:1.1em; height:1.6em; margin-top:-1.7em; border-bottom:1px solid #66CFEA; float:right;} .overlayer table th, .overlayer table td {border:none; _display:none;} .overlayer .mainContentCell {background:#FFFFFF; padding-top:1.4em; line-height:normal; _display:block; _padding:20px;} .overlayer .cellshadowright {width:24px; background: url(../images/overlayer-shadowright_test.png) repeat-y left top;} .overlayer .cellshadowleft {width:24px; background: url(../images/overlayer-shadowleft_test.png) repeat-y right top;} .overlayer .cellshadowbottom {height:36px; background: url(../images/overlayer-shadowbottom_test.png) repeat-x top;} .overlayer .cellshadowtop {height:36px; background: url(../images/overlayer-shadowtop_test.png) repeat-x top;} /* IE6 Overlayer */ .overlayer table {_border-left: 1px solid #cccccc; _border-right: 1px solid #cccccc; _background:#FFFFFF;} .overlayer.ui-dialog-content {_border:none; _background:none;} .ui-widget-header {_margin-left:11px;} .overlayer .mainContentCell {_padding:20px 20px 0 0;} .overlayer .cellshadowleft {_display:block; _background:#FFFFFF;} .overlayer .roundedtopleft {_display:block; _width:11px; _height:14px; _background:url(../images/overlayer-roundedtopleft.png) no-repeat; _position:absolute; _margin-top:-1.6em; _margin-left:-1px;} .overlayer .ie6closer {display:none; _display:block; _border:none; _width:100%; _background:none;} .overlayer .ie6closer td {_display:inline;} .overlayer .ie6closer .bottomline {_background:#FFFFFF url(../images/overlayer_borderbottom.gif) repeat-x bottom;} /* Content Page */ .currentcategory {font-size:1.1em; font-weight:bold; color:#7d8495; margin-left:1.2em; margin-bottom:0.6em; margin-top:0.8em; font-family: Georgia, Times, serif;} .currentcategory .box {margin-bottom:0.7em;} .currentcategory .box .content {padding-top:0.5em; font-size:1.3em; color:#FFFFFF;} .submenuRight {padding:0;} .submenuRight .box {margin-bottom:0.4em;} .submenuRight .box .content {padding:0 0 0.5em;} .submenuRight .box .contentSelected {padding:0 0 0.5em; font-weight: bold;} .submenuRight .box a {padding:0.5em 0.2em 0 2.4em; background: url(../images/bullet_collapsed.gif) no-repeat 1em 0.6em; font-size:1.1em; display:block;} .submenuRight .box .content a {color:#002b45;} .submenuRight .box .contentSelected a {color:#0098DB; background: url(../images/bullet_expanded.gif) no-repeat 1em 0.6em;} .submenuRight .box .contentSelected a:hover {font-weight: bold;} .submenuRight .box a:hover {color: #0098DB; text-decoration:none; font-weight: normal; background: url(../images/bullet_expanded.gif) no-repeat 1em 0.6em;} .box .content .menuexpanded, .box .menuexpanded {padding-top:0.4em; background: #EBF0F3 url(../images/box_separator_dark.gif) repeat-x;} .box .menuexpanded a:link, .box .menuexpanded a:visited, .box .menuexpanded a:focus {padding-left:0; background:none; font-size:1em; background: url(../images/arrow.gif) no-repeat left 0.8em; margin-left:1.55em; padding-left:1.15em; padding-right:0.5em; padding-top:0.4em; padding-bottom:0.25em;} .box .menuexpanded a:hover{background: url(../images/arrow.gif) no-repeat left 0.8em;} .box .menuexpanded .selected, .box .menuexpanded .selected a:link, .box .menuexpanded .selected :visited, .box .menuexpanded .selected a:focus {color:#0098db; font-weight:bold;} .box .menuexpanded li ul {background:#f5f7f8; border-top:1px solid #dbe3e7; border-bottom:1px solid #dbe3e7; padding-bottom:0.5em; margin-top:0.5em;} .box .menuexpanded li ul li {padding-left:3.2em;} .box .menuexpanded li ul li a:link, .box .menuexpanded li ul li a:visited, .box .menuexpanded li ul li a:focus, .box .menuexpanded li ul li a:hover {padding-left:0; background:none; margin-left:0;} .colContent {float:left; width:54.4em; margin-left:1em;} .colContent .breadcrumb {float:left; padding:0; margin-bottom:0.5em; margin-top:1em; list-style:none;} .colContent .breadcrumb li {float:left; background: url(../images/arrow_breadcrumb.gif) no-repeat right 0.45em; padding-right:1.1em; margin-right:0.5em; list-style:none; clear:none;} .colContent .breadcrumb .last {background:none;} .colContent .breadcrumb .last a {color:#009ee0; font-weight:bold; text-decoration:none;} .cart {float:right; background: url(../images/icons/cart.gif) no-repeat; padding-left:25px; color:#54565d; margin-top:1em;} /* Patch content */ .contentContainer {border:1px solid #e6e6e8; font-family: Verdana;} .contentContainer h2, .contentContainer .h2 {font-weight: bold;} .contentContainer h3, .contentContainer .h3 {font-weight: bold;} .contentContainer h4, .contentContainer .h4 {font-weight: bold;} .contentContainer h5, .contentContainer .h5 {font-weight: bold;} .contentContainer h6, .contentContainer .h6 {font-weight: bold;} .contentContainer h2, .contentContainer h3, .contentContainer h4, .contentContainer h5, .contentContainer h6, .contentContainer ul, .contentContainer ol, .contentContainer dl, .contentContainer p, .contentContainer blockquote {padding:0;} .colContent img {display:inline;} .colContent b, .rightCol b { font-size :100% ; } .colContent {line-height:normal;} .colContent .breadcrumb a:active, .colContent .breadcrumb a:link, .colContent .breadcrumb a:visited {color:#003366;} .colContent .breadcrumb .last a:active, .colContent .breadcrumb .last a:link, .colContent .breadcrumb .last a:visited {color:#009EE0;} /* Standard page */ td.subtitle01 .title02 b {display:inline;} /* Detail page */ #detailPage ul {padding: 0;} #detailPage li {list-style-type:disc; margin-left:40px;} /* Product Category page */ .colContent h1 {padding-left: 0;} .colContent ul {padding: 0; list-style-type:disc; list-style-position:outside;} .colContent li {list-style-type:disc; list-style-position:outside; _height:auto;} .colContent ol, .colContent ol li {list-style-type:decimal;} /* Wizard & Shopping Basket page */ #wizardPage th, #wizardPage td, #displayBasket th, #displayBasket td {vertical-align:middle;} /* Copyright (c) 2009, Nicole Sullivan. All rights reserved. Code licensed under the BSD License: version: 0.2 */ /* **************** BLOCK STRUCTURES ***************** */ /* mod */ .mod{margin:10px;} .mod .inner{/*background: url(skin/transparent.png) repeat left top;*/} .hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;} .inner{position:relative;} b{background-repeat:no-repeat;font-size:inherit; color:inherit} .tl, .tr, .bl, .br{height:10px; width:10px;float:left;} .tl{background-position: left top;} .tr{background-position: right top;} .bl{background-position: left bottom;} .br{background-position: right bottom;} .br,.tr{float:right;} .tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */ .bl,.br{margin-top:-10px;} .top{background-position:center top;} .bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/ /* complex */ .complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */ .complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;} .complex .bl, .complex .br{/*margin-top:0;*/} .complex .top{height:5px;} .complex .bottom{height:5px;/*margin-top:-10px;*/} /* pop */ .pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;} .pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;} .pop .tl, .pop .br{display:none;} .pop .bl{bottom:-10px;} .pop .tr{right:-10px;} /** * Copyright 2009 Cedric Michaux :: LBi (cedric.michaux@lbigroup.be) */ #topBar_component{background: #f6f7f9 url(topBar_skin/topBar_bg.gif) repeat-x left bottom; width: 100%; color: #505050; font: normal normal 1em/1em Arial, Helvetica, sans-serif; margin:-1px 0; border-top: 1px solid #d3dae0} #topBar_component #topBar_container{padding: 0.6em 0.6em 0.7em 0; width: 94.8em; margin: 0 auto; #padding: 0.5em 0.2em 0.4em 0; #width: 94.4em; _padding: 0.5em 0.5em 0.4em 0; _width: 94.1em; } .splash #topBar_component #topBar_container{ padding: 0; height: 2.4em} #topBar_component ul{margin: 0; padding: 0} #topBar_component li{ display: inline;} #topBar_component .tb_left li {float:left;} #topBar_component a{color: #505050; display: inline-block; padding: 0 0.8em; background: url(topBar_skin/topBar_sep.gif) repeat-y right top; line-height:1.2em;} #topBar_component li.tb_lastItem a{ background: none; text-decoration: none} #topBar_component li.tb_lastItem a:hover{ text-decoration: underline;} #topBar_component .tb_current a {color: #009fe2; font-weight:bold;} #topBar_component a:hover{color: #009fe2;} #topBar_component a:hover{ text-decoration: underline} #topBar_component .tb_left{ width: 50%; float: left; height:12px;} #topBar_component .tb_right{ width: 50%; float: right; text-align: right;} html*#topBar_component .tb_right{position:relative; left:-3px; margin-right: -3px;} #topBar_component .tb_right .tb_misc, #topBar_component .tb_right .tb_lang{ display: inline;} #topBar_component .tb_right .tb_lang{ text-transform: uppercase;} #topBar_component .tb_clr{clear: both} /** * Copyright 2009 Cedric Michaux :: LBi (cedric.michaux@lbigroup.be) */ /** * Boxes Common */ .box{margin-bottom: 1.3em; _background:#FFFFFF; _padding-bottom:1px;} .headerBox .head{margin: 0} .box h2, .box h3{padding: 0; margin: 0; font-size: 1.272em; line-height: 1.714em} .headerBox .head h2{padding: 0.357em 0.714em; font-weight:bold;} .box .content{padding: 0 1em 0.5em; _padding: 0.5em;} .rightCol .box .content, .splash .box .content {_padding-left:1em; _padding-right:1em;} .box .content .noSubtitle{margin-top: 0.5em} .box h3{padding: 0.51em 0; line-height: 1.11144em; font-weight:bold; font-size:1.1em;} .box .content ul{padding: 0;} .box .leftBottom{background: no-repeat left bottom; #min-height:1px;} .box .rightBottom{background: no-repeat right bottom;} .box .leftTop{background: no-repeat left top;} .box .rightTop{background: no-repeat right top;} .lastUnit {#margin-bottom:1.4em;} .lastUnit .box {#margin-bottom:0;} .rightCol {_margin-bottom:1.4em;} /** * Colors */ .lightGrey .leftBottom{background-color: #ebf0f3; background-image: url(../images/box_lightGrey_leftBottom.gif);} .lightGrey .rightBottom{background-image: url(../images/box_lightGrey_rightBottom.gif);} .lightGrey .leftTop{background-image: url(../images/box_lightGrey_leftTop.gif);} .head-lightGrey .leftTop{background-color: #ebf0f3} .lightGrey .rightTop{background-image: url(../images/box_lightGrey_rightTop.gif);} .lightGrey h2, .lightGrey h3, .lightGrey a{color: #000;} .lightGrey a:hover{color: #009ee0;} .darkGrey .leftBottom{background-color: #93ABB7; background-image: url(../images/box_darkGrey_leftBottom.gif);} .darkGrey .rightBottom{background-image: url(../images/box_darkGrey_rightBottom.gif);} .darkGrey .leftTop{background-image: url(../images/box_darkGrey_leftTop.gif);} .head-darkGrey .leftTop{background-color: #93ABB7} .darkGrey .rightTop{background-image: url(../images/box_darkGrey_rightTop.gif);} .darkGrey h2, .darkGrey h3, .darkGrey a{color: #fff;} .darkGrey a:hover{color: #fff; text-decoration: underline;} .lightBlue .leftBottom{background-color: #e0e7ec; background-image: url(../images/box_lightBlue_leftBottom.gif);} .lightBlue .rightBottom{background-image: url(../images/box_lightBlue_rightBottom.gif);} .lightBlue .leftTop{background-image: url(../images/box_lightBlue_leftTop.gif);} .head-lightBlue .leftTop{background-color: #e0e7ec} .lightBlue .rightTop{background-image: url(../images/box_lightBlue_rightTop.gif);} .lightBlue h2, .lightBlue h3, .lightBlue a{color: #0e3449;} .lightBlue h2{ background: url(../images/box_separator_dark.gif) repeat-x left bottom; font-weight:bold; padding-top:5px; _padding-top:0; padding-bottom:5px;} .lightBlue a:hover{color: #009ee0;} .lightBlue .news {color:#5d6162;} .lightGreyBlue .leftBottom{background-color: #b2c4d0; background-image: url(../images/box_lightGreyBlue_leftBottom.gif);} .lightGreyBlue .rightBottom{background-image: url(../images/box_lightGreyBlue_rightBottom.gif);} .lightGreyBlue .leftTop{background-image: url(../images/box_lightGreyBlue_leftTop.gif);} .head-lightGreyBlue .leftTop{background-color: #b2c4d0} .lightGreyBlue .rightTop{background-image: url(../images/box_lightGreyBlue_rightTop.gif);} .lightGreyBlue h2, .lightGreyBlue h3, .lightGreyBlue a{color: #0e3449;} .lightGreyBlue a:hover{color: #009ee0;} .darkBlue .leftBottom{background-color: #b2d7ed; background-image: url(../images/box_darkBlue_leftBottom.gif);} .darkBlue .rightBottom{background-image: url(../images/box_darkBlue_rightBottom.gif);} .darkBlue .leftTop{background-image: url(../images/box_darkBlue_leftTop.gif);} .head-darkBlue .leftTop{background-color: #b2d7ed} .darkBlue .rightTop{background-image: url(../images/box_darkBlue_rightTop.gif);} .darkBlue h2, .darkBlue h3, .darkBlue a{color: #0e3449;} .darkBlue a:hover{color: #009ee0;} .cyan .leftBottom{background-color: #b3ebf7; background-image: url(../images/box_cyan_leftBottom.gif);} .cyan .rightBottom{background-image: url(../images/box_cyan_rightBottom.gif);} .cyan .leftTop{background-image: url(../images/box_cyan_leftTop.gif);} .head-cyan .leftTop{background-color: #b3ebf7} .cyan .rightTop{background-image: url(../images/box_cyan_rightTop.gif);} .cyan h2, .cyan h3, .cyan a{color: #0e3449;} .cyan a:hover{color: #009ee0;} .blueMauve .leftBottom{background-color: #abb5cf; background-image: url(../images/box_blueMauve_leftBottom.gif);} .blueMauve .rightBottom{background-image: url(../images/box_blueMauve_rightBottom.gif);} .blueMauve .leftTop{background-image: url(../images/box_blueMauve_leftTop.gif);} .head-blueMauve .leftTop{background-color: #abb5cf} .blueMauve .rightTop{background-image: url(../images/box_blueMauve_rightTop.gif);} .blueMauve h2, .blueMauve h3, .blueMauve a{color: #0e3449;} .blueMauve a:hover{color: #009ee0;} .marineBlue .leftBottom{background-color: #7495b4; background-image: url(../images/box_marineBlue_leftBottom.gif);} .marineBlue .rightBottom{background-image: url(../images/box_marineBlue_rightBottom.gif);} .marineBlue .leftTop{background-image: url(../images/box_marineBlue_leftTop.gif);} .head-marineBlue .leftTop{background-color: #7495b4} .marineBlue .rightTop{background-image: url(../images/box_marineBlue_rightTop.gif);} .marineBlue h2, .marineBlue h3, .marineBlue a{color: #FFFFFF;} .marineBlue a:hover{color: #002B45;} .blueLogo .leftBottom{background-color: #009fe3; background-image: url(../images/box_logoBlue_leftBottom.gif);} .blueLogo .rightBottom{background-image: url(../images/box_logoBlue_rightBottom.gif);} .blueLogo .leftTop{background-image: url(../images/box_logoBlue_leftTop.gif);} .head-blueLogo .leftTop{background-color: #009fe3} .blueLogo .rightTop{background-image: url(../images/box_logoBlue_rightTop.gif); color: #FFFFFF;} .blueLogo h2, .blueLogo h3, .blueLogo a{color: #FFFFFF;} .blueLogo a:hover{color: #009ee0;} html {height:100%;} body {height:100%;} .head{margin-bottom: 1.4em} .head h1 a{ text-align:left; display:block;} .head h1 a:focus, .head h1 a:hover{text-decoration: none;} .head h1 .cufon-canvas{margin-top: 10em;} .head .logo{ float: right; margin-right: 1.2em; _margin-right:0.6em;} .head .searchField{ float: right; margin: -1.8em 6.1em 0 0; #margin: -3em 6.1em 0 0; font: 1.090em/1.25em Arial, Helvetica, sans-serif; position: relative;} .head .searchField .sf_wrapper{background: url(../images/searchbox_right.gif) no-repeat right top; display:block;} .head .searchField .sf_wrapper .sf_input{background: url(../images/searchbox_left.gif) no-repeat left top; border: 0; padding: 7px 3px 7px; width: 16.458em; color: #6a8491;} html*.head .searchField .sf_wrapper .sf_input{margin-top: -1px;} .head .searchField .sf_submitLink{ display: inline-block; position: absolute; top:0; right: -25px; background: url(../images/searchbox_btn.gif) no-repeat;} .head .searchField a.sf_submitLink:hover {background: url(../images/searchbox_btn_hover.gif) no-repeat} .head .searchField .sf_submitLink img {width:25px; height:27px;} .head .assocSites{ color: #53596f; line-height: 1.40em; margin-top: 1.2em; #margin-top:0;} .head .assocSites li{display: inline;} .head .assocSites li a{display: inline-bock; padding: 0 0.545em 0 1.454em; background: url(../images/bullet_inactive.gif) left 0.091em no-repeat; color: #53596f;} .head .assocSites li a:hover{ background-image: url(../images/bullet_active.gif); color: #009ee0;} .head .assocSites li.current a{ background-image: url(../images/bullet_active.gif); color: #009ee0; font-weight:bold;} .head .mainMenu{ font-size: 1.272em; font-family: Georgia, serif; text-align: center;} .head .mainMenu table{} .head .mainMenu table td, .head .mainMenu table th{border: 0; background: #002b44 url(../images/menu_bg.gif) repeat-x top;} .head .mainMenu table td.highlight, .head .mainMenu table th.highlight{border: 0; background: #009EE0 repeat-x top;font-weight: bold;} .head .mainMenu table td.topLeft, .head .mainMenu table td.topRight, .head .mainMenu table td.bottomLeft, .head .mainMenu table td.bottomRight{width: 14px; height: 14px; background: #00263a no-repeat left top;} .head .mainMenu table td.topLeft{background-image: url(../images/mainMenu_topLeft.gif);} .head .mainMenu table td.topRight{background-image: url(../images/mainMenu_topRight.gif);} .head .mainMenu table td.bottomLeft{background-image: url(../images/mainMenu_bottomLeft.gif); background-position: left bottom;} .head .mainMenu table td.bottomRight{background-image: url(../images/mainMenu_bottomRight.gif); background-position: right bottom;} .head .mainMenu table td.lastItem{background: url(../images/mainMenu_separator.gif) repeat-y right top; padding-right: 2px} .head .mainMenu table td.lastItemHighLight{background: #009EE0 repeat-y right top; padding-right: 2px} .head .mainMenu table td a{text-decoration: none;display: block; color: #fff; padding: 0.624em 0.357em; background: url(../images/mainMenu_separator.gif) repeat-y left top;} /*.head .mainMenu table td a.highlight{text-decoration: none;display: block; color: #009EE0; padding: 0.624em 0.357em; background: url(../images/mainMenu_separator.gif) repeat-y left top;}*/ .head .mainMenu table td a:hover{text-decoration: none; font-weight:bold; font-size:0.98em; letter-spacing:-1px;} /** * Footer CSS */ .foot{background: #f6f7f9 url(topBar_skin/topBar_bg.gif) repeat-x left top; width: 100%; color: #6a6262; font-family: Arial, Helvetica, sans-serif; padding: 1.6em 0;} .foot .page{margin-top: 0;} .foot .page .infos, .foot .page .partnersSites{ font-size: 0.909em;} .foot .togetherWith, .foot .infos{ float: left;} .foot .togetherWith{margin: 0 1.2em 0 0.8em; _margin: 0 1.2em 0 0.5em} .foot .partnersSites{ text-align: right; float: right; margin-right: 1.4em; _margin-right: 0.7em; padding-top: 1.6em} .foot a{color: #6a6262; text-decoration: underline;} .foot a:hover{color: #009ee0;} .foot ul{padding: 0; display: inline;} .foot ul li{display: inline;} /* Always on bottom */ #container { position:absolute; /* needed for footer positioning*/ width:100%; height:auto !important; /* real browsers */ min-height:100%; /* real browsers */ } .page { padding-bottom:30px; #padding-bottom:10px; _padding-bottom:10px; /* bottom padding for footer */ } .foot { width:100%; margin-bottom:20px; } .foot .page {padding-bottom:0;} /** * Splash Page */ .splash{} .splash .content .sections{padding-top:2.2em; _padding-top:1em; padding-bottom:0.7em;} .splash .sections .bigArrow{ padding: 0 0 0.5em 0; font-size: 1.36em} .splash .sections .bigArrow a{padding-left:1.46em; background: url(../images/bigArrow-unselected.gif) no-repeat left 0.18em;} .splash .sections .bigArrow a:hover {background: url(../images/bigArrow.gif) no-repeat left 0.18em} .splash .sections .bigArrow ul{padding: 0.236em 0 0;} .splash .sections .bigArrow li{font-size: 0.733em;} .splash .bigArrow .description{font-size: 0.733em; margin-top:0.1em; margin-bottom:0.5em;} .splash .bigArrow .subsections .description {margin-top:0;} .splash .sections .bigArrow li{padding: 0.636em 0} .splash .bigArrow li .description{font-size: 1em;} .splash .sections .bigArrow li a, .splash .description{padding-left: 2.11em} .splash .sections .bigArrow li a{background: url(../images/arrow.gif) no-repeat 0.6em 0.3em; color:#002B45;} .splash .sections .bigArrow li a:hover{color:#009EE0; background: url(../images/arrow.gif) no-repeat 0.6em 0.3em;} .splash .description{color: #666666;} .splash .langList{margin-right: -1.272em; #width:969px;} .splash .unit .box{margin-right: 1.272em;} .splash .unit .box .content {min-height:326px; _height:315px;} .splash h2 {color:#009DDF; margin:-0.5em 0 0.5em 0.2em; _margin-bottom:0.7em;} /* El Nino General CSS Prepared by Lionel Hermans (lionel.hermans@dad.be) First draft : 02-10-2003 Last update : 02-09-2004 */ #MarketingProduct #product #detailPage b, strong {font-weight: bold} #MarketingProduct #product #detailPage h1 {font-size : small} /* backgrounds colors */ #container .body .colContent .bg01 {background-color: #29A2DB; height: 66px} #container .body .colContent .bg02 {background-color: #ffffff;} #container .body .colContent .bg03 {background-color: #1657A9} #container .body .colContent .bg04 {background-color: #FFFFFF; background-image: url(../../../gallery/design/teaser_bg.gif); background-repeat: repeat-x; background-position: bottom} #container .body .colContent .bg05 {background-color: #ABD9F1} #container .body .colContent .bg05b {background-color: #ABD9F1} #container .body .colContent .bg05c {background-color: #ABD9F1} #container .body .colContent .bg06 {background-color: #C6E7F7} #container .body .colContent .bg07 {background-color: #D6EFFF} #container .body .colContent .bg08 {background-color: #1657A9; background-image: url(../../../gallery/design/bg_internal.jpg); background-position: left} #container .body .colContent .bg09 {background-color: #1657A9; background-image: url(../../../gallery/design/bg_vert01.gif); background-repeat: repeat-y} #container .body .colContent .bg09a {background-color: #CEEAF7; background-image: url(../../../gallery/design/bg_vert01a.gif); background-repeat: repeat-y} #container .body .colContent .bg09b {background-color: #F0F8FD; background-image: url(../../../gallery/design/bg_vert01a.gif); background-repeat: repeat-y} #container .body .colContent .bg09c {background-color: #F0F8FD; background-image: url(../../../gallery/design/bg_vert01b.gif); background-repeat: repeat-y} #container .body .colContent .bg09d {background-color: #FFFFFF; background-image: url(../../../gallery/design/bg_vert01b.gif); background-repeat: repeat-y} #container .body .colContent .bg10 {background-color: #B5DFF7;} #container .body .colContent .bg11 {background-color: #1657A9; background-image: url(../../../gallery/design/bg_internal2.jpg); background-position: left} #container .body .colContent .bg12 {background-color: #84C9EA} #container .body .colContent .bg13 {background-color: #f8f8fa; background-image: url(../../../gallery/design/bg_horz01.gif); background-repeat: repeat-x} #container .body .colContent .bg13a {background-color: #F0F8FD;line-height:1px; background-image: url(../../../gallery/design/bg_horz01a.gif); background-repeat: repeat-x} #container .body .colContent .bg14 {background-color: #E6F4FB} #container .body .colContent .bg15 {background-color: #CEEAF7} #container .body .colContent .bg16 {background-color: #F0F8FD} #container .body .colContent .bg17 {background-color: #f8f8fa; background-image: url(../../../gallery/design/bg_horz02.gif); background-repeat: repeat-x} #container .body .colContent .bg18 {background-color: #DEF1FA} #container .body .colContent .bg19 {background-color: #FFFFFF; background-image: url(../../../gallery/design/shadow_vert_shop.jpg); background-repeat: no-repeat} #container .body .colContent .bg20 {background-color: #C1DE8A} #container .body .colContent .bg20b {background-color: #5B8442} #container .body .colContent .bg21 {background-color: #29A2DB; line-height: 0; height: 1px; padding: 0px} #container .body .colContent .bg22 {background-color: #E6F5CB} #container .body .colContent .bg23 {background-color: #E0D3DC} #container .body .colContent td.bg23 {} #container .body .colContent .bg24 {background-color: #FFFFFF; background-image: url(../../../gallery/design/bkg_separ_green_auberg.gif); background-repeat: repeat-y} #container .body .colContent .bg25 {background-image: url(../../../gallery/design/menu_top_bg_wh.gif); background-repeat: repeat-x} #container .body .colContent .bg26 {background-image: url(../../../gallery/design/menu_top_bg_degrad.gif); background-repeat: repeat-x} #container .body .colContent .bg27 {background-image: url(../../../gallery/design/menu_top_bg_aub.gif); background-repeat: repeat-x} #container .body .colContent .bg28 {background-color: #916187; line-height: 1px;} #container .body .colContent .bg29 {background-color: #E2D2DC} #container .body .colContent .bg30 {background-image: url(../../../gallery/design/circle_or.gif); background-repeat: no-repeat} #container .body .colContent .bg31 {background-color: #DA214B} #container .body .colContent .bg32 {background-color: #F7DEDE} #container .body .colContent .bg33 {background-image: url(../../../gallery/design/table_total_border_right.gif); background-repeat: repeat-y} #container .body .colContent .bg34 {background-color: #DDF0F9} #container .body .colContent .bg35 {background-color: #F1F9FD} #container .body .colContent .bg36 {background-color: #F9F1F7} /* Subtitles */ #container .body .colContent .subtitle01 { background-color: #C6E7F7} /* spec styles */ #container .body .colContent .spectable {border: 1px; border-color: #B5DFF3; border-style: solid} #container .body .colContent .image {border-color: #84C9EA;border-width:1px} #container .body .colContent .verd {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} #container .body .colContent .footer {color: #05428E} #container .body .colContent .title01,.title03 {font-weight : bold} #container .body .colContent .title02 {color:#1657A9; font-weight : bold} #container .body .colContent .title04 {color:#5A8442; font-weight : bold} #container .body .colContent .menu_int_activ {color:#29A2DB} #container .body .colContent .big_price_red {color:#DA214B; font-size: 16px; font-weight: bold} #container .body .colContent .big_price {font-size: 16px; font-weight: bold} #container .body .colContent .price_red {color:#DA214B; font-size: 14px; font-weight: bold} #container .body .colContent .price {color:#1657A9; font-size: 14px; font-weight: bold} #container .body .colContent .small_price_red {color:#DA214B; font-weight: bold} #container .body .colContent .small_price {color: #29A2DB;font-weight: bold} #container .body .colContent .red {color:#DA214B} #container .body .colContent .content_through {text-decoration: line-through} #container .body .colContent .note {color:#A8A8A8} #container .body .colContent .bluelight {color:#696b6c} #container .body .colContent .bluelight2 {color:#4D6FB7; font-size: 12px} #container .body .colContent .bluelight3 {color:#4D6FB7; font-size: 16px} #container .body .colContent .total_note {color:#916187; font-size: 12px; font-weight : bold} /* links */ #container .body .colContent .navhome, a.navhome:active, a.navhome:link, a.navhome:visited {text-decoration: none; color: #1657A9} #container .body .colContent a.navhome:hover {text-decoration: underline} #container .body .colContent .crumb, a.crumb:active, a.crumb:link, a.crumb:visited {text-decoration: none; color: #1657A9; font-family: Arial, Helvetica, sans-serif} #container .body .colContent a.crumb:hover {text-decoration: underline} #container .body .colContent .navinternal, a.navinternal:active, a.navinternal:link, a.navinternal:visited {text-decoration: none; color: #F3F3F3} #container .body .colContent a.navinternal:hover {text-decoration: underline} #container .body .colContent .navinternalsel, a.navinternalsel:active, a.navinternalsel:link, a.navinternalsel:visited {text-decoration: none; color: #F3F3F3; font-weight: bold} #container .body .colContent a.navinternalsel:hover {text-decoration: none; font-weight: bold} #container .body .colContent .internal01, a.internal01:active, a.internal01:link, a.internal01:visited {text-decoration: none; color: #1657A9} #container .body .colContent a.internal01:hover {text-decoration: underline} #container .body .colContent .internal02, a.internal02:active, a.internal02:link, a.internal02:visited {text-decoration: none; color: #5A8442} #container .body .colContent a.internal02:hover {text-decoration: underline} #container .body .colContent .nounder, a.nounder:active, a.nounder:link, a.nounder:visited {text-decoration: none} #container .body .colContent a.nounder:hover {text-decoration: underline} #container .body .colContent .shop_product {color: #29A2DB; font-size: 14px} #container .body .colContent .shop {color: #29A2DB} #container .body .colContent a.shop:active, a.shop:link, a.shop:visited {text-decoration: underline; color: #29A2DB} #container .body .colContent a.shop:hover {text-decoration: underline} #container .body .colContent .shop01, a.shop01:active, a.shop01:link, a.shop01:visited {text-decoration: none; color: #936089} #container .body .colContent a.shop01:hover {text-decoration: underline} #container .body .colContent .shop02, a.shop02:active, a.shop02:link, a.shop02:visited {text-decoration: none; color: #FFFFFF} #container .body .colContent a.shop02:hover {text-decoration: underline} #container .body .colContent .shop03, a.shop03:active, a.shop03:link, a.shop03:visited {text-decoration: none; color: #C8B0C3} #container .body .colContent a.shop03:hover {text-decoration: underline} /* Old stylesheet import */ #container .body .colContent td.popuplayerbkg {background-color: #0A94D6} #container .body .colContent table.popuplayer {background-color: #ffffff} #container .body .colContent td.popuplayer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #4C73B5; font-weight: normal; background-color: #ffffff} #container .body .colContent .popuplayertitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #53B4E2; font-weight: bold} #container .body .colContent .secondlevel {font-weight : bold} #container .body .colContent .bigtablesepar {background-color: #C6E7F7} #container .body .colContent .bigtabletitle {background-color: #C6E7F7;color:#1657A9; font-weight : bold} #container .body .colContent .bigtableimpair {background-color: #FFFFFF} #container .body .colContent .bigtablepair {background-color: #E6F4FB} #container .body .colContent .bigtablecategory {background-color: #FFFFFF} #container .body .colContent td.framework {background-color: #ffffff} #container .body .colContent td.bkg {background-color: #E9F6FB} #container .body .colContent td.content {background-color: #CEEAF7} #container .body .colContent td.contentseparator {background-color: #3BA9DE} #container .body .colContent .titlebold {font-weight: bold} #container .body .colContent.bigtablesepar {background-color: #C6E7F7} #container .body .colContent table.bigtablesepar {border-collapse:separate; border-spacing:1px;} #container .body .colContent .bigtabletitle {background-color: #C6E7F7; color:#1657A9; font-weight : bold} /* form */ #container .body .colContent .title {font-size: 16px; font-weight: bold} #container .body .colContent .subtitle {font-size: 14px; font-weight: bold;color:#4A6A93;} #container .body .colContent .subtitle2 {font-size: 12px; font-weight: bold} /*input, select, textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2}*/ #container .body .colContent .button {border-color: #003399} #container .body .colContent .checkbox, .radiobutton {border: 0} #container .body .colContent .input_shop, .select_shop, .textarea_shop {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 280px} #container .body .colContent .input_shop2, .select_shop2, .textarea_shop2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 380px} #container .body .colContent .input_shop3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 200px} #container .body .colContent .input_shop4, .select_shop4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 50px} #container .body .colContent .input_shop5 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 160px} #container .body .colContent .input_shop6, .select_shop6, .textarea_shop6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 420px} #container .body .colContent .textarea_shop6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 550px; height: 100px} #container .body .colContent .select_shop7 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 100px} #container .body .colContent .input_shop8 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2; width: 230px} #container .body .colContent .input_shop7 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #696b6c; font-weight: normal; background-color: #FFFFFF; border: 1px solid #53B4E2; border-width: 1px; border-style: solid; border-color: #53B4E2;} #container .body .colContent .checkbox_shop { border: 0; background-color: #F0F8FD} #container .body .colContent .radiobutton_shop {border: 0; background-color: #F0F8FD} #container .body .colContent .radiobutton_shop2 {border: 0; background-color: #FFFFFF} #container .body .colContent .radiobutton_shop3 {border: 0; background-color: #F7DEDE} @IMPORT url("top_tools.css"); /* TEST 47 */ /* CSS Document */ html,td { color: #696b6c; height: 100%; } form,input { margin: 0; padding: 0; line-height: normal; } input { border: solid 1px #003896; background-color: #FFFFFF; padding: 1px 3px 1px 3px; } .clr { clear: both; line-height: 0px; height: 0px; margin: 0px; padding: 0px; font-size: 0px } body { margin: 0px; padding: 0px; height: auto; } .f_connect { width: 70px; } /* Clearing the float container */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */ img { border: none; } img.borderImage { border: 1px solid #d3d3d4; } .floatleft { float: left; } .floatright { float: right; } .red { color: #fa0029; } .pointer { cursor: pointer; } #header { width: 100%; height: 95px; background: #00a3de; text-align: center; } #headerContent { width: 955px; _width: 956px; margin: 0 auto; } #headerContent input,#headerContent select,#headerContent span { vertical-align: middle; } #headerContent img { border: none } #headerContent #logo { float: left; width: 150px; } /* top Menu */ #menuFirstlevel img,#menuSecondlevel img { border: none } /* First Nav */ #menuFirstlevel { position: absolute; z-index: 10000; left: 50%; margin: -29px 0 0 -280px; width: 561px; z-index:601; } #menuFirstlevel ul { margin: 0; padding: 0; list-style-type: none; display: block; float: left; } #menuFirstlevel ul li { position: relative; display: inline; float: left; margin: 0; text-align: center } #menuFirstlevel ul li ul { left: 0; padding: 0; margin-top: -3px; position: absolute; z-index: 10000; width: 187px; visibility: hidden } html * #menuFirstlevel ul li ul { _margin-top: 29px; } #menuFirstlevel ul li ul li { float: none; display: block; z-index: 10000; font-size: 0; line-height: 0; height: 38px; } /* ---------------------------- */ #contentContainer { background-color: #ffffff; text-align: center; width: 100%; padding-top: 1px; zoom: 1; padding-bottom: 100px; } #contentContainer #topBanner{ text-align: center; margin: 4px auto 0px auto; z-index: 200; padding: 0; height: 107px; } #contentContainer #right #contentAvb { z-index: 1000; width: 100%; margin-top: 20px; padding-bottom: 7px; } #contentContainer #right #contentAvb #directLinks { border: 1px solid #cfd5d8; background: White url(../../../gallery/design/images/background_see_also.gif) repeat-x; background-position: bottom; } #contentContainer #right #contentAvb #directLinks h4 { color: #002e68; font-size: 18px; padding: 10px 0px 8px 10px; margin: 0px; font-weight: normal; } #contentContainer #right #contentAvb #directLinks ul { list-style: none; padding: 0px 0px 10px 13px; margin: 0px; } #contentContainer #right #contentAvb .linky { margin: 10px 0px 5px 7px; padding: 10px 0px 0px 0px; _padding: 0px 0px 0px 0px; } #contentContainer #right #contentAvb .lien { margin-left: 0px; background: url(../../../gallery/design/images/fleche2.gif) left 5px no-repeat; padding-left: 13px; font-size: 11px; width: 170px; } #contentContainer #right #contentAvb .lien a:link,#contentContainer #contentHeader #right #contentAvb .lien a:active,#contentContainer #contentHeader #right #contentAvb .lien a:visited { color: #577e91; text-decoration: none; } #contentContainer #right #contentAvb .lien a:hover { color: #577e91; text-decoration: underline; } /*Customer Zone*/ #customerZone { margin: 15px 0 18px auto; width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #smallCustomerZone { margin: 15px 0 18px auto; width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #customerZone p,#smallCustomerZone p { margin: 0; padding: 0 } #customerZone h1,#smallCustomerZone h1 { font-size: 15px; padding-left: 3px; margin: 0; padding: 0 } #customerZone h1 a,#directAccess h1 a,#smallCustomerZone h1 a,#customerZone h1 a:link,#directAccess h1 a:link,#smallCustomerZone h1 a:link,#customerZone h1 a:active,#directAccess h1 a:active,#smallCustomerZone h1 a:link,#customerZone h1 a:visited { text-decoration: none; color: #002e68 } #smallCustomerZone h1 a:visited { text-decoration: none; color: #002e68 } #customerZone h1 a:hover { text-decoration: underline } #smallCustomerZone h1 a:hover { text-decoration: underline } #customerZone a,#customerZone input,#smallCustomerZone a,#smallCustomerZone input { position: relative } #customerZone a,#smallCustomerZone a{ _top: 2px; } #customerZone a.goBtnRightAlign,#smallCustomerZone a.goBtnRightAlign{ margin-left: 60px; position: relative; left: 2px } #customerZone a.goBtnRightAlignBig,#smallCustomerZone a.goBtnRightAlignBig{ margin-left: 136px; position: relative; left: 2px } #headerCustomerZone { _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/bgHeaderCZ_small.png', sizingMethod = 'scale'); height: 17px; padding: 9px 0 0 16px; } div[id="headerCustomerZone"] { background: url(../images/bgHeaderCZ_small.png) repeat-x; } #customerZone #contentCustomerZone { border: solid #dbdbdb; border-width: 0 1px; padding: 14px 0 0 10px; } #directAccess #contentDirectAccess { padding: 1px 0 0 17px; border: solid #dbdbdb; border-width: 0 1px; } /* #smallCustomerZone #contentCustomerZone{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../gallery/design/images/bgContentCZ1.png', sizingMethod='scale'); border:solid #dbdbdb; border-width:0 1px; padding:14px 0 0 17px;_height:100px; min-height:100px} */ #contentCustomerZone a.linkList,#contentCustomerZone a.linkList:link,#contentCustomerZone a.linkList:active,#contentCustomerZone a.linkList:visited,#contentDirectAccess a.linkList,#contentDirectAccess a.linkList:link,#contentDirectAccess a.linkList:active,#contentDirectAccess a.linkList:visited { text-decoration: none; color: #577e91 } #contentCustomerZone a.linkList:hover { text-decoration: underline } #contentCustomerZone a.linkList span { color: #00A5DE; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; } #customerZone #contentCustomerZone #myEservices { margin-bottom: 18px; line-height: 17px; } #smallCustomerZone #contentCustomerZone #myEservices { line-height: 17px; } #contentCustomerZone #myEservices h1 { font-family: Verdana; } #contentCustomerZone #myEservices #message { padding-left: 5px; } #contentCustomerZone #myEservices #message span { display: block; background: url(../images/mail.gif) no-repeat left; color: #fa0029; padding-left: 20px; } #contentCustomerZone #myEservices a.promo,#contentCustomerZone #myEservices a.promo:link,#contentCustomerZone #myEservices a.promo:active,#contentCustomerZone #myEservices a.promo:visited { color: #69abde; text-decoration: none } #contentCustomerZone #myEservices a.promo:hover { text-decoration: underline } #contentCustomerZone #login { margin-top: 10px; } #contentCustomerZone #login img { border: none; vertical-align: middle } #contentCustomerZone #login a.loginLink,#contentCustomerZone #login a.loginLink:link,#contentCustomerZone #login a.loginLink:active,#contentCustomerZone #login a.loginLink:visited { color: #577e91; text-decoration: none } #contentCustomerZone #login a.loginLink:hover { text-decoration: underline } #contentCustomerZone #login a.loginLink span { color: #9DD2EF; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; } #contentCustomerZone #login p { margin-bottom: 5px; padding-left: 3px; line-height: normal; margin: 0 0 5px 0; } #contentCustomerZone #login label { display: block; float: left; width: 54px; color: #696b6c } #contentCustomerZone #login input { width: 85px; border: 1px solid #4d6b86; color: #4d6b86; font-size: 11px; vertical-align: middle } #contentCustomerZone #login div { margin-top: 6px; padding-left: 3px; } #contentCustomerZone .customerZoneBlock,#directAccess .directAccessBlock { margin-bottom: 14px; line-height: 15px; } #directAccess .directAccessBlock { margin-bottom: 0; } #contentCustomerZone .customerZoneBlock h1,#directAccess .directAccessBlock h1 { margin-bottom: 5px; font-family: Verdana; } #directAccess .directAccessBlock h1 { margin-top: 0 } #contentCustomerZone .customerZoneBlock p,#directAccess .directAccessBlock p { padding-left: 5px; } #contentCustomerZone .customerZoneBlock .allLink,#directAccess .directAccessBlock .allLink { text-align: right; padding-right: 20px; margin-top: 7px } #contentCustomerZone .customerZoneBlock .allLink a,#contentCustomerZone .customerZoneBlock .allLink a:link,#contentCustomerZone .customerZoneBlock .allLink a:active,#contentCustomerZone .customerZoneBlock .allLink a:visited,#directAccess .directAccessBlock .allLink a,#directAccess .directAccessBlock .allLink a:link,#directAccess .directAccessBlock .allLink a:active,#directAccess .directAccessBlock .allLink a:visited { text-decoration: none; color: #29a2db } #contentCustomerZone .customerZoneBlock .allLink a:hover,#directAccess .directAccessBlock .allLink a:hover { text-decoration: underline } #customerZone #footerCustomerZone { background: url(../images/bgFooterCZ_small.gif) no-repeat top; height: 8px; font-size: 0; line-height: 0 } #smallCustomerZone #footerCustomerZone { background: url(../images/small_bgFooterCZ_small.gif) no-repeat top; height: 8px; font-size: 0; line-height: 0 } #contentContainer #right #linx { clear: both; height: 80px; width: 195px; margin-left: 10px; } #contentContainer #right #linx .title { margin-bottom: 5px; } #contentContainer #right #linx h1 { color: #4A6A93; font-size: 15px; padding-left: 3px } #contentContainer #right #linx .lien { margin-left: 7px; background: url(../../../gallery/design/images/fleche2.gif) left 5px no-repeat; padding-left: 15px; } #contentContainer #right #linx .lien a:link , #contentContainer #right #linx .lien a:active , #contentContainer #right #linx .lien a:visited { color: #577e91; text-decoration: none; } #contentContainer #right #linx .lien a:hover { color: #577e91; text-decoration: underline; } /*No banner header*/ #contentContainer #noBannerContentHeader { position: relative; width: 955px; margin: 0 auto; padding: 0px; text-align: left; height: 0px; border: none; z-index: 300 } #contentContainer #noBannerContentHeader #noBannerRight { position: absolute; top: 0px; right: 0px; z-index: 1000; width: 205px; } #contentContainer #contentBody { position: relative; width: 955px; margin: 0 auto; padding: 0px; text-align: left; width: 955px; } #contentContainer #contentBody #basket { line-height: 20px; position: absolute; right: 10px; top: -2px; } #contentContainer #contentBody #basket img{ position: relative; bottom: -5px; } #miniSites, #FlashMiniSites{ background: #fff !important; } /* .colContent { position: relative; display: block; width: 600px; margin: 0 211px 0 144px; font-family: Verdana; zoom: 1; height: 1%; } */ .colContent a:active, .colContent a:link, .colContent a:visited { text-decoration: none; color: #29a2db } .colContent a:hover { text-decoration: underline } .colContent #contentBreadcrumbs{ line-height: 18px; color: #577e91; font-size: 11px; padding: 5px 100px 5px 0px; } /** * Fear is the failure - he8us */ .colContent #contentBreadcrumbs a { color: #577e91; font-size: 11px; } .colContent #textZone { display: block; width: 595px; } .colContent #textZone h1 { display: block; color: #4A6A93; font-size: 24px; font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; } .colContent #textZone p { color: #577e91; font-family: Verdana; font-size: 11px; line-height: normal; } .colContent #tabscontainer { display: block; width: 550px; border: 1px solid #e6e6e8; margin: 20px auto; } .colContent #tabscontainer h2 { padding: 0px; margin: 10px 0px 5px 21px; color: #5ba2db; font-size: 16px; } .colContent #tabscontainer p { padding: 0px; margin: 10px 0px 10px 21px; font-family: Verdana; font-size: 11px; color: #696b6c; } .colContent #tabscontainer p.linky { text-align: center; padding: 0px; margin: -10px 0px 10px 0px; _margin: -20px 0px 10px 0px; } .colContent #tabscontainer p.linky a { color: #4f7283; text-decoration: none; } .colContent #tabs { display: block; width: 595px; height: 24px; background: Black; overflow: hidden; } .colContent #tabs ul { padding: 0px; margin: 0px; background: url(../../../gallery/design/images/background_tab.gif); color: White; float: left; width: 100%; height: 24px; } .colContent #tabs li { display: inline; height: 24px; line-height: 24px; } .colContent #tabs li a { display: block; float: left; height: 24px; line-height: 24px; text-align: center; background: url(../../../gallery/design/images/background_tab.gif); border-left: 1px solid #c7ccd0; text-decoration: none; font-weight: bold; color: #75787a; font-size: 12px; } .colContent #tabs li a#activeTab { background: url(../../../gallery/design/images/background_tab_active.gif) bottom; border-left: 1px solid #c7ccd0; height: 24px; line-height: 24px; text-align: center; text-decoration: none; font-weight: bold; color: #002e68; font-size: 12px; } .colContent #tabscontainer .contentBoxCategory { display: block; background: url(../../../gallery/design/images/background_contentbox_category.gif) no-repeat; width: 552px; height: 128px; margin-bottom: 20px; _margin-bottom: 5px; margin-left: 21px; margin-top: 0px; } .colContent #tabscontainer .contentBoxCategory .leftBox { display: block; float: left; width: 392px; height: 124px; overflow: hidden; padding: 0px; margin: 0px; } .colContent #tabscontainer .contentBoxCategory .leftBox h3 { padding: 0px; margin: 10px 0px 0px 10px; color: #4f7283; font-size: 16px; font-weight: bold; } .colContent #tabscontainer .contentBoxCategory .leftBox h3 a.link:link,.colContent #tabscontainer .contentBoxCategory .leftBox h3 a.link:active,.colContent #tabscontainer .contentBoxCategory .leftBox h3 a.link:visited { color: #4f7283; text-decoration: none; } .colContent #tabscontainer .contentBoxCategory .leftBox h3 a.link:hover { color: #4f7283; text-decoration: underline; cursor: pointer; } .colContent #tabscontainer .contentBoxCategory .leftBox p { padding: 0px; margin: 5px 10px 5px 10px; font-size: 11px; text-decoration: none; color: #888c8e; } .colContent #tabscontainer .contentBoxCategory .leftBox p a.link:link,.colContent #tabscontainer .contentBoxCategory .leftBox p a.link:active,.colContent #tabscontainer .contentBoxCategory .leftBox p a.link:visited,.colContent #tabscontainer .contentBoxCategory .leftBox p a.link:hover { color: #888c8e; text-decoration: none; } .colContent #tabscontainer .contentBoxCategory .nav2 { position: relative; width: 200px; height: 20px; top: -38px; _top: -23px; left: 0px; color: #000; font-weight: bold; } .colContent #tabscontainer .contentBoxCategory .nav2 a.link:link,.colContent #tabscontainer .contentBoxCategory .nav2 a.link:active,.colContent #tabscontainer .contentBoxCategory .nav2 a.link:visited { color: #577e91; text-decoration: none; font-weight: normal; padding: 0px 10px 0px 10px; } .colContent #tabscontainer .contentBoxCategory .nav2 a.link:hover { color: #577e91; text-decoration: underline; font-weight: normal; padding: 0px 10px 0px 10px; } .colContent #tabscontainer .contentBoxCategory .rightBox { display: block; float: left; width: 150px; height: 124px; overflow: visible; padding: 0px; margin: 0px; margin-left: 4px; padding-top: 18px; } .colContent #tabscontainer .contentBoxCategory .rightBox .imageBoxx { margin: 0px 0px 10px 34px; } .colContent #tabscontainer .contentBoxCategory .rightBox .button { margin: 5px 0px 0px 5px; width: 150px; height: 20px; line-height: 20px; } .colContent .contentBox { display: block; background: url(../../../gallery/design/images/background_contentbox.jpg) no-repeat; width: 597px; height: 128px; margin-bottom: 20px; _margin-bottom: 10px; } .colContent .btw { display: block; width: 545px; text-align: right; height: 20px; line-height: 20px; font-size: 10px; margin-top: -20px; } .colContent .contentBox .leftBox { display: block; float: left; width: 140px; height: 124px; overflow: hidden; padding: 0px; margin: 0px; } .colContent .contentBox .leftBox h2 { padding: 5px 0px 0px 5px; margin: 0px; color: #174176; font-size: 24px; font-weight: normal; } .colContent .contentBox .leftBox a:link,.colContent .contentBox .leftBox a:active,.colContent .contentBox .leftBox a:visited,.colContent .contentBox .leftBox a:hover { color: #174176; } .colContent .contentBox .leftBox p { padding: 0px; margin: 0px; } .colContent .contentBox .leftBox ul { padding: 14px 0px 0px 5px; margin: 0px; color: #4f7283; list-style: none; } .colContent .contentBox .leftBox .lien { margin-left: 0px; background: url(../../../gallery/design/images/fleche2.gif) left 5px no-repeat; padding-left: 13px; font-size: 11px; width: 120px; } .colContent .contentBox .leftBox .lien a:link,.colContent .contentBox .leftBox .lien a:active,.colContent .contentBox .leftBox .lien a:visited { color: #577e91; text-decoration: none; } .colContent .contentBox .leftBox .lien a:hover { color: #577e91; text-decoration: underline; } .colContent .contentBox .rightBox { display: block; float: left; width: 352px; height: 124px; overflow: hidden; padding: 0px; margin: 0px; margin-left: 22px; padding-right: 5px; } .colContent .contentBox .rightBox h3 { padding: 11px 0px 0px 0px; margin: 0px; color: #174176; font-size: 16px; font-weight: bold; } .colContent .contentBox .rightBox h3 a.link:link,.colContent .contentBox .rightBox h3 a.link:active,.colContent .contentBox .rightBox h3 a.link:visited { color: #174176; text-decoration: none; } .colContent .contentBox .rightBox h3 a.link:hover { color: #174176; text-decoration: underline; cursor: pointer; } .colContent .contentBox .rightBox p { padding: 14px 0px 0px 0px; margin: 0px; font-size: 11px; text-decoration: none; color: #696b6c; } .colContent .contentBox .rightBox p a.link:link,.colContent .contentBox .rightBox p a.link:active,.colContent .contentBox .rightBox p a.link:visited,.colContent .contentBox .rightBox p a.link:hover { color: #174176; text-decoration: none; } .colContent .contentBox .nav { position: relative; top: -20px; left: 250px; color: #000; font-weight: bold; clear: both } .colContent .contentBox .nav a:link,.colContent .contentBox .nav a:active,.colContent .contentBox .nav a:visited,.colContent .contentBox .nav a:hover { color: #577e91; text-decoration: underline; font-weight: normal; } .colContent .contentBox .nav2 { position: relative; top: -20px; left: 152px; color: #000; font-weight: bold; } .colContent .contentBox .nav2 a.link:link,.colContent .contentBox .nav2 a.link:active,.colContent .contentBox .nav2 a.link:visited { color: #577e91; text-decoration: none; font-weight: normal; padding: 0px 10px 0px 10px; clear: both; } .colContent .contentBox .nav2 a.link:hover { color: #577e91; text-decoration: underline; font-weight: normal; padding: 0px 10px 0px 10px; clear: both; } .colContent .contentBox .nav2 a.link2:link,.colContent .contentBox .nav2 a.link2:active,.colContent .contentBox .nav2 a.link2:visited,.colContent .contentBox .nav2 a.link2:hover { color: #577e91; text-decoration: underline; font-weight: normal; } .colContent .contentBox .imageBox { display: block; float: left; width: 77px; height: 111px; overflow: hidden; padding: 0px; margin: 0px; margin-top: 1px; padding-top: 13px; } .colContent .contentBox .imageBox img { border: 1px solid #d3d3d4; } .colContent .contentBanner { width: 597px; margin-bottom: 20px; text-align: center; } /* ---------------------------- */ /* #footer{width:935px; color:#92b0bf; text-align:center; font-size:10px; margin-right:auto;margin-left:auto; padding:5px 0px 0px 0px; background-color: #fff; background:url(../homepage/images/content/footer_line.gif) repeat-x;} #footer a, #footer a:link, #footer a:active, #footer a:visited{color:#92b0bf; text-decoration:underline;} #footer a:hover{color:#92b0bf} */ /* Marketing Product Page Styles */ #MarketingProduct { background-color: #fff; border: 1px solid #E0E0E2; padding: 15px 20px 20px 20px; } #MarketingProduct .prodViewer { vertical-align: top; width: 180px; padding-right: 10px; } #MarketingProduct .prodViewer .prodViewerTop { height: 20px; margin: 9px 0 0 0; padding: 0 10px 0 0; text-align: center; } #MarketingProduct .prodViewer .prodViewerTop .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 125px; _margin-left: 38px; } #MarketingProduct .prodViewer .prodViewerTop .happyHour { position: absolute; background: url(../images/happy_hour.gif) no-repeat; width: 36px; height: 36px; margin-left: 125px; _margin-left: 38px; } #MarketingProduct .prodViewer .prodViewerTop .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 125px; _margin-left: 38px; } #MarketingProduct .prodViewer .prodViewerTop .zoomer { z-index: 9999; background: url(../zoomer.gif) no-repeat; position: absolute; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/zoomer.gif', sizingMethod = 'image'); width: 17px; height: 17px; margin-left: 145px; *margin-left: 61px; margin-top: 155px; *margin-top: 158px; } #MarketingProduct .prodViewer .leftArrow { width: 10px; vertical-align: middle; } #MarketingProduct .prodViewer .leftArrow a { display: block; width: 11px; height: 8px; background: url(../leftArrow.gif) left center no-repeat; } #MarketingProduct .prodViewer .productImage { width: 150px; } #MarketingProduct .prodViewer .productImage div { margin: 0; padding: 0; text-align: center; width: 150px; height: 150px; } #MarketingProduct .prodViewer .productImage div img { margin: 0; padding: 0; width: 150px; height: 150px; border: 1px solid #CCC; } #MarketingProduct .prodViewer .rightArrow { width: 10px; vertical-align: middle; } #MarketingProduct .prodViewer .rightArrow a { display: block; width: 11px; height: 8px; background: url(../rightArrow.gif) right center no-repeat; } #MarketingProduct .prodViewer .noArrow { width: 11px; } #MarketingProduct .prodViewer .colorPicker { width: 146px; _width: 152px; margin-left: 11px; padding: 3px 2px 3px 2px; font-size: 10px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } #MarketingProduct .prodViewer .colorPicker p { float: left; margin: 0; padding: 0; } #MarketingProduct .prodViewer .colorPicker a.colorBlock { display: block; float: right; width: 9px; height: 9px; margin: 2px 0 0 1px; padding: 0; font-size: 0; line-height: 0; } #MarketingProduct .prodViewer .newPrice { margin: 0; padding: 5px 10px 0 0; font-size: 18px; font-weight: bold; text-align: center; color: #FF0025; } #MarketingProduct .prodViewer .newPrice span { font-size: 20px; font-weight: bold; text-align: center; } #MarketingProduct .prodViewer .oldPrice { margin: 0; padding: 0 10px 0 0; font-size: 11px; text-align: center; color: #2662AF; } #MarketingProduct .prodViewer .oldPrice span { font-size: 12px; font-weight: bold; text-align: center; } #MarketingProduct .prodViewer .price { margin: 0; padding: 5px 10px 0 0; font-size: 16px; font-weight: bold; text-align: center; color: #FF0025; } #MarketingProduct .prodViewer .price span { font-size: 20px; font-weight: bold; text-align: center; } #MarketingProduct .prodViewer .other { margin: 0; padding: 5px 10px 0 0; font-size: 10px; text-align: center; } #MarketingProduct .prodViewer .other span { font-size: 10px; text-align: center; } #MarketingProduct .prodViewer .oldPrice .vat,#MarketingProduct td.prodViewer .price .vat { margin-left: 3px;; padding: 0; font-size: 10px; color: #29a2db; } #MarketingProduct .prodDescription { vertical-align: top; font-family: Verdana; } #MarketingProduct .prodDescription .toolBox { color: #29A2DB; width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #ECEEEF; font-size: 10px; text-align: right; } #MarketingProduct .prodDescription .toolBox a { } #MarketingProduct .prodDescription .description { width: 100%; margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px solid #ECEEEF; } .colContent #prodContainer h2.productName { width: auto; padding: 0; margin: 0 0 5px 0; font-size: 18px; color: #5BA2DB; font-weight: bold; } #MarketingProduct .prodDescription .description p { margin: 0 0 5px 0; padding: 0; width: 365px } #MarketingProduct .prodDescription .description p.highlight { color: #1657A9; } #MarketingProduct .prodDescription .description p.promoText { color: #FF0025; } #MarketingProduct .prodDescription .buttons { width: 100%; } #MarketingProduct .prodDescription .buttons img { float: left; vertical-align: top; margin: 0 10px 0 0; } #MarketingProduct .prodDescription .buttons .addToBasket { float: right; margin: 0; } #MarketingProduct .prodDescription .notes { margin: 5px 0 5px 0; padding: 0; font-size: 10px; color: #29a2db; text-align: right; } #MarketingProduct #tabsContainer { display: block; width: 550px; border: 1px solid #E6E6E8; margin: 20px 0 20px 0; _margin: 20px 0; } #MarketingProduct #tabsContainer table { width: 510px; padding-right: 0px; margin-right: 0px; } #MarketingProduct #tabsContainer h2 { padding: 0; margin: 10px 21px 5px 21px; color: #5BA2DB; font-size: 16px; } #MarketingProduct #tabscontainer #detailPage { margin-right: 5px; } #MarketingProduct #tabscontainer #detailPage a:link,#MarketingProduct #tabscontainer #detailPage a:active,#MarketingProduct #tabscontainer #detailPage a:visited { color: #29a2db; text-decoration: none; margin: 0px; padding: 0px } #MarketingProduct #tabscontainer #detailPage a:hover { color: #29a2db; text-decoration: underline; margin: 0px; padding: 0px } #MarketingProduct #tabscontainer #detailPage .lien { margin-left: 22px; background: url(../../../gallery/design/images/fleche2.gif) left 5px no-repeat; font-size: 11px; margin-top: 0px; margin-bottom: 0px; } #MarketingProduct #tabscontainer #detailPage .lien a:link,#MarketingProduct #tabscontainer #detailPage .lien a:active,#MarketingProduct #tabscontainer #detailPage .lien a:visited { margin-left: 15px; color: #577e91; text-decoration: none; } #MarketingProduct #tabscontainer #detailPage .lien a:hover { margin-left: 15px; color: #577e91; text-decoration: underline; } .colContent #MarketingProduct #tabscontainer #navcontainer { background: #f7f7f9; margin: 0px; padding: 0px; font-family: Verdana; } #MarketingProduct p.topLink { text-align: right; } #MarketingProduct p.topLink a,#MarketingProduct p.topLink a:link,#MarketingProduct p.topLink a:active,#MarketingProduct p.topLink a:visited { margin: 10px 0 0 0; padding: 0; font-size: 11px; color: #29A2DB; text-decoration: none; } #MarketingProduct p.topLink a:hover { text-decoration: underline; } #MarketingProduct #product .sublink { margin: 0px; padding-right: 5px; text-align: right; font-size: 10px; } #MarketingProduct #product .sublink a:link,#MarketingProduct #product .sublink a:active,#MarketingProduct #product .sublink a:visited { color: #29a2db; text-decoration: none; } #MarketingProduct #product .sublink a:hover { color: #29a2db; text-decoration: underline; } #seealsotop { position: relative; top: 0px; left: 0px; width: 224px; _width: 222px; height: 37px; margin-left: -18px; background: url(../../../gallery/design/images/top_see_also.gif) no-repeat; _border-right: 1px solid #ececee; } #seealsotop h2 { padding: 10px 0px 0px 30px; margin: 0px; font-size: 22px; line-height: 22px; color: #ccced6; } #seealsobottom { position: relative; top: 0px; right: 0px; width: 204px; border-right: 1px solid #ececee; border-left: 1px solid #ececee; border-bottom: 1px solid #ececee; border-top: none; background: White url(../../../gallery/design/images/background_see_also.gif) repeat-x; background-position: bottom; } #seealsobottom .title { margin-left: 15px; color: #42627e; padding-top: 10px; } #seealsobottom .marginske { margin-left: 15px; } .colContent #MarketingProduct #tabscontainer #navcontainer { background: #f7f7f9; margin: 0px; padding: 0px; font-family: Verdana; } /* to stretch the container div to contain floated list */ .colContent #MarketingProduct #tabscontainer #navcontainer :after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } .colContent #MarketingProduct #tabscontainer ul#navlist { list-style: none; padding: 0px; margin: 0px; width: 100%; font-size: 10px; } .colContent #MarketingProduct #tabscontainer ul#navlist li { display: block; float: left; width: 49.5%; _width: 49.5%; height: 18px; line-height: 18px; margin: 0px; padding: 0px; border-bottom: 1px solid #e0e0e2; border-left: 1px solid #e0e0e2; } .colContent #MarketingProduct #tabscontainer ul#navlist li a { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; width: 100%; padding: 0px; color: #808486; text-decoration: none; background: url(../../../gallery/design/images/background_new_tabs.gif) no-repeat; font-size: 10px; font-weight: bold; } .colContent #MarketingProduct #tabscontainer #navcontainer>ul#navlist li a { width: 100%; } .colContent #MarketingProduct #tabscontainer ul#navlist li#active a { margin-left: 0px; background: #f0e7d7; color: #002e68; font-weight: bold; background: url(../../../gallery/design/images/background_new_tabs_over.gif) no-repeat; } .colContent #MarketingProduct #tabscontainer ul#navlist li a:hover,ul#navlist li#active a:hover { color: #002e68; font-weight: bold; background: transparent; background: url(../../../gallery/design/images/background_new_tabs_over.gif) no-repeat; } /* STATIC PAGE STYLES!!! */ #staticPage td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; } #staticPage .green { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #204508; } #staticPage .purple { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5C2752; } #staticPage .TabTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } #staticPage .SubTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; font-weight: bold; line-height: normal; } #staticPage .Title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003399; font-weight: bold; } #staticPage .TitleText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #936089; font-weight: normal; } #staticPage .TitleTextRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #C11414; font-weight: normal; } #staticPage .NoUnderline:link { text-decoration: none; color: #003399; } #staticPage .NoUnderline:visited { text-decoration: none; color: #003399; } #staticPage .NoUnderline:active { text-decoration: none; color: #003399; } #staticPage .NoUnderline:hover { text-decoration: underline; color: #003399; } #staticPage .NoUnderlinePurple:link { text-decoration: none; color: #5C2752; } #staticPage .NoUnderlinePurple:visited { text-decoration: none; color: #5C2752; } #staticPage .NoUnderlinePurple:active { text-decoration: none; color: #5C2752; } #staticPage .NoUnderlinePurple:hover { text-decoration: underline; color: #5C2752; } #staticPage .NoUnderlineGreen:link { text-decoration: none; color: #204508; } #staticPage .NoUnderlineGreen:visited { text-decoration: none; color: #204508; } #staticPage .NoUnderlineGreen:active { text-decoration: none; color: #204508; } #staticPage .NoUnderlineGreen:hover { text-decoration: underline; color: #204508; } #staticPage a:link { text-decoration: underline; color: #003399; } #staticPage a:visited { text-decoration: underline; color: #003399; } #staticPage a:active { text-decoration: underline; color: #003399; } #staticPage a:hover { text-decoration: none; color: #003399; } #staticPage .RedPromo { color: #9B0201; font-family: Verdana, Arial, Helvetica, sans-serif; } #UnstructuredTextFulTitle { color: #1657A9; padding: 0px 0px 0px 20px; font-size: small; font-family: Verdana,Arial,Helvetica,sans-serif; margin: 0 0 8px 0; background: #C6E7F7 url(../../../gallery/design/title_sub_arrow01.gif) no-repeat scroll left; zoom: 1; /** Workaround for IE6 else background isn't shown. **/ } /* form builder styles */ .colContent #formbuild h2 { color: #4A6A93; padding-top: 0px; margin-top: 0px; } .colContent #formbuild { margin: 0px; padding: 0px; } .colContent #formbuild #mandatory { color: red; font-style: italic; text-align: right; padding-right: 40px; padding-top: 10px; } .colContent #formbuild .input { width: 290px; } .colContent #formbuild .label { width: 230px; min-width: 230px; float: left; } .colContent #formbuild .subLabel { font-weight: bold; padding-left: 5px; } .colContent #formbuild .subLabelElement { padding-left: 15px; margin-bottom: 5px; } .colContent #formbuild .subLabelElement .checkbox { padding-bottom: 5px; } .colContent #formbuild .subLabelElement input { border: 0px; background-color: #f8f8fa; } .colContent #formbuild td { padding-bottom: 7px; } .colContent #formbuild h3 { margin-bottom: 0px; padding-bottom: 0px; margin-top: 15px; color: #4A6A93; } .colContent #formbuild textarea { border: solid 1px #003896; font-size: 12px; font-family: Verdana; background-color: #FFFFFF; padding: 1px 3px 1px 3px; width: 290px; } .colContent #formbuild select { border: solid 1px #003896; font-size: 10px; width: 290px; } .colContent #formbuild #errors { color: red; } .colContent #formbuild .questionMarkImg { clear: both; } .colContent #formbuild .sendCopyToCustomer { font-style: italic; margin-bottom: 5px; width: 290px; } .colContent #formbuild .catArrowImg { margin-bottom: -2px; margin-right: 5px; } .colContent #formbuild .fieldInError { background-color: #FFE1DF; border-color: red; } .colContent #formbuild .labelInError { color: red; } .colContent #formconfirm img { border: 0px; padding-bottom: 10px; } /* GLOSSARY */ #glossary { } #glossaryHeader { border-top: 1px #C7CCD0 solid; border-right: 1px solid #C7CCD0; width: 598px; } .glossaryNum { float: left; background: url(../images/glossary.gif) repeat-x; text-align: center; padding-top: 4px; width: 24px; height: 18px; border-left: 1px #C7CCD0 solid; border-bottom: 1px #C7CCD0 solid; } .glossaryNum a,.glossaryNum a:link,.glossaryNum a:active,.glossaryNum a:visited { display: block; width: 24px; height: 18px; font-weight: bold; text-decoration: none; color: #75787A; } .glossaryNum a:hover { text-decoration: underline } .glossaryNumSel { float: left; background: url(../images/glossarySel.gif) repeat-x; color: #002E68; text-align: center; padding-top: 4px; width: 24px; height: 18px; border-left: 1px #C7CCD0 solid; } .glossaryNumSel a,.glossaryNumSel a:link,.glossaryNumSel a:active,.glossaryNumSel a:visited { display: block; width: 24px; height: 18px; text-decoration: none; color: #002E68; } .glossaryNumSel a:hover { text-decoration: underline } .glossaryAlpha { float: left; background: url(../images/glossary.gif) repeat-x; text-align: center; padding-top: 4px; width: 21px; height: 18px; border-left: 1px #C7CCD0 solid; border-bottom: 1px #C7CCD0 solid; } .glossaryAlpha a,.glossaryAlpha a:link,.glossaryAlpha a:active,.glossaryAlpha a:visited { display: block; width: 21px; height: 18px; font-weight: bold; text-decoration: none; color: #75787A; } .glossaryAlpha a:hover { text-decoration: underline } .glossaryAlphaSel { float: left; background: url(../images/glossarySel.gif) repeat-x; color: #002E68; text-align: center; padding-top: 4px; width: 21px; height: 18px; border-left: 1px #C7CCD0 solid; } .glossaryAlphaSel a,.glossaryAlphaSel a:link,.glossaryAlphaSel a:active,.glossaryAlphaSel a:visited { text-decoration: none; color: #002E68; } .glossaryAlphaSel a:hover { text-decoration: underline } .glossaryContentSel { border: solid #E6E6E8; border-width: 0 1px 1px 1px; padding: 14px 22px 22px 22px; width: 553px; _width: 598px; margin-bottom: 20px; } .glossaryContentSel h2 { color: #5BA2DB; font-size: 14px; padding: 0; margin: 0; } .glossaryContentSel h3 { color: #4F7283; font-size: 14px; margin: 10px 0 4px 0; padding: 0 } .glossaryContentSel h3 a,.glossaryContentSel h3 a:link,.glossaryContentSel h3 a:active,.glossaryContentSel h3 a:visited { text-decoration: none; color: #4F7283; } .glossaryContentSel h3 a:hover { text-decoration: underline } /* SITEMAP */ #sitemapLink { float: right; padding-top: 10px; display: block; } #sitemap { border-left: 0px; border-right: 4px; margin-bottom: 10px; margin-left: 0px; width: 280px; } #sitemap ul ul { margin-left: 10px; } #sitemap ul li { padding: 0px; margin: 0px; list-style-type: none; } #sitemap li a { text-decoration: none; display: block; } #sitemap li { display: inline; } /* fix for IE blank line bug */ #sitemap ul>li { display: list-item; } #sitemap li>a { width: auto; height: auto; } #sitemap li li a { } #sitemap li li li a { width: auto; } #sitemap li li li a:hover { text-decoration: underline; } #sitemap .level1 a { font-size: 17px; font-weight: bold; color: #0a94d6; padding: 0px 0px 0px 20px; width: 100%; margin: 0; background: url(../images/plus.gif) left 3px no-repeat } #sitemap .level1_noSubItem a { font-size: 17px; font-weight: bold; color: #0a94d6; padding: 0px 0px 0px 0px; width: 100%; margin: 0px 0px 0px 15px; } #sitemap .level2 a { font-size: 13px; font-weight: bold; color: #43677a; cursor: pointer; color: #43677a; padding: 0px 0px; margin: 0px 0px 0px 30px; background: none; } #sitemap .level2_noSubItem a { font-size: 13px; font-weight: bold; color: #43677a; cursor: pointer; padding: 0px 0px; margin: 0px 0px 0px 30px; } #sitemap .level2_noSubItem a:hover { text-decoration: underline; } #sitemap .level3 a { font-size: 11px; font-weight: normal; color: #676a6b; cursor: pointer; padding: 0px 0px; margin: 0px 0px 0px 45px; } /*add to be set in new css*/ #freeDelivery img { width: 125px; height: 75px; margin: 20px 0px 0px 0px; } .atv { color: #00a3de; text-align: right; font-size: 10px; margin: 5px 5px 5px 5px } .colContent #categoryCategoryList { margin-bottom: 10px; zoom: 1; } .colContent #subCategory{ margin-bottom: 10px; zoom: 1; } .colContent #subCategory #categoryCategoryList{ border: 1px solid #E6E6E8; border-top: none; } .colContent #categoryCategoryList h1 { margin: 0px 0px 10px 0px; color: #0056ad; font-size: 20px } .colContent #categoryCategoryList #categoryCategoryContent { margin-top: 10px; } .colContent #subCategory #categoryCategoryList #categoryCategoryContent { margin-top: 0px; border-top: none; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav { background: #EDF6FD url(../dropShadow.jpg) bottom repeat-x; padding: 0 2px; margin-top: 10px; border: 1px solid #E6E6E8; border-bottom: none; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav table.last { border: none; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav td { text-align: center; border-right: 1px solid #D9EDF8; padding: 2px 10px 5px 0px; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav td.end { border: none; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav a,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:active,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:link,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:visited { color: #597D93; background: url(../categoryTopNavArrow.gif) left 5px no-repeat; padding: 2px 10px; } .colContent #categoryCategoryList #categoryCategoryContent #InnerNav a.selected,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:active .selected,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:link .selected,.colContent #categoryCategoryList #categoryCategoryContent #InnerNav a:visited .selected { color: #1658A6; background: url(../categoryTopNavArrowSel.gif) left 5px no-repeat; padding: 2px 10px; font-weight: bold; } .colContent #categoryCategoryList #categoryCategoryContent #contentInner { background-color: #fff; padding: 10px 15px; } .colContent #categoryCategoryList #categoryCategoryContent #contentInner h2 { margin: 0px; color: #02a3d9; font-size: 14px; } .colContent #categoryCategoryList #categoryCategoryContent #contentInner p { padding: 5px 0px; margin: 0px } .colContent #categoryCategoryList .listBoxContainerNoFocus { border: 1px solid #C5CDD0; background: none; background-color: #FFFFFF; margin-bottom: 10px; width: 550px; _width: 552px; margin-left: 5px; } .colContent #categoryCategoryList .listBoxContainerNoFocus .listBoxContainerBg { background: none; } .colContent #categoryCategoryList .listBoxContainerNoFocus .left { float: none; margin-right: 10px; padding: 10px; } .colContent #categoryCategoryList .listBoxContainerNoFocus .clr { clear: none; } .colContent #categoryCategoryList .listBoxContainerNoFocus .left h3 { margin: 0px; font-size: 14px; color: #4f7286; } .colContent #categoryCategoryList .listBoxContainerNoFocus .left a.moreInfo { color: #4f8b9d; text-decoration: underline; display: block; text-align: right; } .colContent #categoryCategoryList .listBoxContainerNoFocus .right { display: none; } .colContent #categoryCategoryList .listBoxContainerNoFocus .listBoxContainerBottom { display: none; } .colContent #categoryCategoryList .listBoxContainer { background: url(../categoryCategoryListBoxBg.gif) repeat-y; margin-left: 5px; margin-bottom: 10px; zoom: 1; /** IE BUG workaround **/ } .colContent #categoryCategoryList .listBoxContainerBg { background: url(../categoryCategoryListBoxTop.gif) top left no-repeat; } .colContent #categoryCategoryList .listBoxContainer .left { float: left; width: 315px; margin-right: 10px; padding: 10px; } .colContent #categoryCategoryList .listBoxContainer .left h3 { margin: 0px; font-size: 14px; color: #4f7286; } .colContent #categoryCategoryList .listBoxContainer .left a.moreInfo { color: #4f8b9d; text-decoration: underline; display: block; text-align: right; } .colContent #categoryCategoryList .listBoxContainer .right { float: left; width: 190px; padding: 10px; } .colContent #categoryCategoryList .listBoxContainer .right table { width: 190px } .colContent #categoryCategoryList .listBoxContainer .right td { vertical-align: top; } .colContent #categoryCategoryList .listBoxContainer .right h3 { margin: 0px; font-size: 12px; color: #4f7286; margin-top: 9px; } .colContent #categoryCategoryList .listBoxContainer .right .imgContainer { vertical-align: top; width: 70px; height: 70px; } .colContent #categoryCategoryList .listBoxContainer .right .imgContainer .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 44px; } .colContent #categoryCategoryList .listBoxContainer .right .imgContainer .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 44px; } .colContent #categoryCategoryList .listBoxContainer .right img { border: 1px solid #D3D4D6; margin-top: 9px; margin-right: 10px; } .colContent #categoryCategoryList .listBoxContainer .right .nameOfProduct { font-size: 10px; font-weight: bold; color: #02a3d9; } .colContent #categoryCategoryList .listBoxContainerBottom { background: url(../categoryCategoryListBoxBottom.jpg) bottom left no-repeat; height: 5px; line-height: 5px; margin: 0px; padding: 0px; } /*categoryList*/ .colContent #categoryList { background: #FFFFFF; padding: 15px; border: 1px solid #E6E6E8; } .colContent #subCategory #categoryList { margin-top: 0px; border-top: none; padding-top: 10px; zoom: 1; } .colContent #categoryList h1 { margin: 0px 0px 10px 0px; color: #0056ad; font-size: 20px; } .colContent #subCategory #categoryList h1 { margin: 0px; color: #02a3d9; font-size: 14px; margin-bottom: 10px; } .colContent #categoryList #prodContainer { display: block; border: 1px solid #C5CDD0; background: #FFFFFF; padding: 10px; margin: 10px 0px; line-height: normal; } .colContent #categoryList #prodContainer h2 { color: #00a3de; font-size: 18px; padding: 0px; margin: 0px 0px 10px 0px; width: 400px; } .colContent #categoryList #prodContainer .toolBox { float: right; } .colContent #categoryList #prodContainer .clr { clear: none; } .colContent #categoryList #prodContainer #sendToAFriend { background: url(../icons/sendToAFriend_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #categoryList #prodContainer #viewFlashDemo { background: url(../icons/viewDemo_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #categoryList #prodContainer #topContent { border-bottom: 1px solid #C5CDD0; margin-bottom: 10px } .colContent #categoryList #prodContainer #detailContent { } .colContent #categoryList #prodContainer #detailContent td { vertical-align: top } .colContent #categoryList #prodContainer #detailContent .abstract { } .colContent #categoryList #prodContainer #detailContent #detailContentBox { background: #F5F4F9; padding: 8px; margin-top: 10px } #categoryList #prodContainer td#productDescription{ width: 380px; } .colContent #categoryList #prodContainer #detailContent #detailContentBox .moreInfo { padding-top: 13px; width: 182px } .colContent #categoryList #prodContainer #detailContent #detailContentBox .moreInfo a,.colContent #categoryList #prodContainer #detailContent #detailContentBox .moreInfo a:link,.colContent #categoryList #prodContainer #detailContent #detailContentBox .moreInfo a:active,.colContent #categoryList #prodContainer #detailContent #detailContentBox .moreInfo a:visited { text-decoration: underline; color: #4f8b9d; } .colContent #categoryList #prodContainer #detailContent #detailContentBox .addTo { padding-top: 10px; text-align: right; width: 182px } .colContent #categoryList #prodContainer #detailContent .prodImg { width: 150px; } .colContent #categoryList #prodContainer #detailContent .prodImg img { margin: 5px; width: 150px } .colContent #categoryList #prodContainer #detailContent .prodImg .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #categoryList #prodContainer #detailContent .prodImg .happyHour { position: absolute; background: url(../images/happy_hour.gif) no-repeat; _background: none; width: 36px; height: 36px; margin-left: 124px } .colContent #categoryList #prodContainer #detailContent .prodImg .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #categoryList #prodContainer #detailContent #detailContentBox .price { padding: 0px 0px 5px 0px; color: #1657a9; font-size: 16px; font-weight: bold; } .colContent #categoryList #prodContainer #detailContent #detailContentBox .promoPrice { padding: 0px 0px 5px 0px; color: #DB224B; font-size: 16px; font-weight: bold; } .colContent #categoryList #prodContainer #detailContent #detailContentBox .oldPrice { padding: 0px 0px 5px 0px; color: #00a3de; font-size: 14px; text-decoration: line-through; } .colContent #categoryList #prodContainer #detailContent #detailContentBox .recupel { padding-bottom: 5px } .colContent #categoryList #prodContainer #detailContent #detailContentBox .promoText { padding-bottom: 5px; color: #DB224B } .colContent #categoryList .compare { width: 400px; margin-bottom: 10px } .colContent #categoryList [class="compare"] { width: 400px } .colContent #categoryList .compare a,.colContent #categoryList .compare a:link,.colContent #categoryList .compare a:active,.colContent #categoryList .compare a:visited { font-weight: bold; text-decoration: underline; margin-right: 10px } .colContent #categoryList .compare a:hover { text-decoration: none } .colContent #categoryList .compare .dots { background: url(../dotsCheckBox.gif) left 1px repeat-x } .colContent #categoryList .listBoxContainerBg { background: url(../categoryListBoxTop.gif) top left no-repeat; } .colContent #categoryList .listBoxContainer { background: url(../categoryListBoxBg.gif) repeat-y; _width: 562px; margin-bottom: 10px; } .colContent #categoryList .listBoxContainer { } .colContent #categoryList .listBoxContainer .imgContainer { vertical-align: top; padding-left: 24px; padding-top: 19px; padding-bottom: 10px; position: relative } .colContent #categoryList .listBoxContainer .imgContainer .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 44px; position: relative } .colContent #categoryList .listBoxContainer .imgContainer .happyHour { position: absolute; background: url(../images/happy_hour.gif) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 44px; position: relative } .colContent #categoryList .listBoxContainer .imgContainer .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 44px; position: relative } .colContent #categoryList .listBoxContainer .imgContainer img { border: 1px solid #D3D4D6; margin-right: 20px; width: 70px; height: 70px; position: relative } .colContent #categoryList .listBoxContainer .innerContent { width: 290px; padding: 14px 20px 14px 0px; vertical-align: top; position: relative } .colContent #categoryList .listBoxContainer .innerContent h3 { font-size: 14px; color: #00a3de; margin: 0px; position: relative; z-index: 10; width: 100%; } .colContent #categoryList .listBoxContainer .innerContent input { border: none; background: none; position: absolute; right: 5px; z-index: 11; } .colContent #categoryList .listBoxContainer .innerContent .detailProduct { margin-top: 10px; line-height: normal; position: relative } .colContent #categoryList .listBoxContainer .innerContent .promoTxt { color: #DB224B; margin-top: 10px; position: relative } .colContent #categoryList .listBoxContainer .innerContent a.moreInfo_product,.colContent #categoryList .listBoxContainer .innerContent a:link .moreInfo_product,.colContent #categoryList .listBoxContainer .innerContent a:active .moreInfo_product,.colContent #categoryList .listBoxContainer .innerContent a:visited .moreInfo_product { color: #4f8b9d; text-decoration: underline; display: block; text-align: right; position: relative } .colContent #categoryList .listBoxContainer .innerContent a:hover .moreInfo_product { text-decoration: none; position: relative } .colContent #categoryList .listBoxContainer .right { width: 120px; text-align: center; font-size: 10px; padding: 14px 0px 10px 7px; position: relative } .colContent #categoryList .listBoxContainer .right div { text-align: center; margin-bottom: 5px; position: relative } .colContent #categoryList .listBoxContainer .right .price { font-size: 16px; font-weight: bold; color: #1657a9; position: relative } .colContent #categoryList .listBoxContainer .right .promoPrice { font-size: 16px; color: #da214b; font-weight: bold; position: relative } .colContent #categoryList .listBoxContainer .right .oldPrice { font-size: 11px; color: #00a3de; text-decoration: line-through; position: relative } .colContent #categoryList .listBoxContainer .right .promoPrice { color: #00a3de; position: relative } .colContent #categoryList .listBoxContainer .right .promoText { color: #da214b; position: relative } .colContent #categoryList .listBoxContainer .right .recupelPrice { text-align: left; color: #3d7f93; font-size: 9px; text-align: center; position: relative } .colContent #categoryList .listBoxContainer .right a { display: block; text-align: center; padding-top: 5px; position: relative } .colContent #categoryList .listBoxContainerBottom { background: url(../categoryListBoxBottom.gif) bottom left no-repeat; height: 1px; line-height: 1px; margin-bottom: 0 } /*categoryMatrix*/ .colContent #InnerNav { background: #EDF6FD url(../dropShadow.jpg) bottom repeat-x; padding: 2px 0px; border: 1px solid #E6E6E8; border-bottom: none; zoom: 1; } .colContent #InnerNav table { border-bottom: 1px solid #D9EDF8; width: 100%; } .colContent #InnerNav td { text-align: center; border-right: 1px solid #D9EDF8; padding: 2px 10px 5px 0px } .colContent #InnerNav td.end { border: none } .colContent #InnerNav a,.colContent #InnerNav a:active,.colContent #InnerNav a:link,.colContent #InnerNav a:visited { color: #597D93; background: url(../categoryTopNavArrow.gif) left 5px no-repeat; padding: 2px 10px } .colContent #InnerNav a.selected,.colContent #InnerNav a:active .selected,.colContent #InnerNav a:link .selected,.colContent #InnerNav a:visited .selected { color: #1658A6; background: url(../categoryTopNavArrowSel.gif) left 5px no-repeat; padding: 2px 10px; font-weight: bold } .colContent #categoryMatrix { padding: 18px; background-color: #fff; zoom: 1; border: 1px solid #E6E6E8; } .colContent #subCategory #categoryMatrix { margin-top: 0px; padding-top: 10px; border-top: none; } .colContent #categoryMatrix h1 { margin: 0px 0px 10px 0px; color: #0056ad; font-size: 20px; font-family: Verdana; } .colContent #subCategory #categoryMatrix h1 { margin: 0px; color: #02a3d9; font-size: 14px; margin-bottom: 10px } .colContent #categoryMatrix #prodContainer { background: #FFFFFF; border: 1px solid #C5CDD0; padding: 10px; margin: 10px 0px } .colContent #categoryMatrix #prodContainer h2 { color: #00a3de; font-size: 18px; padding: 0px; margin: 0px 0px 10px 0px; font-family: Verdana; } .colContent #categoryMatrix #prodContainer .toolBox { float: right; } .colContent #categoryMatrix #prodContainer .clr { clear: none; } .colContent #categoryMatrix #prodContainer #sendToAFriend { background: url(../icons/sendToAFriend_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #categoryMatrix #prodContainer #viewFlashDemo { background: url(../icons/viewDemo_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #categoryMatrix #prodContainer #topContent { border-bottom: 1px solid #C5CDD0; margin-bottom: 10px } .colContent #categoryMatrix #prodContainer #detailContent { } .colContent #categoryMatrix #prodContainer #detailContent td { vertical-align: top } .colContent #categoryMatrix #prodContainer #detailContent .abstract { } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox { background: #F5F4F9; padding: 8px; margin-top: 10px } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .moreInfo { padding-top: 13px; width: 182px } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .moreInfo a,.colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .moreInfo a:link,.colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .moreInfo a:active,.colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .moreInfo a:visited { text-decoration: underline; color: #4f8b9d; } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .addTo { padding-top: 10px; text-align: right; width: 182px } .colContent #categoryMatrix #prodContainer #detailContent .prodImg { width: 150px; } .colContent #categoryMatrix #prodContainer #detailContent .prodImg img { margin: 5px; width: 150px } .colContent #categoryMatrix #prodContainer #detailContent .prodImg .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #categoryMatrix #prodContainer #detailContent .prodImg .happyHour { position: absolute; background: url(../images/happy_hour.gif) no-repeat; width: 36px; height: 36px; margin-left: 124px } .colContent #categoryMatrix #prodContainer #detailContent .prodImg .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .price { padding: 0px 0px 5px 0px; color: #1657a9; font-size: 16px; font-weight: bold; } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .promoPrice { padding: 0px 0px 5px 0px; color: #DB224B; font-size: 16px; font-weight: bold; } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .oldPrice { padding: 0px 0px 5px 0px; color: #00a3de; font-size: 14px; text-decoration: line-through; } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .recupel { padding-bottom: 5px } .colContent #categoryMatrix #prodContainer #detailContent #detailContentBox .promoText { padding-bottom: 5px; color: #DB224B } .colContent #categoryMatrix .compare { margin-bottom: 10px; width: 435px } .colContent #categoryMatrix [class="compare"] { width: 430px } .colContent #categoryMatrix .compare a,.colContent #categoryMatrix .compare a:link,.colContent #categoryMatrix .compare a:active,.colContent #categoryMatrix .compare a:visited { font-weight: bold; text-decoration: underline; margin-right: 10px } .colContent #categoryMatrix .compare a:hover { text-decoration: none } .colContent #categoryMatrix .compare .dots { background: url(../dotsCheckBox.gif) left 1px repeat-x } .colContent #categoryMatrix #matrixContainer { margin-left: 5px; border-collapse: separate; border-spacing: 5px; } .colContent #categoryMatrix #matrixContainer .element { background: #FFFFFF url(../cateListMatrixBg.jpg) repeat-x scroll center bottom; border: 1px solid #CACFD2; margin: 0px; vertical-align: top; } .colContent #categoryMatrix #matrixContainer .element .top { margin: 5px 5px 0px 5px; } .colContent #categoryMatrix #matrixContainer .element td { height: 30px; vertical-align: top; line-height: normal; } .colContent #categoryMatrix #matrixContainer .element input { border: none; background: none; margin-right: 5px } .colContent #categoryMatrix #matrixContainer .element h3 { font-size: 12px; color: #00a3de; margin: 0px; position: relative; top: 4px; /* height: 15px; */ font-family : Arial,Helvetica,sans-serif; font-weight: bold; } .colContent #categoryMatrix #matrixContainer .element .prodImgContainer { vertical-align: top; width: 70px; } .colContent #categoryMatrix #matrixContainer .element .prodImgContainer .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 79px; } .colContent #categoryMatrix #matrixContainer .element .prodImgContainer .happyHour { position: absolute; background: url(../images/happy_hour.gif) no-repeat; width: 36px; height: 36px; margin-left: 79px; } .colContent #categoryMatrix #matrixContainer .element .prodImgContainer .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 79px } .colContent #categoryMatrix #matrixContainer .element .prodImgContainer img { border: 1px solid #D3D4D6; margin: 9px 29px; width: 70px } .colContent #categoryMatrix #matrixContainer .element .price { font-size: 14px; text-align: center; line-height: 15px; } .colContent #categoryMatrix #matrixContainer .element .promoPrice { font-size: 14px; text-align: center; color: #DB224B; line-height: 15px; font-weight: bold; } .colContent #categoryMatrix #matrixContainer .element .bottom { margin: 5px; width: 120px } .colContent #categoryMatrix #matrixContainer .element .moreInfo { } .colContent #categoryMatrix #matrixContainer .element .moreInfo a,.colContent #categoryMatrix #matrixContainer .element .moreInfo a:link,.colContent #categoryMatrix #matrixContainer .element .moreInfo a:active,.colContent #categoryMatrix #matrixContainer .element .moreInfo a:visited { color: #4f8b9d; text-decoration: underline; } .colContent #categoryMatrix #matrixContainer .element .moreInfo a:hover { text-decoration: none; } .colContent #categoryMatrix #matrixContainer .element .addTo { text-align: right } /* tooltip */ .tooltip { width: 300px; background: #FFFFFF; border: 1px solid #C0C0C0; padding: 15px; vertical-align: top; z-index: 200 } img.tooltip { padding: 0px } .tooltip #tooltipTitle { color: #00a3de; font-size: 10px; } .tooltip #tooltipTitle h3 { font-size: 18px; margin: 0px; border-bottom: 1px dotted #003896; padding-bottom: 5px } .tooltip p { color: #696b6c; margin: 5px 0px } .tooltip #tooltipPriceArea { } .tooltip #tooltipPriceArea .promoValueLine { padding-bottom: 5px } .tooltip #tooltipPriceArea .price { font-size: 12px; color: #1657a9; font-weight: bold; margin-bottom: 5px } .tooltip #tooltipPriceArea .newPrice { font-size: 12px; color: #1657a9; font-weight: bold; margin-bottom: 5px } .tooltip #tooltipPriceArea .oldPrice { font-size: 12px; color: #00A3DE; text-decoration: line-through } .tooltip #tooltipPriceArea .promoPrice { font-size: 12px; color: #DB224B; font-weight: bold; } .tooltip #tooltipPriceArea .promoTxt { color: #DB224B; margin-bottom: 5px } .tooltip #tooltipPriceArea .valid { } /* bottomBanner */ .bottomBanner { margin-bottom: 20px; text-align: center; } .pleaseWait { padding: 20px; text-align: center; border: 20px solid } /* product page */ .colContent #prodContainer { border: 1px solid #C5CDD0; height: 100%; margin: 10px auto; } .colContent #prodContainer h2 { color: #00a3de; font-size: 18px; padding: 0px; margin: 0px 0px 10px 0px; width: 400px; } .colContent #prodContainer .toolBox { margin-right: auto; } .colContent #prodContainer #sendToAFriend { background: url(../icons/sendToAFriend_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #prodContainer #viewFlashDemo { background: url(../icons/viewDemo_ico.gif) left 4px no-repeat; display: block; padding-left: 15px; color: #4f8b9d } .colContent #prodContainer #topContent { border-bottom: 1px solid #C5CDD0; margin-bottom: 10px } .colContent #prodContainer #detailContent { width: 540px } .colContent #prodContainer #detailContent td { vertical-align: top } .colContent #prodContainer #detailContent .abstract { } .colContent #prodContainer #detailContent #detailContentBox { background: #F5F4F9; padding: 8px; margin-top: 10px } .colContent #prodContainer #detailContent #detailContentBox .moreInfo { padding-top: 13px; width: 182px } .colContent #prodContainer #detailContent #detailContentBox .moreInfo a,.colContent #prodContainer #detailContent #detailContentBox .moreInfo a:link,.colContent #prodContainer #detailContent #detailContentBox .moreInfo a:active,.colContent #prodContainer #detailContent #detailContentBox .moreInfo a:visited { text-decoration: underline; color: #4f8b9d; } .colContent #prodContainer #detailContent #detailContentBox .addTo { padding-top: 10px; text-align: right; width: 182px } .colContent #prodContainer #detailContent .prodImg { width: 150px; } .colContent #prodContainer #detailContent .prodImg img { margin: 5px; width: 150px } .colContent #prodContainer #detailContent .prodImg .promo { position: absolute; background: url(../images/promoSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/promoSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #prodContainer #detailContent .prodImg .new { position: absolute; background: url(../images/newSmall.png) no-repeat; _background: none; _filter: progid : DXImageTransform . Microsoft . AlphaImageLoader(src = '../../../gallery/design/images/newSmall.png', sizingMethod = 'image'); width: 36px; height: 36px; margin-left: 124px } .colContent #prodContainer #detailContent .price { padding: 0px 0px 5px 0px; color: #1657a9; font-size: 16px; font-weight: bold; } .colContent #prodContainer #detailContent .recupel { padding-bottom: 5px } .colContent #prodContainer #detailContent .promoTxt { padding-bottom: 5px; color: #DB224B } /* related products */ #relatedProdContainerWrapper{ background-color: yellow; } #relatedProd { position: relative; height: 37px; border-right: 1px solid #ececee; } #relatedProd h2 { margin: 0; padding: 0; background: url(../../../gallery/design/images/top_see_also.gif) no-repeat; position: absolute; left: -18px; top: -20px; height: 37px; width: 190px; margin-top: 20px; padding-left: 25px; font-size: 16px; line-height: 37px; color: #003896; text-align: left; } #relatedProdContainer { background-color: white; border: 1px solid #ececee; } #relatedProdContainer .prodTitle a { color: #1657a9; font-size: 12px; font-weight: bold; } #relatedProdContainer img { width: 70px; height: 70px; border: 1px solid #ececee; } #relatedProdContainer #productDescription { padding-bottom: 10px; } #relatedProdContainer #productDescription p { color: #696b6c; margin: 3px 0 0 0; } #relatedProdContainer #productDescription .promoLine { color: #FF0025; font-weight: bold; } #relatedProdContainer #productDescription .price { font-size: 11px; color: #696b6c; margin-bottom: 5px } #relatedProdContainer #productDescription .oldPrice { font-size: 11px; color: #696b6c; text-decoration: line-through } #relatedProdContainer #productDescription a { color: #696b6c; background: transparent url(../../../gallery/design/images/fleche2.gif) no-repeat scroll left 5px; font-size: 10px; padding-left: 13px; } #relatedProdContainer #productDescription a:hover { color: #696b6c; background: transparent url(../../../gallery/design/images/fleche2.gif) no-repeat scroll left 5px; font-size: 10px; padding-left: 13px; text-decoration: underline; } /* peering */ #peeringBox { margin-top: 10px; position: relative; top: 0px; left: 0px; width: 200px; _width: 222px; margin-left: -18px; background: url(../../../gallery/design/images/top_also_bought.gif) no-repeat; border-right: 1px solid #ececee; padding-left: 23px; display: block; } #peeringBox h2 { padding: 10px 0px 8px 10px; margin: 0px; font-size: 16px; line-height: 18px; color: #003896; display: block; text-align: left; } #peeringBoxContainer { background-color: #FFFFFF; width: 189px; _width: 204px; border-left: 1px solid #ececee; border-right: 1px solid #ececee; border-bottom: 1px solid #ececee; padding-left: 15px; } #peeringBoxContainer .prodTitle a { color: #1657a9; font-size: 12px; font-weight: bold; } #peeringBoxContainer #productDescription { padding-bottom: 10px; } #peeringBoxContainer #productDescription p { color: #696b6c; margin: 3px 0 0 0; } #peeringBoxContainer #productDescription .promoLine { color: #FF0025; font-weight: bold; } #peeringBoxContainer #productDescription .price { font-size: 11px; color: #696b6c; margin-bottom: 5px } #peeringBoxContainer #productDescription .oldPrice { font-size: 11px; color: #696b6c; text-decoration: line-through } #peeringBoxContainer #productDescription a { color: #696b6c; background: transparent url(../../../gallery/design/images/fleche2.gif) no-repeat scroll left 5px; font-size: 10px; padding-left: 13px; } #peeringBoxContainer #productDescription a:hover { color: #696b6c; background: transparent url(../../../gallery/design/images/fleche2.gif) no-repeat scroll left 5px; font-size: 10px; padding-left: 13px; text-decoration: underline; } /* header for all pages */ #header { background: url(../header2008/headerBg.gif); height: 108px; } #headerContent { position: relative; } #headerContent #logo { position: absolute; top: 26px; left: 12px; text-align: left; } .sep { position: relative; top: 3px; } #menuFirstlevel { width: 570px } #menuFirstlevel ul li { margin: 0 1px; } #menuSecondlevel { /*position: absolute; padding-top: 1px; left: 50%; margin-left: -477px; _margin-left: -478px; background: none; */ _margin: 1px 0 0; background: url(../header2008/topMenu/spaceLineMenu.gif) center top no-repeat; _text-align: center } div[id=menuSecondlevel]{ margin: 1px auto 0; width: 955px;} .home #menuSecondlevel { padding-top: 1px; } #menuFirstlevel ul { position: relative; top: 2px; left: 0pt; min-width: 150px; } #menuFirstlevel ul li ul { position: absolute; top: 32px; _top:0px; /* top: 0px; */ } #menuSecondlevel table { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0; padding: 0; width: 955px; _width: 956px; } #menuSecondlevel table tr { } #menuSecondlevel table tr .topLeft,#menuSecondlevel table tr .topRight,#menuSecondlevel table tr .bottomLeft,#menuSecondlevel table tr .bottomRight { width: 5px; height: 4px; font-size: 0; line-height: 0; } #menuSecondlevel table tr td { background: #00A5DE; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: center; } #menuSecondlevel table tr .topLeft { background: url(../nav2008/secondNav_left_top.gif) left top no-repeat } #menuSecondlevel table tr .topRight { background: url(../nav2008/secondNav_right_top.gif) right top no-repeat } #menuSecondlevel table tr .bottomLeft { background: url(../nav2008/secondNav_left_bottom.gif) left bottom no-repeat } #menuSecondlevel table tr .bottomRight { background: url(../nav2008/secondNav_right_bottom.gif) right bottom no-repeat } #menuSecondlevel table tr .middle { height: 100%; background: #00A5DE; } #menuSecondlevel table td a{ background: #00a5de url(../nav2008/dots.gif) right top repeat-y; _background-position: right 1px; color: #fff; display: block; font-size: 13px; padding: 8px 0; _margin: 2px 0; text-decoration: none; } #menuSecondlevel table td a:hover, #menuSecondlevel table td a.highlight, #menuSecondlevel table td.highlight a{ background-color: #2f74b9; color: #fff } #menuSecondlevel table tr td.lastItem a { background-image: none; } #menuSecondlevel table tr td.lastItem a:hover { background-image: none; } /* style for homepage only */ .home #left div,.home #right div,.home #container { } .home #leftContent { background: url(../homepage/images/content/bg_left.jpg) left -7px no-repeat; float: left; width: 683px; } .home #rightContent { background: url(../homepage/images/content/bg_right.jpg) right -7px no-repeat; float: left; width: 253px; padding: 12px 0 0 0; font: 11px Arial, Helvetica, sans-serif; } .home #container { margin-top: 0; width: 100%; _margin-top: 1px; } .home #left,.home #middle,.home #right { vertical-align: top; width: 33%; _height: auto; } .home #homepageContent { width: 955px; _width: 963px; } /* {vertical-align:top; _height:auto;}*/ .home #left div { float: right; height: 255px; width: 100%; } #directAccess,.home #customerZone { margin-top: 0; width: 253px; } #headerCustomerZone{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #cdd5dd; text-transform: lowercase; background: url(../homepage/images/content/customerZone_top_bg_small.gif) left 1px no-repeat; padding-top: 1px; padding-bottom: 2px; height: auto; } .home #headerCustomerZone{padding-bottom: 5px;} #headerDirectAccess { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #cdd5dd; text-transform: lowercase; background: url(../homepage/images/content/customerZone_top_bg_small.gif) left 1px no-repeat; padding-top: 1px; padding-bottom: 5px; height: auto; } .home #headerCustomerZone,#headerDirectAccess { background: url(../homepage/images/content/customerZone_top_bg.gif) no-repeat; } #headerDirectAccess { height: 3px; line-height: 3px; font-size: 0; } #customerZone #contentCustomerZone,#directAccess #contentDirectAccess { /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../../../gallery/design/homepage/images/content/customerZone_bg.png', sizingMethod = 'scale');*/ background: url(../homepage/images/content/customerZone_bg.gif) top left repeat-y; /**/ padding-bottom: 1px; } div[id=customerZone] #contentCustomerZone,div[id=directAccess] #contentDirectAccess{ background: url(../homepage/images/content/customerZone_bg.png) top left repeat-x; } #customerZone #footerCustomerZone,#directAccess #footerDirectAccess { background: url(../homepage/images/content/customerZone_bottom_small.gif) center bottom; height: 6px; line-height: 6px; font-size: 0; } .home #customerZone #footerCustomerZone,.home #directAccess #footerDirectAccess { background: url(../homepage/images/content/customerZone_bottom.jpg) center bottom; } #contentCustomerZone span,#contentDirectAccess span { float: left; margin: 0 2px; } #customerZone #contentCustomerZone #myEservice,#directAccess #contentDirectAccess #myEservices { margin-bottom: 5px; } #customerZone #contentCustomerZone #myEservices h1,#directAccess #contentDirectAccess #myEservices h1 { padding-left: 3px; } #contentCustomerZone .textbox,#contentDirectAccess .textbox { display: block; background: url(../homepage/images/content/cz_txtBox_bg.gif) repeat-x; float: left } #contentCustomerZone .textbox .middle,#contentDirectAccess .textbox .middle { display: block; background: url(../homepage/images/content/cz_txtBox_left.gif) left top no-repeat; margin: 0; padding-left: 3px; } #contentCustomerZone .textbox .middle .inside,#contentDirectAccess .textbox .middle .inside { display: block; background: url(../homepage/images/content/cz_txtBox_right.gif) right top no-repeat; margin: 0; padding-right: 3px; } #contentCustomerZone #login { padding-left: 4px } #contentCustomerZone #login div { padding-left: 0px; } #contentCustomerZone #login p { clear: both; padding: 0; padding: 0 0 10px 0; margin: 0 0 10px 0; } #contentCustomerZone #login label { float: left; width: 70px; } #contentCustomerZone #login input { color: #3157a8; background: transparent; border: 0; display: block; height: 16px; padding: 0; } #contentCustomerZone #onlineServices,#contentCustomerZone #onlineSupport,#contentDirectAccess #onlineServices,#contentDirectAccess #onlineSupport { line-height: 15px; margin-bottom: 14px; } #contentCustomerZone #onlineServices h1,#contentCustomerZone #onlineSupport h1,#contentDirectAccess #onlineServices h1,#contentDirectAccess #onlineSupport h1 { font-family: Verdana; margin-bottom: 5px; padding-left: 3px; } #contentCustomerZone #onlineServices p,#contentCustomerZone #onlineSupport p,#contentDirectAccess #onlineServices p,#contentDirectAccess #onlineSupport p { padding-left: 5px; } #contentCustomerZone #onlineServices .allLink,#contentCustomerZone #onlineSupport .allLink,#contentDirectAccess #onlineServices .allLink,#contentDirectAccess #onlineSupport .allLink { margin-top: 7px; padding-right: 20px; text-align: right; } #contentCustomerZone a.linkList,#contentCustomerZone a.linkList:link,#contentCustomerZone a.linkList:active,#contentCustomerZone a.linkList:visited,#contentDirectAccess a.linkList,#contentDirectAccess a.linkList:link,#contentDirectAccess a.linkList:active,#contentDirectAccess a.linkList:visited{ background: url(../homepage/images/content/arrowLinks.gif) left 2px no-repeat; padding-left: 15px; _position: relative; display: block; } #contentCustomerZone a.linkList2,#contentCustomerZone a.linkList2:link,#contentCustomerZone a.linkList2:active,#contentCustomerZone a.linkList2:visited,#contentDirectAccess a.linkList2,#contentDirectAccess a.linkList2:link,#contentDirectAccess a.linkList2:active,#contentDirectAccess a.linkList2:visited { text-decoration: none; color: #577e91; padding-left: 2px; } #contentCustomerZone a.linkList:hover,#contentDirectAccess a.linkList:hover,#contentCustomerZone a.linkList2:hover,#contentDirectAccess a.linkList2:hover { text-decoration: underline; } .home #directAccess h1,.home #customerZone h1 a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px } .home #directAccess h1 { color: #002E68 } .home #comZone { margin-bottom: 18px; font: 11px Arial, Helvetica, sans-serif; } .home #flashPromos { width: 683px; height: 175px; } .home #otherWebSite { font: 11px Arial, Helvetica, sans-serif; } .home #otherWebSite p { width: 240px; border-bottom: 1px solid #E7E7E7; margin: 2px 0 2px 0; } .home #otherWebSite p a,.home #otherWebSite p a:link,.home #otherWebSite p a:active,.home #otherWebSite p a:visited { text-decoration: none; color: #577e91; margin-bottom: 3px; } .home #otherWebSite p a:hover { _text-decoration: underline } .home div[id="otherWebSite"] a:link span,.home div[id="otherWebSite"] a:active span,.home div[id="otherWebSite"] a:visited span { text-decoration: none; } .home div[id="otherWebSite"] a:hover span { text-decoration: underline } .home #otherWebSite,.home #otherWebSite li { list-style: none outside; margin: 0; padding: 0; } .home #otherWebSite li { border-bottom: 1px solid #dddddd; padding-top: 7px; padding-bottom: 5px; } .home #otherWebSite img { border: none; vertical-align: middle; margin-right: 13px; } .home #webdeals { font-family: Verdana; font-size: 11px; margin-top: -20px; padding-left: 6px; } .home #webdeals.extensible { margin-top: 0; } .home #webdeals .webdealMajorTitleLeft,.home #webdeals .webdealMajorTitleRight { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #3157a8; width: 322px } .home #webdeals .webdealMajorTitleLeft { float: left; margin-left: 2px; } .home #webdeals .webdealMajorTitleRight { float: right; margin-right: 12px } .home #webdeals .webdealsRow { background: url(../homepage/images/content/webdeals_bg.gif) left top repeat-y; /* position: relative; */ _height: 1%; clear: both; margin-top: 14px; } .home #webdeals .webdealsRow .webdeal_left,.home #webdeals .webdealsRow .webdeal_right { background: url(../homepage/images/content/webdeals_borderGradient.gif) left top repeat-x; float: left; padding: 0 3px; } .home #webdeals .webdealsRow .webdeal_right { margin-left: 12px; } .home #webdeals .webdealsRow .webdeal_content { background: url(../homepage/images/content/webdeals_bgGradient.gif) left top repeat-x; min-height: 111px; width: 322px; _height: 111px; } .home #webdeals .webdealsRow .webdeal_content img { float: left; margin-left: 10px; } .home #webdeals .webdealsRow .webdeal_content .textColumn { margin-left: 117px; margin-right: 16px; } .home #webdeals .webdealsRow .webdeal_content .textColumn .webdealTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #5ca3db } .home #webdeals .webdealsRow .webdeal_content .textColumn .linkList { color: #3157a8; background: url(../homepage/images/content/arrowLinks.gif) left center no-repeat; padding-left: 15px; } .home #webdeals .webdealsRow .webdeal_content .textColumn .linkList:hover { text-decoration: underline; } .home #webdeals .webdealsRow .webdeal_content .textColumn .news,.home #webdeals .webdealsRow .webdeal_content .textColumn .news li { padding: 0; margin: 0; list-style: none outside; } .home #webdeals .webdealsRow .webdeal_content .textColumn .news li { margin-bottom: 10px; color: #000 } .home #webdeals .webdealsRow .webdeal_content .textColumn .news li .date,.home #webdeals .webdealsRow .webdeal_content .textColumn .news li .newsHead { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold } .home #webdeals .webdealsRow .webdeal_content .textColumn .news li .date { color: #7f9bca; } .home #webdeals .webdealsRow .webdeal_content .textColumn .news li .newsHead { color: #4c73b5; } .home #webdeals .webdealsRow .webdeals_footer { background: url(../homepage/images/content/webdeals_footer.gif) left top no-repeat; clear: both; height: 10px; line-height: 0; font-size: 0; position: relative; } .home .webDealsHeading { float: left; margin: 22px 0 0 13px; _margin-left: 13px; } .home .webDealsHeading a img { border: 0; float: left; vertical-align: middle; } .home .webDealsHeading h1 { color: #3157A8; float: left; font-size: 18px; margin: 3px 0 0 5px; } .home .webDealsHeading h1 a { text-decoration: none; color: #3157A8; font-family: Georgia, "Times New Roman", Times, serif; } .home .webDealsHeading h1 a:hover { text-decoration: underline; } .home .webDealsHeading .link { clear: both; padding: 0 0 0 30px; width: 290px; /* width: 315px; */ } .home .webDealsContent { background: url(../homepage/images/content/bgBorderWebDealsBox1.jpg) repeat-x; float: left; margin: 0 5px; min-height: 159px; padding: 0pt 3px; width: 321px; _width: 311px; _height: 159px; } /* *+html .home .webDealsContent{ margin: 0 0 0 10px;}*/ .home .webDealContentContainer { background: url(../homepage/images/content/bgWebdealsContainer.gif) 2px top repeat-y; _background: url(../homepage/images/content/bgWebdealsContainerIE.gif) 7px top repeat-y; } /*html*.home .webDealContentContainer {background:url(../homepage/images/content/bgWebdealsContainerIE.gif) 7px top repeat-y;}*/ .home .footerWebDealsBox { clear: both; font-size: 0pt; height: 7px; line-height: 0pt; _background: url(../homepage/images/content/footerWebdealsBoxIE.gif) 3px top no-repeat; } .home div[class="footerWebDealsBox"] { background: url(../homepage/images/content/footerWebdealsBox.gif) 0px top no-repeat; } .home .webDealsContentBg { background: url(../homepage/images/content/bgBorderWebDealsBox2.jpg) repeat-x; min-height: 159px; _height: 159px; _width: 317px; } /*html*.home .webDealsContentBg{ /*margin-left: 5px; background: none}/**/ .home .webDealsContent .illu { float: left; font-size: 0pt; line-height: 0pt; padding: 10px 0 0 5px; width: 115px; } .home .webDealsContent .description { float: left; width: 198px; _width: 196px; } .home #content { width: 936px; _width: 940px; } .home .webDealsContent .description h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 15px 0pt 0pt; margin: 0; } .home .webDealsContent .description h2 a,.home .webDealsContent .description h2 a:link,.home .webDealsContent .description h2 a:active,.home .webDealsContent .description h2 a:visited { color: #5CA3DB; text-decoration: none; } .home .webDealsContent .description .info { height: 80px; color: #000000; } .home .webDealsContent .description p { margin: 15px 0pt 5px; } .home .webDealsContent .description a.moreInfo,.home .webDealsContent .description a.moreInfo:link,.home .webDealsContent .description a.moreInfo:active,.home .webDealsContent .description a.moreInfo:visited { color: #3157A8; text-decoration: none; } .home .webDealsContent .description a.moreInfo:hover { text-decoration: underline } .home .webDealsContent .description .price { color: #FA0029; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 5px 0pt 0pt; } .home .webDealsContent .description div sup { display: block; float: left; font-size: 12px; padding: 1px 0pt 0pt; } .home .webDealsContent .description div img { margin: 0 0 0 10px; } #containerFooter { zoom: 1; padding-top: 15px; text-align: center; } #footer{ color:#92b0bf; font-size:10px; margin: 0 auto; padding:5px 0px 0px 0px; background-color: #fff; background:url(../homepage/images/content/footer_line.gif) repeat-x; } #footer a,#footer a:link,#footer a:active,#footer a:visited { color: #779fae; } #footer a:hover { text-decoration: none } #menuColumn{ position: absolute; left:7px; width: 130px; top: -35px; } #contentMenu { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; width: 130px; background: url(../nav2008/bottom_contentMenu.gif) no-repeat bottom; padding-bottom: 4px; z-index: 300; position: relative; background-color: #fff } #noBannerLeftNav #contentMenu { top: 15px; } #contentMenu ul { padding: 4px 3px 0 3px; margin: 0; list-style-type: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } #contentMenu ul li { margin: 0 0 1px 0; padding: 0; _position: relative; } #contentMenu ul li a { text-decoration: none; color: #696b6c; margin: 0; padding: 0 20px 0 5px; display: block; background: #f2f2f2 url(../nav2008/insidemenu_fleche.gif) no-repeat center right; line-height: 14px; } #contentMenu ul li a:hover { color: #ED1848; background: #f2f2f2 url(../nav2008/insidemenu_fleche_hover.gif) no-repeat center right; } #contentMenu ul li .topitem { padding: 3px 0 0 0; margin: 0; background-image: url(../nav2008/top_menu.gif); background-repeat: no-repeat; } #contentMenu ul li .bottomitem { padding: 0 0 3px 0; margin: 0; background-image: url(../nav2008/bottom_menu.gif); background-repeat: no-repeat; background-position: bottom; } #contentMenu ul li#active a { text-decoration: none; color: #ffffff; margin: 0; padding: 0 20px 0 5px; display: block; background: #D7D7D7 url(../nav2008/insidemenu_fleche_active.gif) no-repeat center right; line-height: 14px; } #contentMenu ul li#active .topitem { padding: 3px 0 0 0; margin: 0; background-image: url(../nav2008/top_menu_active.gif); background-repeat: no-repeat; } #contentMenu ul li#active .bottomitem { padding: 0 0 3px 0; margin: 0; background-image: url(../nav2008/bottom_menu_active.gif); background-repeat: no-repeat; background-position: bottom; } #contentMenu ul ul#submenu { padding: 0; margin: 0; border: none; } #contentMenu ul ul#submenu li { padding: 3px; margin: 0; background: #ffffff url(../nav2008/bottom_submenu.gif) no-repeat bottom left; } #contentMenu ul ul#submenu li a { text-decoration: none; color: #696b6c; margin: 0; padding: 0 7px; display: block; background: #ffffff none; } #contentMenu ul ul#submenu li a:hover,#contentMenu ul ul#submenu li#subactive a { color: #ED1848; } #contentMenu #menutitel { background-image: url(../nav2008/insidemenu_titel.jpg); color: #002E68; font-size: 18px; padding: 10px; } div#proto_overlay { /* it puts the flash on top of everything with 100% widht/length size, and then it puts it on the top left corner and HIDES it */ height: 100%; width: 100%; display: none; top: 0px; left: 0px; position: absolute; z-index: 1000; } div#menuFirstlevel { /* this is necessary so the flash will be on top */ z-index: 2; } div#menuSecondlevel { /* this is necessary so the flash will be on top */ /*z-index: 301;*/ } #contentContainer #right{ position: absolute; width: 200px; right: 7px; top: -107px; } div#menuFirstlevel{ /* this is necessary so the flash will be on top */ z-index:601; } .abstract li{list-style-position: inside;} #rightSideBarBanner{ border: 1px solid #ECECEE; padding: 1px; margin-top: 15px; } #rightSideBarBannerContainer, #rightSideBarBannerContainer img{ width: 196px; height: 280px; margin: 0; padding: 0; } .outOfStock { font-weight: bold; } #orderingWidgetFrame { width: 100%; height: 200em; border-width: 0; margin: 0; overflow-x: hidden; /* disable horizontal scroll bar */ } /* -- #topTools -- */ #headerContent #topTools { color: #FFF; float: right; margin-top: 10px; width: auto; } /* -- #search -- */ #headerContent #topTools #search { float: left; margin-right: 5px; width: 260px; } #headerContent #topTools #search img { vertical-align: middle; } #headerContent #topTools #search input { background: url(../../../gallery/design/header/bgInput.gif) repeat-x; border: 1px solid #fff; color: #fff; font-size: 11px; margin: 0 4px; padding: 1px 3px; width: 98px; } #headerContent #topTools #search span { float: left; margin: 0 2px; position: relative; top: 1px; } #headerContent #topTools #search .textbox { background: url(../header2008/header_txtBox_bg.gif) repeat-x; display: block; float: left; } #headerContent #topTools #search .textbox span { top: 0; } #headerContent #topTools #search .textbox .middle { background: url(../header2008/header_txtBox_left.gif) left top no-repeat; display: block; margin: 0; } #headerContent #topTools #search .textbox .middle .inside { background: url(../header2008/header_txtBox_right.gif) right top no-repeat; display: block; margin: 0; } #headerContent #topTools #search .textbox .middle .inside input { background: transparent; border: 0; color: #3157a8; display: block; font-style: italic; height: 16px; } #headerContent #topTools #search #advanced { color: #0056AD; line-height: 160%; /* vertical-align: bottom; */ /* float: right; */ /* left: 5px; */ /* position: relative; */ } /* -- #topLink (sitemap) -- */ #headerContent #topTools #topLink { float: left; margin-top: 1px; position: relative; top: -3px; width: 111px; width: auto; } #headerContent #topTools #topLink a,#headerContent #topTools #topLink a:link,#headerContent #topTools #topLink a:active,#headerContent #topTools #topLink a:visited { background: url(../../../gallery/design/header/arrowHeader.gif) no-repeat left; background: transparent; color: #fff; font-weight: bold; padding-left: 8px; padding-left: 0; text-decoration: none; } #headerContent #topTools #topLink a:hover { text-decoration: underline; } /* -- #lang -- */ #headerContent #topTools #lang { color: #fff; float: left; font-weight: bold; margin: 0 0 0 15px; padding: 4px 20px 0 0; padding: 2px 0 0 0; position: relative; text-align: right; text-transform: uppercase; top: -4px; width: 70px; width: auto; } #headerContent #topTools #lang a,#headerContent #topTools #lang a:link,#headerContent #topTools #lang a:active,#headerContent #topTools #lang a:visited { color: #fff; text-decoration: none; } #headerContent #topTools #lang a:hover { text-decoration: underline; } /* -- #togetherWith -- */ #headerContent #topTools #togetherWith { position: absolute; top: 51px; right: 0; }