﻿/*wfc style*/

* {font-family: Trebuchet MS, Verdana, Geneva, Sans-serif; margin: 0;padding: 0;}

html, body, #bg, #bg table, #bg td {background-color:Black;height:100%;width:100%;}

h1 {color:white;font-size: 20px;font-weight: bolder;}
h2 {color:white;font-size: 16px;font-weight: bolder;}
h3 {color:white;}

.slinks {color:White;line-height: 2;Width: 160px;}

.customerMenu {color:White;font-family: Arial Black;font-size:14px;padding: 14px;padding-top:20px;}

#content {left:auto;margin: 0 auto;padding-left: 0;position:relative;width: 930px;overflow:hidden;}

.OrderConfirmation  {width:400px;padding-left:25px; padding-top:30px; font: 12px Verdana, Geneva, sans-serif;line-height: 2.9;color:White;}
  

#OrderLabelArea  {padding-left:15px;padding-bottom:30px;}
    
#co1 {width:550px;padding-bottom:30px;padding-top:30px;}

#co2 {width:250px;padding-bottom:30px;padding-top:30px;float:left}

.numericImg {height:50px;width:50px;}

#menubar {height:60px;text-align:center; width:100%;padding-top:5px}

#left, #right {float:left;border: none;height:70%;position:relative; vertical-align: top;}

#left {overflow:visible;width:170px;}

#right  {width: 130px; margin:0px; }


/*style for cardlogin.aspx */
 
 #cardloginform {padding-left:15px;width:140px;vertical-align:top;position:relative;float:left}
 #cardloginform * {color:White;  font: 10px Verdana, Geneva, sans-serif;line-height: 2;}
 #cardloginform input {color:black}
 #fancards {height:250px;padding-left:30px;width:100px;float:left;vertical-align:top;position:relative}
 

#c0 { padding:5px;width:250px;}

#c1,#c2,#c3 {float:left; overflow:hidden;position:relative;vertical-align: top;}

#c1 {padding-left:5px;width: 155px;}
  
#c2 {padding-left:20px;width:160px;}

#c3 {padding-left:20px;width:220px;height:auto;}
  
#c1 input {width:120px;}

#c2 input {width:auto;}
 
#c1 image , #c2 image, #c3 image  {Height:25px;width:25px;position:absolute;}

#c4 {width:150px;float:left;margin-top:10px;margin-left:5px;vertical-align:top}

#c0 *, #c1 * , #c2 *,#c3 * , #c4 * { color:White;  font: 12px Verdana, Geneva, sans-serif;line-height:1.8;}
#c0 input, #c1 input, #c2 input,#c3 input, #c4 input { color:black;line-height:normal}






    
/*--------------PAGE SECTIONS--------------*/
  

#middle,#customerbox, #center, #productBox,#textblock,#logoandbanner,#ButtonMenu,#searchbox,.bmleft,#vl,#sl, #slerror, #bbanner, #plmiddle, #siteinfoImageMap,#bannerImageMap,#eCash,#cl,#paymentdetails,#searchform, #customerlist,#searchleft,#searchright,.searchmid,#ClubCashBalance 
{float:left;line-height:2;overflow:hidden;vertical-align:top;margin:0px;}
 
 #center {overflow:auto;width: 630px;}
 
 #middle  {height:auto;width:auto;background-color:black;}
 
 
 /*style for contact.aspx */
 
 #contactform {width:260px;}
 #contactform * {color:White; font: 12px Verdana, Geneva, sans-serif; line-height: 2.0; Width: 160px;white-space:nowrap}
 #contactform input {color:black; font: 12px Verdana, Geneva, sans-serif; line-height:normal; Width: 160px;}
 
 
 /*style for customersearch.aspx*/
 
 #customerlist {width:580px;overflow:auto;height:550px;padding-right:10px;padding-left:5px}
 #customerlist * {color:White; font: 12px Verdana, Geneva, sans-serif; line-height: 1.4;vertical-align:top;}
 
 #paymentdetails {width:93%;padding-left:20px}
 #paymentdetails * {color:White;font-size:14px}
 #paymentdetails > h2 {font-size:16px}
 
 /* eCash */
 
 #eCash {padding-left:0px;width:240px;margin-left:15px;padding-top:10px}
 #eCash * { color:White; font-size: 13px; line-height: 2.0; }
 #eCash input { color:black;line-height:normal}
 
 
 
#pbutton1 {width:85%;}
#pbutton1 *, #pbutton2 * {color:black;font-family:Verdana; font-size:12px;width:auto;float:right;padding-top:1px;padding-bottom:1px}

#pbutton1 * {width:110px}
#pbutton2 * {width:220px}
 
 /*--------TOP MENU---------(NAVIGATION)*/
 
 #ButtonMenu  {background-image:url('webimages/NewWFCImages/Top-Buttons-background.jpg');background-repeat:repeat-x;height:35px;width:930px;}
 
 #searchbox {background-image:url('webimages/searchbox3.png'); background-repeat:no-repeat;width:150px;height:100%;padding-top:10px;padding-left:20px;}
 
 #searchbox input  {font-size:14px;height:20px;width:130px;vertical-align:super;border:0px;}

.bmleft  {height:100%;padding-top:8px;}
 
.bmleft input {padding-right:15px;float:left;}

#vl {height:20px;width:175px;}

#minibasket  {height:100%; width:240px; float:left; vertical-align:bottom; padding-left:30px;padding-right:5px}
  
#minibasket * {color:#ffef00;font-weight: bolder;Width: 160px;}


 
 /*----------------BANNERS---------------*/  

 #logoandbanner, #bbanner {width:100%;height:100%;vertical-align:top;float:left;} 
 
 
 /***/
 #customerbox {height:auto;line-height:1;padding-left: 10px;width:96%;}
 
 #dstatus {width:400px;height:100px;padding:20px; float:left;position:relative;vertical-align: top;}
 
 /*---------------PRODUCT VIEW---------------*/

#productBox  {height:auto; min-height:785px; padding: 5px; } 

#moreviews  {background-color:white; border:solid gray;float:right;height:540px;overflow:auto;width:130px;padding-top:5px;padding-left:15px;}
 
#moreviews  * {width:100px;padding-bottom:2px;color:black;font-size:14px;font-weight:bold;}
 
#moreviews a {color:black;font-size:10px;}
 
.productinfo { float:left; line-height:1.7; padding-left:10px; padding-top:0px; vertical-align:top; width: 390px;}
.printinfo { float:left; line-height:1.7; padding-left:10px; padding-top:0px; vertical-align:top; width: 620px;}

#printleft {float:left;vertical-align:top;}
 
#printleft p{ color:White; font-size:10px;}
 
#badgeright  { background-color:Gray;float:left;padding-left:25px;vertical-align:top;width:180px; height:110px; }
 
#badgebox {float:left;vertical-align:top;width:180px;padding-left:25px;padding-bottom:5px;background-color:Gray;margin-top:5px;height:70px;}
 
#options * , #badgeright * {color:White;font-size:10px;font-weight:bold;line-height:1.7em;}

#badgebox * {color:White;font-size:11px;}
 
#names {float:left;padding-top:0px;vertical-align:top;width:auto;width:390px;}

#printoptions {height:auto;line-height:2;}







.Thumbnail,#imgb0,#imgb1 {height:100px; width:100px;}

 
 /*----------PRODUCT LIST VIEW----------*/
 
 
#plmiddle  {padding-left:20px;padding-top:15px;min-width:600px;}
 
#frame  {background-image:url('webimages/bgframe295x140.png');background-repeat:no-repeat; float:left;height:130px;padding-bottom:20px;padding-left:5px;padding-top:0px;width:295px;} 

#PageButtons  {clear:both;float:none;text-align:center;}   

#ProductListLeft {float:left;height:100px;overflow:hidden;padding-bottom:0px;padding-left:5px;padding-top:20px;vertical-align:top;width:100px;}
 
#ProductListRight {color:Black;font-size:14px;font-family:Trebuchet MS, Verdana, Geneva, Sans-serif;font-weight:bold;Height:60px;line-height: 1.3;}
 
#ProductListDetails  {padding-bottom:2px;height:85px;line-height:1;}
  
#labelbox {float:left;height:40px;line-height:1;padding-bottom:0px;padding-left:2px;padding-top:2px;vertical-align:top;width:65px;}

#commandbuttons {float:left;height:35px;line-height:normal;padding-bottom:0px;padding-top:3px;width:105px;}

#commandbuttons2 {float:left;height:25px;line-height:normal;padding-bottom:0px;padding-top:4px;width:105px;}

#commandbuttons * {height:30px;width:48px;} 
 
 
/***/
 

#rb {background-image:url('webimages/rb.background.png');background-repeat:no-repeat;height:150px;padding:18px;width:450px;} 

#textblock {color:white;font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.9;padding-left:20px;padding-right:10px;text-align :left;height:100%;width:90%}

/*IMAGES, BANNERS*/


.bannerbottom {height:70px;width:100%;}

#c1 image, #c2 image, #c3 image,#paymentdetails image {height:25px;position:absolute;width:25px;}

#images  {float:right;height:110px;overflow:hidden;vertical-align:Top;width:100%;}


/*-----------------LABELS-----------------*/

.XXSBLabel { color:black; font: 9px Verdana, Geneva, sans-serif; line-height:1.2; vertical-align:top; white-space:pre-line;}

.HBLabel { color: black; font-size: 14px;line-height: 2; Width: 160px;  font-weight:bold;}

.XSPLabel {color:White;font-size: 12px;width:80px;Height: 60px;font-weight:bold;line-height: 2.2;Padding-left:10px;white-space:nowrap;}

.XXSPLabel {color:White;font-size: 10px;width:80px; Height: 60px;font-weight:bold;line-height: 2.7;Padding-left:10px;white-space:nowrap;}

.SBPLabel{color:Black;font-size:14px;font-family:Trebuchet MS, Verdana, Geneva, Sans-serif;font-weight:bold;Height:60px;line-height: 1.3;}

.XSWLabel { color:White;  font: 10px Verdana, Geneva, sans-serif;line-height: 1.9;}

.SWLabel { color:White; font: 12px Verdana, Geneva, sans-serif; line-height: 2.0; Width: 160px; }

.PLabel  {color:White; font-size: 14px; font-weight:bold; Height: 60px; line-height: 1.7; }

.WHeader {color:white;font-weight: bolder;Width: 160px;}
.PHeader {color:white;font-weight: bolder;background-color:#484848;padding-left:3px;float:left;width:220px}

.SALabel { color: red;font-size: 9px; font-weight:bold;line-height:1.1;vertical-align:top;white-space:nowrap;}

.AlertLabel { color: red; font-size: 14px; font-weight:bold;}

.DiscountStyle {color: red;font-weight:bold;text-decoration:line-through;}

.customlabel {white-space:nowrap;font-size:9px;vertical-align:top;}

/*-------------------------BUTTONS------------------*/

.StButton {color:Black; width: 140px;text-align:center}
.MButton {color:Black;font-size:12px;min-width:100px;width:120px;text-align:center}
.SButton {width:100px;color:Black;text-align:center}
#navigatebtn {font-weight:bold;}
.LButton {color:Black;font-family: width: 220px;}
/*------------------------MENU------------------------*/


.MenuStyleItems {border-bottom: solid 3px #484848;color: white;font-family:Arial Rounded MT Bold;font-size:13px;height:auto;text-indent: 2px;white-space:pre-line;width: 100%;text-align:left;}
.MenuStyleItems:hover {background-repeat: repeat-x;border-bottom-color:#484848;color: #fee100;font-family:Arial Rounded MT Bold;font-size:13px;padding: 0;}
.MenuStyleItems image {margin-left:+120px;position:absolute;}


/*-------------NEW MENU FOR CLUBCASH-----------*/

.YellowMenuStyle {border-bottom: solid 3px #484848;color: #fee100;font-family:Arial Rounded MT Bold;font-size:13px;height:auto;text-indent: 2px;white-space:pre-line;width: 100%;text-align:left;}

/*------------ITEMS--------------*/


.clublogo {height:110px;Width:930px;}
.FrameImages {height:220px;Width:100%;margin-bottom:0px;}
.Basket {background-color:White;font: 14px Verdana, Geneva, sans-serif;padding-top:5px;vertical-align: Top;}
.checkout  {background-color: White;font: 12px Arial, Geneva, sans-serif;}

/*---------- BASKET AND ORDER DETAIL VIEW----------*/

#b0,#b1,#b2,#b3,#b4,#removebuttonArea {float:left;padding:10px;vertical-align:top;width:10%;}
   
#b1 {height:100px;overflow:hidden;padding-left:0px;width:13%;}
 
#b2 {width:32%;}

#b0 {min-height:20px;padding-top:10px;width:13%;}
    
#b3 {padding-top:10px;text-align:right;vertical-align:bottom;width:18%;}
    
#b4 {text-align:right;vertical-align:bottom; width:9%;} 

#b3 *,#b4 * {white-space:nowrap;}

#removebuttonArea {height:25px;padding:0px;text-align:right;width:32%;}

#removebuttonArea input {height:25px;vertical-align:top;width:25px;}


#f0, #f1, #f2  {float:left;vertical-align:top;width:15%;font: 16px  Verdana, Geneva, sans-serif;font-weight:bold;line-height: 1.4;min-height:30px;}
    
#f2 {width:10%;text-align:right;padding-right:5px;padding-left:0px;margin-left:40px;}
  
#f2 *, #f1 * {font-weight:bold;white-space:nowrap;}

#f1 {width:18%;overflow:visible;text-align:right;margin-left:20px;}
#f0 {width:60%;height:100%;}
#f1 * {text-align:right;margin-right:30px;float:right;}

#OrderItemsView * {background-color:white;color:black;font-size: small;}
 
 /*-------------PRODUCT LIST GROUP VIEW--------------*/
 
#groupframe {background-image:url('webimages/plbg.png');background-repeat:no-repeat;float:left;height:114px;padding-left:25px;padding-top:15px;width:260px;} 
#GroupListLeft,#GroupListRight{float:left;height:100px;padding-left:5px;padding-top:5px;vertical-align:top;}
#GroupListLeft {width:100px;}
#GroupListRight {width:70px;}
 
 
 /*----------CARD LOGIN PAGE----------*/

 

    

/*---------- LOGIN LINKS PAGE----------*/
 
.login  {background-color: #fee100;width:100%;height:40px;padding-left:10px;padding-right:10px;}
.login *  {color:black;font-size:14px;font-weight:bolder;}
 

/*--------------SILVERLIGHT ITEMS ON FRONT PAGE-------------*/
 
 
 .sl_host {float:left;height:300px;width:315px;overflow:hidden;padding:0px;z-index:0;}
 #slControlHost {float:left}
 #sl2  {width:220px;height:320px;float:left;vertical-align:top;}
 
 
    
   /*----------IMAGE MAP----------*/
    
 #siteinfoImageMap {background-image:url('webimages/NewWFCimages/WFCSiteInfo.png');height:20px;width:930px;position:relative;background-repeat:no-repeat;}
 #siteinfoImageMap a {display:block;position:absolute;}
 #siteinfoImageMap a#js {width:110px;height:9px;left:0px;top:0px;}
 #siteinfoImageMap a#PCSLTD {width:200px;height:9px;left:120px;top:0px;}
 #siteinfoImageMap a#WFC {width:360px;height:9px;left:600px;top:0px;}
 


 #bannerImageMap {background-image:url('webimages/NewWFCimages/Footer.jpg');height:110px;width:930px;position:relative;background-repeat:no-repeat;}
 #bannerImageMap a {display:block;position:absolute;}
 #bannerImageMap a#wfchome {width:400px;height:110px;left:0px;top:0px;}
 #bannerImageMap a#orders {width:400px;height:110px;left:405px;top:0px;}
 
 
 /*-----------GENERAL-----------*/
 
.p1 {padding:5px;}
 
.p2 {padding:10px;}
     
.p3 {padding:15px;}

.p4 {padding:20px;}

.p5 {padding:25px;}

.p6 {padding:30px;}


.tibutton{width:35px;height:auto;}


#textblock {color:white;font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.9;padding-left:20px;padding-right:10px;text-align :left;height:100%;width:90%}
  
  
#advancedsearch  {height:auto;width:550px;padding:10px;line-height:1.6; }
  
#AdvancedSearchListLeft {
    float:left;height:120px;overflow:hidden;
    padding-bottom:0px;padding-left:2px;padding-top:0px;vertical-align:top;width:170px;
    line-height:normal;
}

  
#searchleft,#searchright,.searchmid  {
  width:115px;
  float:left;
  padding-top:7px;
  font-size:11px;
  height:125px;
}
  
#searchright {width:70px;}
#searchleft * , #searchright * , .searchmid * {color:White;}
  
  
#frame2  {background-image:url('webimages/bgframe295x165.png');background-repeat:no-repeat; float:left;height:165px;padding-bottom:0px;padding-left:5px;padding-top:0px;width:295px;margin-bottom:10px} 

#searchright {width:70px;}

#advancedsearch input {color:Black;font-size:10}
#advancedsearchdetails {height:70px;line-height:0.6px;}
#advancedsearchdetails * {color:black; font: 12px Verdana, Geneva, sans-serif; line-height:1.2; vertical-align:top; white-space:pre-line;}


#alabelbox {float:left;height:16px; line-height :0.2;padding-bottom:1px;padding-left:0px;padding-top:1px;vertical-align:top;width:95px;}
  
  
.XSmall {color:Black;font-size: 10px;font-weight:bold;line-height: 0.8px ;}

.Small {color:Black;font-size: 12px; font-weight:bold;line-height:0.7;}

.Normal  {color:Black; font-size: 14px; font-weight:bold;  line-height:0.7; }

  
  
.x1   { width:120px;float:left; vertical-align:top;
overflow:hidden;
line-height:1.8;
margin:0px;
  }
.x1  * {
  color:White;
  font-size:10px;
 }
.x1 input {
  color:Black;
  font-size:10px;
 }

    
/*  Club Cash formatting  */
    
.aboutclubcash { vertical-align:top;float:left;height:655px;width:625px; padding-top:5px;padding-left:5px;background-color:black}
.aboutclubcash image {border:none }
    
.clubcashtext {color:White;width:590px;padding-left:20px;font-size:13px;text-align:justify;line-height:1.8;}


#ecashImageMap {float:left;line-height:2;overflow:hidden;vertical-align:top;margin:0px;}
#ecashImageMap {background-image:url('webimages/ecashimagebar.jpg');height:90px;width:630px;position:relative;background-repeat:no-repeat;}
 
#ecashImageMap a {display:block;position:absolute;}
#ecashImageMap a#link1 {width:110px;height:60px;left:10px;top:0px;}
#ecashImageMap a#link2 {width:60px;height:60px;left:120px;top:0px;}
#ecashImageMap a#link3 {width:70px;height:60px;left:190px;top:0px;}
#ecashImageMap a#link4 {width:85px;height:60px;left:265px;top:0px;}
#ecashImageMap a#link5 {width:70px;height:60px;left:345px;top:0px;}
#ecashImageMap a#link6 {width:160px;height:60px;left:415px;top:0px;}
 
 
 
 
 #ccdisplay {vertical-align:top;height:auto;width:40%;background:black;position:relative;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:3px;border: 2px solid silver}
 #ccdisplay * {color:White;font-size:12px}
 
 #ClubCashBalance {font-weight: bolder;height:100%;margin-left:10px;margin-right:7px;Width: 190px;}
 #ClubCashBalance * {color:#ffef00;font-weight: bolder;}
 #ClubCashBalance a {color:white;font-weight: bolder;}
 
 
 
 #checkoutlink{width:70%;height:250px;background-color:black;float:left;margin-top:0px;margin-left:5px;}
 #checkoutlink image {border:none}

 
 #menubar * { margin-left:-3px;margin-right:-3px; }
 
 #mailorderloginform > h3 {font-size:14px}
 #mailorderloginform *{color:white;font-size:12px}
 #mailorderloginform input {color:black}
 
 #creditcarddetails {float:left;vertical-align:top;width:330px;position:relative}
 #creditcarddetails * {font-size:13px;color:white;margin-top:5px}
 #creditcarddetails input, #creditcarddetails select option, #creditcarddetails select {font-size:13px;color:black;margin-top:5px}
 
#ddbox * ,#ddbox2 *, #ddbox3 *, #ddbox4 *, #ddbox5 * {color:black}

#pwdreminder {padding:10px;}
#pwdreminder * {color:White}
#pwdreminder input {color:Black;padding-left:5px;padding-right:5px;}



/*Quick styling of updated customerlogin.aspx*/

#aboutYou,
#store
{
    color: White;
}

#aboutYou td,
#store td
{
    width: 270px;
}

#aboutYou input,
#store input
{
    width: 95%;
}


/*===============Main.aspx=============*/

.parenta,
.parentb
{
	height: 315px;
	width: 315px;
	margin: 0;
	padding: 0;
	float: left;
}

.parenta img,
.parentb img
{
	/*position: absolute;*/
	top: 0;
	left: 0;
    border: none;
}
