/* CSS Document */

/* CUSTOMISED HTML TAGS */

html, body { margin:0px auto; height:100%;}

.float { float:left; }

.cssbutton_holder { float: left; padding-top:3px; }
.cssbutton_holder_search { float: left; padding-top:0px; }
.cssbutton_holder_similar { float: left; padding-top:35px; }
* html .cssbutton_holder { float: left; padding-top:0px; } /* EXPLORER 6 HACK */

/* CLEARFIX - Makes divs wrap all elemnts before closing. Use with caution! */
/* Hack for IE */ * html #envelopes_holder { height: 100%; }/* End IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}/* End hide from IE-mac */ 
/*END OF CLEARFIX */
/* DIV ID'S */

#holder { width:960px; margin:0px auto; min-height:100%; }
* html #holder { height:100%;} /* EXPLORER 6 HACK */

#header { float:left; width:960px; height:140px; background:url(http://www.thefamilytentshop.com/images/header-bg.jpg); background-repeat:no-repeat; margin:5px 0 10px 0; }
#logo { float:left; width:500px; height:125px; padding:7px 10px 8px 10px; }
#advertrotator { float:left; width:420px; height:125px; padding:7px 10px 8px 10px; }

#sidemenu { float:left; width:220px; height:auto; padding:0px; border-right:1px solid #CCCCCC; }

#listmenu, #searchmenu, #sslmenu, #securemenu { float:left; width:200px; padding:0 10px; }
#searchmenu, #securemenu { float:left; width:200px; padding:0 10px; margin-top:15px; }
 
#floating-basket { float:left; width:200px; background-image:url(http://www.thefamilytentshop.com/images/basket.gif); background-repeat:no-repeat; height:130px; margin:15px 10px 10px 10px; }


#footer { float:left; width:960px; height:180px; background:url(http://www.thefamilytentshop.com/images/footer-bg.jpg); background-repeat:no-repeat; margin:10px 0 5px 0; }

.footer-title { float:left; width:200px; padding:5px 0 5px 15px; color:#00612C; font-size:14px; font-weight:normal;  }

#footer-btm { float:left; width:960px; height:20px; padding:5px 0; }

.footer-content-block { float:left; width:226px; padding:0 4px; height:160px; border-right:1px solid #999999; }
.footer-content-block ul { float:left; width:200px; margin:5px 0 0 -10px; height:auto;  }
.footer-content-block li { float:left; width:180px; margin:5px 0 0 0; padding:0px; line-height:15px; }

.footer-copy { float:left; width:460px; padding-left:10px; line-height:20px; text-align:left; }
.footer-pw { float:left; width:460px; padding-right:10px; line-height:20px; text-align:right; } 


#content { clear:left; width:960px; background:url(../images/content-bg.jpg); background-repeat:repeat-y; margin:0; padding:0; }

#breadcrumbs_bar { clear:left; min-height:25px;  }
*html #breadcrumbs_bar { height:25px; }

#main-content { float:left; width:500px; height:auto; padding:0 9px; }

#right_column { float:left; width:200px; padding:0 10px; height:auto; border-left:1px solid #CCCCCC; }

#banner_holder { clear:left; width:960px; height:151px; magin-bottom:14px;}
#banner_logo { float:left; width:452px; height:137px; }
#banner_yourbasket { float:left; width:222px; background-color:#ECEBE5; background-image:url(http://www.thefamilytentshop.com/images/basket.gif); height:112px; padding:15px 0px 10px 44px; }
#banner_buttons { float:left; width:222px; background-color:#FF0000; }
#banner_customer_login { float:left; width:202px; height:112px; background-color:#ECEBE5; background-image:url(http://www.thefamilytentshop.com/images/customer.gif); padding:15px 0px 10px 40px; }



#banner2_buttons { float:left; width:222px; background-color:#FF0000; }
#banner2_customer_login { float:left; width:253px; height:115px; background-color:#ECEBE5; background-image:url(http://www.thefamilytentshop.com/images/customer2.gif); padding:12px 0px 10px 9px; }



#user_menu { float:left; width:590px; height:55px; padding-top:25px; line-height:20px;}
#basket_display { float:left; width:590px; height:90px; margin:10px 0px 0px 0px;}
* html #basket_display { width:586px; } /* EXPLORER 6 HACK */

#top_menu { width:920px; height:30px; line-height:30px; margin:10px 10px 10px 10px; padding:5px 10px 5px 10px; } 

#sidemenu_holder { float:left; width:250px; min-height:190px; margin:0px 0px 0px 10px;}
* html #sidemenu_holder { height:190px; margin:0px 0px 0px 5px;} /* EXPLORER 6 HACK */
#search { width:230px; margin:10px; min-height:25px; line-height:25px;}
* html #search { height:25px; } /* EXPLORER 6 HACK */
#side_menu {clear:left; width:230px; min-height:120px; margin:0px 10px 0px 10px; } 
* html #side_menu { height:120px; } /* EXPLORER 6 HACK */


#search_right_column { float:left; width:748px; min-height:444px; background-color:#ECEBE5; background-image:url(http://www.thefamilytentshop.com/images/search_background.gif); }

#home_intro { clear:left; width:480px; min-height:100px; }

#right_column_search { float:left; width:728px; min-height:600px; padding:0px 0px 0px 20px; }
*html #right_column_search { height:550px; }

/* Recommend Specific */


#recommend_holder { clear:left; width:196px; min-height:85px; margin:0px 0px 10px 0px; border:1px solid #00612C; background:#ffffff; }
*html #recommend_holder { width:180px; height:95px; padding:5px; margin:0px;} /* EXPLORER 6 HACK */

#recommend_title { width:186px; margin-bottom:8px; background:#00612C; padding:4px 5px;  }

#recommend_image { float:left; width:75px; padding:2px 3px 2px 5px; }
*html #recommend_image { height:58px; }

#recommend_info { float:left; width:105px; padding:10px 0 0 7px; }


/* Category Specific */

#cat_title { float:left; width:500px; height:25px; }
#cat_description { float:left; width:500px; height:auto; border-bottom:#C7C5B1 1px solid; margin:5px 0 10px 0; }

#product_row { clear:left; width:500px; margin:8px 0px 16px 0px; border-bottom:#C7C5B1 1px solid; }
* html #product_row { clear:left; width:500px; height:90px; } /* EXPLORER 6 HACK */

#section_holder { float:left; width:144px; min-height:120px; padding:4px 10px 10px 10px; }

#section_info { width:144px; min-height:40px; text-align:left; }
* html #section_info { width:144px; height:40px; } /* EXPLORER 6 HACK */

#section_image { width:140px; min-height:110px; text-align:center; padding-bottom:8px; }
* html #section_image { width:140px; height:120px; } /* EXPLORER 6 HACK */

#section_view { float:left; width:60px; height:26px; padding-top:8px; }
#section_buy { float:left; width:60px; height:26px; padding-top:8px; }

#image_div { float:left; position:relative; width:125px; min-height:100px; z-index:0; }

#pagination_holder { clear:left; width:460px; min-height:45px; } 
#pagination { float:left; width:230px; }



/* Product Specific */

#product_details_holder { float:left; width:485px; margin:10px 0px 20px 0px; }

#product_title { float:left; width:485px; min-height:25px; padding-bottom:10px; }
*html #product_title { height:25px; }

#addtobasket_bar { clear:left; width:485px; min-height:25px; padding-bottom:15px; }
*html #addtobasket_bar { height:25px; }




#product_description { float:left; width:485px; min-height:80px; margin-bottom:10px; padding-right:10px; }
*html #product_description { height:80px; }

.product_description ul { float:left; width:485px; list-style:disc; }
.product_description li { float:left; width:470px; list-style:disc; padding:0 0 0 15px; }

#product_price { float:left; width:210px; min-height:25px; margin-bottom:10px; }
*html #product_price { height:25px; } 

#product_info { float:left; width:190px; min-height:165px; margin-right:-3px;}
*html #product_info { height:165px; } /* EXPLORER 6 HACK */

#product_image { float:left; width:275px; min-height:165px; margin-right:20px; margin-bottom:0px; background-color:#FFFFFF; }
*html #product_image { height:165px; } /* EXPLORER 6 HACK */

#other_images { float:left; width:100px; min-height:105px; background-color:#FFFFFF; padding:5px; margin-right:13px; margin-bottom:10px; }
*html #other_images { width:100px; height:105px; margin-right:12px; }

#main_title { clear:left; width:480px; height:30px; margin:10px 0px 5px 0px; }
#main_title_height { clear:left; width:405px; height:30px; margin:35px 0px 5px 0px; }


/*Product PopUp */
/* GALLERY */

#popup_holder { float:left; width:700px; background-color:#FFF;}
#popup_logo { float:left; width:690px; height:45px; padding:5px 0px 0px 10px;}
#popup_title {  float:left; width:369px; height:90px; margin-top:10px; position:relative;}

#popup_gallery { clear:left; width:700px;}
#popup_thumbs { float:left; width:150px; min-height:500px; _height:500px; padding:0px 0px 0px 10px; }
#popup_thumb { clear:left; width:125px; min-height:125px; _height:125px;}
#popup_thumb_selected { clear:left; width:125px; min-height:125px; _height:125px;  border:10px solid #EEE;}

#popup_inner {position: relative; top:0px; margin:0px auto;} 
* html #popup_inner {position: relative; top: -50%; margin:0px auto;} 
#popup_outer { float:left; width:500px; min-height:520px; _height:520px; height:520px; border:10px solid #EEE; overflow: hidden; position: relative; background-color:#FFF; }
#popup_outer[id] {display: table; position: static;}
#popup_middle {position: absolute; top: 50%;} /* for explorer only*/
#popup_middle[id] {display: table-cell; vertical-align: middle; position: static;}

#popup_copyrightmessage { clear:left; width:700px; }

/* Relationship Specific */

#related_bar { clear:left; width:485px; min-height:100px; margin:10px 0px 0px 0px;}
#related_image { float:left; width:130px; min-height:90px; margin:5px 10px 5px 5px; }
#related_title { float:left; width:145px; height:70px; margin:5px 5px 5px 0px; padding:20px 0px 0px 0px; }
* html #related_title { width:140px; } /* EXPLORER 6 HACK */
#related_add { float:left; width:80px; height:70px; margin:5px 5px 5px 0px; padding:20px 0px 0px 0px; }
*html #related_add { width:80px; }
#related_price { float:left; width:100px; height:70px; margin:5px 5px 5px 0px; padding:20px 0px 0px 0px; }





#similar_bar { clear:left; width:485px; height:100px;  margin:10px 0px 0px 0px; }
#similar_image { float:left; width:130px; min-height:90px; margin:5px 10px 5px 5px; }
#similar_title { float:left; width:165px; min-height:70px; margin:5px 30px 5px 0px; padding:5px 0px 0px 0px; }
* html #similar_title { width:165px; } /* EXPLORER 6 HACK */
#similar_add { float:left; width:100px; min-height:70px; margin:5px 5px 5px 0px; padding:5px 0px 0px 0px; }
*html #similar_add { width:110px; }
#similar_price { float:left; width:110px; min-height:70px; margin:5px 5px 5px 0px; padding:5px 0px 0px 0px; }

/* HELP ROLLOVERS */
#helpholder { width:425px; clear:left; min-height:175px; margin:10px; background:#000000; z-index:50;}
#helpholder_waist { width:425px; clear:left; min-height:117px; margin:10px; background:#000000;}
#helpimage { float:left; width:175px; background:#000000; } 
#helpimage_stockings { float:left; width:425px; background:#000000; } 
#helpinfo { float:left; width:240px; padding:5px; background:#000000; color:#FFFFFF;}
#helpcontrol { clear:left; width:425px; background:#000000; }

/* CHECKOUT PAGES */
/* Basket */
#basket_bar { width:485px; height:110px; margin:20px 0px 10px 0px; }
#basket_image { float:left; width:85px; height:90px; margin:5px 5px 5px 0px; }

#basket_title { float:left; width:120px; height:90px; margin:5px 5px 5px 0px; }
* html #basket_title {  } /* EXPLORER 6 HACK */

#basket_title2 { float:left; width:190px; height:90px; margin:5px 5px 5px 0px; }

#basket_qty { float:left; width:170px; height:90px; margin:5px 0px 0px 0px; }

#basket_price { float:left; width:95px; height:90px; margin:5px -3px 0px 0px; }

#basket_controls { width:400px; padding-top:10px; }
#basket_btns { float:right; }
.basket_price_summary { clear:left; width:485px; padding-top:10px; height:80px; }

#stack_holder { clear:left; width:400px; }
#basket_type_stack { float:left; width:150px; height:25px; }
#basket_price_stack { float:left; width:150px; height:25px; } 

/* Delivery Summary */
#billing_address { float:left; width:45%; padding:10px; }
#delivery_address { float:left; width:45%; padding:10px; }


/* ACCOUNT PAGES */
#personaldetails { padding-bottom:10px; min-height:120px;  }
*html #personaldetails { height:120px;  }
#deliverydetails { padding-bottom:10px; }
#account_controls { width:660px; padding-top:10px; text-align:right;}
#account_btns { float:right; }

/*list orders page */
.orders_title { float:left; width:24%; padding:2px; }
.orders_content { float:left; width:24%; padding:2px; }
.orders_bar { padding:5px 0px;}

.orders_address { float:left; width:33%; }
.orders_summary , .order_price_summary { clear:left; width:485px; min-height:50px; }

/* SEARCH PAGES */

.search_holder { clear:left; width:700px; height:60px; }
.search_image { float:left; width:120px; height:50px; }
.search_title { float:left; width:320px; height:40px; }
.search_price { float:left; width:200px; height:40px; }

.page_numbers_holder { clear:left; width:710px; height:20px; }
.page_numbers_title { float:left; width:100px; height:20px; }
.page_numbers_display { float:left; width:610px; height:20px; }

/* Floating Badges */

#badgesale, #badgenew, #badgewhilestocklast, #badgeoutofstock, #badgefreecarpet, #badgefreefootprint, #badgepackagedeals, #worldcupspecial, #monthlyspecial { float:left; position:absolute; top:1px; left:1px; width:61px; height:69px; z-index:5; background-repeat:no-repeat; padding:0px 3px 0px 10px;}

#badgesale { background:url(http://www.thefamilytentshop.com/images/badges/sale.png) no-repeat; }
#badgenew { background:url(http://www.thefamilytentshop.com/images/badges/new.png) no-repeat; }
#badgewhilestocklast { background:url(../images/badges/whilestockslast.png) no-repeat; }
#badgeoutofstock { background:url(http://www.thefamilytentshop.com/images/badges/outofstock.png) no-repeat; }
#badgefreecarpet { background:url(http://www.thefamilytentshop.com/images/badges/freecarpet.png) no-repeat; }
#badgefreefootprint { background:url(http://www.thefamilytentshop.com/images/badges/freefootprint.png) no-repeat; }
#badgepackagedeals { background:url(http://www.thefamilytentshop.com/images/badges/packagedeals.png) no-repeat; }
#worldcupspecial { background:url(http://www.thefamilytentshop.com/images/badges/worldcupspecial.png) no-repeat; }
#monthlyspecial { background:url(http://www.thefamilytentshop.com/images/badges/monthlyspecial.png) no-repeat; }