/* *************************** Site - HRM --------------------------- StyleSheet Index $2 - Website Structure Styles $3 - Header Styles $4 - Content Styles $5 - Sidebar Styles $6 - Footer Styles ***************************/ /* *************************** $1 Website Structure Styles ***************************/ html { color:#939393; } body { font-family: 'Raleway', sans-serif; font-style: normal; font-size:11px; background:url(../images/ls-bg.jpg) center top repeat-x; } body.secondary { background:url(../images/ls-bg-sec.jpg) center top repeat-x; } a { color:#08b9da; text-decoration:none; font-size:14px; font-style: normal; } a:hover { color:#08b9da; text-decoration:underline;} #container { } #ls-nav { width:1007px; margin:0 auto; height:220px; } #box-container { height:1000px; width:1007px; margin:0 auto; position:relative; } hr { border:none;border-top:dashed 1px #CCC; margin:15px 0; } .clear { clear:both; } .hidden { display:none; } /* *************************** $2 Header Styles ***************************/ #ls-nav h1 { position:absolute; margin-left:380px; top:25px; } #ls-nav ul#main-nav { position:absolute; top:190px; margin:0 0 0 40px; } #ls-nav ul#main-nav li { cursor:pointer; margin-left:45px;float:left; font-family: 'Raleway', sans-serif; color:#000; text-transform:uppercase; font-weight:bold; font-size:15px; } #ls-nav ul#main-nav li a { color:black; text-decoration:none; } #secondary-nav { position:absolute; top:50px; } #secondary-nav li { float:left; margin-right:12px; padding:2px 0 2px 12px; border-left:solid 1px #e5e5e5; } #secondary-nav li.first { border:none; padding-left:0px; } #secondary-nav li a { color:#999; font-size:13px; } #social-nav { position:absolute; top:50px; margin-left:760px; } #social-nav li { float:left; margin-right:12px; padding:2px 0 2px 12px; border-left:solid 1px #e5e5e5; } #social-nav li.first { border:none; padding-left:0px; } #social-nav li a { color:#999; font-size:12px; } #social-nav li a.soc-t { text-indent:-9999px; background:url(../images/social-icons.jpg) -2px -3px; width:70px; display:block; } #social-nav li a.soc-t:hover { background:url(../images/social-icons.jpg) -2px -23px; text-decoration:none; } #social-nav li a.soc-f { text-indent:-9999px; background:url(../images/social-icons.jpg) -107px -3px; width:67px; display:block; } #social-nav li a.soc-y { text-indent:-9999px; background:url(../images/social-icons.jpg) -208px -1px; width:45px; display:block; height:20px } #social-nav li a.soc-f:hover { background:url(../images/social-icons.jpg) -107px -23px; text-decoration:none; } #social-nav li a.soc-y:hover { background:url(../images/social-icons.jpg) -208px -21px; text-decoration:none; } #header{ background:url(../images/bg_heade.png) center top no-repeat;} #box-container #box-1 { cursor:pointer; overflow:hidden; position:absolute; top:10px; height:306px; width:419px; background:url(../images/box-1.jpg) no-repeat; } #box-container #box-2 { overflow:hidden; position:absolute; top:65px; left:433px; height:377px; width:284px; background:url(../images/box-2.jpg) no-repeat; } #box-container #box-3 { overflow:hidden; position:absolute; top:10px; left:730px; height:306px; width:274px; background:url(../images/box-3.jpg) no-repeat; } #box-container #box-4 { display:block; overflow:hidden; position:absolute; top:327px; left:730px; height:116px; width:228px; background:url(../images/view-all.png) no-repeat; } #box-container #box-4 span { display:block; text-indent:-9999px; } #box-container #box-4:hover { background:url(../images/view-all.png) no-repeat 0px -116px; } #box-container #box-5 { overflow:hidden; position:absolute; top:327px; left:45px; height:273px; width:374px; background:url(../images/box-5.jpg) no-repeat; } #box-container #box-6 { overflow:hidden; position:absolute; top:453px; left:433px; height:229px; width:570px; background:url(../images/box-6.jpg) no-repeat; } #box-2 h3 { position:absolute; bottom:30px; right:0px; display:block; font-weight:bold; color:white; font-size:26px; background:#7ac142; width:230px; padding:6px 8px 6px 12px; } #box-3 h3 { position:absolute; bottom:30px; right:0px; display:block; font-weight:bold; color:white; font-size:24px; background:#000; width:255px; padding:6px 8px 6px 2px; } #box-5 h3 { position:absolute; bottom:30px; right:0px; display:block; font-weight:bold; color:white; font-size:24px; background:#7ac142; width:230px; padding:6px 8px 6px 12px; } #box-6 h3 { position:absolute; bottom:30px; right:0px; display:block; font-weight:bold; color:white; font-size:24px; background:#7ac142; width:330px; padding:6px 8px 6px 12px; } #box-2 .box-2-details h3, #box-3 .box-3-details h3, #box-5 .box-5-details h3, #box-6 .box-6-details h3 { top:30px; height:33px; } #box-2 .box-2-details ul, #box-3 .box-3-details ul, #box-5 .box-5-details ul, #box-6 .box-6-details ul { text-align: right; display:block; position:absolute; top:90px; right:20px; } #box-2 .box-2-details ul li, #box-3 .box-3-details ul li, #box-5 .box-5-details ul li, #box-6 .box-6-details ul li { margin:3px 0; } #box-2 .box-2-details ul li a, #box-3 .box-3-details ul li a, #box-5 .box-5-details ul li a, #box-6 .box-6-details ul li a { font-weight:bold; font-size:12px; text-transform:uppercase; color:white; } .box-1-details { background:url(/images/box-bg.png); color:white; position:absolute; margin-top:306px; width:419px; height:306px; overflow:hidden; } .box-2-details { background:url(/images/box-bg.png); color:white; position:absolute; margin-top:377px; width:284px; height:377px; overflow:hidden; } .box-3-details { background:url(/images/box-bg.png); color:white; position:absolute; margin-top:306px; width:274px; height:306px; overflow:hidden; } .box-5-details { background:url(/images/box-bg.png); color:white; position:absolute; margin-top:273px; width:374px; height:273px; overflow:hidden; } .box-6-details { background:url(/images/box-bg.png); color:white; position:absolute; margin-top:229px; width:570px; height:229px; overflow:hidden; } .box-1-details div { position:absolute; top:0px; right:0px; display:block; font-weight:bold; color:white; font-size:26px; background:#7ac142; width:230px; padding:6px 8px 6px 12px; } .header_inner{ width:960px; height:151px; margin:0px auto; position:relative;} .logo{ display:block; position:absolute; left:0px; top:18px;} .header_nav{ position:absolute; top:111px; right:0px;} .header_nav li{ float:left; font-size:16px; padding:5px 14px 0px 14px; margin-left:6px; background:url(../images/bg_header_nav_li.png) right 12px no-repeat;} .header_nav li:hover { } .header_nav li.over { background:white; padding-bottom:13px; } .header_nav li a{ font-size:16px; color:#FFF;} .header_nav li a.over { color:#0a5f95; text-decoration:none; } .header_nav li a:hover { } span.call_us_toll_free{ display:block; position:absolute; left:374px;top:25px; font-size:18px; color:#62a5d0; text-transform:uppercase; background:url(../images/bg_call_us_toll_free.gif) right top repeat-y; padding-right:18px; line-height:19px;} span.call_us_toll_free strong{ vertical-align:middle;} span.call_us_toll_free img{ vertical-align:middle;} .top_nav{ position:absolute; right:0px; top:29px; font-size:11px; color:#a1d1ef; font-weight:bold; text-transform:uppercase;} .top_nav li{ display:inline; padding-left:20px;} .top_nav li img{ display:inline; vertical-align:middle; margin-right:7px;} .top_nav a, .top_nav a:hover{color:#a1d1ef; font-size:12px;} .my_account li { padding-left:10px; } .form_list{ position:absolute; right:0px; top:54px; text-align:right;} .form_list li{ padding-bottom:3px;} .form_list input{vertical-align:middle; } .form_list .input_box{ border:1px solid #cacaca; padding:2px 10px; width:528px; height:20px; text-align:left; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#939393; background:#FFF; margin-right:5px;} .form_list .search_button{ background:url(../images/bg_search_button.png) left top no-repeat; width:29px; height:30px; border:none; cursor: pointer;} .form_list a{ font-size:12px; color:#a1d1ef; text-transform:uppercase; padding-right:10px; background:url(../images/bg_header_nav_li.png) 106px 3px no-repeat; padding:0 16px 0 0;} .form_list li span { display:block; float:left; padding:9px 6px 0 0; font-size:11px; color:#4e90c3; text-transform:uppercase; } #navslide_0, #navslide_1, #navslide_2, #navslide_3, #navslide_4, #navslide_5 { display:none; margin:0; padding:25px; background-color:#FFF; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; position:absolute; z-index:200; -moz-box-shadow: 3px 3px 4px #999999; -webkit-box-shadow: 3px 3px 4px #999999; box-shadow: 3px 3px 4px #999999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); } .navslide_inner { width:600px; margin:0px auto; min-height:150px; font-size:13px; color:#3c3b3b; } .navslide_inner em { font-style:italic; color:#666; } .navslide_inner img.about { margin: 0 0 15px 15px; padding:3px; border:1px solid #b7b7b5; } .navslide_inner a { color: #86ad2d; font-weight: bold; font-size: 14px; text-transform: uppercase; } .navslide_inner a.blogtitle { color: #86ad2d; font-weight: bold; font-size: 14px; text-transform:none; } .navslide_inner a.blogmore { color: #86ad2d; font-weight: bold; font-size: 10px; text-transform: uppercase; } .navslide_inner .nav_inner_left { float:left; min-height:200px; width:180px; height:100%; } #navslide_0 .nav_inner_left { min-height:270px; } .navslide_inner .nav_inner_right h4 { font-family: "myriad-pro", Arial, sans-serif; font-size:16px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; } .navslide_inner ul.list_text{ width:170px; padding:0px 0px 10px 0px;} .navslide_inner ul.list_text.first{ background:none;} .navslide_inner ul.list_text li{} .navslide_inner ul.list_text li a{ display:block; padding:2px 0px 0px 24px;background:url(../images/bg_list_text_a1.png) 9px 8px no-repeat; color:#86ad2d; height:22px; font-weight:bold; font-size:14px; text-transform:uppercase;} .navslide_inner ul.list_text li a:hover{ background:url(../images/bg_list_text_a2.png) -12px top no-repeat; color:#FFF; text-decoration:none;} .navslide_inner .nav_inner_left_products { float:left; min-height:200px; width:210px; height:100%; } .navslide_inner .nav_inner_left_products ul.list_text{ width:200px; padding:0px 0px 10px 0px;} .navslide_inner .nav_inner_left_products ul.list_text.first{ background:none;} .navslide_inner .nav_inner_left_products ul.list_text li{} .navslide_inner .nav_inner_left_products ul.list_text li a{ display:block; padding:2px 0px 0px 24px;background:url(../images/bg_list_text_a1.png) 9px 8px no-repeat; color:#86ad2d; height:22px; font-weight:bold; font-size:14px; text-transform:uppercase;} .navslide_inner .nav_inner_left_products ul.list_text li a:hover, .navslide_inner .nav_inner_left_products ul.list_text li a.over{ background:url(../images/bg_list_text_a2.png) -12px top no-repeat; color:#FFF; text-decoration:none;} #navslide_1 { background:url(../images/p-bg.png) left top no-repeat; } #navslide_1 .nav_inner_right { float:left; margin:0 0 0 15px; } #navslide_1 .nav_inner_right ul.list_text li{ width:380px; } #navslide_1 .nav_inner_right ul.list_text li.first { text-transform:uppercase; font-size:16px; font-weight:bold; margin:0 0 3px 6px; } #navslide_1 .nav_inner_right ul.list_text li.first a { float:right; background:none; margin:0 10px 0 0; font-size:12px; font-weight:normal; } #navslide_1 .nav_inner_right ul.list_text li.first a:hover { background:none; color:#86ad2d; } /* #navslide_1 .nav_inner_right table { border:solid 1px silver; width:380px;} #navslide_1 .nav_inner_right table tr td { padding:4px; border-bottom:solid 1px silver; } #navslide_1 .nav_inner_right table tr td.first { background:#93b208; text-transform:uppercase; font-weight:bold; font-size:14px; color:white; } #navslide_1 .nav_inner_right table tr td.first a { color:white; font-size:12px; font-weight:normal; float:right; } */ .video{ width:960px; margin:0px auto; padding:8px 0px 10px 0px; overflow:hidden;} .video h1{ font-family: "myriad-pro",sans-serif; font-size:23px; text-transform:uppercase; color:#4c4c4c; font-weight: 550;} .video .video_box{ float:left; width:639px; height:356px; padding-top:26px; position:relative; margin-top:5px; overflow:hidden;} /* z-indedx is changed for IE in index.php */ .video .video_box .video_box_framing { background:url(../images/bg_video_box_frame.png); width:639px; height:382px; z-index:10;position:absolute; top:0; left:0; pointer-events:none; } .video .video_box .video_box_framing_bottom { background:url(../images/bg_video_box_bottom.png) repeat-x; width:592px; height:25px; z-index:20; position:absolute; bottom:0; left:22px; } .video .video_box .video_box_img{ display:block; margin:0px auto;} .video .video_box .edge_horn{ background:url(../images/edge_horn.png) left top no-repeat; width:326px; height:120px; position: absolute; top:26px; right:25px;} /*.video .video_box .play{ display:block; width:82px; height:82px; background:url(../images/bg_play.png) left top no-repeat; position:absolute; left:278px; top:137px; text-indent:-9999px;}*/ .video .video_box #video_container.homepage { margin-left:25px; overflow:hidden; background:#000; width:589px; height:331px; z-index:-1 } #title_details { cursor:pointer; } #title_details p { margin-top:10px; } #title_details a.more { display:block: position:absolute; float:right; margin-top:-18px; right:10px; } .video .video_box .text_box{ overflow:hidden; width:559px; height:250px; position:absolute; left:25px; top:283px; background:url(../images/bg_video_box_text.png) left top no-repeat; padding:8px 10px 3px 20px; z-index:1;} .video .video_box .text_box h2{ font-size:16px; color:#FFF; font-weight:500; padding-bottom:3px;} .video .video_box .text_box p{ font-size:12px; color:#FFF; padding-bottom:3px;} .video .video_box .text_box ul{ font-size:12px; color:#FFF; padding-bottom:3px;} .video .video_box .text_box ul li{ width:100%; overflow:hidden;} .video .video_box .text_box ul li strong{ font-weight:500; color:#a2e6ff;} .video .video_box .text_box ul li .closed_caption{ float:right; padding:2px 0px 2px 26px; background:url(../images/bg_closed_caption.png) left 3px no-repeat; color:#FFF;} .video .video_box .text_box ul li .closed_caption:hover{color:#FFF;} .video_nav{ width:303px; float:right;} .video_nav .video_nav_box{ width:100%; height:74px; padding-top:5px; position:relative;} .video_nav .video_nav_box:hover{ background:url(../images/bg_video_nav_box.png) left top no-repeat;} .video_nav .video_nav_box .img_box{ float:left; border:1px solid #b3b1b0; padding:3px;} .video_nav .video_nav_box .img_box img{ display:block; border:1px solid #928a8a;} .video_nav .video_nav_box .text_box{ width:184px; float:right; overflow:hidden;} .video_nav .video_nav_box .text_box h4{ font-size:13px; color:#4c4c4c; font-weight:500;} .video_nav .video_nav_box .text_box p{ font-size:10px; color:#717171; line-height:11px; padding:2px 0px 12px 0px;} .more{ font-size:10px; float:left;text-decoration:underline; color:#FFF; font-weight:bold; background:url(../images/bg_more_a.png) left top no-repeat; padding:0px 5px 0 3px; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } .more span{ display:block; float:left; padding-right:2px; line-height:13px; background:url(../images/bg_more_span.png) right top no-repeat; height:13px; cursor:pointer;} .more:hover span{ color:#FFF;} .video_nav .video_nav_box .slide_box{ display:none; z-index:25;} .video_nav .video_nav_box:hover .slide_box{ display:block; position:absolute; left:-242px; top:0px; background:url(../images/bg_video_nav_box2.png) left top no-repeat; width:181px; height:73px; padding:6px 50px 0px 11px;} .slide_box h4{ font-size:13px; color:#4c4c4c; font-weight:bold;} .slide_box p{ font-size:10px; color:#717171; line-height:11px; padding:2px 0px 12px 0px;} .tabs_wrapper{ background:url(../images/bg_tabs_wrapper.png) center 4px repeat-x;} .tabs_content{ background: url(../images/bg_tabs_content.png) center 4px no-repeat;} .tabs_content_inner{ width:960px; margin:0px auto;} .tabs_title{ width:100%; overflow:hidden;} .tabs_title li{ float:left;} .tabs_title li a{ display:block; background:url(../images/bg_tabs_title_a.png) left top no-repeat; width:320px; text-align:center; font-weight:bold; font-size:20px; text-transform:uppercase; color:#878787;text-shadow: 1px 1px 1px #FFF; padding-top:15px; height:32px;} .tabs_title li a:hover{ text-decoration:none;background:url(../images/bg_tabs_title_a.png) left bottom no-repeat; color:#4c4c4c;} .tabs_title li.active a,.tabs_title li.active a{ text-decoration:none;background:url(../images/bg_tabs_title_a.png) left bottom no-repeat; color:#4c4c4c;} .tabs_content_box{ width:100%; overflow:hidden;} .tabs_content_box .left_text{ width:717px; float:left; overflow:hidden; padding-top:22px;} .tabs_content_box .left_text p{ font-size:11px; padding:0px 0px 20px 32px;} .tabs_content_box ul.list_text{ float:left; width:229px; background:url(../images/bg_list_text.png) left center no-repeat; padding:0px 0px 20px 10px;} .tabs_content_box ul.list_text.first{ background:none;} .tabs_content_box ul.list_text li{} .tabs_content_box ul.list_text li a{ display:block; padding:2px 0px 0px 35px;background:url(../images/bg_list_text_a1.png) 22px 8px no-repeat; color:#86ad2d; height:22px; font-weight:bold; font-size:14px; text-transform:uppercase;} .tabs_content_box ul.list_text li a:hover, .tabs_content_box ul.list_text li a.over { background:url(../images/bg_list_text_a2.png) left top no-repeat; color:#FFF; text-decoration:none;} .tabs_content_box .feature{ float:left; background:url(../images/bg_feature.png) left bottom no-repeat; padding:0px 0px 0px 2px; width:240px; height:250px;} .tabs_content_box .feature .feature_inner{ background:url(../images/bg_feature_inner.png) left -20px repeat-x !important; padding:22px 0px 20px 19px; width:221px; overflow:hidden; height:250px;} .tabs_content_box .feature .feature_inner .img_box{ border:1px solid #b7b7b5; float:left; padding:3px;} .tabs_content_box .feature .feature_inner .img_box img{ display:block; margin:0px auto; border:1px solid #928a8a;} .tabs_content_box .feature .feature_inner h3{ font-style:italic; font-size:20px; color:#848484;} .tabs_content_box .feature .feature_inner p{ font-size:11px; color:#424242; font-weight:bold;padding-bottom:14px;} .tabs_content_box .feature .feature_inner p strong{ color:#2f6aa1; font-weight:bold;} .tabs_content_box .feature .feature_inner h4 { font-size:13px; color:#4c4c4c; font-weight:bold; text-transform: uppercase; padding-bottom:5px; } .tabs_content_box .feature .feature_inner h4 span { font-weight:normal; text-transform:none; } .tabs_content_box .feature_newrelease { float:left; background:url(../images/bg_feature.png) left bottom no-repeat; padding:0px 0px 0px 2px; width:238px;} .tabs_content_box .feature_newrelease .feature_inner{ background:url(../images/bg_feature_inner.png) left -20px repeat-x; padding:22px 0px 20px 19px; width:221px; overflow:hidden;} .tabs_content_box .feature_newrelease .feature_inner .img_box{ border:1px solid #b7b7b5; float:left; padding:3px;} .tabs_content_box .feature_newrelease .feature_inner .img_box img{ display:block; margin:0px auto; border:1px solid #928a8a;} .tabs_content_box .feature_newrelease .feature_inner h3{ font-style:italic; font-size:20px; color:#848484;} .tabs_content_box .feature_newrelease .feature_inner p{ font-size:11px; color:#424242; font-weight:bold;padding-bottom:14px;} .tabs_content_box .feature_newrelease .feature_inner p strong{ color:#2f6aa1; font-weight:bold;} .tabs_content_box .feature_newrelease .feature_inner h4{ font-size:13px; color:#4c4c4c; font-weight:bold; text-transform: uppercase; padding-bottom:5px;} #blog_news .left_text { width:318px; float:left; overflow:hidden; padding-top:22px; } #blog_news ul.list_text { width:143px; } .tabs_content_box .feature_monthly { float:left; background:url(../images/bg_feature.png) left bottom no-repeat; padding:0px 0px 0px 2px; width:620px; min-height:220px; } .tabs_content_box .feature_monthly .feature_inner{ background:url(../images/bg_feature_inner.png) left -20px repeat-x; padding:22px 0px 20px 19px; width:620px; min-height:220px; overflow:hidden;} .tabs_content_box .feature_monthly .feature_inner .img_box{ border:1px solid #b7b7b5; float:left; padding:3px;} .tabs_content_box .feature_monthly .feature_inner .img_box img{ display:block; margin:0px auto; border:1px solid #928a8a;} .tabs_content_box .feature_monthly .feature_inner h3{ font-style:italic; font-size:20px; color:#848484;} .tabs_content_box .feature_monthly .feature_inner p{ font-size:11px; color:#424242; font-weight:bold;padding-bottom:14px;} .tabs_content_box .feature_monthly .feature_inner p strong{ color:#2f6aa1; font-weight:bold;} .tabs_content_box .feature_monthly .feature_inner h4{ font-size:13px; color:#4c4c4c; font-weight:bold; text-transform: uppercase; padding-bottom:5px;} .monthly_detail h5 a { font-size:14px; color:#333; } .monthly_detail img { diplay:block; float:left; margin:0 10px 10px 0; border:solid 2px #f7f7f7; outline:solid 1px #c1bfbf; } .monthly_detail p { font-size:11px; font-weight:normal !important; color:#999999 !important; padding:0 0 10px 0; } .month_awareness_cell { float:left; width:280px; height: 95px; overflow:hidden; padding-right:15px; } .monthly_awareness_details img.large { float:left; margin:0 30px 30px 0; padding:3px; border:solid 1px silver; } .monthly_awareness_details table tr { border-bottom:dashed 1px #CCC; } .monthly_awareness_details table td { padding-top:20px; } .monthly_awareness_details a.related { font-size:14px; text-decoration:underline; } #monthly_awareness .feature_inner { height:220px;} #monthly_awareness .feature_newrelease.first { background:none; } #monthly_awareness .feature_newrelease .feature_inner h4 { display:block; margin-top:40px !important; height:30px; width:205px; } #monthly_awareness .feature_newrelease .feature_inner h4.first { margin-top:15px !important; } #monthly_awareness .feature_newrelease .feature_inner a.more { margin:8px 0 0 0px; } #monthly_awareness .feature_newrelease .feature_inner h4 span { font-weight:normal !important; text-transform:none !important; } .section_wrapper{ background:#609dc8 url(../images/bg_section_wrapper.png) left top repeat-x;} .section_content{ width:988px; margin:0px auto; overflow:hidden;background:url(../images/bg_section_text_box.png) right top no-repeat; padding-bottom:17px;} .section_content .best_sellers{ width:606px; float:left; padding:30px 0px 0px 14px;} .section_content .best_sellers h2{ font-size:26px; font-weight:bold; text-transform:uppercase; color:#FFF;} .section_content .best_sellers ul{ width:100%; overflow:hidden;} .section_content .best_sellers ul li{ float:left; padding:0px 5px 5px 0px;} .section_content .best_sellers ul li span a{ display:block; background:url(../images/bg_best_sellers_a.png) left top no-repeat; padding:5px 0px 5px 9px; font-size:12px; color:#87ae2e; font-weight:bold;} .section_content .best_sellers ul li img{ display:block;} .section_content .section_text_box{ float:left; width:300px; float:right; padding:30px 34px 10px 34px;} .section_content .section_text_box h1{ font-size:26px; font-weight:bold; color:#FFF; text-transform:uppercase;} .section_content .section_text_box h2{ font-size:15px; color:#FFF; text-transform:uppercase;} .section_content .section_text_box h2 span{ background:#2f6aa1;} .section_content .section_text_box p{ color:#FFF; font-size:15px; padding:8px 0px 10px 0px;} .section_content .section_text_box p a.more{ float:none; display:inline-block;} .line{ border-top:1px solid #366382;border-bottom:1px solid #6996b5; margin-bottom:10px; overflow:hidden; height:0px;} /* *************************** $3 Content Styles ***************************/ #content .content_single_column { margin:0px 20px 0 0; } #content .content_double_column { margin:0px 20px 0 0; width:45%; float:left; } #content .content_tripple_column { margin:0px 20px 0 0; width:31%; float:left; } #content { font-size: 13px; font-family: 'Raleway', sans-serif; color:#505050; } #content h2 { font-size:23px; text-transform:uppercase; color:#2f2f2f; font-weight:bold; font-family: "myriad-pro",sans-serif; } #content h3 { font-size:18px; color:#2f2f2f; font-style:italic; margin-bottom:10px; } #content h4 { font-size:15px; text-transform:uppercase; color:#7ac142; font-weight:bold; } #content h5 { font-size:14px; text-transform:uppercase; color:#2f2f2f; font-weight:bold; } #content.sidebar_content{ background:url(../images/container_sidebar_bg.png) right -6px top repeat-y; } a.account-action { font-size:14px; text-transform:uppercase; color:#08b9da; font-weight:bold; display:block; margin-bottom:5px; } #maincontent{} #content-outer { width:1007px; margin:20px auto; } #main_left_wrapper { width:720px; float:left; } a.logout { padding:5px 10px; font-weight:bold; font-size:13px; color:white; background:#08b9da; } a.logout:hover { color:#08b9da; background:#ececec; text-decoration:none; } /* *************************** $4 Sidebar Styles ***************************/ #sidebar{ padding:40px 23px 0 23px; background:#7ac142; margin:-23px -10px 0px 0px; width:233px; min-height:400px; float:right; } #sidebar h3 { font-size:18px; color:#FFF; font-style:none; margin-bottom:10px; } #sidebar h4 { font-size:11px; color:#FFF; font-weight:bold; text-transform:uppercase; line-height:13px; margin:0 0 4px 0; } /*#sidebar hr { border: 0; color: #FFF; background-color: #b4b1b0; height: 1px; width: 195px; text-align: left; margin:15px 0; }*/ #sidebar img { border:solid 1px #b4b1b0; background:#FFF; padding:3px; } #sidebar ul { margin:0 0 20px 15px; list-style-image:url(../images/check.png); } #sidebar ul li { color:#FFF; font-size:13px; margin:0 0 4px 0; list-style-image:url(../images/check.png); } #sidebar .video_nav{ width:233px; } #sidebar .video_nav .video_nav_box{ width:100%; min-height:74px; padding-top:5px; position:relative; margin-bottom:3px;} #sidebar .video_nav .video_nav_box:hover{ background:none;} #sidebar .video_nav .video_nav_box .img_box{ float:left; border:1px solid #b3b1b0; padding:3px;} #sidebar .video_nav .video_nav_box .img_box img{ display:block; border:1px solid #928a8a; width:80px;} #sidebar .video_nav .video_nav_box .text_box{ width:124px; float:right; overflow:hidden;} #sidebar .video_nav .video_nav_box .text_box h4{ font-size:13px; color:#4c4c4c; font-weight:500;} #sidebar .video_nav .video_nav_box .text_box p{ font-size:10px; color:#717171; line-height:11px; padding:2px 0px 8px 0px;} #sidebar .video_nav .video_nav_box .text_box a{ margin-bottom:5px;} /* *************************** $4 Product Styles ***************************/ .product_tabs_wrapper { } .product_tabs_content { } .product_tabs_content_inner { width:650px; margin:0px auto; } .product_tabs_content_box { border:solid 1px silver; padding:20px; min-height:389px; font-size:14px; } .product_tabs_title { width:100%; overflow:hidden;} .product_tabs_title li { float:left;} .product_tabs_title li a { display:block; background:url(../images/tab_product.png) left top no-repeat; width:180px; text-align:center; font-weight:bold; font-size:12px; text-transform:uppercase; color:#878787; text-shadow: 1px 1px 1px #FFF; height:30px; line-height:30px; } .product_tabs_title li.awardtab a { background:url(../images/tab_product_award.png) left top no-repeat; } .product_tabs_title li a:hover { text-decoration:none;background:url(../images/tab_product.png) left bottom no-repeat; color:#4c4c4c;} .product_tabs_title li.awardtab a:hover { background:url(../images/tab_product_award.png) left bottom no-repeat; } .product_tabs_title li.active a,.product_tabs_title li.active a { text-decoration:none;background:url(../images/tab_product.png) left bottom no-repeat; color:#4c4c4c;} .product_tabs_title li.activeaward a,.product_tabs_title li.activeaward a { text-decoration:none;background:url(../images/tab_product_award.png) left bottom no-repeat; color:#4c4c4c;} div.list_item div.list_item_details { width:534px; height:123px; overflow:hidden; float:left; } div.list_item div.list_item_details p { margin-bottom:20px;font-size:12px; } div.list_item { width:700px; margin:0 0 15px 0; clear:both; height:130px; border-bottom:solid 1px #b6b5b4; } div.list_item_details h4 a span { text-transform:none; font-weight:normal; } div.list_item a img { border:solid 1px silver; padding:2px; float:left; display:block; margin: 0 10px 0 0; } div.list_item_details a.cart { margin-right:10px; font-size:13px; font-weight:bold; color:#4c4c4c; background:url(../images/cart.jpg) no-repeat top left; padding:12px 0 0 38px; width:140px; } div.list_item_details a.star { font-size:13px; font-weight:bold; color:#4c4c4c; background:url(../images/mon.jpg) no-repeat top left; padding:12px 0 0 32px; width:130px; height:90px; } div.list_item_details a.addtocart { margin-right:3px; font-size:11px; text-transform:uppercase; font-weight:bold; color:#FFF; background:url(../images/add-to-cart-bg.png) no-repeat left 6px; padding:11px 12px 6px 34px; width:114px; height:26px; line-height:26px; } div.list_item_details a.addtowishlist { font-size:11px; text-transform:uppercase; font-weight:bold; color:#FFF; background:url(../images/add-to-whishlist-bg.png) no-repeat top left; padding:7px 16px 10px 34px; width:202px; height:28px; line-height:28px; } div.list_item div.list_item_specs { font-size:11px; line-height:16px; float:right; position:relative; bottom:-28px; background:url(../images/specs-bg.jpg) no-repeat; height:115px; width:138px; padding:0px 10px 0 10px; margin-top:-13px; } div.list_item div.list_item_specs span { font-size:11px; color:#4c4c4c; text-transform:uppercase; font-weight:bold;} div.list_item div.list_item_specs em { color:#7b0e09; font-weight:bold; } div.list_item h4 a { font-size:13px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; margin-bottom:4px; display:block; } #product_list { float:right; padding: 0 0 0 30px; width:720px; } #product_list h2 { font-size:23px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; display:block; margin:0 0 15px 0; } #product_list .jump label { width:145px; float:left; margin-right:20px; font-weight:bold; text-transform:uppercase; color:#333; } #product_list .jump select { display:block; width:145px; background-color:#7ac142; color:#FFF; font-weight:bold; } #product_list ul{border:0; margin:0; padding:0; } #product_list #pagination { border:0; margin:16px 0 0 0; padding:0; float:right; width:375px; font-size:13px; } #product_list #pagination ul { text-align:right !important; float:right; } #product_list #pagination li{ border:0; margin:0; padding:0; font-size:13px; list-style:none; } #product_list #pagination a{ border:solid 1px #DDDDDD; margin-right:2px; } #product_list #pagination .previous-off, #product_list #pagination .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } #product_list #pagination .next a, #product_list #pagination .previous a { font-weight:bold; border:solid 1px #DDDDDD; } #product_list #pagination .active{ color:#FFF; background-color:#AEAEAE; font-weight:normal; display:block; float:left; padding:3px 6px; border:solid 1px #DDDDDD; margin-right:2px; font-size:13px; } #product_list #pagination a:link, #product_list #pagination a:visited { color: #666; display:block; float:left; padding:3px 6px; text-decoration:none; } #product_list #pagination a:hover{ border:solid 1px #666666; } #product_filter { float:left; width:217px; } #product_filter h5 { font-size:11px; letter-spacing:3px; color:#c9c9c9; text-transform:uppercase; font-weight:bold; display:block; margin-bottom:5px; } #product_filter span.filter_head { display:block;background:url(../images/side_bg_head.jpg) no-repeat; height:25px; margin:0 auto 0 auto; padding:6px 0 0 10px; text-transform:uppercase; font-size:12px; color:#4c4c4c; font-weight:bold; } #product_filter ul { margin:5px 0 20px 20px; } #product_filter ul li { cursor:pointer; color:#4c4c4c; text-transform:uppercase; list-style-image:url(../images/bg_header_nav_li.png); font-weight:bold; margin:0 0 7px 0; font-size:11px; } #product_filter ul li ul { margin:3px 0 10px 5px; } #product_filter ul li ul li { font-size:12px; cursor:pointer; color:#7d7c7c; font-weight:normal; text-transform:none; list-style-image:url(../images/bg_list_text_a3.png); margin:0 0 3px 0; } #product_filter ul li ul li a, #product_filter ul li a { color:#7d7c7c; font-size:12px; } div.filter_list { background:url(../images/current_bg.jpg) no-repeat; padding:7px 10px 15px 10px; font-weight:bold; color:#000; line-height:17px; margin-top:-3px; } div.product_details h1 { font-family: 'Raleway', sans-serif; width:640px; font-size:23px; text-transform:uppercase; color:#FFF; background:#7ac142; padding:3px 6px; font-weight:bold;} div.product_details span.subtitle { font-family: 'Raleway', sans-serif; display:block; margin:5px 0;font-size:23px; font-weight:normal; text-transform:none; width:640px; color:#7ac142; background:none; } div.product_details div#video_container { float:left; text-align:right; padding:0; width:643px; height: 359px; border:5px solid #e6e6e6; margin:10px 15px 40px 0; } div.product_details div#image_container { float:left; padding:0px 0 0 0px; width:643px; height: 346px; margin:10px 0 0 0; text-align:left; } div.product_details strong { color:black; font-weight:bold; font-family: 'Raleway', sans-serif; } div#product_sub_details { font-size:13px; margin: 0 0 0 680px; position:absolute; top:217px; width:323px; float:right; /*background:#7ac142;*/ } div#product_sub_details strong { color:#000; } div#product_sub_details hr { border:none;border-top:dashed 1px #CCC; margin:15px 0; } div#product_sub_details .formatoption { margin:0 0 3px 0; color:#3c3c3c; font-size:11px; font-weight:bold; text-transform:uppercase; display:block; } div#product_sub_details select { background:#336894; color:white; padding:4px 2px; width:300px; } div#product_sub_details a { margin:0px; padding:0px; color:#3c3c3c; font-weight:bold; } div#product_sub_details .icon { margin:0px; } #tab_related_container { min-height:461px; width:650px; } #tab_container { float:left; background:white; position:relative; width:650px; } #related { width:272px; height:525px; margin-left:1px; background:#7ac142; padding:20px 25px; } #sidebar #related { float:none; width:220px; margin:-10px 0 0 7px; padding:0px; } #sidebar #related hr { margin:10px 0; width: 205px; } #sidebar #related h3 { margin:0px; } #sidebar #related img { margin-top:-8px; } #related h3 { margin:0px; font-size:15px; color:#FFF; text-transform:uppercase; font-weight:bold; font-style:none; } #related h4 { font-size:14px; color:#4c4c4c; font-weight:bold; text-transform:uppercase; line-height:16px; margin:8px 0 ; color:white; } #related h4 span { text-transform:none; font-weight:normal; } #related hr { display:none; } #related img { background:#FFF; margin:10px 0 0 0; } #related .more span { background:white; color:#09b9d9; padding:5px; } /* *************************** FORM STYLES **************************/ span.step_blue { text-transform:uppercase; font-family: Arial; color: #30b7ef; font-style: italic; font-size: 12px; font-weight: bold; } .form_table td input[type=text], .form_table td input[type=password], .form_table td select { padding:3px; font-size:12px; margin-bottom:4px; } .form_table td span { text-transform:uppercase; color:#333; font-family:Arial; font-weight:bold; display:block; margin:6px 0 2px 0; font-size:11px; } .form_table input.input_form, .form_table select.input_form { width:210px; } .form_table td { font-size:12px; line-height:14px; } .form_table td h3 { font-size:15px !important; text-transform:uppercase; color:#3c3b40 !important; font-weight:bold; font-style:normal !important; } .form_table td span.step, em.step { font-family: Arial; color: #cd0417; font-style: italic; font-size: 11px; font-weight: bold; } em.step { font-family: Arial; color: #cd0417; font-style: italic; font-size: 13px; font-weight: bold; } div#problem { color:#cd0417; margin-top:20px; padding:12px; background:#f3e2e3; font-size:16px; } div#success{ color:#639209; margin-top:20px; padding:12px; background:#eaf6d4; font-size:16px; } /* *************************** $5 Footer Styles ***************************/ #footer_wrapper{ background:url(../images/bg_footer_wrapper.png) center top repeat;} #footer{ background:url(../images/footer-bg.png) repeat-x; padding-bottom:51px;} .footer_inner{ width:990px; padding-top:22px; overflow:hidden; margin:0px auto;} .footer_inner .list_box{ float:left;} .footer_inner .list_box h3{ color:#FFF; font-size:16px;} .footer_inner .list_box li{ padding:5px 0px;} .footer_inner .list_box li a{ font-size:14px; color:#09b9d9; font-weight:bold; } .footer_inner .list_box li a:hover{ color:#90adc7;} .footer_inner .list_box.list_box1{ width:200px;} .footer_inner .list_box.list_box2{ width:200px;} .footer_inner .list_box.list_box3{ width:200px;} .footer_inner .list_box.list_box4{ margin:0 0 0 40px; width:350px; } .footer_inner .list_box.list_box4 h3 { font-size:18px; font-weight:bold; color:black; } .footer_inner .list_box.list_box4 ul li a { color:#666; font-weight:normal; } .footer_inner .list_box.list_box4 ul li { padding:0px;margin:3px 0 0 15px; list-style:disc; color:#7ac142;} .footer_inner .list_box.list_box5{ width:180px; overflow:hidden;} .footer_inner .list_box.list_box5 ul{ float:left; padding-right:16px;} .footer_box { width:980px; clear:both; height:236px; position:relative; color:#6b6b6b; padding:50px 0 0 0;} .footer_box .footer_logo{ display:block; } .footer_box p { right:10px; font-size:12px; color:#6b6b6b; position:absolute; top:95px;} .footer_box p strong { font-size:18px; color:#6b6b6b; } .footer_box p a { color:#6b6b6b; font-size:12px;} .footer_box .icon_facebook { position:absolute; left:0px; top:12px;} .footer_box .contact { text-align:left;position:absolute; top:165px; left:0px; font-size:12px; } .footer_box .contact h4 { color:#7ac142 ; font-size:16px; font-weight:bold; margin:0 0 3px 0; } .footer_box .contact li{ padding:1px 0px; color:#6b6b6b;} span.footer-phone { font-weight:bold; color:white; font-size:28px; display:block; position:absolute; top:160px; left:180px; } span.footer-email { font-weight:bold; color:#09b9d9; font-size:18px; display:block; position:absolute; top:195px; left:180px; } /* ****************************** EXTRAS *****************************/ .request th, #carttable th { text-align:left; border-bottom:solid 2px #333; color:#333; padding:4px; font-weight:bold; } .request td, #carttable td { text-align:left; border-bottom:solid 1px #CCC; padding:4px; } #carttable td.right, #carttable th.right { text-align:right !important; } #carttable td.right strong { color:#333; font-weight:bold; } #content div.content_single_column h2 { margin-bottom:15px; } #content div.content_single_column h3 { font-size:16px; color:#3c3b3b; font-style:italic; line-height:18px; margin:0 0 15px 0; } #content div.content_single_column p { margin-bottom:15px; font-size:14px; } #content div.content_single_column strong {font-weight:bold; color:#2f2f2f; } #content div.content_single_column ul, #content div.content_double_column ul { list-style-image:url('../images/list.png'); margin-left:18px; } #content div.content_single_column ul li, #content div.content_double_column ul li { font-size:12px; list-style-image:url('../images/list.png'); font-weight:bold; text-transform:uppercase; margin-bottom:2px; color:#606060; } #content div.content_single_column ol, #content div.content_double_column ol { list-style-image:url('../images/list.png'); margin-left:18px; } #content div.content_single_column ol li, #content div.content_double_column ol li { font-size:12px; list-style-image:url('../images/list.png'); font-weight:bold; text-transform:uppercase; margin-bottom:2px; color:#606060; } table.form_table td{ padding:1px 4px; font-size:13px; } table.form_table td.label { color:#363636; } table.form_table td.info{ text-transform:uppercase; font-weight:bold; color:#000;color:#363636; } a.icon { background: url(../images/social.png); display: block; width: 32px; height: 32px; float:left; margin-top: 10px; margin-right: 5px; } a.icon_fb { background: url(../images/social-fb.png); background-position: 0% top; } a.icon_fb:hover { background-position: 0% bottom; } a.icon_yt { background: url(../images/social-yt.png); background-position: 0% top; } a.icon_yt:hover { background-position: 0% bottom; } a.icon_st { background: url(../images/social-st.png); background-position: 0% top; } a.icon_st:hover { background-position: 0% bottom; } a.icon_pi { background: url(../images/social-pi.png); background-position: 0% top; } a.icon_pi:hover { background-position: 0% bottom; } a.icon_ln { background: url(../images/social-li.png); background-position: 0% top; } a.icon_ln:hover { background-position: 0% bottom; } a.icon_tw { background: url(../images/social-tw.png); background-position: 0% top; } a.icon_tw:hover { background-position: 0% bottom; } a.icon_su { background: url(../images/social-su.png); background-position: 0% top; } a.icon_su:hover { background-position: 0% bottom; } a.icon_ri { background: url(../images/social-ri.png); background-position: 0% top; } a.icon_ri:hover { background-position: 0% bottom; } .sign-in { float:right; width:325px; margin-top:15px; } .sign-up { float:left; width:325px; margin-top:15px; border-right:#CCC 3px solid; padding-right:25px; } .sign-up ul { margin:15px 0 20px 15px; list-style-image:url(../images/check.png); } .sign-up ul li { color:#898888; font-size:13px; margin:0 0 4px 0; list-style-image:url(../images/check.png); } div.question { margin-top:2px; background:url('../images/faq-arrow.gif') no-repeat 0 7px; color:#838383; font-size:14px; padding:3px 8px 3px 15px; cursor:pointer; } div.questionOver { background:#08b9da;color:white; } div.faqover:hover { background:#08b9da;color:white; } div.answer { display:none; background:#f2f2f2; font-size:14px; padding:17px; margin-bottom:10px; } div.answer p { margin:0 0 15px 0; } /***************************************************** PRODUCT STYLES - this file is included in the editor so styles in here need to be duplicated in editor.css ******************************************************/ div.product_tabs_content_box h1 { font-family: "myriad-pro",sans-serif; font-size:23px; text-transform:uppercase; color:#4c4c4c; font-weight: 550; } div.product_tabs_content_box h2 { font-family: "myriad-pro", Arial, sans-serif; font-size:23px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; } div.product_tabs_content_box h3 { font-family: "myriad-pro", Arial, sans-serif; font-size:18px; color:#666; font-style:italic; margin-bottom:10px; font-weight:normal; } div.product_tabs_content_box h4 { font-family: "myriad-pro", Arial, sans-serif; font-size:16px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; } div.product_tabs_content_box h5 { font-family: "myriad-pro", Arial, sans-serif; font-size:14px; text-transform:uppercase; color:#4c4c4c; font-weight:bold; } div.product_tabs_content_box h6 { font-family: "myriad-pro", Arial, sans-serif; color:#0eb6e7;font-style:italic; font-size:11px; font-weight:bold; } div.product_tabs_content_box p { font-family: 'Raleway', sans-serif; font-size: 14px; line-height:20px; color:#7d7d70; margin-bottom:15px; } div.product_tabs_content_box em { font-family: 'Raleway', sans-serif; font-style:italic; } div.product_tabs_content_box hr { border:none;border-top:dashed 1px #CCC; margin:15px 0; } div.product_tabs_content_box p strong { font-family: 'Raleway', sans-serif; color:#000; margin-bottom:15px;} div.product_tabs_content_box p.notegrey { font-family: 'Raleway', sans-serif; font-size:12px; color:#b1b0b1; font-style:italic; margin-bottom:15px; } div.product_tabs_content_box p.boldscript { font-family: 'Raleway', sans-serif; font-size:12px; color:#b1b0b1; font-style:italic; margin-bottom:15px; font-weight:bold; } div.product_tabs_content_box ul, div.answer ul { list-style-image:url('../images/check.png'); margin-left:18px; } div.product_tabs_content_box ul li, div.answer ul li { font-family: "myriad-pro",sans-serif; font-size:12px; list-style-image:url('../images/check.png'); font-weight:bold; margin-bottom:2px; color:#606060; } div.product_tabs_content_box ol, div.answer ol { margin:0 0 20px 20px; } div.product_tabs_content_box ol li, div.answer ol li { font-family: "myriad-pro",sans-serif; list-style: decimal; color:#606060; font-size:13px; margin:0px 0 4px 0;} img.closecapimg { margin-top:-2px; } #sidebar ul li strong { font-weight:bold; color:#000; } #blogcategory { width:220px; } a.link_button, span.link_button { background:#7e9f00; font-family:Arial; font-size:10px; font-weight:bold; color:white !important; text-decoration:none !important; text-transform:uppercase; padding:2px 5px; } a.link_button:hover, span.link_button:hover { cursor:pointer; background:white; color:#7e9f00 !important; } #archive ul li ul li ul li { margin-bottom:6px; } #archive ul li ul li ul { margin-bottom:6px; } #archive ul li ul li, #archive ul li { cursor:pointer; } p.subheadone { font-size: 16px; color: #42719a; font-style: italic; line-height: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } #archive_recent a { display:block; margin-bottom:4px; } div.event_block h5 { color:#323233 !important; } table.adsearch td { padding:3px; } table.adsearch td input.exact { margin-top:4px; } table.adsearch td em { margin-top:4px; font-style:italic; } table.adsearch td strong { font-weight:bold; text-transform:uppercase; font-size:12px; color:black; } input.adsearch, select.adsearch { width:300px; padding:3px; } select.adsearch_2 { width:150px; padding:3px; } select.adsearch_3 { width:100px; padding:3px; } #navslide_2 img { padding:3px; border:solid 1px #CCC; margin-top:6px; } #navslide_2 h4 span { font-weight:normal; text-transform:none; } h3.clip-heading { background:url('../images/clip-head-bg.jpg') no-repeat; display:block; height:36px; color:white !important; font-weight:bold; padding:8px 0 0 15px; font-size:16px !important; } h3.clip-heading a { color:#a9dff8; font-size:11px; display:block; float:right; margin:5px 25px 0 0 ; } div.clip-box { height:250px; display:block; position:relative; background:#dbdbdb; /*url('../images/clip-bg.jpg') no-repeat top left;*/ margin:0 7px 0 0; padding:0 0px 0 0px; width:233px; float:left; } div.clip-box:hover { background:#bbd142; } img.clip-image { display:block; position:absolute; top:42px; background:#FFF; padding:0px; } div.clip-box h4 { font-size:13px !important; line-height: 14px !important; margin:8px 10px 5px 10px; color:#2f2b2b !important; } div.clip-box h5 { font-size:12px !important; margin:2px 0 5px 0; color:#666666 !important; font-weight:normal !important; text-transform:none !important; } span.clip-running-time { margin:3px 0 5px 10px; width:125px; float:left; display:block; position:absolute; top:190px; font-size:10px !important; color:#6b6a6a; } span.clip-grade-level { margin:3px 0 5px 0; display:block; position:absolute; top:190px; left:128px; font-size:10px !important; color:#6b6a6a; } span.clip-price { position:absolute; top:212px; margin:0 0 0 10px;width:120px; float:left; display:block; color:#2f2b2b; font-size:14px; } span.clip-price em { font-weight:bold; font-size:16px !important; } span.clip-cart { margin:0 0 15px 0;display:block; font-weight:bold; color:#2f2b2b; position:absolute; top:212px; left:123px; cursor:pointer; } .play-button { position: absolute; display: block; height: 50px; width: 50px; top: 85px; left: 90px; z-index:100; cursor:pointer; } #price-outer { border: solid 1px #d0d4d8; padding: 1px; width:320px; height:25px; position:relative;} #price { width:340px; height:25px; overflow:hidden; position:relative; } #price table { top:0px; display:block; position:relative; width:320px; } #price-button { background:red; height:28px; cursor:pointer; } #price table tr { background:#09b9d9; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:25px; color:#FFF; } #price table tr.alt { background:#336894; color:#FFF; } /*#price table tr:hover { background:#234a6b; cursor:pointer !important; color:#FFF; }*/ #price table tr td { padding:1px 0px 0 8px; cursor:pointer; color:#FFF !important; } #price table tr td strong { font-weight:bold; color:white; } #price_arrow { width:17px; height:18px; background:url(../images/price_arrow.jpg) no-repeat; position:absolute; right:4px; top:4px; cursor:pointer; } .downloads_page ul { margin:-10px 0 20px 0; } .downloads_page ul li { color:#959595 !important; } #ls-search { margin:0 0 0 180px; position:absolute; top:122px; width:644px;height:49px; background:url(../images/search-bg.jpg) no-repeat; } #search-box { float:left; width:564px; font-size:15px; color:#999; padding:12px 0px 12px 15px; margin:4px 0 0 3px; background:none; border:0px; } #search-bt { display:block; position:relative; top:2px; } #box-2 h3 { position:absolute; bottom: 30px; right:0px; display:block; font-weight:bold; color:white; font-size:26px; background:#7ac142; width:230px; padding:6px 8px 6px 12px; } #box-3 h3 { position:absolute; bottom:30px; right:0px; display:block; font-weight:bold; color:white; font-size:24px; background:#7ac142; width:240px; padding:6px 8px 6px 12px; } #social-side-1 { position:absolute; display:block; top:360px; left:-10px; height:48px; width:48px; background:url(../images/social-2.png) no-repeat; } #social-side-2 { position:absolute; display:block; top:410px; left:-10px; height:48px; width:48px; background:url(../images/social-2.png) no-repeat 0px -50px; } #social-side-3 { position:absolute; display:block; top:460px; left:-10px; height:48px; width:48px; background:url(../images/social-2.png) no-repeat 0px -100px; } #social-side-1 span, #social-side-2 span, #social-side-3 span { text-indent:-9999px; display:block; } #social-side-1:hover { background-position:-49px 0; } #social-side-2:hover { background-position:-49px -50px; } #social-side-3:hover { background-position:-49px -100px; } #more-from { width:100%; position:absolute; top:710px; } #more-from h4 { position:absolute; top:0px; left:0px; display:block; font-weight:bold; color:white; font-size:24px; background:#7ac142; width:985px; padding:6px 8px 6px 12px; } #more-from ul li { margin:55px 9px 10px 0;display:block; float:left; text-align:center; } #more-from ul li.last { margin-right:0px; } #more-from ul li img { display:block; margin-bottom:10px;} #more-from ul li a { font-size:14px; color:#09b9d9; font-weight:bold; } a.all-faq { display:block; position:absolute;margin:-20px 0 0 270px; color:08b9da; font-size:14px; font-weight:bold; } a.all-faq:hover { text-decoration:none; } #content em { font-style:italic; } #main-nav li ul { left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ margin:0 0 0 0; z-index:1000; position:absolute; } #main-nav li ul li { clear:both; margin:0 0 0 0 !important; background:#7ac142; padding:8px 0 8px 10px; width:210px; color:white; } #main-nav li ul li a { color:white !important; font-size:14px; text-transform:none; } #main-nav li ul li a:hover { color:#dffaca!important; } #main-nav li:hover ul.con { left:45px; /* Bring back on-screen when needed */ } #main-nav li:hover ul.ear { left:225px; /* Bring back on-screen when needed */ } #main-nav li:hover ul.hea { left:400px; /* Bring back on-screen when needed */ } #main-nav li:hover ul.gui { left:600px; /* Bring back on-screen when needed */ } #main-nav li:hover ul.clo { left:790px; /* Bring back on-screen when needed */ } .reselimage { font-size:12px; color:green; text-transform:uppercase; padding:0 0 0 5px; } table.reseltab td strong { font-weight:bold; color:black; } #p_support h4 { color:black; font-size:14px; margin:0 0 10px 0; } .form_table td p { line-height:17px; } .form_table td p strong { font-weight:bold; } #stream-container h1 { font-size:40px; color:black; margin:0 0 20px 0;} #stream-container #playerarea55 { border: solid 8px #ccc; } #stream-container a { font-size:11px; } a.playeroptions { font-size:11px; } a.playeroptionson { font-weight:bold; } #stream-container .stream-description p { font-size:14px; margin:0 0 15px; } span.stream-secure { font-size:10px; text-transform:uppercase; font-weight:bold; color:#333; } a.stream-secure { font-size:13px; } .product-image { max-width:630px; max-height:310px;} .product-list-image { max-width:191px; max-height:108px; } .product-list-wrapper { width:210px; height:130px; float:left; } #facebook-image { position:absolute; top:-10000px; } .yaya { position:absolute;right:0px; font-size:13px; bottom:25px; } .yaya a { font-size:13px; }