/*########################## * Reset all default stuff # #########################*/ #roswrapper html, #roswrapper body, #roswrapper div, #roswrapper span, #roswrapper applet, #roswrapper object, #roswrapper iframe, #roswrapper h1, #roswrapper h2, #roswrapper h3, #roswrapper h4, #roswrapper h5, #roswrapper h6, #roswrapper p, #roswrapper blockquote, #roswrapper pre, #roswrapper a, #roswrapper abbr, #roswrapper acronym, #roswrapper address, #roswrapper big, #roswrapper cite, #roswrapper code, #roswrapper del, #roswrapper dfn, #roswrapper em, #roswrapper font, #roswrapper img, #roswrapper ins, #roswrapper kbd, #roswrapper q, #roswrapper s, #roswrapper samp, #roswrapper small, #roswrapper strike, #roswrapper strong, #roswrapper sub, #roswrapper sup, #roswrapper tt, #roswrapper var, #roswrapper dl, #roswrapper dt, #roswrapper dd, #roswrapper ol, #roswrapper ul, #roswrapper li, #roswrapper fieldset, #roswrapper form, #roswrapper label, #roswrapper legend, #roswrapper table, #roswrapper caption, #roswrapper tbody, #roswrapper tfoot, #roswrapper thead, #roswrapper tr, #roswrapper th, #roswrapper td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } #roswrapper ol, #roswrapper ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */#roswrapper table { border-collapse: separate; border-spacing: 0; } #roswrapper caption, #roswrapper th, #roswrapper td { text-align: left; font-weight: normal; } #roswrapper blockquote:before, #roswrapper blockquote:after, #roswrapper q:before, #roswrapper q:after { content: ""; } #roswrapper blockquote, #roswrapper q { quotes: "" ""; } /*################ ## CSS PATTERNS ## ################*/ #roswrapper .point_10 { font-size: 10px; } #roswrapper .point_11 { font-size: .7em; font-size: 11px; } #roswrapper .point_115 { font-size: 11.5px; } #roswrapper .point_12, .rosModalWrapper .point_12 { font-size: .75em; font-size: 12px; } #roswrapper .point_13 { font-size: .8em; font-size: 13px; } #roswrapper .point_14 { font-size: .875em; font-size: 14px; } #roswrapper .point_18 { font-size: 18pt; } #roswrapper .bold { font-weight: bold; } #roswrapper .italic { font-style: italic; } /* FLOAT CONTAINERS */#roswrapper .floatLeftContainer { float: left; } #roswrapper .floatRightContainer { float: right; } /* HORIZONTAL LIST */#roswrapper .horizontalList { float: left; list-style: none; width: auto; } #roswrapper .horizontalList li { float: left; } /* PAIR WRAPPER */#roswrapper .pairWrapper { float: left; } #roswrapper .pairLeft { float: left; width: 200px; } #roswrapper .pairRight { float: right; } /* COLUMN */#roswrapper .column { float: left; width: 33%; } #roswrapper .ordering .horizontalList li { margin-right: 10px; } /*########################### ## PROJECT-SPECIFIC STYLES ## ###########################*/ #roswrapper body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; } #roswrapper h1, #roswrapper h2, #roswrapper h3, #roswrapper h4, #roswrapper h5 { font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; } #roswrapper { width: 742px; background-image: url(../images/content/bg_middle.png); background-repeat: repeat-y; } #roswrapper a { cursor:pointer; } #roswrapper .banner_header{ width:515px; height:113px; float:left; } #roswrapper .welcome_header{width:524px; height:44px; float: left; margin-top: 15px;} #roswrapper #headerWrapper { background-image: url(../images/header/bg_top.gif); background-repeat: no-repeat; background-position: left top; height: 152px; margin-bottom: 20px; padding-left: 14px; } #roswrapper #headerHelp { background-image: url(../images/header/help.gif); background-repeat: no-repeat; float: right; width: 163px; height: 62px; color: #fb000f; font-weight: bold; font-size: 1.17em; text-align: center; margin: 15px 15px 0 0; padding:0px 0px 0px 20px;} #roswrapper a.standardLink, #roswrapper a.standardLink:link, #roswrapper a.standardLink:hover, #roswrapper a.standardLink:visited { color: #0a248f; text-decoration: underline; } #roswrapper a.deadLink, #roswrapper a.deadLink:link, #roswrapper a.deadLink:hover, #roswrapper a.deadLink:visited { color: #666; text-decoration: none; } #roswrapper #headerHelp { } #roswrapper #headerHelp a:link, #roswrapper #headerHelp a:hover, #roswrapper #headerHelp a:visited { color: #1f48c8; text-decoration: underline; font-weight: bold; font-style: italic; display: block; width: 80px; margin: 15px 0 0 57px; } #roswrapper #contentSmall { float: left; padding-left: 10px; padding-right: 10px; width: 346px; } /* with a 3 pixel border, rope middle needs to be 6 * pixels smaller than the rope top and bottom */#roswrapper #contentMedium { float: left; padding-left: 20px; padding-right: 15px; width: 500px; } #roswrapper #contentLarge { width: 541px; float: left; padding-left: 11px; padding-right: 19px; } #roswrapper .contentPadding { width: 541px; padding: 0 20px 0 0; } #roswrapper #footer { background-image: url(../images/footer/footer.png); background-repeat: no-repeat; background-position: left bottom; height: 34px; clear: both; } /*####### Tab Bar ######*/ #roswrapper #tabBar.horizontalList a:link, #tabBar.horizontalList a:hover, #tabBar.horizontalList a:visited { text-decoration: none; } #roswrapper #tabBar.horizontalList { margin: 0px 0 20px 0; width: 715px; } #roswrapper #tabBar.horizontalList { margin: 10px 0 20px 0; } #roswrapper #tabBar.horizontalList li { background-image: url(../images/content/tab_inactive.gif); background-repeat: no-repeat; width: 139px; height:43px; } #roswrapper #tabBar.horizontalList li.active { background-image: url(../images/content/tab_active.gif); background-position: bottom; height: 33px; } #roswrapper #tabBar.horizontalList li a { display:block; height:100%; width:100%; } #roswrapper #tabBar.horizontalList li#firstTab { background:url(../images/header/tabs/about_passive.gif) no-repeat left top; width:142px; } #roswrapper #tabBar.horizontalList li#secondTab { background:url(../images/header/tabs/place_passive.gif) no-repeat left top; width:130px; } #roswrapper #tabBar.horizontalList li#thirdTab { background:url(../images/header/tabs/order_passive.gif) no-repeat left top; width:143px; } #roswrapper #tabBar.horizontalList li#fourthTab { background:url(../images/header/tabs/payment_passive.gif) no-repeat left top; width:169px; } #roswrapper #tabBar.horizontalList li#fifthTab { background:url(../images/header/tabs/view_passive.gif) no-repeat left top; width:131px; } #roswrapper.firstTab #tabBar.horizontalList li#firstTab { background:url(../images/header/tabs/about_active.gif) no-repeat left top; } #roswrapper.secondTab #tabBar.horizontalList li#secondTab { background:url(../images/header/tabs/place_active.gif) no-repeat left top; } #roswrapper.thirdTab #tabBar.horizontalList li#thirdTab { background:url(../images/header/tabs/order_active.gif) no-repeat left top; } #roswrapper.fourthTab #tabBar.horizontalList li#fourthTab { background:url(../images/header/tabs/payment_active.gif) no-repeat left top; } #roswrapper.fifthTab #tabBar.horizontalList li#fifthTab { background:url(../images/header/tabs/view_active.gif) no-repeat left top; } #roswrapper #tabBar.horizontalList li#firstTab { margin-left: 0; } #roswrapper #tabBar.horizontalList li a { display: block; } #roswrapper #tabBar.horizontalList li a:link, #tabBar.horizontalList li a:hover, #tabBar.horizontalList li a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; padding-top: 8px; text-align: center; } #roswrapper #tabBar.horizontalList li.active a:link,#roswrapper #tabBar.horizontalList li.active a:hover, #roswrapper #tabBar.horizontalList li.active a:visited { color: #323232; } #roswrapper.firstTab #tabBar.horizontalList li#firstTab a:link, #roswrapper.firstTab #tabBar.horizontalList li#firstTab a:hover, #roswrapper.firstTab #tabBar.horizontalList li#firstTab a:visited,#roswrapper.secondTab #tabBar.horizontalList li#secondTab a:link, #roswrapper.secondTab #tabBar.horizontalList li#secondTab a:hover, #roswrapper.secondTab #tabBar.horizontalList li#secondTab a:visited, #roswrapper.thirdTab #tabBar.horizontalList li#thirdTab a:link, #roswrapper.thirdTab #tabBar.horizontalList li#thirdTab a:hover, #roswrapper.thirdTab #tabBar.horizontalList li#thirdTab a:visited, #roswrapper.fourthTab #tabBar.horizontalList li#fourthTab a:link, #roswrapper.fourthTab #tabBar.horizontalList li#fourthTab a:hover, #roswrapper.fourthTab #tabBar.horizontalList li#fourthTab a:visited, #roswrapper.fifthTab #tabBar.horizontalList li#fifthTab a:link, #roswrapper.fifthTab #tabBar.horizontalList li#fifthTab a:hover, #roswrapper.fifthTab #tabBar.horizontalList li#fifthTab a:visited{color: #323232;} /*####### End Tab Bar ######*/ /*#### LEFT NAV #####*/ #roswrapper #leftNavWrapper { padding-left: 24px; float: left; } #roswrapper #leftNavLeft { width: 138px; background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: left top; background-color: #fff; } #roswrapper #leftNavRight { background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: right top; } #roswrapper #leftNavHeader { background-image: url(../images/content/left_nav_header.gif); background-repeat: no-repeat; background-position: right top; } #roswrapper #leftNavFooter { background-image: url(../images/content/left_nav_footer.gif); background-repeat: no-repeat; background-position: right bottom; padding: 3px 0 10px 3px; } #roswrapper #leftNavFooter ul.leftNav li, #roswrapper #leftNavFooter .leftLink, #roswrapper #leftNavFooter ul.leftLink li { width: 131px; margin-top: 3px; } #roswrapper #leftNavFooter ul.leftNav li a,#roswrapper #leftNavFooter .leftLink a, #roswrapper #leftNavFooter ul.leftLink li a, #roswrapper #leftNavFooter ul.leftNav ul.leftLink li a { display: block; background-image: url(../images/content/buttons/nav_button.jpg); background-repeat: no-repeat; height: 19px; padding: 5px 0 0 6px; } #roswrapper #leftNavFooter .leftNav li ul li a {padding-top:0 !important;} #roswrapper #leftNavFooter ul.leftNav li a:link, #roswrapper #leftNavFooter ul.leftNav li a:hover, #roswrapper #leftNavFooter ul.leftNav li a:visited, #roswrapper #leftNavFooter .leftLink a:link, #roswrapper #leftNavFooter .leftLink a:hover, #roswrapper #leftNavFooter .leftLink a:visited, #roswrapper #leftNavFooter ul.leftNav .leftLink a:link, #roswrapper #leftNavFooter ul.leftNav .leftLink a:hover, #roswrapper #leftNavFooter ul.leftNav .leftLink a:visited { color: #fff ; font-size: 11px ; font-weight: bold ; text-decoration: none ; } #roswrapper #leftNavFooter ul.leftNav li ul li { width: auto; } #roswrapper #leftNavFooter ul.leftNav li ul li a, #roswrapper #leftNavFooter ul.leftLink li ul li a { background-image: none; } #roswrapper #leftNavFooter ul.leftNav li ul li a:link, #roswrapper #leftNavFooter ul.leftNav li ul li a:hover, #roswrapper #leftNavFooter ul.leftNav li ul li a:visited { color: #000; text-decoration: underline; } #roswrapper #leftNavFooter ul h3 { color: #7b4a20; font-weight: bold; margin-top: 20px; } #roswrapper #leftNavFooter ul h3#firstHeader { margin-top: 10px; } #roswrapper #leftNavFooter .leftLink a { background-image: url(../images/content/buttons/nav_button_plain.jpg) !important; } #roswrapper #leftNavFooter .leftNav li ul li a {height: auto !important;} #roswrapper #leftNavFooter .catalogMenu {padding-left: 10px; padding-top:5px;} #roswrapper #leftNavFooter .catalogMenu li {background: url(../images/content/content/greenArrow.gif) 0 .2em no-repeat;} #roswrapper #leftNavFooter .catalogMenu li a { margin-left: 10px; text-decoration:none; font-weight: bold; font-size: 11px; color: #000;} #roswrapper #leftNavFooter .over ul {display:block !important;} #roswrapper #leftNavFooter .over ul li.over a{text-decoration:none !important; font-weight: bold !important;} #roswrapper #leftNavFooter .noLink a{cursor:default;} /*### END LEFT NAV ###*/ /*### RIGHT LOGIN ###*/ #roswrapper #logIn { float: left; width: 188px; } #roswrapper #teacherLoginLeft { background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: left top; } #roswrapper #teacherLoginRight { background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: right top; } #roswrapper #teacherLoginTop { /*width: 188px; */background-image: url(../images/content/content/sign_in_box_top_blue.gif); background-repeat: no-repeat; background-position: left top; } #roswrapper #teacherLoginBottom { /*width: 178px; */background-image: url(../images/content/content/sign_in_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 20px 10px; } #roswrapper #teacherLoginBottom .blueButton { margin-top: 15px; margin-bottom: 5px; } #roswrapper #teacherLoginBottom a:link.link, #teacherLoginBottom a:hover.link, #teacherLoginBottom a:visited.link, #parentLoginBottom a:link.link, #parentLoginBottom a:hover.link, #parentLoginBottom a:visited.link { float: left; color: #1c4f98; padding-top: 10px; } #roswrapper #teacherLoginBottom h3, #parentLoginBottom h3 { color: white; font-weight: bold; padding-top: 5px; padding-bottom: 10px; } #roswrapper #teacherLoginBottom label { display: block; padding-top: 5px; padding-bottom: 5px; } #roswrapper #parentLoginLeft { background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: left top; margin-top: 10px; } #roswrapper #parentLoginRight { background-image: url(../images/content/left_nav_sides.gif); background-repeat: repeat-y; background-position: right top; } #roswrapper #parentLoginTop { /*width: 188px; */background-image: url(../images/content/content/sign_in_box_top_green.gif); background-repeat: no-repeat; background-position: left top; } #roswrapper #parentLoginBottom { /* width: 188px; */background-image: url(../images/content/content/sign_in_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 20px 10px; } #roswrapper #parentLoginBottom .button { /*margin-left: 8px; */margin-top: 10px; } /*### END RIGHT LOGIN ###*/ /*### HOWTO ###*/ #roswrapper #ropeTopRight .paddingHolder ul#howTo, #roswrapper #ropeTopRight .series ul#howTo { position: absolute; text-align: center; top: 10px; right: 20px; font-size: 13px; color: #3398cc; } #roswrapper #ropeTopRight .paddingHolder ul#howTo, #roswrapper #ropeTopRight .series ul#howTo { background: url(../images/content/content/how_to_bg.gif) left top no-repeat;width: 153px; height: 51px; padding-top: 8px; } #roswrapper #ropeTopRight .paddingHolder ul#howTo li, #roswrapper #ropeTopRight .series ul#howTo li { color: #f00; font-size: 1.1em; font-weight: bold; } #roswrapper #ropeTopRight .paddingHolder ul#howTo li ul, #roswrapper #ropeTopRight .series ul#howTo li ul { padding-top: 8px; margin-left: 12px; } /*### END HOWTO ###*/ #roswrapper ul.textList, #roswrapper.clubsHomeWrapper ul#textList { list-style-image: url(../images/content/list_dot_blue.gif); padding-left: 30px; font-size:12px; } /*### END HOWTO ###*/ #roswrapper ul.textList, #roswrapper.clubsHomeWrapper ul#textList, #roswrapper ul.textListBold { list-style-image: url(../images/content/list_dot_blue.gif); padding-left: 30px; } #roswrapper ul.textListBold { font-weight:bold; padding:0px 0px 0px 13px; } #roswrapper ul.textListBold li { margin:0px 0px 5px 0px; } #roswrapper ul.textList li { float: none; } #roswrapper ul.textList li h3 { font-size: 1.1em; } #roswrapper .benefits h2 { margin: 15px 0px 15px !important; } #roswrapper .benefits ul.textList { padding-left: 12px !important; } #roswrapper ul.textListBold li.weight, #roswrapper ul.clubHome li.weight { color:#158625; } #roswrapper ul.clubHome li.weight { font-size:14px; } /*####### BUTTONS ##########*/ /* GREEN BUTTON */ #roswrapper a.button { /* Sliding right image */background: transparent url('../images/content/buttons/button_green_sliding_right.gif') no-repeat scroll top right; display: block; float: left; height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT *//*margin-right: 6px; */padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration: none; color: #fff; font-weight: bold; } #roswrapper a.button span { /* Background left image */background: transparent url('../images/content/buttons/button_green_sliding_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 0px 0 5px 18px; } #roswrapper a.button:link { color: #fff; text-decoration: none; } #roswrapper a.button:hover { color: #ff6; text-decoration: none; } #roswrapper a.button:visited { color: #fff; text-decoration: none; } /* GREEN BUTTON *//* GREY BUTTON */#roswrapper a.greyButton { /* Sliding right image */background: transparent url('../images/content/buttons/button_grey_sliding_right.gif') no-repeat scroll top right; display: block; float: left; height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 6px; padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration: none; color: #333; font-weight: bold; } #roswrapper a.greyButton span { /* Background left image */background: transparent url('../images/content/buttons/button_grey_sliding_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 0px 0 5px 18px; } #roswrapper a.greyButton:link { color: #333; text-decoration: none; } #roswrapper a.greyButton:hover { color: #f90; text-decoration: none; } #roswrapper a.greyButton:visited { color: #333; text-decoration: none; } /* GREY BUTTON *//* BLUE BUTTON */ #roswrapper a.blueButton { /* Sliding right image */background: transparent url('../images/content/buttons/button_blue_sliding_right.gif') no-repeat scroll top right; display: block; float: left; height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 6px; padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration: none; color: #fff; font-weight: bold; } #roswrapper a.blueButton span { /* Background left image */background: transparent url('../images/content/buttons/button_blue_sliding_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 0px 0 5px 18px; } #roswrapper a.blueButton:link { color: #fff; text-decoration: none; } #roswrapper a.blueButton:hover { color: #ff6; text-decoration: none; } #roswrapper a.blueButton:visited { color: #fff; text-decoration: none; } /* BLUE BUTTON *//* BROWN BUTTON */ #roswrapper a.brownButton { /* Sliding right image */background: transparent url('../images/content/buttons/button_brown_sliding_right.gif') no-repeat scroll top right; display: block; float: left; height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 6px; padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration: none; color: #fff; font-weight: bold; } #roswrapper a.brownButton span { /* Background left image */background: transparent url('../images/content/buttons/button_brown_sliding_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 0px 0 5px 18px; } #roswrapper a.brownButton:link { color: #fff; text-decoration: none; } #roswrapper a.brownButton:hover { color: #ff6; text-decoration: none; } #roswrapper a.brownButton:visited { color: #fff; text-decoration: none; } /* BROWN BUTTON *//* RED BROWN BUTTON */ #roswrapper a.redBrownButton, .rosModalWrapper a.redBrownButton { /* Sliding right image */background: transparent url('../images/content/buttons/button_red_brown_right.gif') no-repeat scroll top right; display: block; float: left; height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right: 6px; padding-right: 15px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration: none; color: #fff; font-weight: bold; } #roswrapper a.redBrownButton span, .rosModalWrapper a.redBrownButton span { /* Background left image */background: transparent url('../images/content/buttons/button_red_brown_left.gif') no-repeat; display: block; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding: 0px 0 5px 12px; white-space: nowrap; } #roswrapper a.redBrownButton:link, .rosModalWrapper a.redBrownButton:link { color: #fff; text-decoration: none; } #roswrapper a.redBrownButton:hover, .rosModalWrapper a.redBrownButton:hover { color: #ff6; text-decoration: none; } #roswrapper a.redBrownButton:visited, .rosModalWrapper a.redBrownButton:visited { color: #fff; text-decoration: none; } /* RED BROWN BUTTON */ /*### PAGINATION ###*/ #roswrapper ul.pagination { margin: 5px 0; } #roswrapper ul.pagination li { margin-right: 1px; } #roswrapper ul.pagination li#viewAll, #roswrapper ul.pagination li#prev, #roswrapper ul.pagination li#page { margin-right: 5px; } #roswrapper ul.pagination li#next { width:41px; margin-left: 5px; } /*### END PAGINATION ###*/ /*#### END BUTTONS ###*/ #roswrapper .rope_wrapper { padding-bottom: 10px; } #roswrapper .rope_wrapper_size_xl { } #roswrapper .rope_wrapper_size_l { width: 551px; } #roswrapper .rope_wrapper_size_m { width: 500px; } #roswrapper .rope_wrapper_size_s { padding-left: 10px !important; width: 350px; } #roswrapper .rope_wrapper .h2_image_header { margin-bottom: .8em; } #roswrapper .rope_wrapper h2 { margin-bottom: .4em; } #roswrapper .rope_wrapper h3 { margin-bottom: .3em; } /*### ROPE BOX ##*/ #roswrapper #ropeTopLeft { background-image: url(../images/content/content/rope_top_left.png); background-repeat: no-repeat; background-position: left top; } #roswrapper #ropeTopRight { background-image: url(../images/content/content/rope_top_right.png); background-repeat: no-repeat; background-position: top right; } #roswrapper #ropeTopCenterLeft { background-image: url(../images/content/content/rope_top_center_left.png); background-repeat: repeat-y; background-position: left top; } #roswrapper #ropeTopCenterRight { background-image: url(../images/content/content/rope_top_center_right.png); background-repeat: repeat-y; background-position: right top; } #roswrapper #ropeBottomLeft { background-image: url(../images/content/content/rope_bottom_left.png); background-repeat: no-repeat; background-position: left bottom; } #roswrapper #ropeBottomRight { background-image: url(../images/content/content/rope_bottom_right.png); background-repeat: no-repeat; background-position: right bottom; min-height: 25px; height: auto !important; height: 25px; } /*### END ROPE BOX ###*/ #roswrapper .rope_middle { padding: 15px; } /*##### CLUBS HOME WRAPPER ####*/ #roswrapper.clubsHomeWrapper #ropeTopLeft .paddingHolder{ padding-left:10px;} #roswrapper.clubsHomeWrapper #ropeTopLeft { text-align: center; } #roswrapper.clubsHomeWrapper img#headerImage { margin: 15px 0 10px -10px; } #roswrapper.clubsHomeWrapper #booksLeft { position: absolute; left: 0; top: 80px; width: 95px; height: 272px; background: url(../images/content/content/books_left.jpg) left top no-repeat; } #roswrapper.clubsHomeWrapper img#booksRight { position: absolute; left: 441px; top: 5px; } #roswrapper.clubsHomeWrapper p.point_11 { margin: 0 auto; padding: 10px 0 0 0; color:#0C7BA7; font-size:1.47em; font-weight:bold; width:350px; line-height:19px; } #roswrapper.clubsHomeWrapper p.ital { font-style: italic; width: 320px; margin: 0 auto; padding: 10px 0 0 0; } #roswrapper.clubsHomeWrapper img#welcomeHeader { float: left; margin: 30px 0 0 20px; } #roswrapper.clubsHomeWrapper h3 { font-weight: bold; color: #0a4a8f; margin-top: 30px; } #roswrapper.clubsHomeWrapper ul#textList { margin: 30px 0 60px 0; font-weight: bold; } #roswrapper ul#textList { margin: 30px 0 0 110px; } #roswrapper.clubsHomeWrapper ul#textList li, ul#textList li { margin-top: 6px; } #roswrapper.clubsHomeWrapper #monthlyInitiative { background-image: url(../images/content/content/monthly_initiative.jpg); background-repeat: no-repeat; width: 551px; height: 127px; } #roswrapper.clubsHomeWrapper #bottom { background-image: url(../images/content/content/intro_bottom.jpg); background-repeat: no-repeat; width: 551px; height: 87px; } #roswrapper.clubsHomeWrapper #bottom .redBrownButton { margin-left: 250px; margin-top: 17px; } #roswrapper.clubsHomeWrapper #bottom p.bold { clear: both; padding: 15px 0 0 30px; } #roswrapper.clubsHomeWrapper #bottom p.bold a:link, #roswrapper.clubsHomeWrapper #bottom p.bold a:hover, #roswrapper.clubsHomeWrapper #bottom p.bold a:visited { font-weight: normal; text-decoration: underline; color: #1c4f98; } #roswrapper.clubsHomeWrapper ul.espots { margin-top: 15px; } #roswrapper.clubsHomeWrapper li.espotOne { margin-right: 5px; } #roswrapper.clubsHomeWrapper #ropeBottomRight .paddingHolder { padding: 10px 10px 20px 10px; } #roswrapper.clubsHomeWrapper #ropeBottomRight .star_callout_wrapper { margin: 0; } #roswrapper.clubsHomeWrapper #ropeBottomRight .star_callout_wrapper ul.horizontalList li { padding-right: 10px; } #roswrapper.clubsHomeWrapper #ropeBottomRight .star_callout_wrapper .horizontalList {width: auto;} #roswrapper.clubsHomeWrapper #ropeBottomRight .star_callout_wrapper ul#calloutListTwo.horizontalList { padding: 5px 0 0 90px; } #roswrapper.clubsHomeWrapper #ropeBottomRight .star_callout_wrapper .calloutAlign{padding-left: 85px;} #roswrapper.clubsHomeWrapper #ropeTopRight .paddingHolder, #roswrapper #ropeTopRight .series { position: relative; } #roswrapper .stepBox_margin { margin-right:20px; } /*##### END CLUBS HOME WRAPPER ####*/ /*##### FIRST CLASS WRAPPER ####*/ #roswrapper.firstClassWrapper .stepBox_wrapper .stepBox_content, .rosModalWrapper .firstClassWrapper .stepBox_wrapper .stepBox_content{ padding-left:10px; padding-right:10px; } #roswrapper.firstClassWrapper .rope_middle { padding-left:10px; padding-right:10px; } #roswrapper.firstClassWrapper .rope_middle_wrapper ul.horizontalList li{ width:165px; padding:10px 4px; text-align:center; } #roswrapper.firstClassWrapper .rope_middle_wrapper ul.horizontalList li .stepBox_content{ height:180px; } #roswrapper.firstClassWrapper .rope_middle_wrapper ul.horizontalList li .stepBox_wrapper .stepBox_content h3{ text-align:center !important; } #roswrapper.firstClassWrapper .rope_middle_wrapper ul.horizontalList li#first{ padding-left:0; } #roswrapper.firstClassWrapper .star_callout_content ul#calloutListTwo.horizontalList{ padding-top:5px; } #roswrapper.firstClassWrapper .star_callout_content ul#calloutListTwo.horizontalList li#firstItem{ width:178px; } #roswrapper.firstClassWrapper .star_callout_content ul#calloutListTwo.horizontalList li#firstItem img{ float:right; } /*##### END FIRST CLASS WRAPPER ####*/ /*### SERIES HEADQUARTERS WRAPPER ###*/ #roswrapper.seriesHeadquartersWrapper .seriesPadding { padding: 10px 10px 10px 40px; } #roswrapper.seriesHeadquartersWrapper .seriesPadding .floatLeftContainer { padding: 0px 15px; } #roswrapper.seriesHeadquartersWrapper .seriesPadding .floatLeftContainer p { margin-top: 10px; } #roswrapper.seriesHeadquartersWrapper #gradesList { padding-left: 5px; float:none; margin-top: 30px; width:auto; } #roswrapper.seriesHeadquartersWrapper #gradesList li { width: 170px; margin-left: 5px; } #roswrapper.seriesHeadquartersWrapper #gradesList { padding-left: 10px; margin-top: 30px; } #roswrapper.seriesHeadquartersWrapper #gradesList li { width: 170px; padding-left: 5px; } #roswrapper.seriesHeadquartersWrapper #gradesList li h3 { height:29px; } #roswrapper.seriesHeadquartersWrapper #gradesList li img { margin-bottom: 10px; } #roswrapper.seriesHeadquartersWrapper .stepBox_wrapper .stepBox_content { padding-left: 25px; height: 199px; } #roswrapper.seriesHeadquartersWrapper .stepBox_wrapper .stepBox_content h3 { text-align: center !important; } #roswrapper.seriesHeadquartersWrapper .stepBox_wrapper .stepBox_content p { text-align: center; } #roswrapper.seriesHeadquartersWrapper .stepBox_wrapper .stepBox_content p strong { font-weight: bold; } #roswrapper.seriesHeadquartersWrapper .rope_middle { padding-left: 0px !important; padding-right: 0px !important; } #roswrapper.seriesHeadquartersWrapper .rope_middle #gradesList { margin-top: 5px !important; } #roswrapper.seriesHeadquartersWrapper .hdqrts { padding: 15px 0px 0px 20px; } #roswrapper.seriesCliffordWrapper .series { padding: 40px 0px 0px 20px; } #roswrapper.seriesCliffordWrapper .series img { padding-bottom: 10px; } /*### END SERIES HEADQUARTERS WRAPPER ###*/ /*##### SERIES CLIFFORD WRAPPER ####*/ /******* ALL THE SERIES ROPE TOP RIGHTS ARE 550PX WIDE ******/ #roswrapper.seriesCliffordWrapper #contentLarge { width:550px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .paddingHolder ul#howTo { top: 20px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding { padding: 10px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding ul.pagination { float: right; width:auto; } #roswrapper.seriesCliffordWrapper #ropeTopLeft { background-image: url(../images/content/content/rope_top_left_no_stars.png); } #roswrapper.seriesCliffordWrapper #seriesHeader{ height:106px; } #roswrapper.seriesCliffordWrapper #seriesHeader.clifford { background-image: url(../images/content/content/series_banner_clifford.png); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .atoz { background-image: url(../images/content/content/HQ_hed_az_mysteries.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .lagoon { background-image: url(../images/content/content/HQ_hed_blacklagoon.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .bone { background-image: url(../images/content/content/HQ_hed_bone.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .candy { background-image: url(../images/content/content/HQ_hed_candyapple.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .underpants { background-image: url(../images/content/content/HQ_hed_captunderpants.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .froggy { background-image: url(../images/content/content/HQ_hed_froggy.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .stilton { background-image: url(../images/content/content/HQ_hed_geronimo.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .goosebumps { background-image: url(../images/content/content/HQ_hed_goosebumps.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .potter { background-image: url(../images/content/content/HQ_hed_potter.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .ispy { background-image: url(../images/content/content/HQ_hed_ispy.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .junie { background-image: url(../images/content/content/HQ_hed_junieb.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .schoolbus { background-image: url(../images/content/content/HQ_hed_magicschoolbus.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .treehouse { background-image: url(../images/content/content/HQ_hed_magictreehouse.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .narnia { background-image: url(../images/content/content/HQ_hed_narnia.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .poetry { background-image: url(../images/content/content/HQ_hed_poetry.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .puppy { background-image: url(../images/content/content/HQ_hed_puppyplace.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .rainbow { background-image: url(../images/content/content/HQ_hed_rainbowmagic.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper .scooby { background-image: url(../images/content/content/HQ_hed_scooby.jpg); background-repeat: no-repeat; background-position: 10px 15px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox { float: left; margin-top: 5px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries { clear: both; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td div.bookNumber { background-color: #f0f1e8; margin: 5px 5px 0 3px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td { width: 270px; font-size: 11px; vertical-align:top; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td a { display: block; margin-bottom: 3px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody tr { background-image: url(../images/content/content/dashed_line.png); background-repeat: repeat-x; background-position: left bottom; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td p.numberPages { margin-top: 8px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td div.price { font-weight: bold; clear: both; float: right; margin: 10px 5px 0 0; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td div.price p { float: right; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td div.bookNumber p { padding: 1px 3px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td img { float: left; margin: 10px 0 0 3px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td .floatRightContainer { padding: 3px; width: 150px; margin: 3px 5px 10px 0; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td .floatRightContainer p.bookTitle { color:#248d2e; font-weight:bold; margin-bottom:5px;} #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td .floatRightContainer p.itemNumber { margin-top:5px;} #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox { font-size: 90%; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox .floatLeftContainer { border-right: 1px solid #babaab; padding: 5px; width: 100px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox ul.subList { padding-top:10px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox ul.subList li#first { padding: 5px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox ul.subList img { float: left; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox ul.subList ul { width: 200px; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox .shadedBoxSection { float: left; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox ul.subList ul li { float:none; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox .shadedBoxSection#sectionLeft { width: 285px; border-right: 1px solid #BABAAB; } #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .shadedBox .shadedBoxSection#sectionRight { padding-left: 3px; width: 215px; } #roswrapper .rope_wrapper .seriesPadding .shadedBox .shadedBoxSection#sectionRight p, #roswrapper .rope_wrapper .seriesPadding .shadedBox .shadedBoxSection#sectionRight a, #roswrapper .rope_wrapper .seriesPadding .shadedBox .shadedBoxSection#sectionRight h3 { padding-left:5px;} /*### END SERIES CLIFFORD WRAPPER ####*/ /*### CHECK ORDER WRAPPER ###*/ #roswrapper .checkOrderWrapper { } #roswrapper .checkOrderWrapper img#checkHeader { margin: 20px 0 0 0; } #roswrapper .checkOrderWrapper #ropeTopRight h3 { color: #158625; font-size: 20px; font-weight: bold; margin: 20px 0 0 0; } #roswrapper .checkOrderWrapper p { font-size: 16px; margin: 10px 0 0 0; } #roswrapper .checkOrderWrapper #ropeTopRight .paddingHolder { padding-left: 100px; } /*### END CHECK ORDER WRAPPER ###*/ /*### INSIDE WRAPPER ###*/ #roswrapper #headerHelp { } #roswrapper img#clubsOnline { float: left; } #roswrapper #ropeTopRight .paddingHolder { padding: 30px 10px 20px 85px; position: relative; } #roswrapper #ropeBottomRight .paddingHolder { padding: 10px 10px 20px 10px; } #roswrapper #ropeBottomRight .paddingHolder .star_callout_wrapper { margin: 0; } #roswrapper #ropeBottomRight .paddingHolder ul.horizontalList { /*padding-left: 65px; */} #roswrapper #ropeBottomRight .paddingHolder li { padding-right: 10px; padding-bottom: 10px; } /*### END : INSIDE WRAPPER ###*/ /*### PRE K WRAPPER ###*/ #roswrapper.preKWrapper #ropeTopRight .paddingHolder { position: relative; } #roswrapper.preKWrapper #ropeTopRight .paddingHolder p { width: 430px; } #roswrapper.preKWrapper #seriesWrapper { background: #fdf4c1; padding: 20px 0 20px 15px; margin: 20px 5px 0px; } #roswrapper.preKWrapper #seriesWrapper ul { float: left; width: 256px; } #roswrapper.preKWrapper #seriesWrapper ul#leftList { margin-right: 3px; } #roswrapper.preKWrapper #seriesWrapper ul li.seriesListing { width:246px; height:89px; margin-bottom: 11px; } #roswrapper.preKWrapper #seriesWrapper ul li.seriesLogo { text-align: right; margin-bottom: 0; width: 246px; height: 45px; } #roswrapper.preKWrapper #seriesWrapper ul li.seriesLogo.left { text-align: left !important; } #roswrapper.preKWrapper #seriesWrapper .seriesPadding { padding: 10px; } #roswrapper.preKWrapper #seriesWrapper .seriesPadding .floatLeftContainer { width: 120px; } #roswrapper.preKWrapper #seriesWrapper .seriesPadding img { float: right; } /*### END : PRE K WRAPPER ###*/ /*### SECOND GRADE WRAPPER ###*/ #roswrapper.secondGradeWrapper #ropeTopRight .paddingHolder { position: relative; } #roswrapper.secondGradeWrapper #ropeTopRight .paddingHolder p { width: 430px; } #roswrapper.secondGradeWrapper #seriesWrapper { background: #fdf4c1; width: 256px; padding: 20px 0 20px 15px; margin-left: 130px; } #roswrapper.secondGradeWrapper #seriesWrapper ul { float: left; } #roswrapper.secondGradeWrapper #seriesWrapper ul#leftList { margin-right: 3px; } #roswrapper.secondGradeWrapper #seriesWrapper ul li.seriesListing { } #roswrapper.secondGradeWrapper #seriesWrapper ul li.seriesLogo { text-align: center; margin-bottom: 20px; height: 63px; } #roswrapper.secondGradeWrapper #seriesWrapper .seriesPadding { padding: 10px; } #roswrapper.secondGradeWrapper #seriesWrapper .seriesPadding .floatLeftContainer { width: 120px; } #roswrapper.secondGradeWrapper #seriesWrapper .seriesPadding img { float: right; } /*### END : SECOND GRADE WRAPPER ###*/ /*### TEACHER ORDER WRAPPER ###*/ #roswrapper.teacherOrderWrapper .blueTopMiddle h3, .teacherOrderWrapper .greenTopMiddle h3 { color: white; font-size: 14px; font-weight: bold; padding-top: 3px; } #roswrapper.teacherOrderWrapper #ropeTopRight .greyBoxRight { height: 114px; } #roswrapper.teacherOrderWrapper .callOut { background-image: url(../images/content/content/callout.jpg); background-repeat: no-repeat; width: 129px; height: 104px; float: left; } #roswrapper.teacherOrderWrapper .rope_middle ul.textList { width: 300px; } #roswrapper.teacherOrderWrapper .rope_wrapper h2.slant, #roswrapper.teacherOrderWrapper .rope_wrapper img#teacherHeader { padding-left: 100px; } #roswrapper .slant strong { font-weight: bold; } #roswrapper.teacherOrderWrapper .boxWrapper { margin-top: 30px; width: 179px; } #roswrapper.teacherOrderWrapper #ropeTopRight #greenBox .boxWrapper { width: 294px; } #roswrapper.teacherOrderWrapper .rope_middle .floatLeftContainer { padding-left: 10px; } #roswrapper.teacherOrderWrapper .callOut p, #roswrapper.teacherOrderWrapper .callOut a { font-size: 12px; } #roswrapper.teacherOrderWrapper .callOut p.red { color: #fe0000; font-size: 15px; font-weight: bold; padding: 10px 0 15px 20px; } #roswrapper.teacherOrderWrapper .callOut .floatRightContainer { width: 73px; } #roswrapper.teacherOrderWrapper #ropeTopRight .paddingHolder { padding-left: 20px; } #roswrapper.teacherOrderWrapper #ropeTopRight ul.textList li { padding-top: 5px; } #roswrapper.teacherOrderWrapper #ropeTopRight #greenBox { padding-left: 30px; } #roswrapper.teacherOrderWrapper .boxWrapper h3 { color: #fff !important; } /*### END TEACHER ORDER WRAPPER ###*/ /*### Start TEACHER HOW CLUBS WORKS ###*/ #roswrapper.teacherHowClubsWorksWrapper #ropeTopRight .paddingHolder{ padding:30px 10px 20px 20px; text-align:center;} #roswrapper.teacherHowClubsWorksWrapper #ropeTopRight .paddingHolder ul{ text-align:left;} /*### End TEACHER HOW CLUBS WORKS ###*/ /*### Start Parent Online Ordering ###*/ #roswrapper.parentOnlineWrapper .rope_wrapper ul.textList { padding-left: 30px; margin-bottom: 15px; } #roswrapper ul.textList .red { color: #f00 !important; } #roswrapper.parentOnlineWrapper .rope_middle{ padding:5px 0 5px 20px;} /*### End Parent Online Ordering ###*/ /*### PLACE ORDER WRAPPER ###*/ #roswrapper.placeOrderWrapper .paddingHolder { padding: 20px 0 0 90px; } #roswrapper.placeOrderWrapper .paddingHolder h3 { color: #0d8727; margin-top: 40px; } #roswrapper.placeOrderWrapper .paddingHolder p { margin-top: 10px; } /*### END PLACE ORDER WRAPPER ###*/ /*### ROPE BOXES ###*/ #roswrapper #ropeTopWide { background-image: url(../images/content/content/rope_top_wide.png); background-repeat: no-repeat; width: 551px; } #roswrapper #ropeBottomWide { background-image: url(../images/content/content/rope_bottom_wide.png); background-repeat: no-repeat; background-position: left bottom; width: 551px; } #roswrapper #ropeTopWide .paddingHolder, #roswrapper #ropeBottomWide .paddingHolder { padding: 10px; } /*### END ROPE BOXES ###*/ /*## LUCKY SERIES ###*/ #roswrapper .lucky_module { text-align: left; padding: 20px 17px; } #roswrapper .lucky_module .lucky_top dl { float: right; } #roswrapper .lucky_module .lucky_top { width: 516px; } #roswrapper .lucky_module .lucky_top dl dt, #roswrapper .lucky_module .lucky_top dl dd { float: left; padding-right: 5px; } #roswrapper .lucky_module .lucky_top dl dd a { color: #0a4a8f; } #roswrapper .lucky_module .lucky_top dl dd a:hover { text-decoration: none; } #roswrapper .lucky_module .lucky_top dl dd a.on { font-weight: bold; color: #000; text-decoration: none; } #roswrapper .lucky_module .lucky_top .lucky_hdr { float: left; width: 516px; } #roswrapper .lucky_module .lucky_top .lucky_logo { padding-left: 15px; float: left; width: 141px; } #roswrapper .lucky_module .lucky_top .lucky_logo h3 { margin: 0px; padding: 0px; } #roswrapper .lucky_module .lucky_top .lucky_logo p { width: 128px; text-align: center; font-weight: bold; } #roswrapper .lucky_module .lucky_top .hdr_txt { float: right; width: 360px; padding-top: 24px; } #roswrapper .lucky_module .lucky_content { clear: both; float: left; margin: 12px 0px; width: 516px; } #roswrapper .lucky_module .lucky_content .catalog { margin-top: 23px; float: left; } #roswrapper .lucky_module .lucky_content .highlight { margin-top: 75px; float: left; padding: 0px 0px 0px 6px; } #roswrapper .lucky_module .lucky_content .lucky_add_links { background: url(../images/content/lucky/lucky_right_links_bg.gif) left top no-repeat; float: right; display: block; width: 230px; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper { padding-left: 28px; position: relative;} #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper h3 { color: #f00; padding-bottom: 0px; margin-bottom: 2px; font-size: 1.4em; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper p { padding-bottom: 28px; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper a { color: #0a4a8f; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper ul { padding-bottom: 20px; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper ul li { padding-bottom: 2px; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper ul ul { padding: 2px 0px 0px; } #roswrapper .lucky_module .lucky_content .lucky_add_links .lucky_add_links_wrapper ul ul li { float: left; padding-right: 5px; } #roswrapper #espots { margin: 15px 0px 0px; width:548px; } #roswrapper #espots .first { margin-right: 5px; } #roswrapper .online_ordering { background: url(../images/content/content/parent_online_ordering.gif) right bottom no-repeat; padding: 4px 0px 12px 0px; } #roswrapper .online_ordering h3 { font-size: 13px !important; } #roswrapper .nostar { padding: 21px 26px !important; } #roswrapper .anniversary { } #roswrapper .anniversary .ann_logo { display: block; float: left; padding-right: 10px; } #roswrapper .anniversary p { padding-top:25px;} #roswrapper .anniversary .ann_logo p { text-align: center; font-weight: normal; padding-top: 5px; } #roswrapper .anniversary p { font-weight: bold; line-height: 1.4em; } #roswrapper .cat_showcase { margin-top: 20px; } #roswrapper .cat_showcase .cat_left { float: left; width: 318px; margin-top: 25px; } #roswrapper .cat_showcase .cat_left .textList { width: 300px !important; padding-left: 10px !important; } #roswrapper .cat_showcase .cat_left .textList li { padding-bottom: 4px; color: #000 !important; font-size: 12px !important; } #roswrapper .cat_showcase .cat_left p strong { font-weight: bold; display: block; margin-bottom: 15px !important; } #roswrapper .cat_showcase .cat_right { margin-top: 34px; } /*### COLOR TOP BOXES ###*/ #roswrapper .shadedBoxTop { background-image: url(../images/content/content/shaded_box_top.gif); background-repeat: repeat-x; background-position: left top; height: 5px; } #roswrapper .shadedBox { border-left: 1px solid #babaab; border-right: 1px solid #babaab; border-bottom: 1px solid #babaab; } #roswrapper .shadedBoxPadding { padding: 10px; } #roswrapper .blueTopRight { background-image: url(../images/content/content/blue_top_right.png); background-repeat: no-repeat; background-position: right top; width: 25px; height: 25px; } #roswrapper .blueTopMiddle { background-color: #21679d; height: 25px; } #roswrapper .blueTopLeft { background-image: url(../images/content/content/blue_top_left.png); background-repeat: no-repeat; background-position: left top; width: 25px; height: 25px; } #roswrapper .greenTopRight { background-image: url(../images/content/content/green_top_right.png); background-repeat: no-repeat; background-position: right top; width: 25px; height: 25px; } #roswrapper .greenTopMiddle { background-color: #4c9340; height: 25px; } #roswrapper .greenTopLeft { background-image: url(../images/content/content/green_top_left.png); background-repeat: no-repeat; background-position: left top; width: 25px; height: 25px; } #roswrapper .greyBoxLeft { background-image: url(../images/content/grey_rounded_box_left.png); background-repeat: no-repeat; background-position: left bottom; clear: both; } #roswrapper .greyBoxRight { background-image: url(../images/content/grey_rounded_box_right.png); background-repeat: no-repeat; background-position: right bottom; } #roswrapper .greenTopBox h3 { padding-top: 4px; } /*### END COLOR TOP BOXES ###*/ /*### SERIES BOXES ### */#roswrapper .seriesBoxUL { background-image: url(../images/content/content/series_box_ul.gif); background-repeat: no-repeat; background-position: left top; } #roswrapper .seriesBoxUR { background-image: url(../images/content/content/series_box_ur.gif); background-repeat: no-repeat; background-position: right top; } #roswrapper .seriesBoxBL { background-image: url(../images/content/content/series_box_bl.gif); background-repeat: no-repeat; background-position: left bottom; } #roswrapper .seriesBoxBR { background-image: url(../images/content/content/series_box_br.gif); background-repeat: no-repeat; background-position: right bottom; width: 246px; height: 113px; } /*### END SERIES BOXES ## */ /*### START CALLOUT ###*/ #roswrapper .star_callout_wrapper { padding-top: 10px; position: relative; margin-top: 15px; margin-bottom: 15px; } #roswrapper .star_callout_wrapper .star_callout_content { padding: 7px 60px 0px 15px; } #roswrapper .star_callout_wrapper .star_callout { position: absolute; width: 53px; height: 40px; top: 0; right: 0; z-index: 1; } /*### END CALLOUT ###* / /******** Start :: STEP BOX **************/ #roswrapper .stepBox_wrapper{ margin-bottom: 15px; position: relative; } .rosModalWrapper .stepBox_wrapper { margin-bottom: 15px;} #roswrapper .stepBox_wrapper .stepBox_content, .rosModalWrapper .stepBox_wrapper .stepBox_content { margin: 0 0 20px 0; padding: 20px 13px 13px 13px; } #roswrapper .stepBox_wrapper .stepBox_fixed, .rosModalWrapper .stepBox_wrapper .stepBox_fixed { height: 50px; padding-right: 130px; } #roswrapper .stepBox_wrapper .stepBox_fixed2 { height: 90px; padding-right: 130px; } #roswrapper .stepBox_wrapper .stepBox_fancyEdge { position: absolute; top: 0; right: 0; } #roswrapper .stepBox_wrapper .stepBox_content h3, .rosModalWrapper .stepBox_wrapper .stepBox_content h3 { margin-top: 0; margin-bottom: .4em !important; } #roswrapper .stepBox_wrapper .stepBox_content .stepNum, .rosModalWrapper .stepBox_wrapper .stepBox_content .stepNum { float: left; } #roswrapper .stepBox_wrapper .stepBox_content .stepBox_body, .rosModalWrapper .stepBox_wrapper .stepBox_content .stepBox_body { margin-left: 50px; } #roswrapper #contentSmall .stepBox_wrapper .stepBox_content { padding-right: 0px !important; } #roswrapper #contentSmall .stepBox_wrapper .stepBox_content .stepBox_body { margin-left: 5px !important; float: left; } #roswrapper #contentSmall .stepBox_wrapper .stepBox_content .stepBox_body h3, #roswrapper #contentSmall .stepBox_wrapper .stepBox_content .stepBox_body p { width: 165px; float: left; } #roswrapper #contentSmall .stepBox_wrapper .stepBox_content .stepBox_body img { float: right; } #roswrapper .stepBox_wrapper .stepBox_content .red { color: #f00 !important; } #rosWrapper .stepBox_wrapper .stepBox_content a { color:#0A4A8F; font-size:1em; } #rosWrapper .stepBox_wrapper .stepBox_content a.visited { color:#0A4A8F; } /******** End :: STEP BOX **************/ /*--------------->>> Start :: Modal - Do Not Namespace <<<----------------*/ .rosModalHidden{display:none;} .rosModalWrapper{} .rosModalWrapper ul{margin-left: 20px; margin-bottom: 15px;} .rosModalWrapper p, .rosModalWrapper hr{clear: both; margin: 0;} .rosModalWrapper hr{margin-bottom:7px;} .rosModalWrapper .redBrownButton{margin-top:3px; margin-bottom:6px;} .rosModalWrapper h2, .rosModalWrapper h3 {margin:0;line-height:1em;line-break:0;} .rosModalWrapper h2{margin-bottom:6px;} .rosModalWrapper img{border:0;} .rosModalTop{width: 500px; height:400px; } .rosModalHeader{padding:7px 12px 0 12px !important; height:38px; } .rosModalTop .rosModalHeader h1{margin-top: 5px;} .rosModalTop .rosModalHeader .rosModalClose{float: right; display: block;} .rosModalTop .rosModalContent{padding:7px 16px 7px 20px;margin-right:13px; margin-top:8px;} .rosModalWrapper .rosModalContent{height: 332px; overflow-y: auto; overflow-x: hidden;} .rosProductModal .rosModalContent div{width: 240px; margin-left: 202px;} .rosProductModal p{clear:none;} .rosProductModal .rosModalContent dl dd{margin-left:3px; } .rosProductModal .rosModalContent .rosModalPrice {display:block; font-size: 14px; font-weight: bold;} .rosProductModal .rosModalProductImage{float: left;} .rosModalWrapper .stepBox_wrapper p{clear:none;} .rosModalBottom{width:500px; height: 18px; } /*--------------->>> End :: Modal <<<----------------*/ /* Clearfix */ .clearfix:after, #roswrapper .stepBox_content:after, .rosModalWrapper .stepBox_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .stepBox_content { display: inline-block; } /* Hides from IE-mac \*/* html .clearfix, * html #roswrapper .stepBox_content, * html .rosModalWrapper .stepBox_content { height: 1%; } .clearfix, #roswrapper .stepBox_content, .rosModalWrapper .stepBox_content { display: block; } /* End hide from IE-mac */ #roswrapper.seriesCliffordWrapper #ropeTopRight .seriesPadding .gridSeries tbody td.serieshq_leftcolumn { border-right:#e6e6de 1px solid} #roswrapper #leftNavFooter .contest_month span a {text-decoration:underline;} #contest_link a {text-decoration:none;}