/* CSS Document */
/*  */

* {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body 	{line-height: 1;
	  	color: #666;
	   	border-top:10px solid #004a8b;
	   	font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
                background-image: url(/images/template/bk-tile.jpg); background-repeat: repeat-x
}



h1 {color: #000;
	margin: 0 0 0.5em 0;
	font-size: 200%;
	font-weight: lighter;


}

h2 {color:#333333;
	margin: 1.5em 0 0.8em 0;
	font-size: 170%;
	font-weight: lighter;
	padding-bottom: 8px
}



h3 {color:#fff;
	margin: 0;
	font-size: 120%;
	background-color: #e20c18;
	padding: 3px 6px
}



h4 { color:#004a8b;
	margin: 0 0 0 0;
	font-size: 120%;
	background-color: #dbebf8;
	padding: 3px 6px
}

h5 {color:#004a8b;
	margin: 5px 0 5px 0;
	font-size: 120%;
	padding: 8px 0 0 0;
	font-weight: bold;
	border-top: 1px dashed #666;	
}

h6 {color:#004a8b;
	margin: 5px 0 5px 0;
	font-size: 120%;
	padding: 8px 0 0 0;
	font-weight: bold;
}



p {color: #666; line-height: 1.3; margin-bottom: 10px }
span.largetext {font-size: 120%}
span.bold {font-weight: bold}
span.red {color: red; font-weight: bold}
span.red_small {color: red; font-weight: bold; font-size:90%}
span.grey_bold {color:#666;	margin: 5px 0 5px 0;font-size: 100%;padding: 0;	font-weight: bold;	}
span.blue {color:#004a8b; }
.center {text-align: center;}

.keyline {
  color: #666;
  background-color: #666;
  height: 1px;
  margin: 2px 0px 2px 0px;
}

input, textarea {
  border: 1px solid #ccc; 
  margin: 0px 10px 10px 0px; 
  height: 16px; 
  padding: 2px; 
  color:#333;
  background-color: #fff;
}

select {
  border: 1px solid #ccc; 
  margin: 0px 10px 10px 0px; 
  padding: 2px; 
  color:#333;
}

input.checkoutbutton {
  border: 1px solid #ccc; 
  margin: 10px 10px 10px 0px; 
  height: 24px; 
  width: 80px; 
  padding: 2px; 
  color:#333;
  background-color: #eee;
}

input.searchbutton {
  border: 1px solid #ccc; 
  height: 24px;  
  padding: 2px; 
  margin-top: -3px;
  color:#333;
  background-color: #eee;
}

.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
        height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;       
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-style : solid;
        border-color : #ff0000;
}

.formLabel{
	width:100px;
	text-align:right;
}

.formButton{
	margin-left:110px;
}

a:link, a:visited {color:#004a8b; text-decoration: none }
a:hover {text-decoration: none }

div.clear { clear: both;}

.statictextheader { color:#004a8b;
	margin: 0 0 0 0;
	font-size: 120%;
}

/* SCROLL AREAS */
#whatshot_scroll p {text-align:justify;color:#999; font-size: 100% }
#whatshot_holder{ text-align:justify;border:1px #efefef solid; margin: 20px 0 0 0; }
div.whatshot_holder{overflow:auto;z-index:1;position:relative;height:300px;_height:300px;	*height:300px;}
div.whatshot_scroll { position: absolute; left: 0; top: 0; z-index: 2;}

#accessories_scroll { position: absolute; left : 80px; width : 800px; height: 325px; overflow-y:scroll; overflow-x:hidden;}

/* <Scrollbrad background color> */

div.track { position: relative; float:right; top: 0;  width: 11px; height: 100%; font-size: 0; z-index: 3; background: #efefef;}

/* scrollbar button color */

div.drag_bar {position:absolute; width: 100%; height: 14px; cursor:default;z-index: 4; background: #ccc;float:right;}  


/* DARK BACKGROUND */
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}

/* START CHECKOUT BREADCRUMB STYLES */
#checkoutbreadcrumb {float:left; width: 560px; }
#checkoutbreadcrumb ul.checkout {font-size: 120%; margin: 0px 0px 10px 0px ;padding-left: 20px}
#checkoutbreadcrumb li {display:inline; list-style:none;}
#checkoutbreadcrumb li a:link, #checkoutbreadcrumb li a:hover, #checkoutbreadcrumb li a:visited {cursor: default; background: transparent url(/images/template/checkout_bg.gif) no-repeat;display:block;color:#fff; background-color:##8dbfe2; font-weight: bold; height:30px; padding: 0 20px 0 30px; width: 100px; line-height:31px; text-decoration:none;float:left;z-index:1; margin-left: -15px;}
#checkoutbreadcrumb li.current_page_item a {background-position:0 -30px;}
 
#checkoutbreadcrumb li a.breadcrumbhome {background-position:0 -60px;  }
#checkoutbreadcrumb li.current_page_item a.breadcrumbhome {background-position:0 -90px;}

/* START SCROLLING AREA STYLES */
#divContainer{position : absolute; width:280px; height:320px;_height:320px;	*height:320px; overflow:scroll; clip: rect(0px 180px 300px 0px);} 
#divContent{position : absolute; width : 180px; } 

#divContainerHoriz{position : absolute; width:380px; height:110px;_height:110px;	*height:110px; overflow:scroll; clip: rect(0px 330px 80px 35px); *clip: rect(0px 310px 80px 0px); padding-left: 35px; *padding-left: 0px} 
#divContentHoriz{position : absolute;} 

#divContaineryoumayalsobeinterestedinHoriz{position : absolute; width:570px; height:110px;_height:110px;	*height:110px; overflow:scroll; clip: rect(0px 520px 80px 35px); *clip: rect(0px 500px 80px 0px); padding-left: 35px; *padding-left: 0px} 
#divContentyoumayalsobeinterestedinHoriz{position : absolute;} 

/* START TEMPLATE STYLES */
#container {width: 940px; margin: auto; background-color: white; padding: 0px 10px 0px 10px;}
#header {margin-bottom: 1px}
#searchbar {width: 413px; background:url(/images/template/stripe_bg.gif) repeat; height: 41px;float:left }

#nav {font-size: 10px; width: 526px; float:left; height: 41px; padding: 0; margin: 0; background-color: #dbebf8; border-left: 1px solid #fff  }
#nav ul li { display: inline; width: 64px; height: 41px;   }
#nav ul li a { padding: 20px 24px 10px 6px; background-color: #dbebf8; color: #004a8b; text-decoration: none; float: left;
 display:inline-table; border-right: 1px solid #fff;  }
#nav ul li a.long_nav { padding: 9px 24px 10px 6px;   }
#nav ul li a.end_nav {border:0; width: 40px  }
#nav ul li a:hover { background:#b9d9f0 url(/images/template/nav_hover_bg.jpg) no-repeat 100% 50%}
#nav ul li a.active {background:#014b88 url(/images/template/nav_active_bg.jpg) no-repeat 100% 50%; color:#fff }
#nav ul li a.long_nav_active {padding: 9px 20px 10px 6px; background:#014b88 url(/images/template/nav_active_bg.jpg) no-repeat 100% 50%; color:#fff;}

#footer {border-top: 1px dashed #999; border-top-width: 2px;  width: 940px; font-size: 92%; color: #666; line-height: 1.2; margin: 20px 0 20px 0; background:url(/images/template/footer_payment.jpg) no-repeat 100% 0%; min-height: 100px }
#footer a:link, #footer a:visited {color: #666; text-decoration:none }
#footer a:hover {color:#004a8b }

#footer_number  {font-size: 170%; color:#004a8b; margin-top: 10px; width: 195px; float: left }
#footer_links { width: 555px; float:left; margin-top: 10px}
#footer_links ul {margin-bottom: -10px  }
#footer_links li {list-style-type: none; display: inline; }
#footer_payment {width: 262px; float:left} 

/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START CONTENT STYLES */
/* includes left, middle and right columns */
/* -------------------------------- */

#content {margin-top: 10px;}

/* --------- */
/*START LEFT CONTENT STYLES */
/* -------- */
#left_content {float: left; width: 180px; margin-right: 10px   }
#left_content h2 {background:url(/images/template/h2_bg.jpg) no-repeat; color:#fff; font-family:"Times New Roman", Times, serif; margin: 0 0 1px 0; padding:5px 0 0 10px; height: 25px; font-size: 160% }
#left_content ul.sidelist { margin: 0 0 15px 0; padding: 0; list-style-type: none; }
#left_content li { margin: 0 0 1px 0; }
#left_content ul li a:link, #left_content ul li a:visited { display: block; padding: 5px 10px 4px 20px; color: #004a8b; background:url(/images/template/prodlist_normal.jpg) no-repeat;}
#left_content ul li a:hover {color: #fff; background:url(/images/template/prodlist_hover.jpg) no-repeat; color: #004a8b; }
#left_content ul li a.active {color: #fff; background:url(/images/template/prodlist_active.jpg) no-repeat; color: #fff; }
#left_content ul li ul li { margin: 0 0 1px 0; }
#left_content ul li ul li {margin-bottom: 0; list-style-type: none;}
#left_content ul li ul li a:link, #left_content ul li ul li a:visited { display: block; padding: 5px 5px 5px 30px; color: #004a8b; background:url(/images/template/prodlist_subnormal.jpg) no-repeat; }
#left_content ul li ul li a:hover { color: #004a8b;  text-decoration: none; background:url(/images/template/prodlist_subhover.jpg) no-repeat }
#left_content ul li ul li a.subactive {background:url(/images/template/prodlist_subactive.jpg) no-repeat; color: #004a8b}

div.sidebox {background:url(/images/template/sidebox_middle.jpg) repeat-y; padding-left: 1px}
/* --------- */
/*END LEFT CONTENT STYLES */
/* -------- */



/* --------- */
/*START MAIN CONTENT STYLES */
/* -------- */
#maincontent {float:left; width: 560px;  }
#maincontent ul { margin: 10px 0px 0px 50px}
#maincontent li {color: #666; list-style-type:square; line-height: 1.2}

div.banner_wide {width: 560px; margin-bottom: 10px}
div.banner_half_left {width: 275px; float:left; margin: 0 10px 10px 0}
div.banner_half_right {width: 275px; float:left; margin: 0 0 10px 0}

#maincontent a.header_link {float:left; color: #fff; padding: 0px 5px 0 0; margin: -14px 0px 0px 460px; *margin: -14px 0px 0px 460px}
#maincontent a.header_link_blue {float:left; color: #004a8b; padding: 0 5px 0 0; margin: -14px 0px 0px 460px; *margin: -14px 0px 0px 460px }

html>body #maincontent a.header_link {float:left; color: #fff; padding: 0px 5px 0 0; margin: -13px 0px 0px 460px; *margin: -14px 0px 0px 460px}

html>body #maincontent a.header_link_blue {float:left; color: #004a8b; padding: 0 5px 0 0; margin: -13px 0px 0px 460px; *margin: -14px 0px 0px 460px }

div.products {line-height: 1.3em; min-height: 275px; float:left}
div.products a:link, div.products a:visited {font-weight: bold }
div.products a:hover  {text-decoration: underline}
div.products img { border: 1px dashed #666; margin-bottom: 5px}
div.prod1, div.prod2, div.prod3 {width: 180px; float:left;margin: 10px 0 10px 0; }
div.prod2 {margin:10px 8px 10px 8px}

#breadcrumb {margin-bottom: 5px;}

.contentimage {margin: 0px 0px 0px 10px; border: 1px dashed #666;}

/* --------- */
/*END MAIN CONTENT STYLES */
/* -------- */


/* --------- */
/*START RIGHT CONTENT STYLES */
/* -------- */
#right_content {float: left; width: 180px; margin-left: 10px   }
div.sidebox_right h2, div.sidebox_shopping h2 {background:url(/images/template/h2_bg_right.jpg) no-repeat; color:#fff; font-family:"Times New Roman", Times, serif; margin: 0; padding:5px 0 0 10px; height: 25px; font-size: 160% }
div.sidebox_shopping_red h2 {background:url(/images/template/h2_bg_right_red.jpg) no-repeat; color:#fff; font-family:"Times New Roman", Times, serif; margin: 0; padding:5px 0 0 10px; height: 25px; font-size: 140% }
div.sidebox_shopping_yellow h2 {background:url(/images/template/h2_bg_right_yellow.jpg) no-repeat; color:#fff; font-family:"Times New Roman", Times, serif; margin: 0; padding:5px 0 0 5px; height: 25px; font-size: 130% }

div.sidebox_right {background:url(/images/template/sidebox_shopping_middle.jpg) repeat-y; padding-left: 1px; margin-bottom: -10px }
div.sidebox_right p {padding: 6px 10px 0px 10px; font-size: 90%}
div.sidebox_right a:link, div.sidebox_right a:visited {color: #666; font-weight: bold }
div.sidebox_right a:hover {color:#004a8b  }

div.basket_text { width: 85px; float:left; padding: 5px 5px; font-size: 90%; vertical-align:middle }
div.sidebox_shopping img.basket, div.sidebox_shopping_red img.basket, div.sidebox_shopping_yellow img.basket {width: 74px;float:left }
div.sidebox_shopping_middle {background:url(/images/template/sidebox_shopping_middle.gif) repeat-y; padding: 5px 5px 5px 5px; }
div.sidebox_shopping_middle_red {padding: 5px 5px 5px 5px; }
div.sidebox_shopping_middle_yellow {padding: 5px 5px 5px 5px; }
div.sidebox_shopping {background:url(/images/template/sidebox_shopping_bottom.jpg) no-repeat 50% 98%; }
div.sidebox_shopping_red {background:url(/images/template/sidebox_shopping_bottom_red.jpg) no-repeat 50% 98%; }
div.sidebox_shopping_yellow {background:url(/images/template/sidebox_shopping_bottom_yel.jpg) no-repeat 50% 98%; }
div.shopping_links, div.shopping_links2 {height: 20px; color: #fff; font-weight: bold; margin: 5px 0px 0px 6px; padding-top: 2px; font-size: 105%}
div.shopping_links a:link, div.shopping_links a:visited, div.shopping_links2 a:link, div.shopping_links2 a:visited {color:#fff }
div.shopping_links a:hover  {text-decoration: underline }

#sign_up {background:url(/images/template/sign_up_btn.jpg) no-repeat; width: 180px; height: 70px; margin-bottom: 5px}
#sign_up h2 {color:#fff; font-family:"Times New Roman", Times, serif; margin: 0; padding:15px 20px 0 10px; height: 25px; font-size: 160% }
#sign_up a:link {color: #fff}

a:link.right_btn, a:visited.right_btn {float:right; padding: 0px 5px 0 0; margin-top: -24px; background:url(/images/template/up_arrow2.png) no-repeat; width: 24px; height: 24px }
a:link.right_btn_red, a:visited.right_btn_red, a:link.right_btn_yellow, a:visited.right_btn_yellow {float:right; padding: 0px 5px 0 0; margin: -10px 0 -10px 0; background:url(/images/template/up_arrow2.png) no-repeat; width: 24px; height: 24px }
a:link.right_btn_down, a:visited.right_btn_down {float:right; padding: 0px 5px 0 0; margin-top: -20px; background:url(/images/template/up_arrow_down.png) no-repeat; width: 24px; height: 24px;  }
a:hover.right_btn, a:hover.right_btn_down, a:hover.right_btn_red, a:hover.right_btn_yellow  {background-position: 0% -24px}

div.shopping_links2 a:hover  {text-decoration:none }

/* --------- */
/*START RIGHT CONTENT STYLES */
/* -------- */


/* END CONTENT STYLES */
/* -------------------------------- */


/* START FORM/SEARCH STYLES */
/* -------------------------------- */

/* Forms */


.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
	height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;       
        border: solid 1px #adcfe8;
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-style : solid;
        border-color : #ff0000;
}

.formLabel{
	width:100px;
	text-align:right;
}

.formButton{
	margin-left:110px;
}

#brand_search { float:left; width:200px; }
#brand_search select.brand {color: #666; border: solid 1px #adcfe8; padding: 3px; font-family: Arial, helvetica; width: 157px;  background-color:#fff; margin: 10px 5px 0px 10px; float:left }
.brand_submit_btn {width:24px; height:24px; float:left; top: 17px; margin:8px 0px 0px 0px }

#search_box {width: 190px; height: 21px; background:url(/images/template/search_bg.png) no-repeat 0% 50%; float:left; margin: 10px 0 0 10px  }
#search_box #s {float: left; padding: 0 4px 0 15px; margin: 4px 0 0 6px; border: 0; width: 110px; background: none; color:#666666}
.keyword_submit_btn {width:24px; height:24px; float:right; top: 15px; margin: 0px 0px 0px 0px }


/* END FORM/SEARCH STYLES */
/* -------------------------------- */


/* START SUB CAT STYLES */
/* -------------------------------- */

#sub_cat_search { background:url(/images/template/stripe_bg.gif) repeat; height: 35px; margin-bottom: 10px }
#sub_cat_search select.subcat {color: #666; border: solid 1px #adcfe8; padding: 3px; font-family: Arial, helvetica; width: 115px;  background-color:#fff; margin: 5px 5px 0px 10px; float:left }

.subcat_submit_btn {width:24px; height:24px; float:left; margin:5px 0px 0 10px; border: 0px; }

div.brand_thumb {text-align:center; width: 85px;font-weight: bold; margin: 0 9px 10px 0; float:left }
div.brand_thumb a:link, div.brand_thumb a:visited, div.brand_thumb_last a:link, div.brand_thumb_last a:visited {color: #666666; }
div.brand_thumb a:hover, div.brand_thumb_last a:hover {text-decoration: underline }
div.brand_thumb img, div.brand_thumb_last img { border: 1px dashed #666; margin-bottom: 5px}
div.brand_thumb_last {text-align:center; width: 85px;font-weight: bold;margin: 0 0px 10px 2px;float:left  }

/* END SUB CAT STYLES */
/* -------------------------------- */



/* START PRODUCT STYLES */
/* -------------------------------- */

img.prod_large {border: 1px dashed #666; margin-bottom: 15px; float:left;  }
#prod_price {width: 180px; float:left; border-top: 1px dashed #666; border-bottom: 1px dashed #666; margin: 0 0 0 10px; font-size: 120%; line-height: 16px; padding: 5px 0 5px 0 }

a:link.basket_btn, a:visited.basket_btn {float:left;background:url(/images/template/basket_button.jpg) no-repeat; width: 160px; height: 38px; margin-top: 5px  }
a:hover.basket_btn  {background:url(/images/template/basket_button_down.jpg)}
#prod_icons {margin: 10px 0 0 10px; line-height: 25px; width: 180px; float:left;}
#prod_icons img {float:left }

#prod_description {margin: 10px 0 0 10px;float:left; width: 180px}

#prod_images {width: 370px; max-height: 80px;}
#prod_images img {float:left;}
#prod_images_left {width: 28px; height: 80px; background:url(/images/products/prod_images_left.gif) no-repeat;float:left }
#prod_images_right {width: 28px; height: 80px; background:url(/images/products/prod_images_right.gif) no-repeat;float:right }

#prod_youmayalsobeinterestedin {width: 560px; max-height: 80px;}
#prod_youmayalsobeinterestedin img {float:left;}
#prod_youmayalsobeinterestedin_left {width: 28px; height: 80px; background:url(/images/products/prod_images_left.gif) no-repeat;float:left }
#prod_youmayalsobeinterestedin_right {width: 28px; height: 80px; background:url(/images/products/prod_images_right.gif) no-repeat;float:right }

a:link.prod_right_btn, a:visited.prod_right_btn {float:left; background:url(/images/products/prod_right_arrow.png) no-repeat; width: 24px; height: 24px;margin: 25px 5px 0 0px  }
a:link.prod_left_btn, a:visited.prod_left_btn {float:left; background:url(/images/products/prod_left_arrow.png) no-repeat; width: 24px; height: 24px; margin: 25px 0 0 5px }
a:hover.prod_left_btn, a:hover.prod_right_btn {background-position: 0% -24px}


#tabs {font-size: 100%; width: 560px; float:left; height: 43px; padding: 0; margin:15px 0 10px 0; background:url(/images/template/stripe_bg.gif) repeat; border-right: 1px solid #fff; border-bottom: 10px solid #0a5495;}
#tabs ul {margin: 0px;  }
#tabs ul li { display: inline; width: 64px; height: 41px;  }
#tabs ul li a { padding: 20px 24px 10px 6px; background-color: #dbebf8; color: #004a8b; text-decoration: none; float: left;
 display:inline-table; border-right: 1px solid #fff;  }
#tabs ul li a.long_nav { padding: 8px 24px 8px 6px;   }
#tabs ul li a.end_nav {border:0; width: 40px  }
#tabs ul li a:hover { background:#b9d9f0}
#tabs ul li a.active {background:#0a5495; color:#fff }

div.total {width: 350px; float:right; padding: 10px 10px 0 0}
div.final_price {float:right; width: 150px; font-size: 120%; font-weight: bold; padding: 15px 10px 0 0}
div.final_basket {width: 150px; float:right}


/* END PRODUCT STYLES */
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */

table.dtginfo {margin-top: 10px; width: 548px;text-align: center }
tr.dtgheader th { background:#81c4ff; vertical-align:top; padding: 5px; color: #004b8c; font-weight: 1.5; text-align:left;text-align: center  }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none } 
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none } 
tr.dtgheader th.first, td.first  {padding-left: 5px; text-align:center}
/* td {background: #dff0ff; text-align: center} */
td.center {background:#fff; text-align: center; }
td.instock {background: #bfe7bf;}
td.outstock {background: #f9bfbf}
td img {text-align: center}


/* END TABLE STYLES */
/* -------------------------------- */

/* START POP UP BASKET */
/* -------------------------------- */

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:41;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;


    z-index:42;
    overflow: hidden;
}

#popupBox{
background-color:#CCCCCC;
width:500px;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
}

#headerBar{
position:relative;
background-color:#333333;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:1px;
}

#headerBarTitle{
position:absolute;
top:9px;
left:40px;
}

#footerBar{
position:relative;
background-color:#333333;
padding:10px;
text-align:right;
height:25px;
}

#scrollPanel{
height:300px;
overflow:auto;
background-color:#FFFFFF;
background-image:url(/images/basket-popup/inner-shadow.gif);
background-repeat:repeat-x;
padding:10px;
}

.footerButton{
margin-left:3px;
}

.productTable{
padding:0px;
font-size:12px;
}

.tableHeader{
background-color:#CCCCCC;
font-weight:bold;
font-size:14px;
padding:6px;
}

.tableRow{

font-size:12px;
padding:5px;
}

.oddRow{
background-color:#f1f1f1;
}

.evenRow{
background-color:#f7f7f7;
}

.tableRowPrice{
position:absolute;
top:5px;
right:22px;
}

.tableRowRadiobtn{
  border: 0px; 
  margin: 0px 0px 0px 0px; 
}

#minus-btn{
position:absolute;
left:10px;
}

#plus-btn{
position:absolute;
left:80px;
}

#qtyInput{
position:absolute;
width:30px;
left:40px;
font-size:14px;
}
/* END POP UP BASKET */
/* -------------------------------- */

/* START BASKET BALLON */
/* -------------------------------- */

#basketBubble{
background-image:url(/images/basket-balloon/bubble_tr.png);
width:308px;
height:121px;
}

/* Left-facing bubble */
#bubbleContent{
position:absolute;
top:10px;
left:16px;
}

#bubbleIcon{
position:absolute;
left:10px;
top:7px;
}

#bubbleText{
position:absolute;
top:15px;
left:75px;
height:40px;
width:140px;
vertical-align:middle;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#3d3d3d;
}

#bubbleCloseButton{
position:absolute;
top:74px;
left:0px;
}

#bubbleCheckoutButton{
position:absolute;
top:74px;
left:112px;
}
/* END BASKET BALLON */


/* SHOP BY BRAND */

div.sideboxbrand {background:url(/images/template/sideboxbrand_middle.jpg) repeat-y; padding-left: 1px}

#shopByBrandMenu {
	width:175px;
	margin-bottom:10px;
	margin-left:1px;
}

#shopByBrandLogoRow {
        position: relative;
	height:61px;
        left: 5px;
}

.shopByBrandLogo{
	float:left;
	border:3px solid #DDDDDD;
	margin:1px;
	background-color:#FFFFFF;
}


.hotlistscrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 170px;
	height:300px;

	background-color:#FFFFFF;
	border:3px solid #DDDDDD; 

	color:#999999;

}

.hotlistscrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
        margin: 0px;
}




a.hotupbtn {z-index: 1000; float:right; padding: 0px 5px 0 0; margin-top: -24px; background:url(/images/template/up_arrow2.png) no-repeat; width: 24px; height: 24px }
a.hotdownbtn {z-index: 1000; float:right; padding: 0px 5px 0 0; margin-top: -20px; background:url(/images/template/up_arrow_down.png) no-repeat; width: 24px; height: 24px;  }
a.hotupbtn:hover, a.hotdownbtn:hover {background-position: 0% -24px}