/* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/ /************************ F L E X B L O X | S T Y L E S ~ B U N D L E ***************/ /* Author: Marc Bridger | pixelbrite.com **********************************************/ /* This CSS Library and all Images are Copyrighted & Not for Distribution *************/ /* License & Product Link: http://www.pixelbrite.com/clients/cart.php?gid=9 /* Version: 1.0.4.010809 ***********************************SITE LICENSE **************/ .flexblox {position: relative; background: none; height: 100%;} /*set for child -- Causes issues if block Absolute positioned. Override with following class : */ .abspos.flexblox{ height: auto;} /* (New) not documented/tested. Olay Divs. Place as last div in FlexBlox, outside of content - Reminder: overlay of links. z-index higher than pixcol_content.Cannot be inserted inbetween or embedded - with CSS zindex rules regarding root*/ .flexblox .imgolay-f, .flexblox .imgolay-l { position:absolute; left:0; top:0; width: 100%;height: 100%;z-index: 7;} .flexblox .imgolay-r { position:absolute; right:0; top:0; width: 50%;height: 100%;z-index: 7;} .flexblox .imgolay-l { width: 50%; /*oride*/} .flexblox .imginnerolay-f, .flexblox .imgolay-l { position:absolute; left:0; top:0; width: 100%;height: 100%;z-index: 6;} .flexblox .imginnerolay-r { position:absolute; right:0; top:0; width: 50%;height: 100%;z-index: 6;} .flexblox .imginnerolay-l { width: 50%; /*oride*/} .pixcol_tl, .pixcol_tr, .pixcol_bl, .pixcol_br, .pixcol_l, .pixcol_r {width: 30px; height: 30px;} .pixcol_tl, .pixcol_bl{float: left;} .pixcol_tr, .pixcol_br{float: right;} .pixcol_l {height: 100%; /*oride */ position: absolute; top: 0; left: 0; } .pixcol_r {height: 100%; /*oride */ position: absolute; top: 0; right: 0;} .pixcol_middle {height: 100%; /* set ref for children */ position: relative;} .pixcol_margins {margin: 0 6px; /*squeeze inward, showing through trans edges */ padding: 10px 40px;} .pixcol_content, #childstyle .pixcol_content {position: relative; z-index: 4; max-width: 7777px; }/* max-width for Has-Layout w/IE7 */ .pixcol_contentlayer {position: relative; z-index: 5;} /* New : No background Color. For Content using olays; Div to bottom outside of others */ .pixcol_t, .pixcol_b {margin: 0 30px; height: 30px;} /* FlexBlox HeadBlox ***************************************/ /*position as if no pixcol_margin/content and re-add padding left, for "psudeo-slim" */ .headblox .labelleft {position: absolute; margin: 0; top: -40px; left: -46px; -height:33px; padding-left: 20px;} .headblox .labelright {position: absolute; margin: 0; top: -40px; right: -46px; -height:33px; padding-right: 20px;} /*---------------- FlexBlox Slim Border Adjustors ---------------------- */ /* slim override defaults (margin/padding) - This will clip border images when using high-increments [slim25 and lower (slim5)]*/ /* 1px values are important for margin collapse issues */ .slim5 .pixcol_tl, .slim5 .pixcol_tr, .slim5 .pixcol_bl, .slim5 .pixcol_br, .slim5 .pixcol_l, .slim5 .pixcol_r, #childstyle.slim5 .pixcol_tl, #childstyle.slim5 .pixcol_tr, #childstyle.slim5 .pixcol_bl, #childstyle.slim5 .pixcol_br, #childstyle.slim5 .pixcol_l, #childstyle.slim5 .pixcol_r { width: 7px; height: 7px;} #childstyle.slim5 .pixcol_l, .slim5 .pixcol_l {height: 100%; /*oride */} #childstyle.slim5 .pixcol_r, .slim5 .pixcol_r {height: 100%; /*oride */} #childstyle.slim5 .pixcol_t, #childstyle.slim5 .pixcol_b, .slim5 .pixcol_t, .slim5 .pixcol_b { margin: 0 7px; height: 7px;} .slim5 .pixcol_margins, #childstyle.slim5 .pixcol_margins {padding: 1px 7px;} #childstyle.slim5 .labelleft, .slim5 .labelleft {left: -11px;} #childstyle.slim5 .labelright, .slim5 .labelright {right: -11px;} .slim10 .pixcol_tl, .slim10 .pixcol_tr, .slim10 .pixcol_bl, .slim10 .pixcol_br, .slim10 .pixcol_l, .slim10 .pixcol_r, #childstyle.slim10 .pixcol_tl, #childstyle.slim10 .pixcol_tr, #childstyle.slim10 .pixcol_bl, #childstyle.slim10 .pixcol_br, #childstyle.slim10 .pixcol_l, #childstyle.slim10 .pixcol_r { width: 10px; height: 10px;} #childstyle.slim10 .pixcol_l, .slim10 .pixcol_l {height: 100%; /*oride */} #childstyle.slim10 .pixcol_r, .slim10 .pixcol_r {height: 100%; /*oride */} #childstyle.slim10 .pixcol_t, #childstyle.slim10 .pixcol_b, .slim10 .pixcol_t, .slim10 .pixcol_b { margin: 0 10px; height: 10px;} .slim10 .pixcol_margins, #childstyle.slim10 .pixcol_margins {padding: 1px 10px;} #childstyle.slim10 .labelleft, .slim10 .labelleft {left: -16px;} #childstyle.slim10 .labelright, .slim10 .labelright {right: -16px;} .slim15 .pixcol_tl, .slim15 .pixcol_tr, .slim15 .pixcol_bl, .slim15 .pixcol_br, .slim15 .pixcol_l, .slim15 .pixcol_r, #childstyle.slim15 .pixcol_tl, #childstyle.slim15 .pixcol_tr, #childstyle.slim15 .pixcol_bl, #childstyle.slim15 .pixcol_br, #childstyle.slim15 .pixcol_l, #childstyle.slim15 .pixcol_r { width: 15px; height: 15px;} #childstyle.slim15 .pixcol_l, .slim15 .pixcol_l {height: 100%; /*oride */} #childstyle.slim15 .pixcol_r, .slim15 .pixcol_r {height: 100%; /*oride */} #childstyle.slim15 .pixcol_t, #childstyle.slim15 .pixcol_b, .slim15 .pixcol_t, .slim15 .pixcol_b { margin: 0 15px; height: 15px;} .slim15 .pixcol_margins, #childstyle.slim15 .pixcol_margins {padding: 1px 15px;} #childstyle.slim15 .labelleft, .slim15 .labelleft {left: -21px;} #childstyle.slim15 .labelright, .slim15 .labelright {right: -21px;} .slim20 .pixcol_tl, .slim20 .pixcol_tr, .slim20 .pixcol_bl, .slim20 .pixcol_br, .slim20 .pixcol_l, .slim20 .pixcol_r, #childstyle.slim20 .pixcol_tl, #childstyle.slim20 .pixcol_tr, #childstyle.slim20 .pixcol_bl, #childstyle.slim20 .pixcol_br, #childstyle.slim20 .pixcol_l, #childstyle.slim20 .pixcol_r { width: 20px; height: 20px;} #childstyle.slim20 .pixcol_l, .slim20 .pixcol_l {height: 100%; /*oride */} #childstyle.slim20 .pixcol_r, .slim20 .pixcol_r {height: 100%; /*oride */} #childstyle.slim20 .pixcol_t, #childstyle.slim20 .pixcol_b, .slim20 .pixcol_t, .slim20 .pixcol_b { margin: 0 20px; height: 20px;} .slim20 .pixcol_margins, #childstyle.slim20 .pixcol_margins {padding: 1px 20px;} #childstyle.slim20 .labelleft, .slim20 .labelleft {left: -26px;} #childstyle.slim20 .labelright, .slim20 .labelright {right: -26px;} .slim25 .pixcol_tl, .slim25 .pixcol_tr, .slim25 .pixcol_bl, .slim25 .pixcol_br, .slim25 .pixcol_l, .slim25 .pixcol_r, #childstyle.slim25 .pixcol_tl, #childstyle.slim25 .pixcol_tr, #childstyle.slim25 .pixcol_bl, #childstyle.slim25 .pixcol_br, #childstyle.slim25 .pixcol_l, #childstyle.slim25 .pixcol_r { width: 25px; height: 25px;} #childstyle.slim25 .pixcol_l, .slim25 .pixcol_l {height: 100%; /*oride */} #childstyle.slim25 .pixcol_r, .slim25 .pixcol_r {height: 100%; /*oride */} #childstyle.slim25 .pixcol_t, #childstyle.slim25 .pixcol_b, .slim25 .pixcol_t, .slim25 .pixcol_b { margin: 0 25px; height: 25px;} .slim25 .pixcol_margins, #childstyle.slim25 .pixcol_margins {padding: 1px 25px;} #childstyle.slim25 .labelleft, .slim25 .labelleft {left: -31px;} #childstyle.slim25 .labelright, .slim25 .labelright {right: -31px;} .slim30 .pixcol_margins, #childstyle.slim30 .pixcol_margins {padding: 1px 30px;} #childstyle.slim30 .labelleft, .slim30 .labelleft {left: -36px;} #childstyle.slim30 .labelright, .slim30 .labelright {right: -36px;} .slim35 .pixcol_margins, #childstyle.slim35 .pixcol_margins {padding: 5px 35px;} #childstyle.slim35 .labelleft, .slim35 .labelleft {left: -41px;} #childstyle.slim35 .labelright, .slim35 .labelright {right: -41px;} .flexblox.headblox .pixcol_tl, #childstyle.flexblox.headblox .pixcol_tl, .flexblox.headblox .pixcol_tr, #childstyle.flexblox.headblox .pixcol_tr {width: 30px; height: 30px;} .flexblox.headblox .pixcol_t, #childstyle.flexblox.headblox .pixcol_t {margin: 0 30px; height: 30px;} .flexblox.headblox .pixcol_margins, #childstyle.flexblox.headblox .pixcol_margins {padding-top: 10px;} .flexblox.headblox.padtop10 .pixcol_content, #childstyle.flexblox.headblox.padtop10 .pixcol_content {padding-top: 10px;} .flexblox.headblox.padtop15 .pixcol_content, #childstyle.flexblox.headblox.padtop15 .pixcol_content {padding-top: 15px;} /* FlexBlox *** HeadBlox *** Styles */ /* headblox mahogany */ #childstyle.headblox.mahogany .pixcol_tl,.headblox.mahogany .pixcol_tl {background: url(../flexcss/images/blox/hd_mahogany_tl.png) top left no-repeat;} #childstyle.headblox.mahogany .pixcol_t,.headblox.mahogany .pixcol_t {background: url(../flexcss/images/blox/hd_mahogany_t.png) repeat-x;} #childstyle.headblox.mahogany .pixcol_tr,.headblox.mahogany .pixcol_tr {background: url(../flexcss/images/blox/hd_mahogany_tr.png) top right no-repeat;} #childstyle.headblox.mahogany .pixcol_l,.headblox.mahogany .pixcol_l {background: url(../flexcss/images/blox/hd_mahogany_l.png) 0 0 repeat-y; } #childstyle.headblox.mahogany .pixcol_r,.headblox.mahogany .pixcol_r {background: url(../flexcss/images/blox/hd_mahogany_r.png) 100% 0 repeat-y;} #childstyle.headblox.mahogany .pixcol_content,.headblox.mahogany .pixcol_content,#childstyle.headblox.mahogany .pixcol_margins,.headblox.mahogany .pixcol_margins {background: #4c2117;} #childstyle.headblox.mahogany .pixcol_bl,.headblox.mahogany .pixcol_bl {background: url(../flexcss/images/blox/hd_mahogany_bl.png) bottom left no-repeat;} #childstyle.headblox.mahogany .pixcol_b,.headblox.mahogany .pixcol_b {background: url(../flexcss/images/blox/hd_mahogany_b.png) bottom repeat-x;} #childstyle.headblox.mahogany .pixcol_br,.headblox.mahogany .pixcol_br {background: url(../flexcss/images/blox/hd_mahogany_br.png) bottom right no-repeat;} .flexblox.headblox.mahogany .labelleft span, .flexblox.headblox.mahogany .labelright span, #childstyle.flexblox.headblox.mahogany .labelleft span, #childstyle.flexblox.headblox.mahogany .labelright span{color: #ff4545;} .flexblox.headblox.mahogany .labelleft, .flexblox.headblox.mahogany .labelright, #childstyle.flexblox.headblox.mahogany .labelleft, #childstyle.flexblox.headblox.mahogany .labelright {color: #eea06b;} /* headblox mahogany out*/ #childstyle.headblox.mahogany.out .pixcol_tl,.headblox.mahogany.out .pixcol_tl {background: url(../flexcss/images/blox/hdfull_mahogany_tl.png) top left no-repeat;} #childstyle.headblox.mahogany.out .pixcol_t,.headblox.mahogany.out .pixcol_t {background: url(../flexcss/images/blox/hdfull_mahogany_t.png) repeat-x;} #childstyle.headblox.mahogany.out .pixcol_tr,.headblox.mahogany.out .pixcol_tr {background: url(../flexcss/images/blox/hdfull_mahogany_tr.png) top right no-repeat;} #childstyle.headblox.mahogany.out .pixcol_l,.headblox.mahogany.out .pixcol_l {background: url(../flexcss/images/blox/hdfull_mahogany_l.png) 0 0 repeat-y; } #childstyle.headblox.mahogany.out .pixcol_r,.headblox.mahogany.out .pixcol_r {background: url(../flexcss/images/blox/hdfull_mahogany_r.png) 100% 0 repeat-y;} #childstyle.headblox.mahogany.out .pixcol_content,.headblox.mahogany.out .pixcol_content,#childstyle.headblox.mahogany.out .pixcol_margins,.headblox.mahogany.out .pixcol_margins {background: #421d14;} #childstyle.headblox.mahogany.out .pixcol_bl,.headblox.mahogany.out .pixcol_bl {background: url(../flexcss/images/blox/hdfull_mahogany_bl.png) bottom left no-repeat;} #childstyle.headblox.mahogany.out .pixcol_b,.headblox.mahogany.out .pixcol_b {background: url(../flexcss/images/blox/hdfull_mahogany_b.png) bottom repeat-x;} #childstyle.headblox.mahogany.out .pixcol_br,.headblox.mahogany.out .pixcol_br {background: url(../flexcss/images/blox/hdfull_mahogany_br.png) bottom right no-repeat;} /*---Flex Blox Styles--------------- */ /* category */ #childstyle.category .pixcol_tl,.category .pixcol_tl {background: url(../flexcss/images/blox/category_tl.png) top left no-repeat;} #childstyle.category .pixcol_t,.category .pixcol_t {background: url(../flexcss/images/blox/category_t.png) repeat-x;} #childstyle.category .pixcol_tr,.category .pixcol_tr {background: url(../flexcss/images/blox/category_tr.png) top right no-repeat;} #childstyle.category .pixcol_l,.category .pixcol_l {background: url(../flexcss/images/blox/category_l.png) 0 0 repeat-y; } #childstyle.category .pixcol_r,.category .pixcol_r {background: url(../flexcss/images/blox/category_r.png) 100% 0 repeat-y;} #childstyle.category .pixcol_content,.category .pixcol_content,#childstyle.category .pixcol_margins,.category .pixcol_margins {background: #ffebbe;} #childstyle.category .pixcol_bl ,.category .pixcol_bl {background: url(../flexcss/images/blox/category_bl.png) bottom left no-repeat;} #childstyle.category .pixcol_b ,.category .pixcol_b {background: url(../flexcss/images/blox/category_b.png) bottom repeat-x;} #childstyle.category .pixcol_br ,.category .pixcol_br {background: url(../flexcss/images/blox/category_br.png) bottom right no-repeat;} /* rust */ #childstyle.rust .pixcol_tl,.rust .pixcol_tl {background: url(../flexcss/images/blox/rust_tl.png) top left no-repeat;} #childstyle.rust .pixcol_t,.rust .pixcol_t {background: url(../flexcss/images/blox/rust_t.png) repeat-x;} #childstyle.rust .pixcol_tr,.rust .pixcol_tr {background: url(../flexcss/images/blox/rust_tr.png) top right no-repeat;} #childstyle.rust .pixcol_l,.rust .pixcol_l {background: url(../flexcss/images/blox/rust_l.png) 0 0 repeat-y; } #childstyle.rust .pixcol_r,.rust .pixcol_r {background: url(../flexcss/images/blox/rust_r.png) 100% 0 repeat-y;} #childstyle.rust .pixcol_content,.rust .pixcol_content,#childstyle.rust .pixcol_margins,.rust .pixcol_margins {background: #9f6949;} #childstyle.rust .pixcol_bl ,.rust .pixcol_bl {background: url(../flexcss/images/blox/rust_bl.png) bottom left no-repeat;} #childstyle.rust .pixcol_b ,.rust .pixcol_b {background: url(../flexcss/images/blox/rust_b.png) bottom repeat-x;} #childstyle.rust .pixcol_br ,.rust .pixcol_br {background: url(../flexcss/images/blox/rust_br.png) bottom right no-repeat;} /* logo */ #childstyle.logo .pixcol_tl,.logo .pixcol_tl {background: url(../flexcss/images/blox/logo_tl.png) top left no-repeat;} #childstyle.logo .pixcol_t,.logo .pixcol_t {background: url(../flexcss/images/blox/logo_t.png) repeat-x;} #childstyle.logo .pixcol_tr,.logo .pixcol_tr {background: url(../flexcss/images/blox/logo_tr.png) top right no-repeat;} #childstyle.logo .pixcol_l,.logo .pixcol_l {background: url(../flexcss/images/blox/logo_l.png) 0 0 repeat-y; } #childstyle.logo .pixcol_r,.logo .pixcol_r {background: url(../flexcss/images/blox/logo_r.png) 100% 0 repeat-y;} #childstyle.logo .pixcol_content,.logo .pixcol_content,#childstyle.logo .pixcol_margins,.logo .pixcol_margins {background: #57240c;} #childstyle.logo .pixcol_bl ,.logo .pixcol_bl {background: url(../flexcss/images/blox/logo_bl.png) bottom left no-repeat;} #childstyle.logo .pixcol_b ,.logo .pixcol_b {background: url(../flexcss/images/blox/logo_b.png) bottom repeat-x;} #childstyle.logo .pixcol_br ,.logo .pixcol_br {background: url(../flexcss/images/blox/logo_br.png) bottom right no-repeat;} /* yellow */ #childstyle.yellow .pixcol_tl,.yellow .pixcol_tl {background: url(../flexcss/images/blox/yellow_tl.png) top left no-repeat;} #childstyle.yellow .pixcol_t,.yellow .pixcol_t {background: url(../flexcss/images/blox/yellow_t.png) repeat-x;} #childstyle.yellow .pixcol_tr,.yellow .pixcol_tr {background: url(../flexcss/images/blox/yellow_tr.png) top right no-repeat;} #childstyle.yellow .pixcol_l,.yellow .pixcol_l {background: url(../flexcss/images/blox/yellow_l.png) 0 0 repeat-y; } #childstyle.yellow .pixcol_r,.yellow .pixcol_r {background: url(../flexcss/images/blox/yellow_r.png) 100% 0 repeat-y;} #childstyle.yellow .pixcol_content,.yellow .pixcol_content,#childstyle.yellow .pixcol_margins,.yellow .pixcol_margins {background: #fddc90;} #childstyle.yellow .pixcol_bl ,.yellow .pixcol_bl {background: url(../flexcss/images/blox/yellow_bl.png) bottom left no-repeat;} #childstyle.yellow .pixcol_b ,.yellow .pixcol_b {background: url(../flexcss/images/blox/yellow_b.png) bottom repeat-x;} #childstyle.yellow .pixcol_br ,.yellow .pixcol_br {background: url(../flexcss/images/blox/yellow_br.png) bottom right no-repeat;} /* maple */ #childstyle.maple .pixcol_tl,.maple .pixcol_tl {background: url(../flexcss/images/blox/maple_tl.png) top left no-repeat;} #childstyle.maple .pixcol_t,.maple .pixcol_t {background: url(../flexcss/images/blox/maple_t.png) repeat-x;} #childstyle.maple .pixcol_tr,.maple .pixcol_tr {background: url(../flexcss/images/blox/maple_tr.png) top right no-repeat;} #childstyle.maple .pixcol_l,.maple .pixcol_l {background: url(../flexcss/images/blox/maple_l.png) 0 0 repeat-y; } #childstyle.maple .pixcol_r,.maple .pixcol_r {background: url(../flexcss/images/blox/maple_r.png) 100% 0 repeat-y;} #childstyle.maple .pixcol_content,.maple .pixcol_content,#childstyle.maple .pixcol_margins,.maple .pixcol_margins {background: #632c1e;} #childstyle.maple .pixcol_bl ,.maple .pixcol_bl {background: url(../flexcss/images/blox/maple_bl.png) bottom left no-repeat;} #childstyle.maple .pixcol_b ,.maple .pixcol_b {background: url(../flexcss/images/blox/maple_b.png) bottom repeat-x;} #childstyle.maple .pixcol_br ,.maple .pixcol_br {background: url(../flexcss/images/blox/maple_br.png) bottom right no-repeat;} /* white */ #childstyle.white .pixcol_tl,.white .pixcol_tl {background: url(../flexcss/images/blox/white_tl.png) top left no-repeat;} #childstyle.white .pixcol_t,.white .pixcol_t {background: url(../flexcss/images/blox/white_t.png) repeat-x;} #childstyle.white .pixcol_tr,.white .pixcol_tr {background: url(../flexcss/images/blox/white_tr.png) top right no-repeat;} #childstyle.white .pixcol_l,.white .pixcol_l {background: url(../flexcss/images/blox/white_l.png) 0 0 repeat-y; } #childstyle.white .pixcol_r,.white .pixcol_r {background: url(../flexcss/images/blox/white_r.png) 100% 0 repeat-y;} #childstyle.white .pixcol_content,.white .pixcol_content,#childstyle.white .pixcol_margins,.white .pixcol_margins {background: #fff;} #childstyle.white .pixcol_bl,.white .pixcol_bl {background: url(../flexcss/images/blox/white_bl.png) bottom left no-repeat;} #childstyle.white .pixcol_b,.white .pixcol_b {background: url(../flexcss/images/blox/white_b.png) bottom repeat-x;} #childstyle.white .pixcol_br,.white .pixcol_br {background: url(../flexcss/images/blox/white_br.png) bottom right no-repeat;} /* steelusi */ #childstyle.steelusi .pixcol_tl,.steelusi .pixcol_tl, #childstyle.steelusi-reflected .pixcol_tl,.steelusi-reflected .pixcol_tl {background: url(images/blox/steelusi_tl.png) top left no-repeat;} #childstyle.steelusi .pixcol_t,.steelusi .pixcol_t, #childstyle.steelusi-reflected .pixcol_t,.steelusi-reflected .pixcol_t {background: url(images/blox/steelusi_t.png) repeat-x;} #childstyle.steelusi .pixcol_tr,.steelusi .pixcol_tr, #childstyle.steelusi-reflected .pixcol_tr,.steelusi-reflected .pixcol_tr {background: url(images/blox/steelusi_tr.png) top right no-repeat;} #childstyle.steelusi .pixcol_l,.steelusi .pixcol_l, #childstyle.steelusi-reflected .pixcol_l,.steelusi-reflected .pixcol_l {background: url(images/blox/steelusi_l.png) 0 0 repeat-y; } #childstyle.steelusi .pixcol_r,.steelusi .pixcol_r, #childstyle.steelusi-reflected .pixcol_r,.steelusi-reflected .pixcol_r {background: url(images/blox/steelusi_r.png) 100% 0 repeat-y;} #childstyle.steelusi .pixcol_content,.steelusi .pixcol_content,#childstyle.steelusi .pixcol_margins,.steelusi .pixcol_margins, #childstyle.steelusi-reflected .pixcol_content,.steelusi-reflected .pixcol_content,#childstyle.steelusi-reflected .pixcol_margins,.steelusi-reflected .pixcol_margins{background: #ffdd92;} #childstyle.steelusi .pixcol_bl,.steelusi .pixcol_bl {background: url(images/blox/steelusi_bl.png) bottom left no-repeat;} #childstyle.steelusi .pixcol_b,.steelusi .pixcol_b {background: url(images/blox/steelusi_b.png) bottom repeat-x;} #childstyle.steelusi .pixcol_br,.steelusi .pixcol_br {background: url(images/blox/steelusi_br.png) bottom right no-repeat;} /* steelusi-reflected*/ #childstyle.steelusi-reflected .pixcol_bl,.steelusi-reflected .pixcol_bl {background: url(images/blox/steelusi_reflect_bl.png) bottom left no-repeat;} #childstyle.steelusi-reflected .pixcol_b,.steelusi-reflected .pixcol_b {background: url(images/blox/steelusi_reflect_b.png) bottom repeat-x;} #childstyle.steelusi-reflected .pixcol_br,.steelusi-reflected .pixcol_br {background: url(images/blox/steelusi_reflect_br.png) bottom right no-repeat;} /* steelrust */ #childstyle.steelrust .pixcol_tl,.steelrust .pixcol_tl, #childstyle.steelrust-reflected .pixcol_tl,.steelrust-reflected .pixcol_tl {background: url(images/blox/steelrust_tl.png) top left no-repeat;} #childstyle.steelrust .pixcol_t,.steelrust .pixcol_t, #childstyle.steelrust-reflected .pixcol_t,.steelrust-reflected .pixcol_t {background: url(images/blox/steelrust_t.png) repeat-x;} #childstyle.steelrust .pixcol_tr,.steelrust .pixcol_tr,#childstyle.steelrust-reflected .pixcol_tr,.steelrust-reflected .pixcol_tr {background: url(images/blox/steelrust_tr.png) top right no-repeat;} #childstyle.steelrust .pixcol_l,.steelrust .pixcol_l,#childstyle.steelrust-reflected .pixcol_l,.steelrust-reflected .pixcol_l {background: url(images/blox/steelrust_l.png) 0 0 repeat-y; } #childstyle.steelrust .pixcol_r,.steelrust .pixcol_r, #childstyle.steelrust-reflected .pixcol_r,.steelrust-reflected .pixcol_r {background: url(images/blox/steelrust_r.png) 100% 0 repeat-y;} #childstyle.steelrust .pixcol_content,.steelrust .pixcol_content,#childstyle.steelrust .pixcol_margins,.steelrust .pixcol_margins, #childstyle.steelrust-reflected .pixcol_content,.steelrust-reflected .pixcol_content,#childstyle.steelrust-reflected .pixcol_margins,.steelrust-reflected .pixcol_margins {background: #4c2117;} #childstyle.steelrust .pixcol_bl,.steelrust .pixcol_bl {background: url(images/blox/steelrust_bl.png) bottom left no-repeat;} #childstyle.steelrust .pixcol_b,.steelrust .pixcol_b {background: url(images/blox/steelrust_b.png) bottom repeat-x;} #childstyle.steelrust .pixcol_br,.steelrust .pixcol_br {background: url(images/blox/steelrust_br.png) bottom right no-repeat;} /* steelrust-reflected*/ #childstyle.steelrust-reflected .pixcol_bl,.steelrust-reflected .pixcol_bl {background: url(images/blox/steelrust_reflect_bl.png) bottom left no-repeat;} #childstyle.steelrust-reflected .pixcol_b,.steelrust-reflected .pixcol_b {background: url(images/blox/steelrust_reflect_b.png) bottom repeat-x;} #childstyle.steelrust-reflected .pixcol_br,.steelrust-reflected .pixcol_br {background: url(images/blox/steelrust_reflect_br.png) bottom right no-repeat;} /* simplewhite */ #childstyle.simplewhite .pixcol_tl,.simplewhite .pixcol_tl, #childstyle.simplewhite-reflected .pixcol_tl,.simplewhite-reflected .pixcol_tl {background: url(images/blox/simplewhite_tl.png) top left no-repeat;} #childstyle.simplewhite .pixcol_t,.simplewhite .pixcol_t, #childstyle.simplewhite-reflected .pixcol_t,.simplewhite-reflected .pixcol_t {background: url(images/blox/simplewhite_t.png) repeat-x;} #childstyle.simplewhite .pixcol_tr,.simplewhite .pixcol_tr, #childstyle.simplewhite-reflected .pixcol_tr,.simplewhite-reflected .pixcol_tr {background: url(images/blox/simplewhite_tr.png) top right no-repeat;} #childstyle.simplewhite .pixcol_l,.simplewhite .pixcol_l, #childstyle.simplewhite-reflected .pixcol_l,.simplewhite-reflected .pixcol_l {background: url(images/blox/simplewhite_l.png) 0 0 repeat-y; } #childstyle.simplewhite .pixcol_r,.simplewhite .pixcol_r, #childstyle.simplewhite-reflected .pixcol_r,.simplewhite-reflected .pixcol_r {background: url(images/blox/simplewhite_r.png) 100% 0 repeat-y;} #childstyle.simplewhite .pixcol_content,.simplewhite .pixcol_content,#childstyle.simplewhite .pixcol_margins,.simplewhite .pixcol_margins, #childstyle.simplewhite-reflected .pixcol_content,.simplewhite-reflected .pixcol_content,#childstyle.simplewhite-reflected .pixcol_margins,.simplewhite-reflected .pixcol_margins{background: #fff;} #childstyle.simplewhite .pixcol_bl,.simplewhite .pixcol_bl {background: url(images/blox/simplewhiteshadow_bl.png) bottom left no-repeat;} #childstyle.simplewhite .pixcol_b,.simplewhite .pixcol_b {background: url(images/blox/simplewhiteshadow_b.png) bottom repeat-x;} #childstyle.simplewhite .pixcol_br,.simplewhite .pixcol_br {background: url(images/blox/simplewhiteshadow_br.png) bottom right no-repeat;} /* simplewhite-reflected*/ #childstyle.simplewhite-reflected .pixcol_bl,.simplewhite-reflected .pixcol_bl {background: url(images/blox/simplewhitereflected_bl.png) bottom left no-repeat;} #childstyle.simplewhite-reflected .pixcol_b,.simplewhite-reflected .pixcol_b {background: url(images/blox/simplewhitereflected_b.png) bottom repeat-x;} #childstyle.simplewhite-reflected .pixcol_br,.simplewhite-reflected .pixcol_br {background: url(images/blox/simplewhitereflected_br.png) bottom right no-repeat;} /* .noborder .noborder=nostyle*/ #childstyle.noborder .pixcol_tl,.noborder .pixcol_tl {background: none} #childstyle.noborder .pixcol_t,.noborder .pixcol_t {background: none} #childstyle.noborder .pixcol_tr,.noborder .pixcol_tr {background: none} #childstyle.noborder .pixcol_l,.noborder .pixcol_l {background: none} #childstyle.noborder .pixcol_r,.noborder .pixcol_r {background: none} #childstyle.noborder .pixcol_content,.noborder .pixcol_content,#childstyle.noborder .pixcol_margins,.noborder .pixcol_margins {background: none} #childstyle.noborder .pixcol_bl,.noborder .pixcol_bl {background: none} #childstyle.noborder .pixcol_b,.noborder .pixcol_b {background: none} #childstyle.noborder .pixcol_br,.noborder .pixcol_br {background: none} /* DEFAULT STYLE */ /* -- default-- MAPLE - Repeated CSS without style name */ .pixcol_tl {background: url(../flexcss/images/blox/maple_tl.png) top left no-repeat;} .pixcol_t {background: url(../flexcss/images/blox/maple_t.png) repeat-x;} .pixcol_tr {background: url(../flexcss/images/blox/maple_tr.png) top right no-repeat;} .pixcol_l {background: url(../flexcss/images/blox/maple_l.png) 0 0 repeat-y; } .pixcol_r {background: url(../flexcss/images/blox/maple_r.png) 100% 0 repeat-y;} .pixcol_content, .pixcol_margins {background: #632c1e;} .pixcol_bl {background: url(../flexcss/images/blox/maple_bl.png) bottom left no-repeat;} .pixcol_b {background: url(../flexcss/images/blox/maple_b.png) bottom repeat-x;} .pixcol_br {background: url(../flexcss/images/blox/maple_br.png) bottom right no-repeat;} /* end Flex Blox Styles */ /* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/