/* CSS Document */

/* General CSS for tags and clears etc */
html{height:100%;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:69%; line-height:120%; margin:0px; width:100%; height:100%;}
form{margin:0px; padding:0px;}
.clear{clear:both; height:0px; line-height:0px; font-size:0px;}

/* Container for the whole site */
#container{width:960px;margin:auto;position:relative;}

/* header section */
#header{width:100%;position:relative;}
#header_top{width:100%; height:28px; line-height:36px;position:relative;}
#header_top_left{float:left; height:28px; width:200px;}
#header_top_right{float:right; height:28px; width:500px; text-align:right;}
#header_left{float:left; width:778px; height:96px;position:relative;}
#header_right{float:right; width:182px; height:96px;position:relative;}

.header_right_orange{color:#f18e00;}
.header_right_pink{color:#ec006c;}
.header_right_blue{color:#009de0;}
.top_right_search_form_orange{color:#f18e00;}
.top_right_search_form_pink{color:#ec006c;}
.top_right_search_form_blue{color:#009de0;}

/* the messafge (GREY Welcome to... text) */
#message{color:#888888;font-size:115%; line-height:120%; _height:25px; min-height:25px;}

/* For the main div section */
#main_div{width:100%; margin:auto; }
/* Construction of the main divs */
#main_div_top{background-repeat:no-repeat; width:960px; height:29px;}
#main_div_middle{background-repeat:repeat-y; width:960px; _height:460px; min-height:460px; margin-top:-10px;}
#main_div_bottom{background-repeat:no-repeat; width:960px; height:28px; clear:both;}
/* For the orange pages */
.main_div_top_orange{background-image:url(../images/main_div_top_orange.gif); }
.main_div_middle_orange{background-image:url(../images/main_div_middle_orange.gif); }
.main_div_bottom_orange{background-image:url(../images/main_div_bottom_orange.gif); }
/* For the pink pages */
.main_div_top_pink{background-image:url(../images/main_div_top_pink.gif);}
.main_div_middle_pink{background-image:url(../images/main_div_middle_pink.gif);}
.main_div_bottom_pink{background-image:url(../images/main_div_bottom_pink.gif);}
/* For the blue pages */
.main_div_top_blue{background-image:url(../images/main_div_top_blue.gif);}
.main_div_middle_blue{background-image:url(../images/main_div_middle_blue.gif);}
.main_div_bottom_blue{background-image:url(../images/main_div_bottom_blue.gif);}
/* For the green pages */
.main_div_top_green{background-image:url(../images/main_div_top_green.gif);}
.main_div_middle_green{background-image:url(../images/main_div_middle_green.gif);}
.main_div_bottom_green{background-image:url(../images/main_div_bottom_green.gif);}

/* For the actual content page construction found in the root/libs folder  */
#content_container{width:100%; margin-top:-10px; _height:460px; min-height:460px;}
#content_left_column_small{width:200px; _height:460px; min-height:460px; float:left; margin-left:20px; }
#content_right_column_large{width:690px; _height:460px; min-height:460px; float:left; margin-left:20px;  }

/*login has a different look so we build that here */
#login_container{position:relative; z-index:1000; top:0px; left:1px; background-image:url(../images/login_bg.jpg); background-repeat:no-repeat; width:100%; height:620px;}
#login_form_container{position:absolute; left:390px; top:250px;}

/* left column and main display stuff */
#left_menu_column{float:left; position:relative; left:23px; width:190px;}
#main_column{float:right; position:relative; right:7px; width:691px;  _height:460px; min-height:460px; }

/* Account page form */
.account_info_box_left{float:left; width:150px; margin:4px 0px 4px 0px;}
.account_info_box_right{float:left; width:150px; margin:4px 0px 4px 0px;}
.account_reg_input{width:180px;}

/* For the pop-ups */
#hider{background-color:#333;z-index:1000;position:absolute;top:0;left:0;display:none;filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;}
#popup{width:300px; min-height:200px;_height:200px;position:absolute; left:40%;top:15%; background-color:#FFFFFF;display:none;z-index:1001; border:2px solid #666666;}
#popup_top{}
#popup_middle{}
#popup_bottom{}
.popup_top_orange{height:5px; width:100%; background-color:#f18e00;}
.popup_middle_orange{ width:90%; margin:auto; text-align:justify; }
div.popup_middle_orange a {color:#f18e00; text-decoration:none;}
div.popup_middle_orange a:hover{color:#f18e00; text-decoration:underline;}
.popup_bottom_orange{height:5px; width:100%; background-color:#f18e00;}
.popup_top_pink{}
.popup_middle_pink{}
.popup_bottom_pink{}

/*  heading styles */
.pink_title{color:#ec006c;}
.blue_title{color:#009de0;}
.orange_title{color:#f18e00;}
.green_title{color:#43A228;}
.grey_title{color:#888888;}
.pink_title_light{color:#ffb4d4;}
.blue_title_light{color:#91D5F2;}
.orange_title_light{color:#f18e00;}
.green_title_light{color:#43A228;}
h1{font-size:200%;line-height:160%;font-weight:normal;margin:0; padding:0;}
h2{font-size:180%;line-height:140%;font-weight:normal;margin:0; padding:0;}
h3{font-size:140%;line-height:120%;font-weight:normal;margin:0; padding:0;}

.large{font-size:26px; line-height:30px; margin:0; padding:0; font-weight:normal;}
.medium{font-size:12px; line-height:18px; margin:0; padding:0; font-weight:bold;}

.left{float:left;}
.right{float:right;}

.pink_background{background-color:#ec006c;color:#ffffff;}
.blue_background{background-color:#009de0;color:#ffffff;}
.orange_background{background-color:#f18e00;color:#ffffff;}
.green_background{background-color:#43A228;color:#ffffff;}

#bg_light{ width:95%; margin-right:5%;}
.pink_bg_light{background-color:#ffb4d4;color:#ffffff;}
.blue_bg_light{background-color:#91D5F2;color:#ffffff;}
.orange_bg_light{background-color:#f18e00;color:#ffffff;}
.green_bg_light{background-color:#43A228;color:#ffffff;}

.grey_background{background-color:#999999;color:#ffffff;}

.pink_background_image{background-image:url(../images/top_right_search_pink.gif); background-repeat:no-repeat; color:#ffffff;}
.blue_background_image{background-image:url(../images/top_right_search_blue.gif); background-repeat:no-repeat; color:#ffffff;}
.orange_background_image{background-image:url(../images/top_right_search_orange.gif); background-repeat:no-repeat; color:#ffffff;}
.green_background_image{background-image:url(../images/top_right_search_green.gif); background-repeat:no-repeat; color:#ffffff;}


/* product display */
.product_page_head{_height:40px; min-height:40px; width:640px; font-size:11px; font-weight:normal; margin-top:15px;}
.product_thumb{position:relative; float:left; width:162px; height:210px;  text-align:left; margin:2px; _margin:0px; _margin-bottom:4px; background-image:url(../images/product_thumb_bg.gif);background-repeat:no-repeat;}
.product_thumb_inner{width:152px; margin: 3px 2px 3px 15px;}
.product_thumb_inner{width:152px; margin: 3px 2px 3px 5px; height:200px;}
.thumb_text {position:absolute; top:150px; left:10px;}

/*shopping basket styles */
.shopping_column{
float:left;
min-height:25px;
_height:25px;
line-height:25px;
border-bottom:1px dashed #f18e00;
}

.basket_title_bar{
clear:both;
height:25px;
color:#ffffff;
font-weight:bold;
background-color:#f18e00;
width:840px;
margin:auto;
}

.basket_product_bar{
clear:both;
width:840px;
margin:auto;
}

/* registration form */
#reg_container{width:870px; margin-left:70px;}
.reg_form_left{float:left; width:98px; text-align:left; margin:5px; min-height:10px; _height:10px;}
.reg_form_right{float:left: width:200px; text-align:left; line-height:24px; position:relative; left:10px;  min-height:10px; _height:10px; font-weight:bold;}
.reg_left_column{float:left; width:430px;}
.reg_right_column{float:left; width:430px;}
.reg_input{width:175px; margin:0 0 5 0;}
.reg_select{width:180px; margin:0 0 5 0;}

.pointer{
cursor:pointer;
}

/* The link styles */
a.orange_link:link, a.orange_link:visited {
color:#f18e00;
text-decoration:none;
}
a.orange_link:hover{
color:#f18e00;
text-decoration:underline;
}

a.pink_link:link, a.pink_link:visited {
color:#ec006c;
text-decoration:none;
}
a.pink_link:hover{
color:#ec006c;
text-decoration:underline;
}
a.blue_link:link, a.blue_link:visited {
color:#009de0;
text-decoration:none;
}
a.blue_link:hover{
color:#009de0;
text-decoration:underline;
}

a.green_link:link, a.green_link:visited {
color:#43A228;
text-decoration:none;
}

a.green_link:hover{
color:#43A228;
text-decoration:underline;
}

a.grey_link:link, a.grey_link:visited {
color:#666666;
text-decoration:none;
}
a.grey_link:hover{
color:#666666;
text-decoration:underline;
}

a.shopping_menu_link:link, a.shopping_menu_link:visited {
color:#666666;
text-decoration:none;
font-size:10pt;
line-height:14pt;
}
a.shopping_menu_link:hover{
color:#666666;
text-decoration:none;
font-size:10pt;
line-height:14pt;
}

a.account_menu:link, a.account_menu:visited{
display:block;
color:#666666;
text-decoration:none;
font-size:115%;
line-height:170%;
}

a.account_menu:hover{
display:block;
color:#ec006c;
color:#f18e00;
text-decoration:underline;
font-size:115%;
line-height:170%;
}

a.account_menu_active:link, a.account_menu_active:visited{
display:block;
color:#ec006c;
color:#f18e00;
font-weight:bold;
text-decoration:none;
font-size:115%;
line-height:170%;
}
a.account_menu_active:hover{
display:block;
color:#ec006c;
color:#f18e00;
font-weight:bold;
text-decoration:underline;
font-size:115%;
line-height:170%;
}

a.button_link{
width:80px;
text-align:center;
height:19px;
line-height:22px;
font-size:12px;
border:0px;
margin-right:5px;
display:block;
float:left;
background-color:#333;
color:#fff;
}

input.button_link{
width:80px;
text-align:center;
height:23px;
line-height:24px;
font-size:13px;
border:0px;
margin-right:5px;
display:block;
float:left;
background-color:#333;
color:#fff;
}

.brand_h1{
color:#9C9D9E;
font-size:150%;
font-weight:bold;
}