/* JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. Based on work by Eric Meyer meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ This file contain also clearfix and round corners reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Round Corners Reset */ /* \*/ * html .tlc, * html .trc {height: 1%;} /* */ /*---------------------------------------------------------------- Copyright: Copyright (C) 2008 IceTheme. All Rights Reserved License: Copyrighted Commercial Software Author: IceTheme - http://wwww.icetheme.com ---------------------------------------------------------------- */ body { color: #777; background-color: #1F1F1F; background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; line-height:1.6; font-size:75%;} body.font-small { font-size:65%;} body.font-medium { font-size:75%;} body.font-large { font-size:85%;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color: #B2B2B2; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; } h1 { font-size: 3em; margin-bottom: 0em;} h2 { font-size: 3em; margin-bottom:0.5em; } h3 { font-size: 2em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.5em; line-height: 1.25; margin-bottom:0.5em; } h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold;} /* General elements -------------------------------------------------------------- */ p { margin: 0 0 1em;} p.last { margin-bottom: 0!important} p img { float: left; margin: 0 15px 10px 0; padding: 0} p.tel { font-family: Arial, sens ms; font-size: 12px; font-color: #ffffff;} img { margin: 0 0 15px} .reflectimg { float: left; margin: 20px;} div.captionimage { width:285px; margin-right:15px; float:left;} div#page div.captionimage { width:150px;} p.textcaption { color:#999; font-size:.9em; text-align: center; font-style: italic; text-indent: 0;} a:link { text-decoration: none; outline:1px;} a:visited { text-decoration:none;color:#ddab1f} a:hover{ text-decoration:underline} strong { font-weight: bold} em { font-style: italic; background: #ffc} .small { font-size: .9em; color:#999999; } .large { font-size: 1.2em} .highlight { background:#000; } .line-through { text-decoration:line-through; color:#888;} .dropcap { display: block; float:left; color:#555; font: 5.5em/75% Georgia, "Times New Roman", Times, serif ; padding: 4px 8px 0 0; } hr { background:#444; clear: both; border:none; float: none; width: 100%; height: 1px; display:block; overflow:hidden; } /* Lists -------------------------------------------------------------- */ /* Unordered and Ordered Lists */ ul, ol { margin:.5em 1.5em 2em 1.75em} ul { list-style-type:disc;} ul.check, ul.arrow, ul.cross, ul.light, ul.star { list-style: none; margin-left:0} ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li { list-style-type:none; background-repeat: no-repeat; background-position: center left; padding: 4px 0 3px 25px} ul.check li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_check.png);} ul.arrow li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_arrow.png);} ul.cross li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_cross.png);} ul.light li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_light.png);} ul.star li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_star.png);} ul.check-big, ul.arrow-big, ul.cross-big, ul.light-big, ul.star-big { list-style: none; margin-left:0} ul.check-big li, ul.arrow-big li, ul.cross-big li, ul.light-big li, ul.star-big li { list-style-type:none; background-repeat: no-repeat; background-position: center left; padding: 11px 0 8px 50px; font-size:1.4em; font-weight:bold;} ul.check-big li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_check-big.png);} ul.arrow-big li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_arrow-big.png);} ul.cross-big li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_cross-big.png);} ul.light-big li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_light-big.png);} ul.star-big li { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/typo_star-big.png);} ol { list-style-type: decimal} /* on the search results page */ ol.list li { margin-bottom:2em} ol.list h4 { margin:0 0 .2em} ol li span { display:block; color:#444; margin-bottom:5px;} /* Definiton Lists */ dl { margin: 0 0 1.5em 0} dl dt { font-weight: bold} dd { margin-left: 1.5em} /*Blockquotes*/ blockquote { margin: 1.5em 1.5em 2em; color: #666; font-style: italic; background: transparent url(/templates/icetheme/images/quote_start.png) left top no-repeat;} blockquote div { padding: 0 30px; background: transparent url(/templates/icetheme/images/quote_end.png) right bottom no-repeat;} /*Codes*/ pre,code { white-space: pre; background:#1B1B1B; border: 1px solid #424242; border-left: 10px solid #4F4F4F; margin: .5em 0 1.5em; padding: 20px; font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.7} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } table.custom { width:100%; border-top:1px solid #424242; border-right:1px solid #424242; margin:1em auto; border-collapse:collapse;} table.custom caption { color: #424242; font-size:1em; letter-spacing:.1em; margin:1em 0 0 0; padding:0; caption-side:top; text-align:center;} table.custom tr.odd td { background:#1A1A1A} table.custom tr.odd .column1 { background:#242424;} table.custom .column1 { background:#242424;} table.custom td { border-bottom:1px solid #424242; border-left:1px solid #424242; padding:.5em 1.2em; text-align:center;} table.custom th { font-weight:normal; text-align:left; border-bottom: 1px solid #424242; border-left:1px solid #424242; padding:.3em 1em;} table.custom thead th { background:#242424; text-align:center; font:bold 1.3em/2.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#555} table.custom tfoot th { text-align:center; background:#242424;} table.custom tfoot th strong { font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; margin:.5em .5em .5em 0; color:#66a3d3;} table.custom tfoot th em { color:#f03b58; font-weight: bold; font-size: 1.1em; font-style: normal;}/*---------------------------------------------------------------- Copyright: Copyright (C) 2008 IceTheme. All Rights Reserved License: Copyrighted Commercial Software Author: IceTheme - http://wwww.icetheme.com ---------------------------------------------------------------- */ /* General Forsm Styles */ label { font-weight: normal} fieldset { padding:1.4em; margin: 1em 0 1.5em 0; border: 1px dotted #343434;} legend { font-size:1.5em; background:#1A1A1A; color:#999; border:1px dotted #343434; padding:0.2em 1em} /* Text fields */ .inputbox { width:250px; margin:0 0.25em 0 0; border: 1px solid #343434; background:#1A1A1A; color: #777; line-height:18px; padding:3px 5px;} .inputbox:hover, .inputbox:focus { background:transparent;} .inputbox:focus {} textarea { width: 90%; height: 200px; border: 1px solid #343434; color: #777; background:#1A1A1A; padding:5px 8px; margin:0.5em 0.5em 0.5em 0; overflow:hidden; } textarea:hover, textarea:focus { background:transparent;} textarea:focus {} select { border: 1px solid #343434; color: #777; background:#1A1A1A; padding:2px 2px 2px 4px!important; outline:none;} select:focus { background:transparent;} select option { background:#1F1F1F; border:1px solid #343434; } /* Other */ form p img { float:none; margin:0; vertical-align:middle} /* Success, Notice and Error Form Messages */ .success, .notice, .error { padding:5px 10px 5px 40px; margin-bottom: 1.5em;} .success { border:1px solid #556D05; color: #7A9E08; background:#2F3D03 url(/templates/icetheme/images/typo_success.png) no-repeat 10px center} .notice { border:1px solid #735E05; color: #A58507; background:#433603 url(/templates/icetheme/images/typo_note.png) no-repeat 10px center } .error { border:1px solid #730506; color: #A5070A; background:#430304 url(/templates/icetheme/images/typo_error.png) no-repeat 10px center} /* Buttons -------------------------------------------------------------- */ p.buttonarea { border: 1px dotted #343434; margin:0 0 2em 0; zoom:1; padding:15px;} .round { cursor:pointer; color:#777; cursor:hand; text-decoration:none; line-height:24px; background:url(/templates/icetheme/images/button.png) no-repeat right top; padding-right:15px; vertical-align:middle; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box; /*ff*/} .round span { background:url(/templates/icetheme/images/button.png) no-repeat left top; height:24px; display:block; display:inline-block; padding-left:15px; line-height:24px;} /*button tag*/ button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;} button:hover .round {background-position:right bottom;} button:hover .round span {background-position:left bottom;} .round:hover {background-position:right bottom;} .round:hover span {background-position:left bottom;} .round:visited{ color:#777} /*---------------------------------------------------------------- Copyright: Copyright (C) 2008 IceTheme. All Rights Reserved License: Copyrighted Commercial Software Author: IceTheme - http://wwww.icetheme.com ---------------------------------------------------------------- */ /*--------------- Main Nav ----------------*/ #main-nav_wrap { margin: 10px auto 0 auto; width:996px; height:76px; padding: 10px 0 0; background-repeat:no-repeat; background-position:top;} #main-nav{ position:relative; float: right; width:694px; height:50px; overflow:hidden;} /* main menu ul or ol elment */ ul#nav{ display:block; position: absolute; list-style:none; margin:0; z-index:5; top:10px; padding:3px; } /* List items in main menu --[for non-javascript users this applies to submenus as well] */ ul#nav li { background:url(/templates/icetheme/images/nav_border.png) no-repeat center left; display:block; padding-left:1px; list-style:none; position:relative; float:left;} ul#nav li a, #MainMenuSub a{ text-decoration:none; display:block;} /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/ ul#nav li a{ margin:0; float:left; color:#DDAB1F; text-decoration:none; display:block; font-size:1.25em; font-family:Verdana, Geneva, sans-serif; padding:0 18px 21px;} ul#nav li a span { display:block; padding-top:11px;} ul#nav li li a span { display:inline; padding-top:0} ul#nav li a span.sub { display:block; font-size:.7em; padding-top:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:4px; letter-spacing:normal} ul#nav li li a span.sub { display:inline; font-size:1em; margin-top:0;} ul#nav li li a:hover span.sub { color:#fff} /* All menu links on hover or focus */ ul#nav li a:hover, ul#nav li a:focus, #MainMenuSub a:hover, #MainMenuSub a:focus, ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{ color:#ccc;} /* sub menu links on hover or focus */ ul#nav li li a:hover, #nav li a:focus, #MainMenuSub li a:hover, #MainMenuSub li a:focus, #nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{ color:#ccc;} /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW{ display:none; position: absolute; overflow:hidden; /*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/ padding:0 2px; margin:0 0 0 -1px;} /* All ULs and OLs */ ul#nav ul, ul#nav ol, #MainMenuSub ul, #MainMenuSub ol { padding: 0; margin: 0; list-style: none; line-height: 1em;} ul#nav { list-style: none; line-height: 1em; padding:0;} /* All submenu OLs and ULs */ ul#nav ul, #MainMenuSub ul { left:0; border:1px solid #333; border-top:none;} ul#nav ul li a, #MainMenuSub ul li a { height:30px; color:#8A6262; padding:0 7px 0 8px; line-height:31px; background:url(/templates/icetheme/images/nav_drop_border.png) no-repeat center bottom;} ul#nav ul li a span.sub, #MainMenuSub ul li a span.sub { padding-right:40px;} #MainMenuSub li.parent a span.sub{ display:inline-block; background:url(/templates/icetheme/images/nav_drop_arrow.png) no-repeat 100% 55%;} #MainMenuSub li.parent a:hover span.sub { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/nav_drop_arrow_hover.png) } /* When the parent item is set to current or active */ ul#nav li#current a, ul#nav li.active a, #MainMenuSub li#current a { color:#ccc;} ul#nav li#current a span, ul#nav li.active a span { background-repeat:no-repeat; background-position: center bottom; margin-bottom:-40px; padding-bottom:40px} ul#nav li#current a span.sub, ul#nav li.active a span.sub { background:none;} #MainMenuSub { display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; } #MainMenuSub li{ list-style: none;} /* --------------------------[ The below is just for non-javscript users ]--------------------------*/ #nav li li{ float:none; } #nav li li a{ /* Just submenu links*/ position:relative; float:none; font-size:1em;} #nav li ul { /* second-level lists */ position: absolute; width: 18em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:45px; } /* third-and-above-level lists */ #nav li ul ul { margin: -1em 0 0 -1000em; } #nav li:hover ul ul { margin-left: -1000em; } /* lists nested under hovered list items */ #nav li:hover ul{ margin-left: 0; } #nav li li:hover ul { margin-left: 18em; margin-top:-2.5em;} /* extra positioning rules for limited noscript keyboard accessibility */ #nav li a:focus + ul { margin-left: 0; margin-top:45px } #nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;} #nav li li a:focus {left:0; margin-left:1000em; width:18em; margin-top:0;} #nav li li li a:focus {left:0; margin-left: 2010em; width: 18em; margin-top:-1em;} #nav li:hover a:focus{ margin-left: 0; } #nav li li:hover a:focus + ul { margin-left: 18em; } /*===========================///////////////////-=========================== OtherMenu *===========================///////////////////-==========================*/ /* The OtherMenu Header */ #othermenu_header { position:relative; overflow:hidden;} #othermenu_header div.icemodule_header { background: url(/templates/icetheme/images/icemodule_style1_header.png) repeat-x top; height:30px;} #othermenu_header div.icemodule_effect { background: url(/templates/icetheme/images/icemodule_style1_effect.png) no-repeat center bottom; height:14px; margin-bottom:-7px} #othermenu_header h3 { color:#999; padding:10px 10px 0; margin:0; text-align:center; font-size:1em;} #othermenu_header h3 span { color:#777;} #othermenu_wrap{ padding:0; position:relative; overflow:hidden;} /* main menu ul or ol elment */ ul#othermenu { display:block; position: absolute; list-style:none; margin:0; z-index:5; top:0; left:0; display:block; width:100%;} /* List items in main menu --[for non-javascript users this applies to submenus as well] */ ul#othermenu li { display:block; list-style:none; position:relative;} #OtherMenuSub{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; } #OtherMenuSub li{ list-style: none;} ul#othermenu li a, #OtherMenuSub a{ text-decoration:none; text-align:right; display:block; font-size:1em; background:url(/templates/icetheme/images/othermenu_line.png) no-repeat bottom right; color:#555; font-size:1em; letter-spacing:0.05em; text-transform:uppercase; padding:0 0 0 5px; height:29px; line-height:30px;} ul#othermenu li a:hover, #OtherMenuSub a:hover { color:#999!important;} #OtherMenuSub a:hover{ background-image:none} ul#othermenu li#current a, ul#othermenu li.active a, #OtherMenuSub li#current a { color:#999!important} ul#othermenu ul li#current a, ul#othermenu ul li.active a, #OtherMenuSub ul li#current a { background-image:none} ul#othermenu li a span{ display:block;} /* Just sub menu links */ ul#othermenu li li { width:auto} #OtherMenuSub a, ul#othermenu li li a{ text-align:right; text-transform:none; font-size:1em; background-image:none; width:auto; border-bottom:1px solid #222; letter-spacing:normal;} #OtherMenuSub a { padding:0 20px 0 30px;} /* Parent Main Menu Links ---[javascript users only]*/ ul#othermenu li.parent a span, #OtherMenuSub li.parent a { background: url(/templates/icetheme/images/othermenu_arrow_parent.png) 3% 55% no-repeat;} ul#othermenu li.parent a:hover span, #OtherMenuSub li.parent a:hover { background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/othermenu_arrow_parent_hover.png) } /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* All submenu OLs and ULs */ ul#othermenu ol, ul#othermenu ul, #OtherMenuSub ul, #OtherMenuSub ol { /*border around submenu goes here*/ border:1px solid #333; border-bottom:none; background:#111} /* All ULs and OLs */ ul#othermenu, ul#othermenu ul, ul#othermenu ol, #OtherMenuSub ul, #OtherMenuSub ol { padding: 0; margin: 0; list-style: none; line-height: 1em; } /* --------------------------[ The below is just for non-javscript users ]--------------------------*/ ul#othermenu li li{ float:none; } ul#othermenu li li a{ /* Just submenu links*/ position:relative; float:none; } ul#othermenu li ul { /* second-level lists */ position: absolute; width: 10em; z-index:999999; overflow:visible; visibility:visible; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } /* third-and-above-level lists */ ul#othermenu li ul ul { margin: -1em 0 0 -1000em; } ul#othermenu li:hover ul ul { margin-left: -1000em; } /* lists nested under hovered list items */ ul#othermenu li:hover ul{ margin-left: 186px; margin-top:-2.5em;} ul#othermenu li li:hover ul { margin-left: 10em; } /* extra positioning rules for limited noscript keyboard accessibility */ ul#othermenu li a:focus + ul { margin-left: 186px; margin-top:-2.5em; } ul#othermenu li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;} ul#othermenu li li a:focus {left:186px; margin-left:1000em; width:10em; margin-top:-2.5em;} ul#othermenu li li li a:focus {left:186px; margin-left: 2010em; width: 10em; margin-top:-2.5em;} ul#othermenu li:hover a:focus{ margin-left: 0; } ul#othermenu li li:hover a:focus + ul { margin-left: 10em; } /*===========================///////////////////-=========================== Top Menu ===========================///////////////////-===========================*/ ul#topmenu { margin:0; float:left;} ul#topmenu li{ list-style-type:none; display:inline; margin:0; border-right:1px solid #555} ul#topmenu li a{ font-size:1em; font-size:.9em; font-family:Arial, Helvetica, sans-serif; margin:0 7px; color:#555} ul#topmenu li a:hover{ text-decoration:none; color:#999} ul#topmenu li#current a { color:#999} /*===========================///////////////////-=========================== Footer Links ===========================///////////////////-===========================*/ #bottomlinks ul { position:relative; overflow:hidden; text-align:center; padding:0; margin:9px 0 5px;} #bottomlinks ul li{ list-style-type:none; display:inline; margin:0 0 0 14px; border-right:1px dotted #444} #bottomlinks ul li a{ margin-right:14px; font-size:1em; letter-spacing:0.05em; text-transform:uppercase; color:#666;} #bottomlinks ul li a:hover{ color:#999; text-decoration:none;} #bottomlinks ul li#current a { color:#999;}/*---------------------------------------------------------------- Copyright: Copyright (C) 2008 IceTheme. All Rights Reserved License: Copyrighted Commercial Software Author: IceTheme - http://wwww.icetheme.com ---------------------------------------------------------------- */ /*===========================///////////////////-=========================== General Layout Styles ===========================///////////////////-===========================*/ /* Accessibility */ #accessibility { overflow: hidden; width: 0; height: 0; display:none;} /* Wrapping */ .wrapper_full { width:100%;margin:0 auto;} .wrapper { width:970px; margin:0 auto; position: relative;} /* Set some default styles for Float, Width, Separator and TextAlight */ .floatleft { float:left; overflow:hidden} .floatright { float:right; overflow:hidden} .width16 { width: 14.9%; } /* Propotion 1/6 */ .width20 { width: 18%; } /* Propotion 1/5 */ .width25 { width: 23%; } /* Propotion 1/4 */ .width33 { width: 32%; } /* Propotion 1/3 */ .width50 { width: 49%; } /* Propotion 1/2 */ .width75 { width: 74.5%; } /* Propotion 3/4 */ .width100 { width: 99%; } /* Propotion 1/1 */ /* This are for User 1 - 3 and User 4 - 6 Modules*/ .width1_user { width: 31%; } /* Propotion 1/3 */ .width2_user { width: 48.9%; } /* Propotion 2/3 */ .width3_user { width: 100%; } /* Propotion 3/3 */ /* This are for Content 1 - 2 and Content 3 - 4 Modules*/ .width1_content { width: 48%; } /* Propotion 1/1 */ .width2_content { width: 100%; } /* Propotion 1/2 */ .separator { margin-right:10px; padding-right:9px; background:url(/templates/icetheme/images/seperator.png) no-repeat center right;} .aligncenter { text-align:center;} .alignright { text-align:right;} /*===========================///////////////////-=========================== Top Area ===========================///////////////////-===========================*/ #toparea { background:url(/templates/icetheme/images/toparea.png) repeat-x top; height:40px; line-height:40px;} #toparea a {} /*===========================///////////////////-=========================== Content ===========================///////////////////-===========================*/ /*------------------- General Decorations -------------------*/ #shadow_top { /* background:url(/templates/icetheme/images/shadow_top.png) no-repeat top; padding-top:0px; margin-top:-15 */ } #vkontakte { height: 25px; width: 975px; /* было 900 */ margin:-15px auto 0px auto; padding-top: 20px; } #gradient_bottom { background:url(/templates/icetheme/images/gradient_bottom.png) repeat-x bottom; padding-bottom:30px; margin-top:-10px; margin-bottom:-14px;} /*------------------- Header -------------------*/ #header { background:#004773 url(/templates/icetheme/images/header.jpg) repeat-x top; margin-top:-30px;} #header .padding { padding:20px 10px 0 10px; position:relative; overflow:visible} /*----------------- /* Logo */ #logo { position: absolute; margin: -25px 0 0 0px; float:left; width: 252px; height: 135px;} #logo img { float:none; margin:0;} ----------------*/ /* LogoNudge */ #logo { position: absolute; left: 0; top: 0; float: left; width: 252px; height: 135px; background: url(/images/logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 0px; } /* End LogoNudge */ /* Font Switcher */ #fontswitcher {} #fontswitcher ul { margin:5px 0 0; float:right;} #fontswitcher ul li { list-style-type:none; float:left;} #fontswitcher ul li a { text-align:center; width:18px; height:35px; margin-right:1px; line-height:35px; display:block; border-bottom:none; height:25px;} #fontswitcher ul li a:hover { border-bottom:none} #fontswitcher ul li.largefont a{ background:url(/templates/icetheme/images/font_large.png) no-repeat top} #fontswitcher ul li.normalfont a{ background:url(/templates/icetheme/images/font_normal.png) no-repeat top} #fontswitcher ul li.smallfont a{ background:url(/templates/icetheme/images/font_small.png) no-repeat top } #fontswitcher ul li.largefont a:hover{ background-position: bottom} #fontswitcher ul li.normalfont a:hover{ background-position: bottom} #fontswitcher ul li.smallfont a:hover{ background-position: bottom } /*------------------- Promo -------------------*/ #promo { position:relative; overflow:hidden;} #promo .padding { margin:0px 9px; position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #2B2B2B;} /* Promo Modules */ #promo .moduletable { margin:0 0 15px; position:relative; overflow:hidden} #promo .moduletable h3 { margin:0 0 6px; color:#999; font-size:1.25em;} #promo .moduletable h3 span { color:#666;} /*------------------- User Area -------------------*/ #userarea { position:relative; overflow:hidden; margin-top:-1px; margin-bottom:10px;} #userarea .padding { background: url(/templates/icetheme/images/userarea.png) repeat; border-bottom:1px solid #2B2B2B; border-top:1px solid #2B2B2B; height:33px; margin:0 9px; padding:0 9px; position:relative; overflow:hidden; } /* Content Inside ===========================///////////////////-===========================*/ #content_top { background:url(/templates/icetheme/images/content_top.png) no-repeat top center; margin:0 auto; height:35px;} #content_bottom { background:url(/templates/icetheme/images/content_bottom.png) no-repeat bottom center; margin:0 auto; height:43px;} #content_effect { background:url(/templates/icetheme/images/content_effect.png) repeat-y top center; } #content { clear:both; position:relative; padding-top:0; overflow:visible; min-height:500px;} /* Begin Columns (!!!!!Atention - because we have added some features for the template, some of the styles can be found on the index.php file of the template. If you want to change the code i dont normally reccomend you to do so for this section, try at your own risk. */ #columns-container{ min-width: 50em; /* limit how narrow the layout will shrink before it stops. */ margin:0 2px 10px 0; position:relative; overflow:hidden; width:970px;} #outer-column-container { border-style:solid; border-color:transparent;} #inner-column-container{ width: 100%; /* force this element to take the full width between the left and right columns. this is especially important as children of this element will have width:100%; set, and how that 100% value is interpreted depends on the width of it's parent (this element). */ border-style:solid; border-color:#343434; outline-width:1px; padding-bottom:20px;} #source-order-container{ float: left; /* float left so the right column, which is outside this element, has a place to go. */ width: 100%; /* force this to go as wide as possible */ min-height:600px;} #middle-column{ float: right; /* middle column goes right of the left column since the two share the same parent element */ width: 100%; /* make the middle column as wide as possible for a fluid layout. this is not possible if it's parent element, #source-order-container, wasn't also at 100% width */} #left-column{ float: left; /* float left, where it'll live */} #right-column{ float: right; /* float on the right side of the layout */} .clear-columns { clear: both;} .inside { margin: 2px 9px -22px; /* margin, instead of padding, used to induce margin collapse if needed by child elements */} /* Left Column and Right Column Module Decoration */ #left-column .icemodule, #right-column .icemodule{ margin:-5px 0 20px; clear:both;} #left-column .icemodule div.icemodule_header, #right-column .icemodule div.icemodule_header { height:58px; position:relative; overflow:visible; margin-bottom:-5px; background-repeat:no-repeat; background-position: top center;} #left-column .icemodule div.icemodule_content, #right-column .icemodule div.icemodule_content { margin:0 3px; position:relative; overflow:visible;} #left-column .icemodule h3, #right-column .icemodule h3 { color:#999; padding:22px 0 0px; margin:0; text-align:center; font-size:1.2em;} #left-column .icemodule h3 span, #right-column .icemodule h3 span {color:#666;} /* Module with suffix style1 */ #left-column .style1 div.icemodule_header, #right-column .style1 div.icemodule_header { background: url(/templates/icetheme/images/icemodule_style1_header.png) repeat-x top!important; height:30px; margin-bottom:-2px} #left-column .style1 div.icemodule_effect, #right-column .style1 div.icemodule_effect { background: url(/templates/icetheme/images/icemodule_style1_effect.png) no-repeat center bottom; height:14px; margin-bottom:-5px;} #left-column .style1 div.icemodule_content, #right-column .style1 div.icemodule_content { margin:0 3px;} #left-column .style1 h3, #right-column .style1 h3 { padding:7px 10px 0; margin:0;} /* Module with suffix style2 */ #left-column .style2, #right-column .style2 { margin:10px 0 15px; padding-top:14px; background: url(/templates/icetheme/images/icemodule_style2_t.png) no-repeat top; position:relative; overflow:hidden;} #left-column .style2 div.icemodule_header, #right-column .style2 div.icemodule_header{ margin:0; height:auto; background-image:none!important} #left-column .style2 .icemodule_content, #right-column .style2 .icemodule_content { background: url(/templates/icetheme/images/icemodule_style2_b.png) no-repeat bottom; padding-bottom:10px;} #left-column .style2 h3, #right-column .style2 h3 { margin:0 0 5px 3px; padding:0; text-align:left; color:#999; font-style:italic; font-size:1.2em; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;} #left-column .style2 h3 span, #right-column .style2 h3 span {} /* Main Column Module */ #usertopmods, #userbottommods { position:relative; overflow:hidden; clear:both;} #usertopmods { margin-bottom:25px} #userbottommods { margin-top:15px} #middle-column .icemodule { border:none; overflow:hidden;} #middle-column .icemodule_content { padding-bottom:10px;} #middle-column .icemodule h3 { color:#666; margin:14px 0 5px; padding:0; font-size:1em; font-weight:bold;} #middle-column .icemodule h3 span { color:#900000;} #middle-column #usertopmods .icemodule { background: url(/templates/icetheme/images/icemodule_middle_t.png) no-repeat bottom center;} #middle-column #userbottommods .icemodule { background: url(/templates/icetheme/images/icemodule_middle_b.png) no-repeat top center;} /* Inset Modules */ .insetmods { background:url(/templates/icetheme/images/inset_sep.png) no-repeat center left; padding-left:15px;} .insetmods .moduletable { position:relative; overflow:hidden; margin:10px 0 25px} .insetmods .moduletable h3 { font-size:1.2em; margin:0 0 5px; color:#999} .insetmods .moduletable h3 span { color:#666} /* Bottom Top ===========================///////////////////-===========================*/ #bottom_top { background:url(/templates/icetheme/images/bottom_top.png) repeat-x top center; position:relative; overflow:hidden; color:#E6E6E6;} #bottom_top .padding { padding:15px 9px 5px} /* Bottom ===========================///////////////////-===========================*/ #bottom { margin-bottom:-10px; position:relative; overflow:hidden; background:url(/templates/icetheme/images/sep_long.png) no-repeat top center;} #bottom .padding { padding:15px 10px 5px; position:relative; overflow:hidden} /* Bottom Modules */ #bottom .moduletable {} #bottom .moduletable h3 { margin:0 0 6px; color:#999; font-size:1.25em;} #bottom .moduletable h3 span { color:#666} /*===========================///////////////////-=========================== Footer ===========================///////////////////-===========================*/ #footer { background:url(/templates/icetheme/images/footer.png) repeat top center;} #footer .padding { padding:25px 9px 20px; overflow:hidden;} #footer p{ margin:0; color:#555} /* Footer Modules */ #footer .footermodules { position:relative; overflow:hidden; padding:0 0 10px; margin-bottom:10px; background:url(/templates/icetheme/images/sep_long.png) no-repeat center bottom} #footer .moduletable { margin:5px 0; color:#666} #footer .moduletable h3 { margin:0 0 7px; font-weight:bold; color:#999; font-size:1.15em;} #footer .moduletable h3 span { color:#900000;} #footer #copyright { width:100%; margin:0px 0 0; text-align:center; clear:both; position: relative; overflow:hidden} #footer div#copyright p { margin:0 auto; text-align:center} #footer p#icelogo { margin:0 ;} #footer p#icelogo img { margin:10px 0 0; float:none} #footer #gotop { position:relative;} #footer #gotop p { position:absolute; top:0px; overflow:visible; left:945px; z-index:99999; margin:0;} #footer #gotop p a{ width:20px; height:20px; display:block; background:url(/templates/icetheme/images/go_top.png) no-repeat top} #footer #gotop p a:hover { background-position:bottom} #footer #gotop p span{ display:none} /*===========================///////////////////-=========================== Default Joomla Component ===========================///////////////////-===========================*/ /* com_content -------------------------------------------------------------------*/ /* Blog Layout */ .blog { position:relative; overflow:hidden; padding:0 0 16px;} .blog_description { position:relative; overflow:hidden; background:url(/templates/icetheme/images/article_sep.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:25px;} .blog_description h1 { font-size:2em} .blog h2{ line-height:1.4em; margin:0; letter-spacing:.02em;} div.iteminfo { margin:-4px 0 10px; padding:0; font-size:.9em; clear:both; color:#555;} div.iteminfo p { display:inline; } div.iteminfo p.modifydate { } div.iteminfo p.createdby { margin-right:10px } .blogcontent { margin:0; clear:both; padding:0;} .blog img { /* The decoration for the images that are added on the articles */ float:right; border:1px solid #444; padding:1px; margin:0 0 10px 10px } p.buttonheading { float:right; margin:3px 0 0 0; } p.buttonheading img { margin:0 0 0 5px; border:none; padding:none;} .leading p.buttonheading { margin-top:8px; } .blog .round {margin:10px 0 0} .blog .article_column .round {margin:15px 0 -10px} /* Leading Article */ .blog .leading { position:relative; overflow:hidden; padding:0; background:url(/templates/icetheme/images/article_sep.png) no-repeat center bottom} .blog .leading h2 { display:block; margin:0; padding:0; font-size:1.85em;} /* Column-Divided Articles */ .articles_wrap { clear:both; position:relative; overflow:hidden;} .blog .article_row { position:relative; overflow:hidden; padding:9px 0; margin-top:9px; background:url(/templates/icetheme/images/article_sep.png) no-repeat center bottom} .blog .article_row h2 { display:block; font-size:1.4em; margin:-9px -10px 0 -9px; padding:4px 9px;} .blog .article_row .cols2 { /* When you set up the category/section/frontpage intro articles to have 2 columns we divede it in 2 parts */ width:50%; float:left;} .blog .article_row .cols3 { /* and this when you set up in 3 parts */ width:33.33%; float:left;} .blog .article_row .column1 .article_column { padding-right:8px;} .blog .article_row .column2 .article_column { padding-left:8px; background:url(/templates/icetheme/images/articlerow_sep.png) no-repeat top left } .blog .article_row .column3 .article_column { padding-left:8px; margin-left:8px; background:url(/templates/icetheme/images/articlerow_sep.png) no-repeat top left } /* The styles below are for the article layout page */ #page { margin:0 } #page h1.contentheading { font-size:2.25em; line-height:1.2em; margin:0 0 10px} #page img { float:left; } #page div.iteminfo p.articleinfo { float:left } p.noticebottom { clear:both; position:relative; overflow:hidden; margin:0 0 15px; height:29px; border-top:1px solid #E6E6E6; text-align:center; border-bottom:1px solid #E6E6E6; line-height:30px;} #page div.buttons { padding:0; margin-bottom:15px;} #page div.buttons p.buttonheading { float:right; margin:13px 0 0;} #page div.buttons p.buttonheading img { margin:0 0 0 7px;} .blog_more { /* For the links that are ander the intro articles listing */ position:relative; overflow:hidden; margin-bottom:20px; padding-top:5px; clear:both} .blog_more h2{ font-size:1.75em; margin:10px 0 5px} .blog_more ul { margin:0; clear:both; width:100%;} .blog_more ul li { list-style-type:none; float:left; width:49%; position:relative; overflow:hidden} .blog_more ul li a { float:left; height:29px; display:block; white-space: nowrap; overflow:hidden; line-height:30px; padding:0 10px;} /* This is for Archived Content List */ p.archivedlist .inputbox { width:100px} div.pagination { /* Pagination styles */ border-top:1px dashed #414141; border-bottom:1px dashed #414141; padding:12px 12px; clear:both; position:relative; overflow:hidden; margin:0 -9px 15px;} div.pagination p.counter { float:right; margin:0;} div.pagination ul { float:left; margin:0; border-left:1px solid #343434;} div.pagination ul li { float:left; list-style-type:none; padding:0 8px; border:1px solid #343434; border-left:none} div.pagination ul li a {} div.pagination ul li a:hover { text-decoration:none; color:#888} /* Read More Button */ .readmore { padding:6px 0 15px;} /* com_search -------------------------------------------------------------------*/ #searchpage .searchintro { background:#F9F9F9; padding:5px 15px 0; position:relative; overflow:hidden; clear:both} #searchpage .searchintro p.left { float:left} #searchpage .searchintro p.right { float:right} #searchpage ol p { margin-bottom:1em} #searchpage ol span.discategory{ color:#999} ol.latestnews, ol.mostreadmod { margin-bottom:0 } ol.latestnews li, ol.mostreadmod li { color:#808080;} /*===========================///////////////////-=========================== Default Joomla Modules sytling ===========================///////////////////-===========================*/ /* mod_search -------------------------------------------------------------------*/ #searcharea { float:right; margin:-2px -4px 10px 0;} #search_bg { width:310px; height:27px; background-image:url(http://www.x-mb.com.ua/templates/icetheme/images/search_bg.png); background-repeat: no-repeat; background-position:top center;} #search_bg form { margin:0 0 0 13px} #search_bg label { display:none; } #search_bg .inputbox { width:225px; margin:0; padding:0; background:none; border:none; color:#666;} #search_bg .inputbox:focus {color:#66797D} #search_bg .button{ float:none; width:60px; margin:0 0 0 4px; font-family:Verdana, Geneva, sans-serif; font-size:1em; color:#DDBAA8; height:25px; line-height:26px; cursor:pointer; background:none; display:inline; border:none} #search_bg .button:hover { color:#fff} /* mod_login -------------------------------------------------------------------*/ #loginarea { position:relative; overflow:hidden;} form.loginform p#login_username label, form.loginform p#login_password label { display:none; } form.loginform .inputbox { padding:0; display:inline; background:none; border:none; width:102px; color:#777; margin:4px 0 0 30px;} form.loginform p#login_username { background:url(/templates/icetheme/images/login_username.png) no-repeat top left; width:162px; height:24px; float:left; margin:5px 0 10px 0;} form.loginform p#login_password { background:url(/templates/icetheme/images/login_password.png) no-repeat top left; width:162px; height:24px; float:left; margin:0 0 13px 0;} form.loginform p#login_username:hover, form.loginform p#login_username:focus, form.loginform p#login_password:hover, form.loginform p#login_password:focus { background-position:bottom;} form.loginform p#login_button { margin:0 0 0 -5px; float:left} form.loginform p#login_remember { padding:7px 0 0; margin:0; float:right;} /* button for the login area*/ #loginarea .round { float:left; margin:0 -3px 0 -2px; color:#777} form.loginform ul.login_lost { clear:both; padding-top:15px; margin:0 0 0 2px; list-style-type:none;} form.logout p { margin:0 0 15px; } form.logout button{ margin: 0 0 0 10px} /* mod_latestnews and mod_mostread -------------------------------------------------------------------*/ ol.latestnews, ol.mostreadmod { margin-bottom:0 } ol.latestnews li, ol.mostreadmod li { color:#808080;} /* mod_breadcrumbsd -------------------------------------------------------------------*/ #breadcrumbs { float:left; font-size:1em;} #breadcrumbs p { display:inline; float:left; margin:0} #breadcrumbs ol{ list-style-type:none; float:left; margin:0} #breadcrumbs ol li { float:left; background:url(/templates/icetheme/images/breadcrumbs_sep.png) no-repeat right center; padding:0 25px 0 8px; margin-top:8px;} #breadcrumbs ol li a { display:block; margin:0;} #breadcrumbs ol li.last { background:none;} #breadcrumbs ol li.last span { margin:0 0 0 0} #breadcrumbs ol li.breacrumbs_home { padding-left:0; padding-right:0; margin-top:6px; background:none;} #breadcrumbs ol li.breacrumbs_home a { display:block; width:20px; height:20px; text-indent:-9999em; background:url(/templates/icetheme/images/breadcrumbs_home.png) no-repeat center ;} /* mod_banner -------------------------------------------------------------------*/ #bannertop { margin:20px 15px 0 0; float:right;} #banner { position:relative; overflow:hidden; margin:0 0 10px} #banner .padding { padding-left:10px} ul.bannermod { margin:0; float:left} ul.bannermod li { list-style-type:none; margin:0; display:inline;} ul.bannermod li img { margin:0; float:none} /* mod_poll -------------------------------------------------------------------*/ form.poll p.polltitle { margin-bottom:8px; font-size:1.2em;} form.poll p.pollradio { color:#777} /*===========================///////////////////-=========================== Some other styles that do not fit above ===========================///////////////////-===========================*/ /* Template Styles custom code */ ul.tempstyle { margin:10px 0 0 5px;} ul.tempstyle li { float:left; list-style-type:none;} ul.tempstyle li a { margin:0; width:5.2em; display:block; float:left; font-size:1.2em;} ul.texturestyle { margin:10px 0 0 5px; float:left} ul.texturestyle li { float:left; list-style-type:none;} ul.texturestyle li a { margin:0; width:6.4em; display:block; float:left; font-size:1.2em;} /* This styles are used on the Editor Page */ form.editor select{ width:auto;}/*---------------------------------------------------------------- Copyright: Copyright (C) 2008 IceTheme. All Rights Reserved License: Copyrighted Commercial Software Author: IceTheme - http://wwww.icetheme.com ---------------------------------------------------------------- */ /* For the IceSlideShow see modules/mod_ice_slideshow/css/general.css */ /* IceAccordion -------------------------------------------------------------------*/ .iceaccordion { position:relative; overflow:hidden; margin:0;} .iceaccordion h4.toggler { border-bottom:1px dashed #333; height:29px; line-height:30px; padding:0; font-size:1em; cursor: pointer; font-family:Georgia, "Times New Roman", Times, serif; position:relative; cursor: pointer; background: url(/templates/icetheme/images/iceaccordion_closed.png) no-repeat right center !important;} .iceaccordion h4.open { background-image: url(http://www.x-mb.com.ua/templates/icetheme/images/iceaccordion_open.png)!important;} .iceaccordion div.accordion_content{ position: relative; overflow: hidden;} .iceaccordion div.accordion_content img { margin:0 } /* IceSlider ImageSlide */ .iceslider_imageslide .icemodule { position:relative; padding:0; margin:0;} .iceslider_imageslide .icemodule div div div { padding:0} .iceslider_imageslide .icemodule div div div div { margin: 0 auto; padding:3px 0 7px; overflow: hidden;} .iceslider_imageslide ul { margin:-40px 12px 0; float:right; z-index:1; position:relative; width:122px; height:27px; text-align:center; padding:5px 0 0 8px; background:url(/templates/icetheme/images/icesldier_imageslide_arrowbg.png) no-repeat} .iceslider_imageslide ul li{ list-style-type:none; float:left; width: 25px; height: 18px; cursor:pointer; background:url(/templates/icetheme/images/icesldier_imageslide_buttons.png) no-repeat 0 0} .iceslider_imageslide ul li.imageslide_prev { background-position:0 0} .iceslider_imageslide ul li.imageslide_next { background-position:-25px 0 } .iceslider_imageslide ul li.imageslide_stop { background-position:-50px 0} .iceslider_imageslide ul li.imageslide_play { background-position:-75px 0} .iceslider_imageslide ul li span { /* Hide Text */ display: block; width: 0; height: 0; overflow: hidden;} .iceslider_imageslide ol { margin:0; padding:0; position:relative; overflow:hidden;} .iceslider_imageslide ol li{ list-style-type:none; margin:0; display:block; float:left; padding:0} .icesldier_imageslide_content { position:relative; width:546px; height:230px; overflow:hidden;} .iceslider_imageslide_box { position:absolute} /* IceSlider TabularSlide */ .iceslider_tabularslide { position:relative; overflow:hidden; margin-bottom:15px;} .iceslider_tabularslide .controlarea { height:35px; border-bottom:1px solid #262626; line-height:40px; margin-bottom:18px;} .iceslider_tabularslide ul.slidingul { margin:0 0 0 5px; float:left;} .iceslider_tabularslide ul.slidingul li { float:left; list-style-type:none; cursor:pointer; padding:0; margin:0; font-size:1.1em; height:35px; line-height:40px; color:#555; background:url(/templates/icetheme/images/iceslider_tabularslide_navsep.png) no-repeat bottom right} .iceslider_tabularslide ul.slidingul li:hover { color:#fff} .iceslider_tabularslide ul.slidingul li span { display: block; float: left; /* IE 6 Fix */ padding: 0 16px;} .iceslider_tabularslide ul.slidingul li span span { height:auto; float:none; padding:0;} .iceslider_tabularslide ul.slidingul li:hover { color:#888} .iceslider_tabularslide ul.slidingul li.active { color:#888;} .iceslider_tabularslide ul.slidingul li.active span { background:url(/templates/icetheme/images/iceslider_tabularslide_current.png) no-repeat center top} .iceslider_tabularslide_content { position:relative; overflow:hidden;} .iceslider_tabularslide_content div{ float:left;} .iceslider_tabularslide_box { position:absolute} .iceslider_tabularslide_content h3 { font-size:1.5em; margin:0 0 10px;} .iceslider_tabularslide ul.slidingbuttons { margin:12px 5px 0 0; float:right;} .iceslider_tabularslide ul.slidingbuttons li{ list-style-type:none; cursor:pointer; width:20px; height:15px; float:left; margin:0 0 0 4px} .iceslider_tabularslide ul.slidingbuttons li span { display:none} .iceslider_tabularslide ul.slidingbuttons li.tabularslide_prev { background:url(/templates/icetheme/images/iceslider_tabularslide_prev.png) no-repeat top} .iceslider_tabularslide ul.slidingbuttons li.tabularslide_prev:hover{ background-position: bottom } .iceslider_tabularslide ul.slidingbuttons li.tabularslide_next { background:url(/templates/icetheme/images/iceslider_tabularslide_next.png) no-repeat top} .iceslider_tabularslide ul.slidingbuttons li.tabularslide_next:hover{ background-position: bottom } /* IceSlider CarouselSlide */ .iceslider_carouselslide { overflow:hidden; clear:both; position:relative; margin:0; padding:0;} .iceslider_carouselslide_box { position:absolute} .iceslider_carouselslide_content { clear:both; position:relative; overflow:visible;} .iceslider_carouselslide_item{ margin:0; float:left;} .iceslider_carouselslide_item .module_top { background:url(/templates/icetheme/images/iceslider_carouselslide_top.png) no-repeat center top; height:12px;} .iceslider_carouselslide_item .module_border { background:url(/templates/icetheme/images/iceslider_carouselslide_border.png) repeat-y center top;} .iceslider_carouselslide_item .module_bottom { background:url(/templates/icetheme/images/iceslider_carouselslide_bottom.png) no-repeat center top; height:48px;} .iceslider_carouselslide_item .padding { padding:0; border:none!important; text-align:center} .iceslider_carouselslide_item h4 { color:#444; text-align:center; padding:0 0 6px; margin:0 8px 8px; font-size:1em; letter-spacing:0.05em; border-bottom:1px dashed #333; text-transform:uppercase;} .iceslider_carouselslide_item .icemodule h4 a:hover { color:#555; text-decoration:none} .iceslider_carouselslide_content p { margin:0 8px; color:#555 } .iceslider_carouselslide_content img { margin:3px auto 6px; float:none; clear:both; border:1px solid #444; padding:1px; text-align:center} .iceslider_carouselslide .iceslider_carouselslide_buttons { padding:0; margin:3px 4px 5px; position:relative; overflow:visible} .iceslider_carouselslide .iceslider_carouselslide_buttons h4 { line-height:1; text-align:center; margin:0; font-size:1.3em;} .iceslider_carouselslide ul.slidingbuttons { margin:-28px 0 0; position:relative} .iceslider_carouselslide ul.slidingbuttons li{ list-style-type:none; cursor:pointer; width:40px; height:40px; margin:0} .iceslider_carouselslide ul.slidingbuttons li span { display:none} .iceslider_carouselslide ul.slidingbuttons li.carouselslider_prev{ background:url(/templates/icetheme/images/iceslider_prev.png) no-repeat top; float:left} .iceslider_carouselslide ul.slidingbuttons li.carouselslider_prev:hover{ background-position: bottom } .iceslider_carouselslide ul.slidingbuttons li.carouselslider_next{ background:url(/templates/icetheme/images/iceslider_next.png) no-repeat top; float:right} .iceslider_carouselslide ul.slidingbuttons li.carouselslider_next:hover{ background-position: bottom } /* This styles are when font-size is set to large */ .font-large .iceslider_carouselslide .iceslider_carouselslide_buttons h4 { font-size:1.15em} /* IceScroller Module */ .icescroller { padding:4px 0 0; position:relative; overflow:hidden;} .icescroller .hide { visibility: hidden; position: absolute;} .icescroller p { float:left; margin:4px 0 0; text-transform:uppercase; color:#555} li.scrolleritem { margin:4px 0 0; list-style-type:none;} li.scrolleritem span { font-weight:bold;} /* buttons */ ul.icescroller_buttons{ float:left; margin:7px 5px 0 10px; padding:0; overflow:hidden; position:relative;} ul.icescroller_buttons li { list-style-type:none; float:left; margin:0;} ul.icescroller_buttons li a { text-align:center; width:16px; height:14px; margin-right:5px; display:block; border-bottom:none;} ul.icescroller_buttons li a:hover { border-bottom:none} ul.icescroller_buttons li.prev a{ background:url(/templates/icetheme/images/icescroller_prev.png) no-repeat top} ul.icescroller_buttons li.next a{ background:url(/templates/icetheme/images/icescroller_next.png) no-repeat top} ul.icescroller_buttons li.prev a:hover, ul.icescroller_buttons li.next a:hover{ background-position: bottom}