/* 
Main CSS styles for 'Get Them In' 
CSS coding by Ian livingstone (ian@ianlivingstone.me.uk)
Last modified :- June 29th 2007

Major modifications by Alan F - to suit new design.
*/

body   { color: #000; font-size: 9pt; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }

.hidden { display: none;}
.clear_floats   { clear: both; }

#mastercontainer { text-align: left; margin: 0 auto; padding: 30px 0 100px 0; width: 850px; height: 100%; }

p, td, { font-size: 100%; }
strong { font-weight: bolder; }
a { color: #B6000C; text-decoration: none;}
a:hover { color: #B6000C; text-decoration: underline; }
img { border: 0; }

.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }



/* header contains elements above our red strip */
#header { margin: 0; padding: 0; width: 810px; _width:820px; }
#header h1 { margin: 0 0 0 55px; padding: 0; float: left; display: inline; }
#header h1 a { margin: 5px 0 0 8px; padding: 0; display: block; width: 200px; height: 129px; background-image: url("../images/structural/logo.jpg"); background-repeat: no-repeat; background-position: top left; text-decoration: none;}
#header h1 a:hover { text-decoration: none; }

#header div#steps_info2 { padding: 0; margin: 32px 0 0 13px; float: left; width: 380px; }
ol.steps_list2 {
font-size: 95%;
display: block; 
float: left; 
width: 350px;
list-style: none;
margin: 0;
padding: 0;
}
ol.steps_list2 li.first_step_item {
 background-image: url("../images/structural/star_red_1.gif"); 
 background-repeat: no-repeat;
 background-position: top left;
 padding: 2px 0 2px 20px;
 margin: 1px 0 1px 0;
 width: 350px;
}

ol.steps_list2 li.second_step_item {
 background-image: url("../images/structural/star_red_2.gif"); 
 background-repeat: no-repeat; 
 background-position: top left;
 padding: 2px 0 2px 20px;
 margin: 1px 0 1px 0;
 width: 350px;
}

ol.steps_list2 li.third_step_item {
 background-image: url("../images/structural/star_red_3.gif"); 
 background-repeat: no-repeat; 
 background-position: top left;
 padding: 2px 0 2px 20px;
 margin: 1px 0 1px 0;
 width: 355px;
}


#header div#right_details { margin: 20px 0 0 0; padding: 0; float: left; width: 100px;   }
#header div#right_details div#country_box { margin: 25px 0 0 0; padding: 5px 0 0 0; width: 95px; }
#header div#right_details div#country_box p { margin-top: 13px; margin-right: 5px; font-size: 95%; text-align: centre; display: block; width: 90px; float: left;}
img#flag_button { border: 0; margin: 0; padding: 0;  }

#header div#right_details form#login_box { margin: 0 0 0 30px; padding: 0; display: block; width: 215px; _width:217px; height: 50px; }
#header div#right_details form#login_box label#email_text { margin: 2px 5px 0 0; padding: 0; float: left; display: block; width: 55px; height: 18px; text-decoration: none; background-image: url("../images/text_images/email_text.gif"); background-repeat: no-repeat; background-position: center left;}
#header div#right_details form#login_box label#password_text { margin: 2px 5px 0 0; padding: 0; float:left; display: block; width: 55px; height: 18px; text-decoration: none; background-image: url("../images/text_images/password_text.gif"); background-repeat: no-repeat; background-position: center left;}
#header div#right_details form#login_box input.user_input { float: left; width: 129px; background-color: #fff; border: 1px solid #ccc;}
#header div#right_details form#login_box input#go_button { float: left; margin: 2px 0 0 4px; _margin:1px;}

#header div#right_details a#forgotten_text { margin: 0 0 0 90px; padding: 0; display: block; width: 126px; height: 16px; text-decoration: none; background-image: url("../images/text_images/forgotten_text.gif"); background-repeat: no-repeat; background-position: top left;}
#header div#right_details a#forgotten_text:hover { text-decoration: none; background-image: url("../images/text_images/forgotten_text_rollover.gif"); }

/* logged_in_box is the tab that replaces login_box - containing username and view redeemable gifts link */

/* NEW logged in red box */
#header div#right_details div#logged_in_red_box { background-color: #B6000C; margin: 0 0 0 42px; padding: 4px 0 0 0; width: 192px; background-image: url("../images/structural/red_top_filled.gif"); background-repeat: no-repeat; background-position: top left; }
#header div#right_details div#logged_in_red_box p { color: #fff; background-color: transparent; margin: 0; padding: 0; font-size: 80%; }
#header div#right_details div#logged_in_red_box div#red_inner_top { width: 192px; margin: 0; padding: 3px 0 2px 0; background-color: inherit; background-image: url("../images/structural/black_bar_user_details.gif"); background-repeat: no-repeat; background-position: bottom left; }
#header div#right_details div#logged_in_red_box div#red_inner_top p#red_box_username { margin: 0; padding: 5px 5px 10px 5px; display: block; width: 115px; _width:105px; float: left; text-align: right; }
#header div#right_details div#logged_in_red_box div#red_inner_top a#red_box_sign_out {  margin: 6px 0 0 0; padding: 0; display: block; float: left; width: 63px; height: 14px; text-decoration: none; background-image: url("../images/text_images/sign_out_text.gif"); background-repeat: no-repeat; background-position: top left;   }
#header div#right_details div#logged_in_red_box div#red_inner_top a#red_box_sign_out:hover { text-decoration: none; background-image: url("../images/text_images/sign_out_rollover.gif"); }
#header div#right_details div#logged_in_red_box div#red_inner_bottom { width: 192px; background-color: inherit; margin: 0; padding: 3px 0 3px 0; }
#header div#right_details div#logged_in_red_box div#red_inner_bottom p#red_box_redeem_text {  padding: 5px 5px 7px 5px; margin: 0; text-align: right; display: block; width: 130px; _width:120px; float: left; }
#header div#right_details div#logged_in_red_box div#red_inner_bottom a#red_box_view_text {   margin: 6px 0 0 3px; padding: 0; display: block; float: left; width: 40px; height: 13px; text-decoration: none; background-image: url("../images/text_images/view_text.gif"); background-repeat: no-repeat; background-position: top left;  }
#header div#right_details div#logged_in_red_box div#red_inner_bottom a#red_box_view_text:hover { text-decoration: none; background-image: url("../images/text_images/view_text_rollover.gif"); }


/* maincontainer holds elements between our two red strips - note that there is a different top red strip if a user is logged in */
#maincontainer { margin: 0; padding: 32px 0 10px 0; width: 850px; }
div.logged_in_strip { background-image: url("../images/structural/bar.png"); background-repeat: no-repeat; background-position: top center; }
div.not_logged_in_strip { background-image: url("../images/structural/red_strip_padded.gif"); background-repeat: no-repeat; background-position: top left; }




#maincontainer div#home_c1 { width: 295px; margin: 0 0 0 10px; padding: 0; float: left; }
#maincontainer div#home_c1 div.product_ad { margin: 0; padding: 7px 0 4px 0; }
#maincontainer div#home_c1 div.product_ad a { margin: 0; padding: 0; text-decoration: none; }
#maincontainer div#home_c1 div.product_ad a:hover { text-decoration: none; }
#maincontainer div#home_c1 div.product_ad img { border: 0; width: 280px; } 

#maincontainer div#home_c2 { width: 455px; margin: 0; padding: 0; float: left; }t; }
#maincontainer div#home_c2 div.product_thumb { margin: 0; padding: 0; float: left; width: 149px; }
#maincontainer div#home_c2 div.product_thumb a { display:block; margin: 0; padding: 4px; width: 149px; _width:141px; text-decoration: none; }
#maincontainer div#home_c2 div.product_thumb a:hover { text-decoration: none; background-image: url("../images/structural/red_rollover_border.gif"); background-repeat: no-repeat; background-position: top left; }
#maincontainer div#home_c2 div.product_thumb img { border: 0; margin: 0; padding: 0; width: 141px; height: 146px; }

#maincontainer div#back_arrow_column { margin: 0; padding: 55px 0 0 0; width: 45px; float: left; }
#maincontainer a#back_arrow { margin: 0; padding: 0; display: block; width: 45px; height: 46px; background-image: url("../images/structural/back_arrow.gif"); background-repeat: no-repeat; background-position: top left; }
#maincontainer div#more_arrow_column { margin: 0; padding: 210px 0 0 0; width: 45px; float: left; }
#maincontainer a#more_arrow { margin: 0; padding: 0; display: block; width: 45px; height: 46px; background-image: url("../images/structural/more_arrow.gif"); background-repeat: no-repeat; background-position: top left; }


/* some useful styles */
#maincontainer p { font-size: 95%; }
#maincontainer ul li { font-size: 95%; }
#maincontainer ol li { font-size: 95%; }
#maincontainer ul.link_items { list-style: none; padding-left: 0; }
#maincontainer ul.link_items li { padding-bottom: 8px; }
#maincontainer h1 { font-size: 125%; }
#maincontainer h2 { font-size: 110%; }
#maincontainer h3 { font-size: 95%; }
#maincontainer h4 { font-size: 95%; }
#maincontainer h5 { font-size: 95%; }

/*NOTE: (Alan F) - I use the following  new single_column style or the square_ad ones below for the main layout of the centre of the page.  Depending on whether there is a single column or two.*/

#maincontainer div#single_column { width: 610px; margin: 0 0 10px 70px; text-align: center; float: left; }
#maincontainer div#single_column img { display: block; margin-left: auto; margin-right: auto; }
#maincontainer div#single_column div#image_row {width: 625px; margin-left: auto; margin-right: auto; }
#maincontainer div#single_column div#image_row_content {width: 125px; float: left;}


/* footer contains elements below the bottom red strip */
#footer { margin: 15px 0 0 0; padding: 20px 0 0 0; width: 850px; background-image: url("../images/structural/bar.png"); background-repeat: no-repeat; background-position: top center; }
#footer div#footer_f1 { margin: 0 0 0 100px; padding: 0; width: 500px; float: left; display: inline; }
#footer div#footer_f1 div#footer_nav  { margin: 0 0 5px 0; padding: 10px 0 0 0; }
#footer div#footer_f1 div#footer_nav  ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-size: 90%;}
#footer div#footer_f1 div#footer_nav  ul li { display: inline; margin: 2px 3px 2px 0; padding: 0; }
#footer div#footer_f1 div#footer_nav  ul li a { font-weight: bolder; margin: 0; padding: 0 7px 0 0; text-decoration: none; border-right: 1px solid #000; }
#footer div#footer_f1 div#footer_nav  ul li a:hover { text-decoration: underline;}
#footer div#footer_f1 div#footer_nav  ul li a.first_li { padding-left: 0; }
#footer div#footer_f1 div#footer_nav  ul li a.last_li { border-right: 1px solid #fff; }
#footer div#footer_f1 div#footer_nav  ul li a.active { color: black }

#footer div#footnote { margin: 12px 0 0 0; padding: 0; width: 420px; border-top: 1px solid #8C8C8C;  }
#footer div#footnote p { font-size: 80%; color: #8C8C8C; font-style: italic; }
#footer div#footnote a { color: #8C8C8C; }

#footer a#redeem_star { margin: 0 0 0 44px; padding: 0; display: block; float: left; width: 105px; height: 105px; text-decoration: none; background-image: url("../images/structural/where_to_redeem.jpg"); background-repeat: no-repeat; background-position: top left; }
#footer a#redeem_star:hover { text-decoration: none; }



#square_ad_c1 { margin: 0 0 0 70px; padding: 0; float: left;  display: inline;}
#square_ad_c1 div#square_ad { margin: 0; padding: 0; }
#square_ad_c1 div#square_ad a { margin: 0; padding: 0; text-decoration: none; }
#square_ad_c1 div#square_ad a:hover { text-decoration: none; }
#square_ad_c1 div#square_ad img { margin: 0; padding: 0; border: 0; width: 292px; }

#square_ad_c2 { margin: 0 0 0 20px; padding: 0; float: left; width: 310px;}
#square_ad_c2 p { display: block; }
#square_ad_c2 form { margin: 0; padding: 0; }
#square_ad_c2 form div#input_container { height: 30px; }

.checkbox_container { margin: 0px; padding: 0;}
#square_ad_c2 form label  { font-size: 80%; font-weight: bold; text-align: left; display: block; margin: 0; padding: 3px 10px 3px 0; float: left }
#square_ad_c2 form label.checkbox_label  { text-align: left; display: block; float: left; margin: 0; padding: 3px 0 3px 5px; width: 300px; }
#square_ad_c2 form input { display: block; float: left; background-color: #fff; }
#square_ad_c2 form input.user_input  { margin: 2px; padding: 0; border: 1px solid #ccc; }
#square_ad_c2 form textarea  { display: block; }
#square_ad_c2 form input.splodge_button { margin: 10px 10px 0 0; padding: 0; float: right; border: 0; }
#square_ad_c2 form label#issue_no { width: 40px; margin-left: 35px;}



/* styles for my_proflie */
h1#my_profile { margin: 0; padding: 0; display: block; width: 106px; height: 27px; background-image: url("../images/structural/my_profile.gif"); background-repeat: no-repeat; background-position: top left;  }
form#my_profile_form { margin: 20px 0 0 0; padding: 0;  }
form#my_profile_form div#form_c1 { width: 235px; margin: 0; padding: 3px; float: left; }
form#my_profile_form div#form_c2 { width: 235px; margin: 10px 0 0 0; padding: 3px; float: left; }
form#my_profile_form div#form_c3 { width: 235px; margin: 10px 0 0 0; padding: 3px; float: left; }
form#my_profile_form input.user_input { margin-bottom: 8px; width:170px; border: 1px solid #ccc; background-color: #fff; }
form#my_profile_form label { text-transform: uppercase; font-size: 85%; }
form#my_profile_form label.mini_label { text-transform: none; }
form#my_profile_form select#country_dropdown { width: 170px; margin-bottom: 10px; }


/* styles for my_account */

h1#my_account { margin-top: 30px; display: block; width: 117px; height: 29px; background-image: url("../images/structural/my_account.gif"); background-repeat: no-repeat; background-position: top left;  }

div#acc_top_nav { margin: 0 0 5px 0; padding: 10px 0 0 0; }
div#acc_top_nav ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-size: 120%; }
div#acc_top_nav ul li { display: inline; margin: 2px 3px 2px 0; padding: 0; }
div#acc_top_nav ul li a { font-weight: bolder; margin: 0; padding: 0 7px 0 0; text-decoration: none; border-right: 1px solid #000; }
div#acc_top_nav ul li a:hover { text-decoration: underline;}
div#acc_top_nav ul li a.first_li { padding-left: 0; }
div#acc_top_nav ul li a.last_li { border-right: 1px solid #fff; }
div#acc_top_nav ul li a.active { color: #000; text-decoration: none; }

p#sort_by_text { font-size: 85%; font-weight: bolder; text-transform: uppercase; display: block; float: left; margin: 12px 0 0 0; padding: 0 5px 0 0; }

div#acc_sort { float: left; margin: 0 0 5px 0; padding: 10px 0 0 0; }
div#acc_sort ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-size: 95%;}
div#acc_sort ul li { display: inline; margin: 2px 3px 2px 0; padding: 0; }
div#acc_sort ul li a { font-weight: bolder; margin: 0; padding: 0 7px 0 0; text-decoration: none; border-right: 1px solid #000; }
div#acc_sort ul li a:hover { text-decoration: underline;}
div#acc_sort ul li a.first_li { padding-left: 0; }
div#acc_sort ul li a.last_li { border-right: 1px solid #fff; }
div#acc_sort ul li a.active { color: #000; text-decoration: none; }

div#acc_listing { margin: 0 0 5px 0; padding: 10px 0 0 0; }
div#acc_listing ul { list-style: none; margin: 0; padding: 0; font-size: 95%;}
div#acc_listing ul li { margin: 10px 0 10px 0; padding: 0 0 0 20px; line-height: 1.7em; background-image: url("../images/structural/little_red_star.gif"); background-repeat: no-repeat; background-position: center left;   }
div#acc_listing ul li span.prd_sum { font-weight: bolder; }

div#acc_pages { margin: 0 0 25px 0; padding: 10px 0 0 0; }
div#acc_pages ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-size: 75%;}
div#acc_pages ul li { display: inline; margin: 2px 3px 2px 0; padding: 0; }
div#acc_pages ul li a { font-weight: bolder; margin: 0; padding: 0 7px 0 0; text-decoration: none; border-right: 1px solid #B6000C; }
div#acc_pages ul li a:hover { text-decoration: underline;}
div#acc_pages ul li a.first_li { padding-left: 0; }
div#acc_pages ul li a.last_li { border-right: 1px solid #fff; }
div#acc_pages ul li a.active { color: #000; text-decoration: none; }