/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ html,body { margin: 0px; padding: 0px; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px; text-align: left; } form { margin: 0px; } a:link { color: #9e0e10; text-decoration: none; } a:visited { color: #9e0e10; text-decoration: none; } a:hover { color: #f7b108; text-decoration: underline; } a:active { color: #f7b108; text-decoration: none; } ul { list-style-type: square; } .actCHECKOUTEM { background-color: #9e0e10; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 16px; color: #000000; } .actsmaller{ font-size: 11px; color: #000000; } .actxxsmall { font-size: 11px; color: #000000; } .actxsmall { font-size: 12px; color: #000000; } .actsmall { font-size: 12px; color: #000000; } .actregular { font-size: 14px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 18px; color: #000000; } .actxxlarge { font-size: 18px; color: #000000; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 12px; color: #cc0000; } .actwelcome { font-size: 12px; color: #000000; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #9e0e10; } /* begin Rannoch Theme */ #topbar { margin: 0px 0px 0px 0px; padding: 0px; border: 0px; background: #4d1101 url('rannoch_banner.jpg') no-repeat; height: 99px; } #logo { width: 163px; height: 99px; float: left; } #logo-checkout { width: 846px; height: 160px; float: center; } #topbar-checkout { margin: 0px 0px 0px 0px; padding: 0px; border: 0px; height: 160px; } #toolbar { border: 0px; margin-right: 10px; margin-left: 163px; height: 99px; text-align: right; /*background: #4d1101;*/ } #search { margin-top: 10px; margin-left: 10px; float: right; } #middle { padding: 10px; background: #ffffff; margin: 0px 150px 0px 150px;  /*text-align: center;*/ } #rightcol { position: absolute; top: 99px; right: 0px; margin: 0px; padding: 10px; background: #9e0e10; text-align: center; width: 150px; voice-family: "\"}\""; voice-family:inherit; width: 130px; border-left: 2px #f7b108 solid; border-top: 3px solid #9e0e10; border-bottom: 2px solid #f7b108; } html>body #rightcol { width: 130px; } #texashoriz-nav { height: 12px; margin-top: -30px; margin-bottom: 0; margin-left: 168px; font-size: 11px; color: #FFECD9; font-weight: bold; background-color: #9e0e10; border-top: 2px #f7b108 solid; border-left: 2px #f7b108 solid; border-bottom: 3px #f7b108 solid; padding-top: 8px; padding-bottom: 8px; text-align: left; } #texashoriz-nav a:link, #texashoriz-nav a:visited { font-weight: bold; color: #FFECD9; } #texashoriz-nav a:hover { text-decoration: none; font-weight: bold; color: #f7b108; } #texasleft-menu { position: absolute; left: 0; width: 163px; padding-left: 5px; text-align: left; background: #4d1101 url('left_nav_image.gif') no-repeat; top: 99px; border-right: 2px #f7b108 solid; border-bottom: 2px #f7b108 solid; } #texasleft-menu p { padding: 0 20px 5px 5px; /*padding-right: 20px;*/ /*margin-bottom: 5px;*/ /*padding-bottom: 0;*/ /*padding-top: 0;*/ font-size: 12px; } #texasleft-menu a:link  { color: #FFECD9; } #texasleft-menu a:hover { color: #f7b108; } .orangesmall { font-size: 11px; color: #9e0e10; font-weight: bold; } .orangestandard { font-size: 12px; color: #9e0e10; font-weight: bold; } .orangelarge { font-size: 14px; color: #9e0e10; font-weight: bold; } .orangelarger{ font-size: 16px; color: #9e0e10; font-weight: bold; } /* Actinic Required Stuff*/ /* begin extra Actinic defaults for Rannoch */ .content_left { text-align: right; float: left; padding: 10px,10px,10px,10px; } .content_right { text-align: left; float: right; margin-right: 20px; } /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS  */ /* lines  */ .dotted_line_blue	{ height: 1px; background-color: #9e0e10; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #9e0e10; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #4d1101; clear:both; } .dotted_outline_blue	{ border: 1px dotted #9e0e10; padding: 8px; }		 /* end lines */ /* headings  */ h1	{ font-size: 18px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #4d1101; } h1.subheading	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #f7b108; } h2	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #9e0e10; } h2.clearall	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #9e0e10; clear:both; } h3.product	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #9e0e10; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .basket_text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #f7b108; font-weight: 700; font-size: 12px; text-align: center;	 }	 .upper_heading	{ margin: 0px; padding: 19px 0px 14px 0px; line-height:normal; color: #f7b108; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px }	 .bestsellers	{ margin: 0px; padding: 19px 0px 14px 0px; line-height:normal; color: #FFECD9; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 1.0px; text-align: center; }		 /* end headings  */ .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .solid_line_bs	{ height: 1px; padding: 0px; margin: 0px; background-color: #FFECD9; clear:both; }	 .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 /* LINK FORMATTING ELEMENTS  */ a.product_section:visited  { color : #FFECD9; text-decoration : none; font-weight: 900; } a.product_section:link  { color : #FFECD9; text-decoration : none; font-weight: 900; } a.product_section:active  { color : #f7b108; text-decoration : none; font-weight: 900; } a.product_section:hover  { color : #f7b108; text-decoration : none; font-weight: 900; } /* ------------------------ */	 /* list fomatting  */ ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 12px; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 12px; color: #cc0000; list-style: none; } /* end list fomatting */ /* IMAGE FORMATTING ELEMENTS */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; border: 1px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; border: 1px; } /* END OF IMAGE FORMATTING ELEMENTS  */ /* product text  */ .text_product_small_info	{ font-size: 11px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 6px 0px 6px 0px; line-height:normal; color: #000; font-weight: 900; font-size: 12px; text-align: left; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; text-align: left; } /* end product text  */ /* bestseller text  */ .text_bsproduct_small_info	{ font-size: 11px; line-height: normal; color: #FFECD9; margin: 0px; padding: 0px 0px 6px 0px; text-align: center; } .text_bsproduct_small_info a:link { color: #FFECD9; text-decoration: none; } .text_bsproduct_small_info a:visited  { color: #FFECD9; text-decoration: none; } .text_bsproduct_small_info a:hover  { color: #f7b108; text-decoration: none; } .bsproduct_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; font-weight: BOLD; color: #FFECD9; font-size: 12px; text-align: center; } .bsproduct_price	{ margin: 0px; padding: 8px 0px 12px 0px; line-height:normal; font-weight: 700; font-size: 12px; text-align: center; color: #FFECD9; } .bsproduct_position	{ margin: 0px 0px 0px 0px; text-align: center; }	 /* end product text  */ .imageBorder { border: 2px #f7b108 solid; } /* new css starts here */ .productPageContainer { width: 600px; margin: 0 auto; } .productText { width: 200px; float: left; text-align: left; } .productImage { float: left; margin: 0px 6px; } .productBuy { display: block; float: left; margin-left: 10px; text-align: left; } .clear { clear: both; } #sectionContainer { margin: 10px auto 0px auto; width: 600px; padding: 0px; padding-left: 10px; } .sectionWrapper { width: 180px; float:left; margin: 5px 5px 5px 5px; } .fragmentInline { width: 200px; display: block; float: left; margin: 5px 5px 5px 5px; } .recipeWrapper { width: 600px; margin: 40px auto 0px auto; padding: 0px; } .recipeMain { text-align: center; width: 250px; float: left; } .recipeMainTitle { color: #f7b108; } /*.recipeImage { float: left; border: 2px #f7b108 solid; }*/ .recipeDisplay { float: left; } .recipeWords { border: 1px solid #CCC; margin-left: 210px; padding: 5px; } .recipeText { float: left; margin-left: 10px; padding: 5px; border: 1px solid  #CCC; } .recipeLink { /*float: left;*/ padding-right: 10px; margin-top: 10px; margin-left: 210px; } .recipeTitle { width: 200px; text-align: center; font-size: 13px; color: #9e0e10; } .recipeIngredients { display: block; float: left; width: 180px; margin: 0 5px 0 0; } .recipeMethod { width: 180px; float: left; margin: 0; padding-left: 5px; border-left: solid 1px #9e0e10; } .newsWrapper { width: 90%; margin: 0 auto; border: 1px #CCC solid; padding: 20px; } .newsImage { float: right; border: 2px #f7b108 solid; } .newsText { padding: 0 20px 0 0; } .titleWrapper { width: 90%; margin: 0 auto; padding: 0px; } .titleTitle { color: #9e0e10; margin-bottom: 15px; font-size: 14px; } .newsFragmentWrapper { width: 235px; float: left; border: 1px #f7b108 solid; padding: 10px; margin: 0 10px 25px 22px; } h1.newsFragmentTitle { font-size: 12px; padding: 0 0 10px 0; background-color: greenl } .newsFragmentImage { float: left; margin-right: 10px; } .newsFragmentText { padding: 0x; } .recipeHomeWrapper { width: 400px; float: right; text-align: center; border: 0px solid #CCC; padding: 1px; }