/*-------------twitter bird-----------------------------*/

.twitterbird
{
position:fixed;
bottom:0px;
left:0px;
z-index:-100;
width:100px;
height:60px;
}


/*------------BOF FLYOUT MENU--------------------------*/

.menu {
z-index:1000;
font-size:90%;
height:235px;
margin:25px 0 50px 15px; /* this page only */
}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
height:182px;
position:relative;
border:1px solid #fff;
}
 
.menu li {
background:#ddd;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
 
/* style the links */
.menu a, .menu a:visited {
font-family:verdana, arial, sans-serif;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:150px;
color:#000;
text-indent:5px;
border-bottom:1px solid #fff;
background:#ddd;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}
 
.menu :hover > a {
color:#fff; 
background:#999;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:150px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height:235px;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
height:235px;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
height:235px;
}

<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]--> 

/*------------EOF FLYOUT MENU--------------------------*/


#ccimage
{
padding-top:10px;
border:0px;
width:40px;
}

.paymentmethodbox
{
border:0px;
padding:10px;
align:center;;
}

.freepostage {text-align:center;}
.freepostagebigtext {font-size:12px;font-weight:bold;}
.freepostagenormaltext {font-size:10px;}
.freepostagesmalltext {font-size:8px;}

#ccimage
{
padding-top:10px;
border:0px;
width:40px;
}

.paymentmethodbox
{
border:0px;
padding:10px;
text-align:center;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0px;
}

.amazonadvert
{
	background-color:white;
	text-align: center;
	width:180px;
	margin: 0 auto;
}


#test-navlist
{
float:left;
width:485px;
}

.test-navlist-layer 
{
padding-left:5px;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
background-color:#990033;
}

.test-navlist-layer-td
{
padding-left:5px;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
}

.test-navlist-layer img
{
vertical-align:middle;
padding:5px;
}



.test-navlist-layer a:link {color: #555; text-decoration: none;}
.test-navlist-layer a:active {color: #555; text-decoration: none; }
.test-navlist-layer a:visited {color: #555; text-decoration: none; }
.test-navlist-layer a:hover {color: #222; text-decoration: none; }
.test-navlist-layer-td a:link {color: #555; text-decoration: none;}
.test-navlist-layer-td a:active {color: #555; text-decoration: none; }
.test-navlist-layer-td a:visited {color: #555; text-decoration: none; }
.test-navlist-layer-td a:hover {color: #222; text-decoration: none; }

#navlist
{
float:left;
width:450px;
text-align:left;
}

#navlist ul
{
padding-left: 0;
margin-left: 0;
}

#navlist li
{
	display:block;
	float:left;
	width: 8em;
	/*list-style-image: url(http://www.coolcomponents.co.uk/images/header-nav-arrow.gif);
	list-style-type: circle;*/
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 0px;
	padding-top: 10px;
	text-align:left;
}

#navlist img {margin-right:10px;}
#navlist-layer1 {text-align:left;}
#navlist-layer2 {text-align:left;}


.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
	background: #f3fdff url('./images/bkgbchky.jpg') repeat-x;
	/*background: #e6f7ff url('./images/snowBG3.jpg') repeat-x;*/
	margin: 0;
	padding: 0;
	border: 0px none;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-repeat:repeat-x
}
body a {color: #876F58;text-decoration: none;}
body a:hover {color: #FF6600;text-decoration: underline;}

.bar
{
	position: relative;
	width: 790px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
}

.shadow
{
	background-image: url('shadow.gif');
	background-repeat: no-repeat;
	position: relative;
	width: 790px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {display: inline;}

.mynavigationtable {margin-top:0px;}

TR.header {background-color: #FFFFFF;}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
  background-image:url(images/infobox/bg.gif);
  background-repeat: repeat-x;
  color: #ffffff;
}

A.headerNavigation {color: #FFFFFF;}
A.headerNavigation:hover {color: #ffffff;}

TR.headerError {background: #FF6600;}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF6600;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {background: #00ff00;}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {background: #ffffff;}

TD.footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	padding:0px;
}

.infoBox {background: #ffffff;text-align:left;}
.infoBoxContents {background: #ffffff;font-family: Verdana, Arial, sans-serif;font-size: 10px;margin-top:0px;}
.infoBoxNotice {background: #ffffff;}
.infoBoxNoticeContents {background: #FFffff;font-family: Verdana, Arial, sans-serif;font-size: 10px;}

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image:url(images/infobox/bg.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 1px;
}

.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #333333;
	background-image: url(images/table_grad.gif);
	background-repeat: repeat-x;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align:left;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.main_left {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  width:150px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.popupsmalltext {font-family: Verdana, Arial, sans-serif;font-size:10px;text-align:center;}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FF6600;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#FF6600;
  font-weight: bold;
}

TABLE.formArea {
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
	background-color: #B5B5B5;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #FF6600;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #FF6600;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF6600; }

.search_bubble{margin-left:-8px;}

h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 15px;}
h5{font-size: 14px;}
h6{font-size: 15px;}

DIV#currency-picker {
	text-align: right;
	padding-bottom: 7px;
}
DIV#currency-picker A {
	margin-right: 10px;
	color: #CCCCCC;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
DIV#currency-picker A.last {
	margin-right: 0px;
}
DIV#currency-picker A:HOVER {
	color: #981A36;
	background-position: 0px 1px;
	text-decoration: underline;
}
DIV#currency-picker A.selected {
	font-weight: bold;
	text-decoration: underline;
	color: #981A36;
	background-position: 0px 1px;
}
DIV#currency-picker A IMG {
	margin-right: 5px;
}
DIV.currency-picker-abs {
	position: absolute;
	top: 1px;
	right: 10px;
}
.vatinfo{
	font-size: 8px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	width: 1000px;
	text-align:right;
	padding-bottom:5px;
	padding-top:5px;
	top: 1px;
	right: 10px;
}

.rssfeed {float:left;}
.currencybox {float:right;}

.center
{ 
text-align: center;
margin-left:auto;
margin-right:auto;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.column_left table
{
border:0; 
width:100%;
cellspacing:0;
cellpadding:2;
}

.mymaintable
{
	width: 1000px;
	border-spacing:3px 3px;
	background-color:#EEEEEE;
	margin-left:auto;
	margin-right:auto;
}

.maincontent
{
	width: 1000px;
	border-spacing:3px 3px;
	border-width:0px;
	background-color:#EEEEEE;
	margin-left:auto;
	margin-right:auto;
}

.my-breadcrumb-bar
{
border:0;
width:1000px;
cellspacing:0; 
cellpadding:0;
}

.my-breadcrumb-bar-left {float:left;width:1px;}
.my-breadcrumb-bar-right {float:right;width:1px;}

.my-breadcrumb-bar-middle
{
	float:left;
	width:980px;
	height:29px;
	padding-top:5px;
	background-image: url(images/infobox/bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.news_container
{
padding-bottom:40px;
}

.feedbox
{
float:left;
padding-left:10px;
font-size: 10px;
color: #999;
}

.vatbox
{
float:right;
padding-right:5px;
}

.currencybox
{
float:right;
padding-left:5px;
padding-right:10px;
}

.header-sub-container-box
{
	font-size: 10px;
	background-color: #FFFFFF;
	color: #999;
	width: 1000px;
	height: 16px;
	text-align:right;
	padding-bottom:3px;
	padding-top:2px;
	top: 1px;
	right: 10px;
	margin-left:auto;
	margin-right:auto;
}

.white_lozenge{
	margin:6px;
	margin-left:4px;
	padding-left:10px;
	background-color:#FFFFFF;
	background-image: url(images/white_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--- Beginning of Addition Products Cycle Slideshow ---*/
.ProductsCycleSlideshowWrapper { width: 167px; padding:0; margin:0; overflow: hidden; text-align:center;}
.ProductsCycleSlideshow { height: 160px; width: 160px; padding:0; margin:0px; overflow: hidden; border: 0px solid #bbc3d3; background-color:#fff;}
.PCSChild { height: 160px; width: 160px; padding: 7px; margin:0; padding:0; text-align:center; top:0; left:-40px; }
.PCSChild  a { text-decoration: none; color:000;}
.PCSChild  a img { border: none; border-width:0px;}
.PCSOutput { text-align:left; font-size:10px;}
.PCSOutput a { text-decoration: none; color:#000; }
.PCSPager { margin:7px; }
.PCSPager a { border: 1px solid #bbc3d3; background: #fff; color:#bbc3d3; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}
.PCSPager a.activeSlide { border: 1px solid #000; background: #bbc3d3; color:#000;}
.PCSPager a:focus { outline: none; }
/*--- End of Addition Products Cycle Slideshow ---*/


/*---------------------------*/
/* DYNAMENU Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 10px;	
	text-decoration: none;	
}

a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #000000;
	font-size: 10px;	
	text-decoration: none;	
}

a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #fff;
	font-size: 10px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #000000;
	font-size: 10px;	
	text-decoration: none;}

.pricetable
{
	color: #841212;
	background-color: #eee;
	font-size: 10px;
	text-decoration: none;
	border: 1px #000000;
	width: 150px;
}

.pricetable tr
{
	color: #fff;
	background-color: #000;
}

.pricetable topcell
{
	color: #abc;
	background-color: #cba;
}

.pricetable leftcol
{
width: 50px;
}

.pricetable rightcol
{
width: 100px;
}

/*----------------------------------------SLIDE OUT BOXES--------------------------------------------*/

#wrapper {
      width: 1000px;
      margin: 0 auto;
      display: table-cell;
      background-color:#eeeeee;
    }
    
    #feedback_slide {
      display: none;
      position: absolute;
      top: 650px;
      left: 0;
      background-color: #0066cc;
      height: 120px;
      width: 360px;
      margin: 0 0 0 -340px;
      padding-left: 25px;
      opacity:0.9;
      filter:alpha(opacity=20);
      z-index: 100;
    }
    
    *html #feedback_slide {
      display: none;
      position: absolute;
      top: 650px;
      left: 0;
      background-color: #0066cc;
      height: 120px;
      \width: 385px;/* for IE5 and IE6 in quirks mode */
      w\idth: 385px;/* for IE6 in standards mode */
      margin: 0 0 0 -340px;
      padding-left: 25px;
    }
    
    #feedback_slide img {
      position: absolute;
      right: 0;
      top: 0;
      
    }
    
    textarea#feedback_slide_textarea {
    width:300px;
    height:170px;
    float:left;
    resize: none;
    }
    
    #slide_headline {
      font-family: Verdana;
      text-align:left;
      font-size:16px;
      color:white;
      margin-top:8px;
      margin-bottom:5px;
      font-weight:bold;
    }
    
    form input {
      display: block;
      float:left;
    }
    
    #slide_sub_head
    {
    	font-family: Verdana;
    	text-align:left;
    	font-size:10px;
    	color:white;
    	margin-bottom:5px;
    }
    
/*----------------------------------------New main page layout--------------------------------------------*/
#t_container {width:1000px;}
#t_wrapper {position:relative; display:block; background:#fff; border-left:200px solid #eee; border-right:200px solid #eee; overflow:visible;}
#t_left {float:left; position:relative; width:198px; margin-left:-197px; display:inline;}
#t_right {float:right; position:relative; width:198px; margin-right:-197px; display:inline;}

#master_layout_main_panel
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;  
  width:590px;
  background-color:#eeeeee;
  margin-left:auto;
  margin-right:auto;
}

#main_layout_left_column
{
	width:190px;
	float:left;
	background-color:white;
	
}

#main_layout_right_column
{
	width:190px;
	float:right;
	background-color:white;
}

/*----------------------------------------new header stuff--------------------------------------------*/
#newheader
{
  font-size:11px;
  color:#000;
  padding-left:0px;
  height:60px;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  overflow:hidden;
}

#newheader_logo
{
  float:left;
  width:360px;
  border: 0 none;
  padding-left:0px;
  text-align:left;
}

#newheader ul
{
  /*list-style-image: url("images/header-nav-arrow.gif");*/
  text-align:left;
  margin:0px;
  padding:0px;
}

#newheader li
{
  
  /*&margin-left:20px\9; /* IE9 and below */
  overflow:visible;
  text-align:left;
  width:80px;
  padding-top:10px;
  padding-left:13px;
  list-style: none; 
  background: url("images/header-nav-arrow.gif") no-repeat;
  background-position:0px 12px;
}

#newheader_s1 {float:left;width:60px;}
#newheader_s2 {float:left;width:90px;}
#newheader_s3 {float:left;width:100px;}
#newheader_s4 {float:left;width:80px;position:relative;z-index:0;}
#newheader_s5
{
  position:relative;
  float:left;
  width:240px;
  left:-55px;
  top:0px;
  z-index:1;
}

#newheader_s5 ul {list-style-image:none;list-style-type:none;}

#newheader_s5 li
{
  text-align:right; 
  padding-top:2px;
  width:235px;
  background : none;
  z-index:1;
}


#verisign_holder
{
  float:right;
  position:relative;
  width:100px;
  left:-10px;
  top:-65px;
}

#margin-center {margin-left:auto;margin-right:auto;}

/*--FOOTER STUFF--------------------------------------------------------------------------------------- */
#newfooter {width:1000px;margin-left:auto;margin-right:auto;overflow: auto;background-color:#fff;}
#newfooter ul {list-style-image:none;list-style-type:none;}
#newfooter li {text-align:left;}
#newfooter_s1 {width:250px;float:left;margin-left:150px;}
#newfooter_s2 {width:300px;float:left;}
#newfooter_s3 {width:250px;float:left;}
#newfooter_details {}
/*-----------------------------------------------------------------------------*/

#vatselector
{
	width:300px;
	float:right;	
}

.vatselector_item
{
	float:right;
}

#vatselector_message
{
	float:right;
}

#breadcrumb_trail
{
	float:left;
}

.mycategorylabel
{
	font-size:14px;
}
