/*--------------------- TechXpress Inc. ---------------------*/ /*------------------------ Style.css ------------------------*/ /*-- STANDARD --*/ p { line-height: 1.5em; margin: 0; padding: 0 0 10px 0;} h1 { font-size:16px; margin: 0; font-style:italic; font-weight:bold; font-size:18px; color:#CA194B; font-family:Georgia, "Times New Roman", Times, serif; padding:0px 0 5px 0;} h2 { font-size:14px; margin: 0; font-style:italic; font-weight:bold; font-size:14px; color:#CA194B; font-family:Georgia, "Times New Roman", Times, serif;} h3 { font-size:13px; margin: 0; } h4 { font-size:12px; margin: 0; } h5 { font-size:11px; margin: 0; } body{font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #3F4853; text-decoration: none; padding:0; margin:0; background-color:#267CA8; background-image:url(images/body_bg.gif); background-repeat:repeat-x; text-align:center; line-height: 1.2em;} a {color: #ca194b; text-decoration: underline;} a:visited {color: #ca194b; text-decoration: underline;} a:active {color: #ca194b; text-decoration: underline;} a:hover {color: #4C81C3; text-decoration: none; } form {margin: 0; padding: 0;} .l_float {float: left;} .r_float {float: right;} /* ----------------Alsett clearing method ------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%} .clearfix {display: block;} /* ---------------------------------- Record Based Pages -------------------------- */ .rb_outside { border: 1px black solid; margin-bottom: 20px; } .rb_header { border-width:0 0 1px 0; border-color:black; border-style:solid; padding:2px; font-weight:bold; } .rb_image { float: left; padding: 5px; } .rb_link { margin-top: 5px; } .rb_sub_header { font-weight: bold; margin-bottom: 5px; } .rb_sub_image { float: left; margin: 5px; } .rb_sub_link { margin: 5px 0 10px; font-weight: bold; } .rb_sub_pdf { margin: 5px 0 10px; font-weight: bold; } /* ---------------------------------- Site Specific Layout -------------------------- */ #container{ width:780px; margin:0 auto; text-align:left;} #header { width:100%; height:127px; position:relative;} #logo {float:left; width:274px;} #phone { position:absolute; top:0px; right:16px;} #my_account { position:absolute; bottom:53px; right:16px; text-align:right; color:#CA194B;} #my_account a{color:#CA194B; text-decoration:none;} #my_account a:visited{color:#CA194B; text-decoration:none;} #my_account a:active{color:#CA194B; text-decoration:none;} #my_account a:hover{color:#CA194B; text-decoration:underline;} #cart_line {position:absolute; top:79px; right:16px; height:48px; padding:0;} #cart_info {background-image:url(images/tab_cart_bg.gif); background-repeat:repeat-x; float:left; height:34px; color:#fff; font-size:12px; padding:14px 15px 0 5px;} #cart_info a {color:#fff;} #nav_bar { width:766px; float:right;} #main_page { background-image:url(images/main_page_bg.gif); background-repeat:repeat-y; width:766px; float:right;} #left_col {float:left; width:185px; background-image:url(images/lc_top.gif); background-position:top; background-repeat:no-repeat; padding:10px 0 0 0;} #lc_item {margin:0 0 10px 7px;} #left_col ul {margin:0; padding:0;} .lc_link { font-size:12px; padding:3px 10px 3px 7px; list-style:none;} .lc_link a{color:#2c333c; text-decoration:none;} .lc_link a:visited{color:#2c333c; text-decoration:none;} .lc_link a:active{color:#2c333c; text-decoration:none;} .lc_link a:hover{color:#2c333c; text-decoration:underline;} #lc_catch {background-image:url(images/lc_bullet.gif); background-repeat:no-repeat; background-position:8px 10px; padding:7px 6px 6px 18px; border-bottom:#7E92AC solid 1px; border-top:#CDE1FB solid 1px; color:#2C333C; font-size:14px; background-color: #edf4fc; list-style:none;} #lc_catch a{color:#3F4853; text-decoration:none;display:block; width:154px;vertical-align:top;line-height:16px;} #lc_catch a:visited{color:#3F4853; text-decoration:none;} #lc_catch a:active{color:#3F4853; text-decoration:none;} #lc_catch a:hover{color:#CA194B; text-decoration:none;} #main_col { background-image:url(images/mc_top.gif); background-repeat:no-repeat; width:581px; float:left;} #center_col { width:383px; float:left; padding:0 0 0 8px;} #footer { width:766px; float:right; font-size:11px; color:#FFFFFF;} #global_nav{ font-weight:normal; font-size:11px; background-image: url(images/global_nav_bg.gif); background-repeat:repeat-y; text-align:center; padding:5px 0 0 0;} #global_nav a:link{color:#FFFFFF; text-decoration:none;} #global_nav a:visited{color:#FFFFFF; text-decoration:none;} #global_nav a:active{color:#FFFFFF; text-decoration:none;} #global_nav a:hover{color:#FFFFFF; text-decoration:underline; padding:0; margin:0;} #by_line{color:#FFFFFF; padding: 0px 0 5px 0;} #copyright_row{padding:0 0 6px 0;} #copyright{float:left; padding:4px 0 0 20px;} #developer{float:right; padding:4px 20px 0px 0;} #developer a:link{color:#FFFFFF; text-decoration:underline;} #developer a:visited{color:#FFFFFF; text-decoration:underline;} #developer a:active{color:#FFFFFF; text-decoration:underline;} #developer a:hover{color:#FFFFFF; text-decoration:none;} #lock{float:left; padding-left:8px;} #right_col {width:190px; float:right; } #search {float:left; width:120px; margin:0 5px 10px 5px; height:19px; border:#515f70 solid 1px; padding:0 5px 0 5px;} /* --------------------------------- Docs Specific Layout -------------------------- */ #hl { margin:1px 0 1px 0;} #rc_testimonial { float:right; font-size:11px; color:#5F5F5F; padding:2px 16px 5px 20px;} #rc_testimonial { background-color:#ECEDF1; width:135px; border-bottom:1px solid #C6C7CB;} #iefix2{display:inline-block;float:right;padding:0 8px 0 0;position:relative;} #cc_item{ padding:10px 0 10px 0; float:left;} #product_row { padding:10px 0 10px 0; float:left; width:381px; border-bottom:1px dotted #ccc; } #feature { float:left; width:190px;} #feature_divide {width:7px; float:left;} #feature_thumb {margin:0 4px 4px 0; overflow:hidden; vertical-align:middle;} #feature_thumb img {border:solid 1px #7E92AC; padding:2px; } #feature_title { font-size:12px; font-weight:bold; background-image:url(images/bullet1.gif); background-repeat:no-repeat; background-position:2px 4px; padding:0 0 4px 10px;} #feature_title a{color:#3F4853; text-decoration:underline;} #feature_title a:visited{color:#3F4853; text-decoration:underline;} #feature_title a:active{color:#3F4853; text-decoration:underline;} #feature_title a:hover{color:#3F4853; text-decoration:none;} #feature_price { font-size:12px; padding:0px 0 4px 0;} #feature_desc {font-size: 11px;} #subpage_wrap {background-image: url(images/subpage_bg_82.gif); background-repeat: repeat-y; min-height: 1000px; _height: 1000px;} #subpage_header{} #subpage_content {padding: 0 20px 15px 15px;} #subpage_header_wrap {margin-bottom: 2px; } #subheader_left {float: left; width: 340px; height: 80px; background-image: url(images/page_header_left_03.jpg); background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; padding: 35px 0 0 20px;} #subheader_title {position: relative; z-index: 1;} #subheader_title h1{font-size: 24px; font-weight: bold; font-style: italic;line-height:20px;} #subheader_shadow {font-size: 24px; font-weight: bold; font-style: italic; position: relative; z-index: 0; top: -13px; left: 1px; color: #ffffff;} #subheader_right {float: left;} #record_wrapper {margin-top: 15px;} .record_column {float: left; width: 263px;} .record_gutter {float: left; width: 20px;} .record_item {margin-bottom: 20px;} .record_img {float: left; width: 106px; margin-right: 10px;} .record_img img{padding: 2px; border: 1px solid #7e92ac;} .record_details {float:left; width: 147px;} .record_title {font-size: 14px; color: #ca194b; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #a0a1a4; margin-bottom: 5px; font-weight: bold;} #breadcrumbs {margin-bottom: 10px;} .r_more {padding: 8px 0 0 0;} #record_detail_wrap {} #record_details_left {float: left; width: 206px; margin-right: 15px;} #record_details_right {float: left; width: 325px;} #record_detail_img {} #record_detail_img img{padding: 2px; border: 1px solid #7e92ac;} #purchase_ingredients {border: 1px solid #7e92ac; margin: 10px 0 10px 0;} #purchase_ingredients ul{margin: 0; padding: 5px 0 5px 5px; list-style-type: none;} #purchase_ingredients li{padding: 0 0 3px 0;} #purchase_ingredient_title {font-family: Georgia, "Times New Roman", Times, serif; color: #ca194b; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #a0a1a4;} #record_detail_title {font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #a0a1a4; margin-bottom: 10px;} #record_detail_title h3 {font-size: 18px; color: #ca194b; font-weight: normal;} #main_col_item {width:581px; } #cc_text { padding: 0 15px 0 10px;} #bread {height:28px;} #bread div{ float:left; } #crumbs { background-image:url(images/bread_bg.gif); background-repeat:no-repeat; float:left; clear:both; padding: 1px 4px 2px 10px; margin:1px 0 0 0; } #crumbs p {padding:0; margin:0;} #crumbs a {height:1px; text-decoration:none; } #crumbs a:hover {text-decoration:underline; } .recipe {} .recipe_title { font-size:16px; font-weight:bold; border-bottom: 1px solid #aa0000; padding:0 0 3px 5px;} .recipe_image { float:left; margin: 0 10px 0 0; min-height:10px; width:auto;} .recipe_description {width:355px; min-height:10px; float:left;} .recipe_ingredients { width:500px; float:left; padding:15px 0 20px 0;} .recipe_ingredients ul { padding:5px 0 0 25px; margin:0; } .recipe_method { float:left; min-height:10px;} .recipe_cat { float:left; position:relative; width:550px; margin:0 0 20px 0; border-bottom:1px dotted #c00; padding:0 0 6px 0;} .rc_header { font-size:16px; font-weight:bold; border-bottom: 1px solid #aa0000; padding:0 0 3px 0px; margin:0 0 6px 0;} .rc_image { float:left; margin: 0 10px 0 0; width:100px;} .rc_image img {width: 100px;} .rc_description {width:420px; min-height: 25px; float:left; padding:0 0 10px 0;} .rc_more{ position:absolute; bottom:5px; right:20px; width:76px; height:25px; border-style:none;} #page_back { float:left; font-weight:bold;} .shopfront_item {float:left; padding:0 20px 20px 0;} #product_small {width:100%;} #product_small_image img {padding:2px; border:1px solid #5484b2;} .ecomm_button {background-image: url(images/ecomm_btn_bg.gif); background-repeat: repeat-x; background-color: #e6e6e6; color: #575757; font-weight: bold; border: 1px solid #b4b4b4; cursor: pointer; } #continue_shopping {float:left;} #rc_item{ display:inline-block; }