/* CSS Document */

html {	}
body { margin:15px auto; }

#holder {  width:900px; margin:0px auto; }

#content_holder { float:left; width:660px; padding:0px 0px 0px 20px; }


#logo { float:left;  width:275px; height:60px; }
#top_nav { float:left; width:607px; height:15px; padding:35px 18px 10px 0px;}



#img { float:left;  width:538px; height:270px;  margin-bottom:25px; }
#img2 { position:relative; float:left;  width:362px; height:164px; /* background:url(images/img2.gif) no-repeat; */}
#img3 { float:left;  width:362px; height:106px; margin-bottom:25px;}

#featuredprodcat_offer { clear:left; width:620px; padding:5px 10px 20px 20px; }

/* Main Content Area */



#column1 { float:left;  width:187px; padding:0px 15px 0px 17px; border-right-style:solid; border-right-width:1px; border-right-color:#BCBCBC;}


#column2 { float:left;  width:273px; padding:0px 15px 0px 15px; border-right-style:solid; border-right-width:1px; border-right-color:#BCBCBC; }


#column3 { float:left;  width:346px;  padding:0px 15px 0px 15px; }




/* Section */



#section_holder { float:left; width:672px; }

#section_header { float:left;  width:660px; height:18px; padding:0px 0px 0px 20px;}


#section_column1 { float:left;  width:188px;   padding:0px 15px 0px 20px; border-right-style:solid; border-right-width:1px; border-right-color:#BCBCBC; /*border:10px solid #000;*/}

/*#section_column2 { float:left;  width:188px;  padding:0px 15px 0px 20px; border-right-style:solid; border-right-width:1px; border-right-color:#BCBCBC}

#section_column3 { float:left;  width:188px;  padding:0px 15px 0px 20px; }*/

#section_footer { float:left;  width:660px; height:20px; padding:10px 0px 0px 20px; }
#section_footer_left { float:left;  width:300px; height:20px; }
#section_footer_right { float:left;  width:324px; height:20px; }

/* Section Product */

#section_product_holder { clear:left; z-index:1; width:185px; height:200px; padding:0px 0px 0px 0px; /*border:10px solid #FF0000;*/}
/* section_product_img changed to Relative for .png over the top */
#section_product_img { position:relative; z-index:2; width:185px; height:125px;}
#section_product_description { width:185px;}

#addtocartlayout {text-align:right;}
#single_qty { float:left; padding-top:22px; padding-right:20px; margin-left:200px;}
#single_buynow { float:left;}

/* #badgenew, #badgereduced changed to Absalute for .png over the top */
/* Floating Badges */

#badgenew, #badgereduced { float:left; position:absolute; z-index:3; top:0px; left:0px; width:62px; height:59px; background-repeat:no-repeat; padding: 0px 0px 0px 0px;}

#badgenew { background:url(images/badge/new.png) no-repeat; }

#badgereduced { background:url(images/badge/reduced.png) no-repeat; }


/* Basket */

#basket_infobar { float:left; width:630px;  margin: 10px 0px 0px 0px; padding:5px; border:none; border-bottom:1px solid #DDDDDD;}
#basket_totalbar { float:left; width:630px;  margin: 10px 0px 0px 0px; padding:5px; border:none;}
#basket_image {  float:left;  width:80px; margin:7px 20px 0px 0px;}
#basket_itemname { float:left; width:235px; margin:10px 0px 0px 0px; padding:5px 5px 5px 10px; vertical-align:middle; min-height:50px; height:50px;}
#basket_info {float:left; width:290px; min-height:50px; height:50px; margin:7px 0px 0px 0px; padding:5px;  }
#basket_total { width:620px; padding:5px;  }
#basket_controls {float:left; width:608px; margin:20px 0px 0px 0px; }
#basket_basket_empty {  width:620px; height:200px; margin:125px 0px 0px 0px; text-align:center;  }
#basket_collectfromstore { text-align:right; float:left; width:630px;  margin: 10px 0px 0px 0px; padding:5px; border:none;}
#basket_total_label { float:left; width:500px;  margin: 0px 0px 0px 0px; }
 
/* Old basket */


/* Order List */
#order_orderlist {float:left; width:145px; height:12px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#order_orderlist_date {float:left; width:145px; height:20px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:left;}
#head_order_orderlist {float:left; width:145px; height:15px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight: bold; padding-bottom:10px;}
#SecondHeader {clear:left; padding-bottom:10px;}
#NoOrders {clear:left; padding-bottom:10px;}



#basket_holder { position:absolute; top:15px; left:21px; width:300px; margin:0px auto; padding:40px 0px 0px 0px; }
#basket_top_left { float:left;  width:145px; height:22px; background-color:#F3F2F0; padding:3px 0px 0px 5px; }
#basket_top_right { float:left;  width:145px; height:22px; background-color:#F3F2F0; padding:3px 5px 0px 0px; }
#basket_bottom { float:left;  width:300px; height:17px; background-color:#E1DFE1; padding:3px 0px 0px 0px;}
#basket_hidden { position:absolute; top:inherit; left:inherit; width:300px; height:270px; background-color:#E1DFE1; padding-top:20px; z-index:300;}
#basket_hidden_contents { height:200px; min-height:200px; padding:20px; padding-top:10px; azimuth:}
#basket_controls { float:left;  width:100%; }
#basket_total { width:620px; padding:5px;  }
#basket_total_label { float:left; width:500px;  margin: 0px 0px 0px 0px; }
#order_confirmation_totals {width:82px; float:left; margin:0px 0px 0px 10px;  }



#image_holder {padding-left:40px; padding-right:40px; }

/* Order List */

/* Product */


#product_description { float:left; width:270px; height:150px; padding:0px 20px 0px 20px; }
#product_image { float:left; width:353px; padding:0px 0px 15px 0px; }
#product_buttons { float:left; width:663px;  padding:0px 0px 0px 0px; }

/* LOGIN */

#login_infobar { float:left; width:61%;  margin: 0px 0px 0px 0px; padding:10px 0px 10px 5px;}
#login_fieldbar { float:left; width:198px;  margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px;}

#gift_holder { float:left; width:130px; height:100%; margin:10px 5px 10px 0px; }
#gift_image { float:left; width:130px;}
#gift_info {float:left; width:50px; min-height:50px; _height:50px; margin:7px 0px 0px 0px; padding:5px;  }
#gift_itemname { float:left; width:130px; margin:10px 0px 0px 0px; vertical-align:middle; height:15px}
#gift_radio { float:left; width:130px; height:15px;}
#gift_textbox { clear:left; width:630px; margin:10px 0px 0px 0px;}
#gift_button { clear:left; width:630px; margin:10px 0px 0px 0px;}

/* Similar Items */
#similar_holder { float:left; width:643px;  padding:0px 0px 0px 20px; background-color:#FFFFFF}
#similar_name { float:left; width:93px; height:70px; padding:10px 10px 10px 10px; background-color:#E8E8E8}
#similar_quantity { float:left; width:370px; height:70px; padding:10px 10px 10px 10px; background-color:#E8E8E8}
#similar_price { float:left; width:120px; height:70px; padding:10px 10px 10px 10px; background-color:#E8E8E8}
#product_similarbarsearch { float:left; height:65px; width:520px; margin:10px 0px 0px 5px;  vertical-align:middle}
#product_similar_searchimage {  float:left; width:50px; margin:10px 15px 0px 5px; }


/* Related Items */
#related_wrap { float:left; width:660px; }
#related_holder { float:left; width:630px; padding:0px 0px 5px 20px; }
#related_name { float:left; width:75px; height:70px; padding-top:20px; padding-left:20px; background-color:#E8E8E8;}
#related_quantity { float:left; width:290px; height:50px; padding-top:40px; background-color:#E8E8E8;}
#related_price { float:left; width:200px; height:58px; padding-top:32px; background-color:#E8E8E8;}
#bottom_nav { clear:left; width:900px; }
*html #bottom_nav  { }
*:first-child+html #bottom_nav { margin-top:25px; } /* IE7 Fix */
 
/* SUMMARY */

#summary_infobar { float:left; width:600px; border-bottom:1px solid #DDDDDD;}
#summary_itemname { float:left; width:463px; padding:5px 5px 5px 0px; vertical-align:middle; min-height:25px; height:25px;}
#summary_info { float:left; width:118px; min-height:25px; height:25px; margin:7px 0px 0px 0px; padding:5px;  }
#summary_total { width:620px; padding:5px;  }
#summary_controls { width:620px; margin:20px 0px 0px 0px; }
#order_confirmation_totals {width:82px; float:left; margin:0px 0px 0px 10px;  }

#third_noheight { float:left; width:180px; height:195px; border: none; border-bottom: 1px solid #EEEEEE; margin:0px 5px 0px 5px; background: #F5F5F5; min-height:175px; height:175px;}
#two_third_noheight { float:left; width:620px;}

/* Shopping Basket */


#shoppingbasket_img { float:left; width:70px;  padding:0px 0px 0px 0px; }
#basket_image {  float:left; width:70px;  padding:0px 0px 0px 0px;}
#basket_itemname { float:left; width:235px;  padding:0px 0px 0px 0px;}
#shoppingbasket_title { float:left; width:510px;  padding:0px 0px 0px 0px; }

/* GALLERY */

#titlebar { float:left; width:700px; height:60px;}
#titlebar_logo { float:left; }
#titlebar_title {  float:left; border:10px solid #FFFFFF; padding:0px 0px 0px 0px; width:350px; height:60px; background:#FFFFFF;}
#gallery { clear:left; }
#thumbs { float:left; width:150px; min-height:500px; height:500px; padding:0px 0px 0px 10px;}
#thumb { clear:left; width:125px; min-height:125px; height:125px; /*background-color:#FF0000;*/  }
#thumb_selected { clear:left; width:125px; min-height:125px;_height:125px; /*background-color:#FF0000;*/   border:10px solid #cccccc;}
#outer { float:left; width:500px; min-height:520px; height:520px; height:520px; overflow: hidden; }
#outer[id] {display: table; position: static;}
		
#middle { margin:0px auto;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
		
#inner { background-color:#FFFFFF;} /* for explorer only */
* html #inner { margin:0px auto; background-color:#FFFFFF;} /* for explorer 6< only */
/* optional: #inner[id] {position: static;} */

#delivery_address1 { float:left; width:320px; padding-right:5px;}
#delivery_address2 { float:left; width:320px; }
#delivery_newaddress { clear:left; width:649px;}
#delivery_continue { clear:left; width:100%;}


/* ORDER CONFIRMATION PAGE */
#DeliverySummary_savedbillingdetails  {float:left; width:49%;}
#DeliverySummary_saveddeliverydetails  {float:left;  width:49%;}

/*#personaldetails  {float:left; width:608px; }*/

#repeater {float:left; width:608px; }
#deliverydetails  {width:608px; float:left; }
#deliverymethod {float:left; width:600px;}
#mailinglistdetails  {width:60%; float:left; }
#orderdetails  {float:left; width:100%; }
#legend_vouchers {float:left; width:100%; height:3px; }
#continueorder  {float:left; width:100%; }
#divCollectFromShop {float:left; width:100%; }
#order_confirmation_totals {width:82px; float:left; margin:0px 0px 0px 10px;  }





/* ONE PAGE ORDER */
.opc_heading { clear:left; padding-top:10px; }
#personaldetails { width:100%; margin-bottom:20px; }
#delivery_newaddress { width:100%; margin-bottom:20px; }
.billing_address { float:left; width:280px; color: #65A5AF; padding:20px; margin-right:10px; margin-bottom:20px; padding-left:30px; border:1px solid #c7c7b6;}
.delivery_address { float:left; width:280px; color: #65A5AF; padding:20px; padding-left:30px; margin-bottom:20px; border:1px solid #c7c7b6;}
.delivery_newaddress { float:left; width:280px; color: #65A5AF; padding:20px; padding-left:30px; margin-bottom:20px; border:1px solid #c7c7b6;}


/* Form Control */
form.organiser { float:left; width:560px; }
form.organiser fieldset { margin-bottom: 6px;  border:1px solid #DDD;}
form.organiser legend {padding: 0 2px; font-weight: bold;_margin: 0 -7px; font-size:1.4em; color:#65A5AF;}
.organiser { margin-left:0px; border:0px solid #CCCCCC }
form.organiser label { display: inline-block; line-height: 1.8; vertical-align: top;}
form.organiser fieldset ol {margin: 0;padding: 0;}
form.organiser fieldset li {list-style: none;padding: 5px;margin: 0;}
form.organiser fieldset fieldset {border: none;margin: 3px 0 0;}
form.organiser fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.organiser fieldset fieldset label {display: block;width: auto;}
form.organiser em {font-weight: bold;font-style: normal;color: #f00;}
form.organiser label { width: 165px; }
form.organiser fieldset fieldset label { margin-left: 123px; }

/* FORM HINTS */
/* All form elements are within the definition list for this example */
dl { font:normal 12px/15px Arial; position: relative; width: 350px; }
dt { clear: both; float:left; width: 130px; padding: 4px 0 2px 0; text-align: left; }
dd { float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px; }

/* The hint to Hide and Show */
.hint { display: none; position: absolute; right: -190px; width: 200px; margin-top: -4px; border: 1px solid #65A5AF; padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

/* INSPIRATIONS */
/* Volume 1 */
.inspirations_holder { clear:left; width:620px; padding:0 10px; height:819px; }
.inspirations_top { float:left; width:621px; height:141px; background:url(images/Inspirations/Inspirations_Sept_Top.jpg) no-repeat; }
.inspirations_product { float:left; width:621px; height:508px; background:url(images/Inspirations/Inspirations_Sept_Product.jpg) no-repeat; }
.inspirattions_text { float:left; width:621px; height:170px; background:url(images/Inspirations/Inspirations_Sept_Text.jpg) no-repeat; }
.inspirattions_text_left { float:left; width:290px; height:170px; padding:20px 20px 0 20px; }
.inspirattions_text_right { float:right; width:250px; height:170px; padding:20px 20px 0 20px; line-height:10px; }

.pink_inspirations { color:#e51a63; font-size:14px; }
.pink_inspirations a:link, .pink_inspirations a:visited { font-size:12px; color:#e51a63; text-decoration:None;}
.pink_inspirations a:hover { font-size:12px; color:#e51a63; text-decoration:underline;}

/* Volume 2 */
.inspirations2_holder { clear:left; width:621px; padding:0 10px; height:827px; }
.inspirations2_top { float:left; width:621px; height:141px; background:url(images/Inspirations/Inspirations_Nov_Top.jpg) no-repeat; }
.inspirations2_product { float:left; width:621px; height:508px; background:url(images/Inspirations/Inspirations_Nov_Product.jpg) no-repeat; }
.inspirattions2_text { float:left; width:621px; height:178px; background:url(images/Inspirations/Inspirations_Nov_Text.jpg) no-repeat; }
.inspirattions2_text_left { float:left; width:290px; height:178px; padding:10px 20px 0 20px; }
.inspirattions2_text_right { float:right; width:250px; height:178px; padding:10px 20px 0 20px; line-height:10px; }

/* Volume 3 */
.inspirations3_holder { clear:left; width:621px; padding:0 10px; height:934px; }
*html .inspirations3_holder { }
*:first-child+html .inspirations3_holder { } /* IE7 Fix */
.inspirations3_top { clear:left; width:621px; height:162px; background:url(images/Inspirations/Inspirations3_top.jpg) no-repeat; }
.inspirations3_product { clear:left; width:621px; height:532px; background:url(images/Inspirations/Inspirations3_products.jpg) no-repeat; }
.inspirations3_text { clear:left; width:621px; height:240px; background:url(images/Inspirations/Inspirations3_textbg.jpg) no-repeat; }
*html .inspirations3_text { }
*:first-child+html .inspirations3_text { height:200px; } /* IE7 Fix */
.inspirations3_text_left { float:left; width:290px; height:230px; padding:10px 20px 0 20px; }
*html .inspirations3_text_left { }
*:first-child+html .inspirations3_text_left { } /* IE7 Fix */
.inspirations3_text_right { float:right; width:250px; height:230px; padding:10px 20px 0 20px; line-height:10px; }
*html .inspirations3_text_right { line-height:4px; }
*:first-child+html .inspirations3_text_right { height:240px; padding:0px 20px 0 20px; line-height:2px; } /* IE7 Fix */

.inspirations_previous { clear:left; width:621px; margin-top:10px; }
*html .inspirations_previous { }
*:first-child+html .inspirations_previous {  margin-top:80px;  } /* IE7 Fix */

.orange_inspirations { color:#F28B14; font-size:14px; }
.orange_inspirations a:link, .orange_inspirations a:visited { font-size:12px; color:#F28B14; text-decoration:None;}
.orange_inspirations a:hover { font-size:12px; color:#F28B14; text-decoration:underline;}

