/*	
    Flexi Compras Corp. 2009
	Website Colors
	Name            Hex			Desc
	---------------------------------------------------------
	Flexi Orange        #ff7300     Orange
	Flexi Blue          #005ac3     Blue
	Body                #666666     Silver
	
	Blue Box
	----------------------------
	border              #85b1de
    background:         #edf2f7
	
	Orange Box
	----------------------------
	border              #ffbd69
    background          #ffe7a2
	
	
*/	

/*  _________________________________________________________

    CSS Reset
    _________________________________________________________ */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p{margin:0; padding:0; text-align:left;}
    table{border-collapse:collapse; border-spacing:0}
    fieldset,img{border:0;}
    h1,h2,h3,h5,h6{font-size:100%;font-weight:normal;}
    input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
    /*ul,ol,LI{list-style:none}*/
    html{-webkit-text-size-adjust:95%}
    
/*  _________________________________________________________

    Standard Formating
    ________________________________________________________*/

body 
{
    background:url(../img/background.png);
    padding: 0;
    margin: 0;
    color: #666666;
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    font-style: normal
}    



#backshade
{
    /*    border: 1px solid red;*/
    padding: 0;
    margin: 0;
    width: 100%;
    height: 300px;
    background: url(../img/background_accent.png) top left repeat-x;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    display: inline;
    float: none;
}

/*  _________________________________________________________

    Layout
    ________________________________________________________*/

#wrapper
{
    position: static;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    margin: 20px auto 0 auto;
    padding: 0px;
    background-color: white;
    width: 963px; 
    /*min-height: 100%;*/
   
}

.mytest td
{
    text-align: left;
}

#two_column_left
{
    /* Container for apply online forms
    border: solid 1px #cccccc; */
    width: 70%;
    min-height: 100%;
    margin: 5px 15px 10px 15px;
    padding: 0;
    font-size: 11px;

}

/* ---------------------- 2 Column Left   |       | | */  
/*                                        |       | | */
.two_col_right
{
    border-width: 1px;
    border-style: none none solid none;
    border-color: #cccccc;
    padding: 0;
    margin: 0 0 0 15px;
    width: 931px;
    min-height: 300px;
    font-size: 11px;
    
}
.two_col_right_r
{
    background-color: white;
    vertical-align: top;
    padding: 10px;
}
.two_col_right_l
{
    width: 200px;
    background: #edf2f7;
    vertical-align: top;
    padding: 10px;
}

/* ---------------------- 2 Column Right  | |     | */  
/*                                        | |     | */
.two_col_left
{
    border-width: 1px;
    border-style: none none solid none;
    border-color: #cccccc;
    padding: 0;
    margin: 0px 0 0 15px;
    width: 931px;
    min-height: 300px;
    font-size: 11px;    
}
.two_col_left_r
{
    width: 200px;
    background: #fdf3d5;
    vertical-align: top;
}
.two_col_left_l
{
    background-color: white;
    vertical-align: top;
}






#three_columns
{
    /* Table Layout for 3 columns*/
    border-width: 1px;
    border-style: none none solid none;
    border-color: #cccccc;
    padding: 0;
    margin: 0px 0 0 15px;
    width: 931px;
    min-height: 300px;
    font-size: 11px;
}



#three_left
{
    /* TD Layout for 3 columns*/
    /*  border: solid 1px #ffbd69;*/
    width: 200px;
    background: #fdf3d5; /* url(../img/sidebar_happypeople.gif) bottom center no-repeat;*/
    vertical-align: top;
}

#three_middle
{
    /* TD Layout for 3 columns*/
    /*border: solid 1px #EBEBEB;*/
    background-color: white;
    vertical-align: top;
}
#three_right
{ 
    /* TD Layout for 3 columns*/ /*border: solid 1px #85b1de;*/
    width: 200px;
    /*background-color: #edf2f7;*/
    background: #edf2f7 url(../img/sidebar_truck.gif) bottom center no-repeat;
    vertical-align: top;
 }


/*  _________________________________________________________
    
    Header
    ________________________________________________________*/
    
#row1container
{
    /* Container for Row (1) - Global Navigation, Home, 888, Language*/ /*position: static;*/
    border-style: none none solid none;
    border-width: 1px;
    border-color: #cccccc;
    width: 963px;
    height: 20px;
    margin: 0;
    padding: 0;
    color: #666666;
    background-color: #e4e4e4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#row2container
{
    /* Container for Row (2) - Logo and store locator */
    width: 933px;
    height: 66px;
    margin: 5px 15px 10px 15px;
    padding: 0;
}

#row3container
{
    /* Container for Row (3)- Navigation Bar*/
    width: 933px;
    margin: 0 15px 0 15px;
    padding: 0;
}

#row4container
{
    /* Container for Row (4)- Ad Rotator*/
    position: relative;
    /*border: solid 1px red;*/
    width: 933px;
    margin: 5px 15px 1px 15px
}


#row5container
{
    /* Container for Row (5)- Static B-E*/
    /*position: relative;*/
    clear:both;
    /*border: solid 1px red;*/
    min-height:130px;
    width: 933px;
    margin: 5px 0 0 15px;
    padding: 0
}


.StaticB
{
    /*clear:both;*/
    float: left;
    /*border: solid 1px #cccccc;*/
    width: 223px;
    height: 125px;
    margin: 0 11px 0 0;
    padding: 0;
    text-align: left;
}  


.StaticB_Last
{
    /*clear:both;*/
    float: right;
    /*border: solid 1px #cccccc;*/
    width: 223px;
    height: 125px;
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
}  


#row6container
{
    /* Container for Row (6)- Accordion*/
    /*position: fixed;*/
    /*float: clear;*/
    /*border: solid 1px red;*/
    width: 933px;
    height: 360px;
    margin: 5px 15px 1px 15px
}

#globalnavL 
{   /* Container for Row (1) Cell (1)*/
    position: relative;
    float: left;
    width: 30%;
    text-align: left;
    top: 10%;
}

#globalnavC 
{   /* Container for Row (1) Cell (2)*/
    display: block;
    position: relative;
    float: left;
    width: 40%;
    text-align: center;
    vertical-align: bottom;
    top: 10%;
}

#globalnavR 
{   /* Container for Row (1) Cell (3)*/
    position: relative;
    float: left;
    width: 30%;
    text-align: right;
    top: 10%
}

#linkhome
{   /* Add icon and format link on row 1 cell 1 (HOME)*/
    background-position: left top;
    background: url(../img/ico_globalnav_home.gif) top left no-repeat;
    padding: 0 25px;
    margin: 0;
    text-decoration: none;
    text-align: left;
    color: #666666
}

#link800
{   /* Add icon and format link on row 1 cell 2 (888-Mi-Flexi)*/
   /* background-position: left top;*/
    background: url(../img/ico_globalnav_phone.gif) top left no-repeat;
    padding: 0 25px;
    margin: 0;
    text-decoration: none;
    text-align: left;
    color: #666666
}

#linklanguage
{   /* Add icon and format link on row 1 cell 3 English/Espanol*/
    background-position: left top;
    background: url(../img/ico_globalnav_globe.gif) top left no-repeat;
    padding: 0 25px;
    margin: 0;
    text-decoration: none;
    text-align: left;
    color: #666666
}

#linkhome:hover
{   /* hover effect for link on row 1 cell 1 (HOME)*/
    /*background: url(../img/ico_globalnav_home_hover.gif) top left no-repeat;*/
    color: #ff7300;
}

#link800:hover
{   /* hover effect for link on row 1 cell 2 (888-MI_FLEXI)*/
    /* background: url(../img/ico_globalnav_phone_hover.gif) top left no-repeat;*/
    color: #ff7300;
}

#linklanguage:hover
{   /* hover effect for link on row 1 cell 3 (English/Espanol)*/
    /* background: url(../img/ico_globalnav_globe_hover.gif) top left no-repeat;*/
    color: #ff7300;
}

#logo 
{   /* Container for logo on row 2 cell 1 */
    position: relative;
    float: left;
    width:110px;
    margin: 0;
    padding: 0
    /*border: solid 1px green*/
    /*height: 66px*/
}  

#slogan_eng 
{   /* Container for Row (1) Cell (3)*/
    background: url(../img/eng/makeityours_50h.gif) bottom right no-repeat;
    position: relative;
    float: left;
    width: 300px;
    /*border: solid 1px red;*/
    height: 55px;
    text-align: left;
    /*top: 4px*/
    
}

#locator
{
    /* Container for store locator (on header) row 2 cell 2 */
    /*border-style: solid;*/
    position: relative;
    float: right;
    width: 190px;
    height: 30px;
    margin: 0;
    padding: 0;
    color: #005ac3; /*background-color: #EDF2F7;
    background: url(../img/background_locator.png) repeat-x left bottom;
    border: solid 1px #85b1de;*/
    display: table-cell;
    text-align: right;
    top: 40%;
    vertical-align: middle;
}

#inputZip /*Input box*/
{
    border: solid 1px #ffbd69; 
    width: 70px;
    background-color: #fdf3d5;
    text-align: center
}

#flashcontent
{
border: solid 1px #cccccc;
width: 695px;
}

#StaticA
{
    position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #cccccc;
    width: 223px;
    height: 260px;
    margin: 0 0 0 5px
}

/* Store locator list - Container for logo next to store information */
#LocatorListTable
{
    border-style: solid none none none;
    border-width: 1;
    border-color: silver;
    width: 100%;
    margin: 10px 0 10px 0;
    vertical-align: middle;
    padding: 25px;
    font-size: 11px;
}

/* Store locator list - Container for logo next to store information */
#LocatorTdLogo
{
    width: 65px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: silver;
    padding-left: 5px;
}      
/* Store locator list - Container for store information next to logo */

#LocatorTdInfo
{
    vertical-align: top;
    width: 250px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: silver;
    padding: 10px 0 auto 0;
    
    
}
#LocatorTdHours
{
    vertical-align: middle;
    Width: 200px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: silver;
    padding: auto 0 auto 0;
}
#LocatorTdContact
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: silver;
    vertical-align: middle;
    padding: auto 0 auto 0;
}
#Hours
{
    font-size: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    padding: auto 0 auto 0;
}




/*  ------------------------- Links ------------------------*/

a:focus     {outline: none}



/*  ------------------------- Misc Elements ------------------------*/

div.bluebox
{
    padding: 10px;
    color: #005ac3;
    background-color: #edf2f7;
    border: 1px solid #85b1de;
    vertical-align: top;
}

div.orangebox
{
    padding: 10px;
    color: #ff7300;
    background-color: #ffe7a2;
    border: 1px solid #ffbd69;
    vertical-align: top;
}

span.orange
{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff7300;
}

span.blue
{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #005ac3;
}

p.blue
{
    margin: 1px 0 3px 0;
    padding:0;
    font-size: 12px;
    color: #005ac3;
    font-family: verdana, Arial, Helvetica, sans-serif;
}

p.orange
{
    margin: 1px 0 3px 0;
    padding: 0;
    font-size: 12px;
    color: #ff7300;
    font-family: verdana, Arial, Helvetica, sans-serif;
}

a.orange
{
    color: #ff7300;
    font-size: 12px;
    padding: 0; 
}

a.blue
{
    color: #005ac3;    
    font-size: 12px;
    padding: 0; 
}

a.orange:hover
{
    color: #005ac3;
    font-size: 12px;
    padding: 0;
    font-weight: bold;
}

a.blue:hover
{
    color: #ff7300;
    font-size: 12px;
    padding: 0;
    font-weight: bold;
}

          
/*  ------------------------- Links with Icons -------------*/
a.linkorange
{
    background: url(../img/ico_link_arrow_orange.png) bottom left no-repeat;
    padding: 0 0 0 17px;
    margin: 0 0 0 0;
    text-decoration: none;
    color: #ff7300;
    text-align: left;
}
	

a.linkblue
{
	background:url(../img/ico_link_arrow_orange.png) bottom left no-repeat;  
	padding:0 17px; 
	margin: 0;
	/*text-decoration:none;*/
	text-align:left;
	font-weight: bold;
	color: #005ac3
}

a.linkorange:hover {
    text-decoration: underline}

a.linkblue:hover {
    text-decoration: underline}	


input.go
{
    /* Formatting for GO button*/
    font-size: 10px;
    color: ff7300;
    text-align: center;
    font-weight: bold;
}    

p 
{
	margin:2px 15px 15px 15px;	
	padding: 0px;
	text-decoration: none;
	/*font-size: 1em;*/
	text-align: left
}

input.orange
{
    border: solid 1px #ffbd69; 
    width: 70px;
    background-color: #fdf3d5;
    text-align: center
}


p.copy
{
    margin: 2px 0 5px 0;
    padding: 0;
    text-decoration: none; /*font-size: 1em;*/
    text-align: justify;
}


h1.orange
{
    color: #ff7300;
    font-size: 13px;
    font-weight: bold;
}

h1.blue
{
    color: #005ac3;
    font-size: 13px;
    font-weight: bold;
}


h1.prod_col_title
{
    /* color: #FFCC99;*/
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 0 0;
    color: #005ac3;
    text-align: center;
}

h1.static_title_orange
{
    color: #ff7300;
    font-size: 16px;
    font-weight: bolder;
    font-family: Arial;
    padding: 5px;
}

h2.static_subtitle_orange
{
    color: #005ac3;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    padding: 5px;
}

    
span.findastore
{
    background-position: left top;
    background: url(../img/ico_search_orange.png) top left no-repeat;
    padding: 0 0 0 17px;
    margin: 0 0 0 80px;
    text-decoration: none;
    text-align: right;
    color: #ff7300;
    font-size: 11px;
    font-weight: bold; /*letter-spacing: .2em;*/
}

/*  _________________________________________________________
    
    NavBar
    ________________________________________________________*/
#navbar
{
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid none solid none;
    margin: 0 auto;
    padding: 0;
    min-height: 30px;
    background: url(../img/navbar_background_t.png) bottom repeat-x;
    width: 930px
}    
    
#navbar ul
{
	float:right; /*** Controls Alignment of menu ****/
	margin:0;
} 

#navbar li
{ 
	list-style-type: none; 
	float:left
} 

#navbar li a
{
    color: #005ac3;
    line-height: 2.5em; 
    text-decoration: none;
    font-size: 12px;
/*  font-size: 10px; */
    font-weight: bold;
    padding: 0 8px; /*** Controls the separation between choices in the menu ***/
    display: block; 
    white-space: nowrap
}
  
#navbar li a:hover
{
	color: #ff7300
}

.navbarLink
{
	text-decoration:none; 
	background:url(../img/navbar_separator_t.png) bottom left no-repeat
}

.navbarLinkNormal
{
	text-decoration:none; 
	background:url(../img/navbar_separator_b.png) bottom right no-repeat
}

.navbarLinkLast
{
	padding:0 4px 0 0
}

/*  _________________________________________________________
    
    NavBar_sub
    ________________________________________________________*/

h1.subnav_header
{
    border-width: 1px;
    border-color: #005ac3;
    color: #005ac3;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 10 0 0 0; /*** Controls the separation between choices in the menu ***/
    display: block;
    white-space: nowrap;
    border-bottom-style: solid;
}

.navbar_sub
{
    /*margin: 0 auto;*/
    padding: 0;
    line-height: 14px;

}    
 


.navbar_sub li a
{
    /*margin: 23px auto;*/
    color: #005ac3;
    text-decoration: none;
    font-size: 12px;
    padding: 0; 
    display: block; 
    white-space: nowrap
}
  
.navbar_sub li a:hover
{
	color: #ff7300;
	background: Lime;
}

.navbarLink_sub
{
	text-decoration:none; 
}



/*  _________________________________________________________

    Customer Service Column Navigation 
    ____________________________________________________________*/


#cs_nav_table
{
    /*padding: 10px;*/
    color: #ff7300;
    background-color: #ffe7a2;
    border: 1px solid #ffbd69;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
}

#cs_nav_td_body
{
    background-color: White;
    color: #3399FF;
    text-decoration: none;
    font-size: 11px;
    padding: 5px;
    font-weight: normal;
    border-top: none;
}

#cs_nav_td_title
{
    border-bottom: solid 1px #ffbd69;
    padding: 3px;
}


.blue_table
{
    color: #005ac3;
    background-color: #edf2f7;
    border: 1px solid #85b1de;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
}

.blue_td_body
{
    background-color: White;
    color: #85b1de;
    text-decoration: none;
    font-size: 11px;
    padding: 5px;
    font-weight: normal;
    border-top: none;
}

.blue_td_title
{
    border-bottom: solid 1px #85b1de;
    padding: 3px;
}


/*  _________________________________________________________
    
    Soft_menu
    ________________________________________________________*/

#rowcontainer_softmenu
{
    /* Container for Row (5)- Static B-E*/
    /*position: relative;*/

    clear:both;
    border: solid 1px #85b1de;
    background: #edf2f7;
    width: 933px;
    height: 115px;
    margin: 0 0 20px 15px;
    padding: 0;
}

.sofmenu_containers
{
    padding: 5px ;
    Float: left;
    /*border: solid 1px #cccccc;*/
    width: 180px;
    height: 100px;
    margin: 0 0 10px 5px;
}


h1.Softmenu_title
{
 /*   border-width: 1px;
    border-color: #005ac3;
    border-bottom-style: solid;*/
    color: #ff7300;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 2px 0;
    /*display: inline;*/
}

.softmenu_items
{
    color: #3399FF;
    text-decoration: none;
    font-size: 11px;
    padding: 1px;
    margin: 0 0 0 0;
    list-style-type: none;
    list-style-image: none;
}

a.softmenu_link
{
    text-decoration: none;
}


a.softmenu_link
{
    color: #005ac3;
}


a.softmenu_link:hover
{
    font-weight: bold;
    font-size: 14px;
}

/*  _________________________________________________________
    
    Mailing List
    ________________________________________________________*/



#mailing_container
{
    border-style: none none none solid;
    border-width: 1px;
    border-color: #85b1de;
    position: relative;
    float: left;
    padding: 0 0 0 8px;
    width: 320px;
    background: #edf2f7;
    height: 113px;
}

table.mailing
{
    color: #666666;
    font-size: 11px
}


img.product_tn
{
    border: 1px solid #CCCCCC;
}

table.productgrid
{
    color: #666666;
    font-size: 11px
}
td.product_pic
{
    height:160px;
    width: 206px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}
td.product_desc
{
    width: 100%;
    height: 180px;
    vertical-align: top;
    text-align: left;
    padding-left: 15px;
}

h1.prod_title
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #ffe7a2;
    color: #ff7300;
    font-size: 13px;
    font-weight: bold;
}
ul.ulproduct
{
    margin: 5px 0 5px 0;
    list-style-position: inside;
   /* color: #005ac3;*/
}
p.pproduct
{
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #ffe7a2;
}

input.applynow
{
    font-size: 10px;
    color: ff7300;
    text-align: center;
    font-weight: bold;
}  


/* 
Footer


************************************
*/

#lastrow
{
    /* Container for last row*/
    border-style: none solid;
    border-width: 1px;
    border-color: #cccccc;
    width: 963px;
    height: 15px;
    margin: auto;
    padding: 0;
    color: #666666;
    background-color: #e4e4e4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
}

/*

#row1container
{
  
    border-style: none solid solid none;
    border-width: 1px;
    border-color: #cccccc;
    width: 963px;
    height: 20px;
    margin: 0;
    padding: 0;
    color: #666666;
    background-color: #e4e4e4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

*/