/* CORE */

html {
}


body {
 margin:0px 10px 10px 10px;
 color: #000000;
 background-image: url('/images/background_blue_fade.jpg');
 background-repeat: repeat-x;
}


p, li, ul, ol, h1, h2, h3, h4, h5, h6 {
 font-family: Trebuchet MS, arial, sans-serif;
 text-align: left;
 }

.outer {
 text-align: center;
}

.outer-table {
 margin-left: auto;
 margin-right: auto;
 width: 800px;
}

.category {
 padding-top: 5px;
 text-align: left;
 background: url('/images/left_bg_border.jpg');
 width: 195px;
}


.search_box {
 text-align: center;
 background: url('/images/left_bg_border.jpg');
 width: 195px;
}

.top_menu {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 5px;
}

.top_menu_on {
 background: url('/images/left_bg_border.jpg');
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 5px;

}

.sub_menu {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
}

.sub_menu_on {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
 background:white;
}

.sub_menu2 {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 15px;
}

.sub_menu2_on {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 15px;
 background:white;
}

td {
 font-family: Arial, Tahoma, Helvetica, sans-serif;
}

th {
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 color: black;
 background-color: #e1e1e1;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 text-align: center;
}

h1, h1 a:link, h1 a:visited {
 margin: 0px 4px 0px 4px;
 padding: 0;
 font-size: 30px;
 letter-spacing: 1pt;
 font-weight: bold;
 color: #000066;
 text-decoration: none;
}

h1 a:hover, h1 a:active {
 margin: 0px 4px 0px 4px;
 padding: 0;
 font-size: 30px;
 letter-spacing: 1pt;
 font-weight: bold;
 color: #000066;
 text-decoration: underline;
}

h2 {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 8px;
 margin-right: 8px;
 font-size: 1.25em;
 letter-spacing: 3pt;
 padding: 0px;
 font-weight: bold;
}

h3 {
 text-align: left;
 border-top: 0px solid #000000;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 font-size: 22px;
 letter-spacing: 1pt;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 0px;
 color: #2f3196;
}

h4 {
 text-align: center;
 border-top: 0px solid #CCC;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #CCC;
 border-left: 0px solid #000000;
 font-size: 14px;
 letter-spacing: 0pt;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 padding: 2px 0px 2px 0px;
 color: #000000;
 background: #e1e1e1;
}

h5 {
 margin-top: 0px;
 margin-bottom: 12px;
 margin-left: 0px;
 margin-right: 0px;
 font-size: 0.85em;
 letter-spacing: 1pt;
 padding: 0px;
 font-weight: bold;
}

h6 {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 8px;
 margin-right: 8px;
 font-size: 1.25em;
 letter-spacing: 3pt;
 padding: 0px;
 font-weight: bold;
}

img {
 display: inline;
 border:0;
}

.inline {
 display: inline;
 border:0;
 vertical-align:middle;
}

#top_nav {
 text-align: right;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 padding: 0px 2px 2px 0px;
 color: #EFEDF0;

}

#top_nav a:hover, #top_nav a:active {
 text-decoration: underline;
}


#top_nav, #top_nav a:link, #top_nav a:visited {
 text-align: right;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 padding: 2px 2px 2px 0px;
 color: #EFEDF0;
}


#top_buttons {
 text-align: right;
 font-size: 12px;
 font-weight: normal;
 padding: 5px 5px 0px 5px;

}

#breadcrumb {
 text-align: right;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 padding: 2px 2px 2px 0px;
 color: #000000;
}


#breadcrumb, #breadcrumb a:link, #breadcrumb a:visited {
 text-align: right;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 padding: 2px 2px 2px 0px;
 color: #666666;
}

#breadcrumb a:hover, #breadcrumb a:active {
 text-decoration: underline;
}

#area_top {
 border-top: 0px solid #666666;
 border-left: 0px solid #666666;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #666666;
 background-color: #0b0f71;
 padding: 10px 0px 0px 0px;
}

#area_middle_left {
 border-top: 0px solid #000000;
 border-left: 0px solid #666666;
 border-bottom: 0px solid #666666;
 border-right: 0px solid #666666;
 text-align: center;
 padding: 0px 0px 0px 5px;
 font-weight: bold;
 line-height: 1.5;
 width: 150px;
 background-color: #FFFFFF;
}

#area_middle_right {
 border-top: 0px solid #666666;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
 border-left: 0px solid #000000;
 padding: 0px 8px 8px 8px;
 width: 589px;
 background-color: #ffffff;
 text-align:left;
}

#area_middle_right p {
 text-align: left;
 font-weight: normal;
 line-height: 1.5;
 padding: 0px 0px 0px 0px;
}

/*.category_button {
 text-align: left;
}

.category_button_on {
 text-align: left;
}*/

input {
 vertical-align:middle;
 
}

.sitesearch_btn {
 float: left;
 margin: 10px 0px 0px 0px;
 background: url('/images/homeJoin_btn.gif') no-repeat;
 text-align: center;
 width: 20px;
 display:inline; display:inline-block;
 border: 0px solid #333;
 vertical-align:middle;
 cursor:default; cursor:pointer;
}

.sitesearch_btn1 {
 text-align: center;
 display:inline; display:inline-block;
 margin: -3px;
 font-size:11px;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-weight:normal;
 text-decoration:none;
 color:white;
 border: 0px solid #333;
 width: 23px;
 height: 20px;
 background: url('/images/top_search_button.jpg') ;
 cursor:default; cursor:pointer;
}

.addtocart_btn {
 display:inline; display:inline-block;
 width:100px;
 margin:0.0em; padding:0px;
 font-size:11px;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 background:#CCC;
 color:#333;
 border:1px solid #666;
 vertical-align:middle;
 white-space:nowrap;
 cursor:default; cursor:pointer;
}

.addtocart_btn[class] {
 width:auto;
}

.addtocart_btn:hover { background:#CCC; color:#333; text-decoration: none;}
.addtocart_btn:hover strong { background:#CCC; color:black;}

.btnstyle1 { background:#CCC; color:#333;}

.btnstyle2 { background:#e1e1e1; color:black;}

.product_panel .buy_button {
 padding: 8px 8px 8px 8px;
 text-align: right;
}

.product_panel .price, .units {
 padding: 0px 8px 0px 8px;
 font-size: 85%;
 font-weight: bold;
 letter-spacing: 1pt;
}

#prev_next {
 text-align: right;
 padding: 0px;
 font-size: 12px;
 font-weight: normal;
 color: blue;
}

#prev_next a:link, #prev_next a:visited {
 font-size: 12px;
 font-weight: normal;
 text-decoration: underline;
}

#prev_next a:hover, #prev_next a:active {
 font-size: 12px;
 font-weight: normal;
 color: blue;
 text-decoration: none;
}

.product_panel {
 padding: 8px 8px 8px 8px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

.product_thumbnail {
 padding: 8px 8px 8px 8px;
 border-right: 1px dotted #000000;
 width: 150px;
}

.strike {
 text-decoration: line-through 
}

.productprice {
 font-size: 12px;
 font-weight: normal;
 color: black;
 background: transparent;
 }

.prodshipweight {
  font-size: 12px;
 font-weight: normal;
 color: black;
 background: transparent;
}

.largetext {
 font-size: 16px;
 font-weight: bold;
 color: black;
}

.normaltext {
 font-size: 12px;
 font-weight: normal;
 color: black;
}

.formtext {

 font-family: arial,verdana,sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: 16px;
 font-weight: bold;
 color: #666666;
 background-color: #FFFFFF;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-x-position: 0%;
 background-y-position: 0%;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #d9dae1;
 border-right-color: #d9dae1;
 border-bottom-color: #d9dae1;
 border-left-color: #d9dae1;

} 

.formtext1 {
 float: left;
 border: 0px;
 font-family: arial,verdana,sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: 16px;
 font-weight: bold;
 color: #a09d9d;
 background-color: transparent;
 background-image: url(/images/homeJoinFieldBG_inside.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-x-position: 0%;
 background-y-position: 0%;
 height: 19px;

}

.searchwrap {
  padding: 10px 0px 0px 10px;
  float: left;
  width: 156px;
}

.left {

 float: left;
 background-color: transparent;
 background-image: url(/images/homeJoinFieldBG_left.gif);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-x-position: 0%;
 background-y-position: 0%;
 width: 5px;
 height: 19px;

}

.right {
float: left;
margin-right: 0px;
background-color: transparent;
background-image: url(/images/homeJoinFieldBG_right.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
width: 5px;
height: 19px;

}

}

.formtext1 {
 width: 300px;
 font-size: 12px;
 font-weight: normal;
 color: black;
 border:1px solid #CCC;
}

.smalltext {
 font-size: 11px;
 font-weight: normal;
 color: black;
}

.xsmalltext {
 font-size: 10px;
 font-weight: normal;
 color: black;
}

#checkoutPanel {
 padding: 16px 16px 16px 16px;
}

#checkoutPanel td{
 padding: 5px 5px 5px 5px;
}

#checkoutPanelBar{
 padding: 5px 5px 5px 5px;
 border-top: 5px solid #000000;
 border-bottom: 5px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000;
 background-color: #000066;
 color: #ffffff;
 font-size: 0.95em;
 font-weight: bold;
}

#checkoutPanelBar2{
 padding: 5px 5px 5px 5px;
 border-top: 5px solid #000000;
 border-bottom: 5px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000;
 background-color: #000066;
 color: #ffffff;
 font-weight: bold;
}

#checkoutPanelWarning {
 color: white;
 background-color: #ff0000;
}

#checkout_panel table{
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

#cartHelpText{
 font-size: 12px;
 font-weight: normal;
 color: black;
}

#area_middle_wholesale {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
 border-left: 1px solid #000000;
 padding: 8px 8px 8px 8px;
}

#wholesaleTableBorder{
 border-top: 0px solid #aaaaaa;
 border-bottom: 1px solid #aaaaaa;
 border-left: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
}

#wholesaleCategoryRow{
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 background-color: #000066;
 color: #ffffff;
 font-size: 0.95em;
 font-weight: bold;
 text-align: center;
}

#wholesaleSubCategoryRow{
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 background-color: #ccc088;
 color: #666666;
 font-size: 0.80em;
 font-weight: bold;
 text-align: center;
}

#wholesaleTitleRow{
 padding: 3px 3px 3px 3px;
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 background-color: #ccc594;
 color: #666666;
 font-size: 0.75em;
}

#wholesaleProdParentRow{
 background-color: #000066;
 color: #666666;
 font-size: 0.75em;
 font-weight: bold;
}

#wholesaleProdParentRow td{
 border-top: 1px solid #aaaaaa;
 border-bottom: 0px solid #666666;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
}

#wholesaleProdChildRow{
 padding: 10px 5px 5px 5px;
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 background-color: #000066;
 color: #666666;
 font-size: 0.75em;
}

#wholesaleText{
 background-color: #ffffff;
 color: #666666;
 font-size: 0.75em;
 font-weight: bold;
}

#wholesaleHeaderText{
 background-color: #ffffff;
 color: #666666;
 font-size: 0.85em;
 font-weight: bold;
}

#footer_text {
 font-size: 12px;
 font-weight: normal;
 color: black;
 text-align:center;
}

a:link, a:visited {

 text-decoration: normal;
 font-size:12px;
}

a:hover, a:active {

 text-decoration: underline;
 font-size:12px;
}

A.menu_links:link,A.menu_links:visited {
 vertical-align: bottom;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #3b3a3f;
 text-decoration: none;
 font-size: 12px;
 font-weight: normal;
 line-height: 13px;
}

A.menu_links:hover,A.menu_links:active {
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #3b3a3f;
 text-decoration: underline;
 font-size: 12px;
 font-weight: normal;
}

A.top_links:link,A.top_links:visited {
 color: #000066;
 text-decoration: none;
 font-size:11px;
 font-weight:normal;
}

A.top_links:hover,A.top_links:active {
 color: blue;
 text-decoration: underline;
 font-size:11px;
 font-weight:normal;
}

.prod_links {
 padding:5px 0px 5px 0px;
}

.prod_links a:link, .prod_links a:visited {
 color: #2f3196;
 text-decoration: none;
 font-size:14px;
 font-weight:bold;
}

.prod_links a:hover, .prod_links a:active {
 color: #2f3196;
 text-decoration: underline;
 font-size:14px;
 font-weight:bold;
}

A.mainarea_links:link,A.mainarea_links:visited {
 color: #000066;
 font-size: 12px;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 text-decoration: none;
}

A.gateway_links:link,A.gateway_links:hover,A.gateway_links:active,A.gateway_links:visited {
 color: #cccccc;
 font-size: 10px;
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 text-decoration: underline;
}

.dynamic_qty {
 background: transparent;
 border: 0px;
 width: 60px;
 font-weight: bold;
 font-size: 12px;
 color: black;
}

#popitmenu{
 position: absolute;
 background-color: white;
 border:1px solid black;
 font: normal 12px Verdana;
 line-height: 18px;
 z-index: 100;
 visibility: hidden;
}

#popitmenu a{
 text-decoration: none;
 padding-left: 6px;
 color: black;
 display: block;
}

#popitmenu a:hover{ /*hover background color*/
 background-color: #e1e1e1;
}

#parentcat { line-height: 2;}
#catimg { vertical-align: top;}
#siteprod { color: black; font-weight: normal;}
#subcat { font-weight: normal;}



/* MENU BUTTONS */

a.boldbuttons{
background: transparent url('/images/button_seperator.jpg') no-repeat top left;
display: block;
width: 130px;
float: left;
font: 11px Arial;
line-height: 36px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 36px; /* Height of button background height */
text-decoration: none;
text-align: center;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #d8d7f9;
}

a.boldbuttons span{
background: transparent url('/images/button_standard.jpg') no-repeat top right;
display: block;
width: 130px;
}

a:hover.boldbuttons span{
background: transparent url('/images/button_over.jpg') no-repeat top right;
display: block;
width: 130px;
}

a:hover.boldbuttons{ 
text-decoration: underline;
}

.buttonwrapper{ 
overflow: hidden;
clear: right;
width: 100%;
}

a.boldbuttons1{
background: transparent url('/images/button_seperator1.jpg') no-repeat top left;
display: block;
width: 130px;
float: left;
font: 11px Arial;
line-height: 36px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 36px; /* Height of button background height */
text-decoration: none;
text-align: center;
}

a:link.boldbuttons1, a:visited.boldbuttons1, a:hover.boldbuttons1, a:active.boldbuttons1{
color: #d8d7f9;
}

a.boldbuttons1 span{
background: transparent url('/images/button_standard.jpg') no-repeat top right;
display: block;
width: 130px;
}

a:hover.boldbuttons1 span{
background: transparent url('/images/button_over.jpg') no-repeat top right;
display: block;
width: 130px;
}

a:hover.boldbuttons1{ 
text-decoration: underline;
}


/* HEADER */

.floatleft {
 float: left;
 padding: 7px 0px 0px 7px;
}

.floatright {
 float: right;
 padding: 20px 5px 0px 0px;
 margin: 0px 0px -15px 0px;
}

.altTextField {
 width: 125px;
 height: 18px;
 border: #000000 0px solid;
 background: url('/images/top_search_left.jpg');
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #FFFFFF
}

/* CATEGORY */

.t {
 background: url('/images/left_top_border1.jpg');
 width: 195px;
 height: 35px;
}

.t1 {
 background: url('/images/search_top_border.jpg');
 width: 195px;
 height: 35px;
}

.b {
 background: url('/images/left_bottom_border.jpg');
 width: 195px;
 height: 75px;
}

.b1 {
 background: url('/images/left_bottom_border1.jpg');
 width: 195px;
 height: 35px;
}

.i {
 float: left;
 background: url('/images/left_icon.jpg');
 width: 38px;
 height: 22px;
}

.br {
 background: url('/images/left_br_border.jpg') no-repeat;
 width: 184px;
 height: 9px;
 margin: 10px 0px 0px 0px;
}

/*  FOOTER  */

.footer {
 background: url('/images/bottom_bg.jpg');
 width: 960px;
 height: 74px;
}

#footer_text, a:link {
 text-align: ;
 font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 color: #9c9eab;
}


/* CART */

.cart_top {
 background: url('/images/cart_top.jpg');
 width: 142px;
 height: 35px;
}

.cart_bottom {
 background: url('/images/cart_bottom.jpg');
 width: 142px;
 height: 35px;
}

.cart_bg {
 padding: 5px 5px;
 text-align: left;
 background: url('/images/cart_bg.jpg');
 width: 142px;
}

.carttext {
 font-size: 10px;
 font-weight: normal;
 color: black;
}

.carttext a:link, .carttext a:visited {
 padding: 0;
 font-size: 10px;
 font-weight: normal;
 color: #000066;
 text-decoration: none;
}

.carttext a:hover, .carttext a:active {
 text-decoration: underline;
}

/* RECENTLY VIEWED */

.viewed_top {
 background: url('/images/viewed_top.jpg');
 width: 142px;
 height: 35px;
}

/* Main Page */


.colourfulHeader
{
  clear:both;
  float:left;
  width:560px;
  margin:0 5px 0 5px;
	}


#colourfulHeads, #rowBelow {
 clear:both;
 float:left;
 width:560px;
 margin:5px 5px 0 5px;

}

#colourfulHeads .colourfulHeaderBlue {
 margin-right:5px;
 width:560px;
 height:31px;
 background:#ffffff url(/images/colourfulHead_bg_blue.gif) no-repeat;

}

#colourfulHeads .colourfulHeaderBlue h1 {
 padding-top:4px;
 padding-left: 5px;
 color:#ffffff;
 font-family: arial,sans-serif;
 font-size: 20px;
 font-weight: bold;
}

a:link, a:hover, a:visited, a:active {

 font-size: 12px;
 
}