body { margin:auto; color: #666; background:#fff url("bodybg.gif") top center repeat-y;			 font:12px/1.6em verdana, sans-serif; text-align:center; } /* ---------------- Presentation Stylesheet for general items ---------------- */ h1, h2, h3 { font-weight:bold; margin:0; padding:5px 3px 5px 3px; color:#333; } h1 { font-size:1.3em; } h2 { font-size:1.2em; } h3 { font-size:1.1em; } p { font-size:1em; margin:0; padding:5px 5px 5px 5px; } .small { font-size:0.75em; margin:0; padding:0; } img { border:0px solid gray; } .clear { clear:both; } table.error { border:1px solid #ccc; background:#eee; margin:5px 0 10px 20px; } .highlighted { font-size:0.75em; color:#999; font-style:italic; margin:10px auto; } /* ---------------- Layout Stylesheet Starts ---------------- */  #topcontainer { width:950px; margin:auto; background:url("topcontainer_bg_swoop.gif") top center no-repeat;			 padding:0;		 text-align:left; } #header { height:125px; margin:0; padding:0; } #headerleftcol { float:left; width:360px; padding:5px 0 0 0; } #headerrightcol { float:right; width:580px; margin:0; padding:20px 5px 0 0; text-align:right; } #headerrightcol p.headerlinks { margin:0; padding:15px 0 0 0; color:#336699; font-size:0.95em; } /* ------------------- Top Navigation Menu Starts --------------------- */ #navigationbg { width:100%; height:53px; background:url("navigation_bg_stripe.jpg") bottom repeat-x; margin:0; padding:0; } #navigation_container { width:950px; margin:0 auto; padding:0; height:53px; background:url("navigation_bg_stripe.jpg") bottom repeat-x; } #navigation { float:right; font-size:0.95em; line-height:normal; } #navigation ul { margin:0; padding:6px 10px 0 0; list-style:none; } #navigation li { margin:0; padding:0; float:left; background:url("sas_buttonrightoff.gif") no-repeat right top;	 } #navigation a { display:block; background:url("sas_buttonleftoff.gif") no-repeat left top; padding:5px 15px 4px;			 } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */ #navigation a:link, #navigation a:visited, #navigation a:active { font-weight:bold; color:#666666; } #navigation a:hover { font-weight:bold; color:#336699; } #navigation #current { background-image:url("sas_buttonrighton.gif"); } #navigation #current a { background-image:url("sas_buttonlefton.gif"); color:#000; padding-bottom:5px; } /* ------------------- Top Navigation Menu Ends --------------------- */ #middlecontainer { width:950px; margin:auto; padding:0;		 text-align:left; } #columncontainer { width:900px; padding:15px 0 0 0;	 margin:auto; text-align:left; } #leftcolumn { float:left; width:195px; margin:0; padding:0; text-align:left; } /* ------------------- Left Hand Product Menu Starts --------------------- */ #sasmenu { width:166px; margin:0; } #sasmenu ul { list-style:none; margin:0; padding:0; } #sasmenu li a { height:34px; display:block; background:url(sas_menubuttons.jpg) no-repeat; padding:8px 0 0 14px; color:#666; voice-family: "\"}\"";  voice-family: inherit; height:26px; text-decoration:none; font-weight:bold; } #sasmenu li a:link, #sasmenu li a:visited { display:block; background:url("sas_menubuttons.jpg") no-repeat; padding:8px 0 0 14px; color:#666;	 } #sasmenu li a:hover { background: url("sas_menubuttons.jpg") 0 -36px no-repeat; padding:8px 0 0 14px; color:#369; } #sasmenu li a:active { background: url("sas_menubuttons.jpg") 0 -72px no-repeat; padding:8px 0 0 14px; color:#369;	 } #sasmenu li a.current { background: url("sas_menubuttons.jpg") 0 -72px no-repeat; padding:8px 0 0 14px; color:#369;	 } /* ------ Left Hand Product SUB Menu Starts ------ */ #submenu { width:166px; margin:0; } #submenu ul { margin:0 30px 0 15px; padding:0; list-style-type:none; font-weight:bold; font-size:0.95em; } #submenu li { height:20px; margin:0; padding:0; } #submenu li a:link, #submenu li a:visited, #submenu li a:active { margin:0 0; padding:0 0 0 20px; background:#fff url("submenu_ball.gif") bottom left no-repeat;			 } #submenu li a:hover { margin:0 0; padding:0 0 0 20px; background:#fff url("submenu_ball.gif") bottom left no-repeat;			 } #submenu li a.current { margin:0 0; padding:0 0 0 20px; color:#369;			 background:#fff url("submenu_ball.gif") bottom left no-repeat;			 } /* ------ Left Hand Product SUB Menu Ends ------ */ #quicksearch { width:166px; height:80px; margin:20px 0 10px 0; text-align:center; background:url("quicksearch_bg.gif") top left no-repeat; } #quicksearch form { margin:0; padding:15px 0 0 0; } #phone { width:166px; margin:10px 0; text-align:center; } #phone p.number { margin:0; padding:0; font-size:1.3em; font-weight:bold; }		 /* ------------------- Left Hand Product Menu Ends --------------------- */ #middlecolumn { float:left; width:470px; margin:0; padding:3px 0 0 0; } /* ------------------- Home Page Banners Start --------------------- */ .homepagebannercontainer { width:470px; text-align:left; margin:0 0 20px 0; } .homepagebannertop { width:470px; margin:0; text-align:left; } .advicebanner, .offersbanner { float:left; width:230px; margin:10px 0 0 0; text-align:left; } .accountbanner, .seriousbanner { float:right; width:230px; margin:10px 0 0 0; text-align:right; } .advicebanner a:link, .advicebanner a:visited, .advicebanner a:active { display: block; background:url("adviceontrainingbanner.gif") no-repeat; } .advicebanner a:hover { background: url("adviceontrainingbanner.gif") -230px 0 no-repeat; } .accountbanner a:link, .accountbanner a:visited, .accountbanner a:active { display: block; background:url("applyforanaccountbanner.gif") no-repeat; } .accountbanner a:hover { background: url("applyforanaccountbanner.gif") -230px 0 no-repeat; } .offersbanner a:link, .offersbanner a:visited, .offersbanner a:active { display: block; background:url("specialoffersbanner.gif") no-repeat; } .offersbanner a:hover { background: url("specialoffersbanner.gif") -230px 0 no-repeat; } .seriousbanner a:link, .seriousbanner a:visited, .seriousbanner a:active { display: block; background:url("seriousaboutsportbanner.gif") no-repeat; } .seriousbanner a:hover { background: url("seriousaboutsportbanner.gif") -230px 0 no-repeat; } .homepagebannerbottom { width:470px; margin:10px 0 0 0; text-align:left; }				 /* ------------------- Home Page Banners End --------------------- */ /* ------------------- Fragment Formatting Starts --------------------- */ #middlecolumn ul { margin:10px 0 10px 20px; padding:0; list-style-image:url("list_diamond.gif") } #middlecolumn li { margin:0; padding:0; } /* ------------------- Fragment Formatting Ends --------------------- */ /* ------------- Apply for Account Formatting Starts ------------- */ #accountform { width:310px; margin:10px 10px 10px 60px; padding:15px; border:1px solid #ccc; background:#F4F4F4; } .accountleftcolumn { float:left; width:120px; text-align:right; padding:3px; font-size:0.9em; } .accountrightcolumn { float:right; width:180px; text-align:left; } /* ------------- Apply for Account Formatting Ends -------------- */ /* ------------- Contact Us Formatting Starts ------------- */ #contactform { width:310px; margin:10px 10px 10px 60px; padding:15px; border:1px solid #ccc; background:#F4F4F4; } .contactleftcolumn { float:left; width:70px; text-align:right; padding:3px; font-size:0.9em; } .contactrightcolumn { float:right; width:230px; text-align:left; } #contactusphone { width:470px; text-align:center; } #contactusphone p.number { font-size:2em; font-weight:bold; } /* ------------- Contact Us Formatting Ends -------------- */ /* ----------------------------------------------- Product Area Starts ----------------------------------------------- */ #breadcrumb { width:470px; margin:0 0 15px 0; padding:5px 0 5px 0; background:url("breadcrumb_bg.jpg") top left no-repeat; border-bottom:1px solid #C1CEE6; } #breadcrumb p.breadcrumbtext { font-size:0.9em; color:#708EC5; padding:0 5px; margin:0; } /* ------ Section Thumbs ------ */ #sectionthumbcenter { margin:0; padding:0 0 0 2px; } .sectioncolumn { float:left; width:150px; text-align:center; margin:5px 2px; } .sectionthumb { width:150px; height:160px;							 padding:0 0 0 0; background:url("productthumbbg2.gif") 0 0 no-repeat; } .sectionthumb a { display:block; width:150px; height:160px; padding:0 0 0 0; background:url("productthumbbg2.gif") 0 0 no-repeat; }					 .sectionthumb a:hover { background-position: -150px 0; } .sectionthumb img { border:0px solid #fff; margin:9px 0 0 0; } .sectiontitle { width:150px; font-size:1.2em; font-weight:bold; font-style:italic;			 margin:0 auto 10px auto; text-align:center;			 padding:0; } .sectiontext { font-size:0.9em; padding:0 10px; margin:0; } /* ------ Product Thumbs ------ */ #productthumbcenter { margin:0; padding:0 0 0 2px; } .productcolumn { float:left; width:150px; text-align:center; margin:5px 2px; } .productthumb { width:150px; height:160px;							 padding:0 0 0 0; background:url("productthumbbg2.gif") 0 0 no-repeat; } .productthumb a { display:block; width:150px; height:160px; padding:0 0 0 0; background:url("productthumbbg2.gif") 0 0 no-repeat; }					 .productthumb a:hover { background-position: -150px 0; } .productthumb img { border:0px solid #fff; margin:9px 0 0 0; } .productcolumn p { font-size:0.9em; line-height:1.3em; padding:0 10px 3px; text-align:left; } .smallpricedetail { font-size:0.75em; } .oldprice { font-size:0.8em; text-decoration:line-through; } .basketthumb { border:1px solid #ccc; } /* ------ Product Full ------ */ #productfullimagecolumn { float:left; width:230px; text-align:left; }			 .productfullimage { width:230px; height:240px;							 padding:0 0 0 0; background:url("productfullbg2.gif") 0 0 no-repeat; } .productfullimage a { display:block; width:230px; height:240px; padding:0 0 0 0; background:url("productfullbg2.gif") 0 0 no-repeat; } .productfullimage a:hover { background-position: -230px 0; } .productfullimage img { border:0px solid #fff; margin:7px 10px 10px 10px; } #productfulltitlecolumn { float:right; width:220px; text-align:left; } #producttitle_top { width:220px; height:5px; background:#E7E7E7 url("producttitle_topbg.gif") top left no-repeat; } #producttitle_middle { width:220px; background:#E7E7E7 url("producttitle_middlebg.gif") top left no-repeat; } #producttitle_middle h2 { font-size:1.3em; font-weight:bold; color:#003366; margin:0; padding:0 5px 0 5px; } #producttitle_middle h3 { font-size:1.1em; font-weight:normal; font-style:italic; color:#003366; margin:0; padding:0 5px 0 5px; } #producttitle_middle p.producttitleprice { font-size:1.2em; font-weight:bold; color:#c00; margin:0; padding:5px 5px 0 5px; } .smallerpricedetail { font-size:0.6em; } #producttitle_middle img { border:1px solid #999; margin:10px 0 0 0; } #producttitle_base { width:220px; height:5px; margin:0 0 10px 0; background:url("producttitle_basebg.gif") top left no-repeat; } #productfulltitlecolumn p.options { font-size:1em; font-weight:bold; color:#999; margin:3px 5px 10px 5px; padding:0; border-bottom:1px solid #ccc; } .fullproductoptions { font-size:0.85em; color:#999; margin:5px; padding:0; } .componentlabel { font-size: 0.9em; margin:0 0 0 5px; padding:0; } #productfulltitlecolumn input { margin:-7px 0 0 5px; } #productfulltitlecolumn option { margin:5px; } .productadditionalimageltcolumn { float:left; width:230px; text-align:left; }		 .productadditionalimagertcolumn { float:right; width:230px; text-align:left; } /* ------ Product Full Ends ------ */ /* ------------------- Product Area Ends --------------------- */ /* ------------------- Login Formatting Starts --------------------- */ .loginprompt { float:left; width:100px; text-align:right; margin:5px 3px 5px 0; padding:5px 0 0 0; } .logininput { float:right; width:360px; text-align:left; margin:5px 3px 5px 0;			 } /* ------------------- Right Column Starts --------------------- */ #rightcolumn { float:right; width:200px; margin:0 auto; padding:4px 0 0 0; text-align:left; } #rightcolumn_top { width:200px; height:5px; background:#F1F1F1 url("rightcolumn_topbg.gif") top left no-repeat; } #rightcolumn_middle { width:200px; background:#F1F1F1 url("rightcolumn_middlebg.gif") top left repeat-y; } #rightcolumn_middleimage { margin:10px 0 0 0; padding:0 0 0 4px; } #rightcolumn_middle h2 { font-size:1em; font-weight:bold; margin:0 4px; padding:0; } #rightcolumn_middle p { font-size:1em; margin:0 4px; padding:0; } #rightcolumn_middlebestsellers { margin:5px 10px 0 10px; padding:0; } .bestsellerlistimage { float:right; border:1px solid #A9A9A9; margin:0 0 5px 2px; } /* ------------ Current crossfader ------------- */ #cf_wrapper { position:relative; margin:10px 0 0 0; padding:0 0 0 4px;			 } .cf_element { width:190px; height:460px; border:1px solid #999; } /* ------------ Current crossfader Ends------------- */ /* ------------ Old crossfader ------------- */ #fadeimageholder { width:198px; text-align:left; margin:0; padding:0 0 0 4px; } #rightcolumn_middleimage { position:relative; border:1px solid #999; width:190px; height:460px; margin:15px 0; padding:0; } .slide-image { position:absolute; top:0; left:0; padding:0; margin:0; width:190px; height:460px; background-color:#fff; background-position:center center; background-repeat:no-repeat  } /* ----------- Old crossfader Ends ----------- */ #rightcolumn_base { width:200px; height:5px; background:url("rightcolumn_basebg.gif") top left no-repeat; } /* ------------------- Right Column Ends --------------------- */ /* ------------------- Footer Starts --------------------- */ #footer { width:950px; margin:10px auto 0; padding:40px 0 0 0; background:url("footer_bg_stripe.jpg") top left repeat-x; } #footercontainer { width:950px; padding:0 0 5px 0; } #footerleftcolumn { float:left; width:640px; padding-left:10px;	 text-align:left; font-size:0.75em; } #footerrightcolumn { float:right; width:280px; padding-right:10px; text-align:right; font-size:0.75em; } /* ------------------- Footer Ends --------------------- */ /* Presentation Stylesheet for general text links */ a:link { text-decoration:none; color:#999; } a:visited { text-decoration:none; color:#999; } a:hover { text-decoration:none; color:#369; } a:active { text-decoration:none; color:#369; }	 /* begin general styles for all themes */ .actCHECKOUTEM { background-color: #336699; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #333333; } .actsmaller{ font-size: 10px; color: #333333; } .actxxsmall { font-size: 10px; color: #333333; } .actxsmall { } /*  .actxsmall {	font-size: 11px;	color: #333333;} */ .actsmall { font-size: 11px; color: #333333; } .actregular { font-size: 13px; color: #333333; } .actlarge{ font-size: 16px; color: #333333; } .actxlarge { font-size: 20px; color: #333333; } .actxxlarge { font-size: 20px; color: #333333; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } .actwelcome { font-size: 11px; color: #333333; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { } table#checkout_tablestyle { border:1px solid #E9E9E9; background-color: #FAF8F8; margin:0 0 10px 0; } table.checkout td { background-color: #eeeeee; } table.checkout th { color:#fff; background-color: #336699; } .cart { background-color: #eeeeee; } .cartheading { color:#fff; background-color: #336699; font-weight: bold; } /* end of general styles for all themes */ /* CSS Specific to 'Executive' */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ /* page header fomatting elements ----------------------------------------------------- */ .page_header_home_search_box	{ padding: 1px; margin: 0px; background-image:url('theme_dotted_line_2.gif'); background-color: #336699; } .page_header_menu_cart_login_spacing	{ padding-left: 2px; } .page_header_terms_cart_login_container	{ float: right; text-align: right; } .page_header_terms_container	{ height: 38px; } .page_header_menu_cart	{ padding: 3px 5px 4px 19px; background-image:url('theme_icon_cart.gif'); background-color:#ffffff;  border-top: 1px solid #336699; border-bottom: 1px solid #336699; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#ffffff;	 border-left: 1px solid #336699; border-top: 1px solid #336699; border-bottom: 1px solid #336699; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-image:url('theme_icon_login.gif'); background-color:#ffffff;  border-top: 1px solid #336699; border-bottom: 1px solid #336699; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #336699; margin: 0px 0px 0px 0px; } .page_menu_content	{ width: 762px; height: 21px; } .page_menu_items	{ background-color: #336699; padding: 0px 0px 0px 1px; height: 21px; float: left; width: 65%; } .page_menu_items_search	{ background-color: #336699; padding: 0px 0px 0px 1px; height: 21px; float: right; width: 30%; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .page_body	{ padding: 10px 0px 0px 0px; } .page_body_content	{ width: 762px; text-align: left; } .page_body_content_left_column	{ float: left;  width: 170px; } .page_body_content_right_column	{ float: right;  width: 552px; } /* end page body fomatting elements ----------------------------------------------------- */ /* page footer fomatting elements ------------------------------------------------------- */ .page_footer	{ padding: 30px 0px 30px 0px; clear:both; } .page_footer_content	{ width: 762px; text-align: left; } /* end of page footer fomatting elements ------------------------------------------------ */ /* page left column fomatting elements -------------------------------------------------- */ .left_column_product_image_description	{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } /* end page left column fomatting elements ---------------------------------------------- */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_left	{ float: left; margin: 0 20px 15px 0; border:1px solid #999; } .image_float_right	{ float: right; margin: 0 0 15px 20px; border:1px solid #999; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } .text_menu_no_space	{ word-spacing: normal; } .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* product text ------------------------------------------------------------------------ */ .text_product_small_info	{ font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs	{ font-size: 10px; color: #336699; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 .text_footer	{ color: #336699; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_options	{ font-weight: 900; } .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #336699; font-size: 11px; border: 0; margin: 0; padding: 0; } /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; } .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #336699 } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* ------------------------ */ a.link_cart:visited	{	 color : #336699; text-decoration : underline; } a.link_cart:link  { color : #336699; text-decoration : underline; } a.link_cart:active  { color : #336699; text-decoration : underline; } a.link_cart:hover  { color : #336699; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #ffffff; text-decoration : underline; } a.link_terms_conditions:link  { color : #ffffff; text-decoration : underline; } a.link_terms_conditions:active  { color : #ffffff; text-decoration : underline; } a.link_terms_conditions:hover  { color : #ffffff; text-decoration : underline; } /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */